.loader {
    background:#000 url(../img/icon-loader.gif) no-repeat center center;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
}

html,body {
    -webkit-font-smoothing:antialiased;
    height:100%;
    font-family: 'Dosis', sans-serif;
}

#wrap {
    min-height:100%;
    height:auto!important;
    height:100%;
    margin:0 auto -60px;
    color:#3B3B3B;
}
div.wpcf7-response-output {
    color: #fff;
}
#address {
    color:#3B3B3B;
}

#push {
    height:60px;
}

/*Navbar Customizations*/
.navbar-inner {
    background:#2D3538;
    background-color:#2D3538;
    filter:none;
    background-image:none;
    border:none;
    box-shadow:none;
    -webkit-box-shadow:none;
    -mox-box-shadow:none;
    -webkit-transition:background .3s ease;
    -moz-transition:background .3s ease;
    -o-transition:background .3s ease;
    -ms-transition:background .3s ease;
    transition:background .3s ease;
}

.navbar-inner {
    background:rgba(235,235,235,0.7);
}

.navbar .navbar-inner.sticky {
    background:rgba(235,235,235,1);
}

.navbar .sticky .nav > li > a:hover {
    color:#a10d0d;
    background:none;
    box-shadow:none;
    -webkit-box-shadow:none;
    -mox-box-shadow:none;
}

.navbar .sticky .nav > li.active a {
    background:transparent;
    color:#a10d0d;
    box-shadow:none;
    -webkit-box-shadow:none;
    -mox-box-shadow:none;
}

.navbar .sticky .nav > li a {
    background:transparent;
    color:#3B3B3B;
    box-shadow:none;
    -webkit-box-shadow:none;
    -mox-box-shadow:none;
}

.navbar .sticky .dropdown-menu li >a {
    display:block;
    clear:both;
    font-weight:300;
    line-height:20px;
    white-space:nowrap;
    color: #fff;
}

.navbar .sticky .dropdown-menu li > a:hover,.navbar .sticky .dropdown-menu li > a:focus,.navbar .sticky .dropdown-submenu:hover > a {
    text-decoration:none;
    color:#FFF;
    background-color:#a10d0d;
    background-image:none;
}

.navbar .dropdown-menu li > a:hover,.navbar .dropdown-menu li > a:focus,.navbar .dropdown-submenu:hover > a {
    text-decoration:none;
    color:#FFF;
    background-color:#a10d0d;
    background-image:none;
}

.navbar .nav > li > .dropdown-menu:after {
    border-bottom:6px solid #383838;
}

.dropdown-menu {
    margin: 5px 0 0;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    background-color:#383838;
    padding: 0;;
}

.dropdown-menu li > a {
    color:#a5a5a5;
    padding: 10px;
    border-bottom: 1px solid #474747;
}

.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner {
    box-shadow:none;
    -webkit-box-shadow:none;
    -mox-box-shadow:none;
}

.navbar .nav > li > a {
    text-shadow:none;
    color:#3B3B3B;
    font-weight:300;
    text-decoration:none;
    vertical-align:middle;
    font-size:15px!important;
    padding:18px;
    -webkit-box-align:center;
    -moz-box-align:center;
    -o-box-align:center;
    box-align:center;
    -webkit-transition:color .3s ease;
    -moz-transition:color .3s ease;
    -o-transition:color .3s ease;
    -ms-transition:color .3s ease;
    transition:color .3s ease;
}

.navbar .nav > li > a:hover {
    color:#a10d0d;
    /*    background:rgba(0,0,0,0.36);*/
    box-shadow:none;
    -webkit-box-shadow:none;
    -mox-box-shadow:none;
}

.navbar .nav > li.active a {
    /*    background:rgba(0,0,0,0.16);*/
    color:#a10d0d;
    box-shadow:none;
    -webkit-box-shadow:none;
    -mox-box-shadow:none;
}

.navbar .nav > li.active a:hover {
    /*    background:rgba(0,0,0,0.16);*/
    color:#a10d0d;
    box-shadow:none;
    -webkit-box-shadow:none;
    -mox-box-shadow:none;
}

/* Nav bar CSS END*/
/*General Items CSS*/
#main-media {
    padding-bottom:10px;
}

section {
    position:relative;
}

header {
    background:url(../images/main-bg.jpg) no-repeat top center #fff;
    /*padding-top:10px;*/
}

.btn-landing {
    text-shadow:0 -1px 0 #6c9a15;
    color:#fff;
    background-color:#a10d0d;
    background-image:0 to(#6c9a15);
    background-image:0;
    background-image:linear-gradient(top,#a8d651,#6c9a15);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8d651',endColorstr='#6c9a15',GradientType=0);
    border-color:#a10d0d #6c9a15 #6c9a15 #a10d0d;
    border-color:rgba(0,0,0,0.25) rgba(0,0,0,0.35) rgba(0,0,0,0.35) rgba(0,0,0,0.25);
}

.btn-landing:hover,.btn-landing:active,.btn-landing.active,.btn-landing.disabled,.btn-landing[disabled] {
    background-color:#6c9a15;
}

.btn-landing:hover {
    color:#fffffb;
    text-shadow:0 -1px 0 #4e7c00;
}

.btn-landing:focus {
    color:#eeff97;
    -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    border-color:#a10d0d #6c9a15 #6c9a15 #a10d0d;
    border-color:rgba(0,0,0,0.25) rgba(0,0,0,0.35) rgba(0,0,0,0.35) rgba(0,0,0,0.25);
}

.btn-landing.active,.btn-landing:active {
    background-image:none;
    -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    color:#eeff97;
}

.btn-landing {
    font-family: 'Dosis', sans-serif;
    min-width:200px;
    padding:20px;
    font-size:19px!important;
    font-weight:300;
    background:#a10d0d;
    border-radius:0;
}

footer {
    font-size:12px;
    color:#888;
    display:block;
    background:#000;
    padding:20px 0 0px;
    position:relative;
    width:100%;
}

.copyright {
    color:#BBB;
}

li.heading {
    font-weight:300;
    margin-bottom:4px;
}

ul.social li i {
    font-size:50px;
    line-height:50px;
    color:#ccc;
}

ul.social li i:hover {
    color:#bbb;
}

hr {
    border:solid #DDD;
    border-width:1px 0 0;
    clear:both;
    margin:22px 0 21px;
    height:0;
}

hr.line {
    border-color:#D3D3D3;
    margin:40px auto;
    max-width:960px;
    border-bottom:1px solid #FFF;
}

/*margins & paddings css for easy use*/
.margin5 {
    margin-top:5%;
    margin-bottom:5%;
}

.margintop25p {
    margin-top:25%;
}

.margintop10p {
    margin-top:10%;
}

.margintop10 {
    margin-top:10px;
}
.paddingtop10{
    padding-top: 10px;
}
.paddingtop20{
    padding-top: 20px;
}

.marginbot20 {
    margin-bottom:20px;
}

.paddingbot20 {
    padding-bottom:20px;
}

.margintop20p {
    margin-top:20%;
}

.margintop20 {
    margin-top:20px;
}

.margintop40 {
    margin-top:40px;
}

.paddingbottom40 {
    padding-bottom:40px;
}

.center {
    text-align:center;
}

.left {
    text-align:left;
}

.right {
    text-align:right;
}

.colorpicker_field input {
    width:auto;
}

.colorpicker_field input,.colorpicker_hex input {
    width:auto;
    line-height:0;
}

h1{
    font-weight: 300;
}

h2 {
    font-size:50px;
    line-height:55px;
    letter-spacing:-1px;
    font-weight:300;
}

h2.big-h2-heading {
    font-size:50px;
}

footer img {
    height:50px;
}

#scroll-to-top {
    position:fixed;
    bottom:0;
    right:1%;
}

.support-icon {
    font-size:80px;
    display:block;
    padding:30px 0 0;
}

/*General CSS END*/
/* Google Map
=================================================================== */
.map {
    width:100%; 
    height:350px;
    background: #3B3B3B;
}

.map-box {
    height: 250px;
}

.map-box-space {
    margin-top: 25px;
}


#footer a {
    color:#666;
}

#footer a:hover {
    color:#a10d0d;
}


#top{
    min-height: 450px;
}

#onama {
    background:#ebebeb;
}

#vardrvo{
    background: #ebebeb;
}

#varcelik{
    background: #111110;
}

#vardizajn{
    background: #a41400;
}

#onama-banner, #vardrvo-banner, #varcelik-banner, #vardizajn-banner {
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-color:#F0FCFF;
    padding:150px 0;
    text-shadow:1px 1px 1px #000;
    background-size:cover;
}

#onama-banner h1, #vardrvo-banner h1, #varcelik-banner h1, #vardizajn-banner h1 {
    text-align:center;
    margin:0;
    color:#fff;
    font-size:44px;
    line-height:1;
    letter-spacing:-3px;
}

#onama-banner h2, #vardrvo-banner h2, #varcelik-banner h2, #vardizajn-banner h2 {
    text-align:center;
    margin:0;
    color:#fff;
    font-weight:100;
    font-size:34px;
    letter-spacing:0;
}

#onama-banner {
    background-image:url(../images/team-bg.jpg);
}

#vardrvo-banner {
    background-image:url(../images/wood-bg.jpg);
}

#varcelik-banner {
    background-image:url(../images/steel-bg.jpg);
}

#vardizajn-banner {
    background-image:url(../images/design-bg.jpg);
}


#contact {
    background:#3B3B3B;
}

#contact-background {
    background-image:url(../images/contact-bg.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-color:#F0FCFF;
    padding:150px 0;
    text-shadow:1px 1px 1px #000;
    background-size:cover;
}

#contact-background h1 {
    text-align:center;
    margin:0;
    color:#fff;
    font-size:65px;
    line-height:1;
    letter-spacing:-3px;
}

#contact-background h2 {
    text-align:center;
    margin:0;
    color:#fff;
    font-weight:300;
    font-size:18px;
    letter-spacing:0;
}

/* 
------------------*/
.var-menu{
    display: none;
    position:relative;
    zoom:1;
    z-index:50;
    text-align:center;
/*    margin-top:15%;
    margin-left:-18px;*/
}

.ie7 .var-menu {
    margin-bottom:-30px;
}


/*Home Icons, Featues Icons*/
#home-icons {
    text-align:center;
    position:absolute;
    bottom:30px;
}

#home-arrow {
    text-align:center;
    position:absolute;
    right:0;
    left:0;
    bottom:10px;
    width:50px;
    margin:auto;
    z-index:9000;
}

#home-language{
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 10px;
    margin: auto 20px auto auto;
    z-index: 9001;
    font-size: 18px;
    font-weight: bolder;
}

#home-language .active{
    filter: none;
    -webkit-filter: grayscale(0);
}


#home-arrow a {
    padding:10px;
    display:inline-block;
    color:#fff;
    text-decoration:none;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}

#home-arrow a:hover {
    color:#B42731;
}

#home-arrow a i {
    line-height:1px;
}



/* ==== Carousel ==== */
.carousel-control.car-button {
    position:absolute;
    height:auto;
    width:auto;
    background:rgba(0,0,0,0.47);
    opacity:.1;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px 10px;
}

.carousel-control.left {
    left:1%;
}

.carousel-control.right {
    right:1%;
}

.carousel-inner .item img {
    display:inline-block!important;
}

.carousel-inner .item {
    text-align:center!important;
}

.car-button {
    background:none;
    border:none;
    font-size:30px;
    opacity:0.1;
    -webkit-transition:opacity .5s ease-in-out;
    -moz-transition:opacity .5s ease-in-out;
    -ms-transition:opacity .5s ease-in-out;
    -o-transition:opacity .5s ease-in-out;
    transition:opacity .5s ease-in-out;
}

.car-button:hover {
    border:none;
    opacity:.5;
}

.carousel.horizontal .next {
    left:100%;
}

.carousel.horizontal .prev {
    left:-100%;
}

.carousel.horizontal .active.left {
    left:100%;
}

.carousel.horizontal .active.right {
    left:-100%;
}

.carousel.carousel-fade .item {
    -webkit-transition:opacity .5s ease-in-out;
    -moz-transition:opacity .5s ease-in-out;
    -ms-transition:opacity .5s ease-in-out;
    -o-transition:opacity .5s ease-in-out;
    transition:opacity .5s ease-in-out;
    opacity:0;
}

.carousel.carousel-fade .active.item {
    opacity:1;
}

.carousel.carousel-fade .active.left,.carousel.carousel-fade .active.right {
    left:0;
    z-index:2;
    opacity:0;
    filter:alpha(opacity=0);
}

.carousel.carousel-fade .next,.carousel.carousel-fade .prev {
    left:0;
    z-index:1;
}

.carousel.carousel-fade .carousel-control {
    z-index:3;
}

.vertical .carousel-inner {
    height:100%;
}

.carousel.vertical .item {
    -webkit-transition:.6s ease-in-out top;
    -moz-transition:.6s ease-in-out top;
    -ms-transition:.6s ease-in-out top;
    -o-transition:.6s ease-in-out top;
    transition:.6s ease-in-out top;
}

.carousel.vertical .active {
    top:0;
}

.carousel.vertical .next {
    top:100%;
}

.carousel.vertical .prev {
    top:-100%;
}

.carousel.vertical .next.left,.carousel.vertical .prev.right {
    -webkit-transition:ease-in-out top;
    -moz-transition:ease-in-out top;
    -ms-transition:ease-in-out top;
    -o-transition:ease-in-out top;
    transition:ease-in-out top;
}

.carousel.vertical .active.left {
    top:100%;
}

.carousel.vertical .active.right {
    top:-100%;
}

.carousel.vertical .item {
    left:0;
}

.carousel .inactive {
    position:absolute;
    display:block;
    z-index:-1;
}

.carousel .inactive.active {
    position:relative!important;
    z-index:0;
}


/*Shadow Box*/
.shadowbox {
    background-color:#FFF;
    border:0;
    padding:0;
    padding-bottom:5px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    box-shadow:0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
}

.big-heading {
    font-size:56px;
    line-height:1;
    letter-spacing:-3px;
    text-align:center;
}

/*Sub Headings*/
.sub-heading {
    font-size:18px;
    font-weight:300;
    color:#BBBDC0;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:1px;
    margin:20px 0 35px 0;
}

.sub-heading-support {
    font-size:18px;
    font-weight:300;
    color:#fff !important;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:1px;
    margin:10px 0;
}

.sub-heading-contact {
    font-size:18px;
    font-weight:300;
    color:#000!important;
    text-shadow:none!important;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:1px;
    margin:10px 0;
}

.carousel-fade .carousel-inner {
    overflow:visible;
}

/*Bootstrap Core Overlay CSS*/

.navbar .brand{padding: 10px 0; width: 150px;}
textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input {
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
}

select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input {
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

.navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > .active > a:focus {
    background:transparent;
    box-shadow:none;
}

.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child > .dropdown-toggle {
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #81A74C;
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #a10d0d;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #a10d0d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #a10d0d; 
}

/* --------------------------------------------------------	*/
/*  Forms  */
/* --------------------------------------------------------	*/
.form-menu input[type=text].input-xlarge,.form-menu input[type=password].input-xlarge {
    position:relative;
    height:20px;
    width:auto;
    padding:12px;
    margin-top:10px;
    color:#979797;
    background:#464646;
    border-radius:0;
    border:0;
}

.form-main input.input-xlarge,.form-main textarea.input-xlarge {
    position:relative;
    height:20px;
    width:100%;
    padding:16px 12px 14px;
    margin-top:10px;
    color:#979797;
    background:#464646;
    border-radius:0;
    border:0;
}

.form-comments input.input-xlarge,.form-comments textarea.input-xlarge {
    position:relative;
    height:20px;
    width:100%;
    padding:16px 12px 14px;
    margin-top:10px;
    color:#979797;
    background:#f4f4f4;
    border-radius:0;
}

.form-modal input.input-xlarge,.form-modal textarea.input-xlarge {
    position:relative;
    height:20px;
    width:95%;
    padding:16px 12px 14px;
    margin-top:10px;
    color:#979797;
    border-radius:0;
}

.form-main textarea.input-xlarge,.form-comments textarea.input-xlarge {
    height:100px;
    resize:none;
}

.error {
    color:#FFF;
    display:none;
}

/* --------------------------------------------------------	*/
/*  Buttons  */
/* --------------------------------------------------------	*/
.btn {
    color:#fff;
    background:#a10d0d;
    height:48px;
    line-height:48px;
    padding:0 22px;
    text-shadow:none;
    border-radius:2px;
    -webkit-box-shadow:rgba(0,0,0,0) 0 0 0!important;
    box-shadow:rgba(0,0,0,0) 0 0 0!important;
    margin-bottom:8px;
    text-shadow:1px 1px 1px #48611C;
    -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    border-color:#a10d0d #6c9a15 #6c9a15 #a10d0d;
    border-color:rgba(0,0,0,0.25) rgba(0,0,0,0.35) rgba(0,0,0,0.35) rgba(0,0,0,0.25);
}


.btn:hover {
    color:#FFF;
    background:#b20d0d;
    text-shadow:1px 1px 1px #48611C;
}
.navbar .btn-navbar{
    background:#000;
}
.navbar .btn-navbar:hover{
    background:#b20d0d;

}
.btn-blue {
    background:#467add;
}

.btn-blue:hover {
    background:#83adff;
}

.btn-gray {
    background:#3b3b3b;
}

.btn-gray:hover {
    background:#467add;
}

/* --------------------------------------------------------	*/
/*	Social Networks Icons */
/* --------------------------------------------------------	*/
.social-network {
    display:inline-block;
    background:url(../img/social-networks.png) no-repeat top left;
    width:24px;
    height:24px;
    background-position-y:0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
    cursor:pointer;
    border:0!important;
    margin-right:6px;
}

.sn2 {
    background:url(../img/social-networks-2.png) no-repeat top left;
}

/* Normal */
.social-network.aim {
    background-position:0 0;
}

.social-network.amazon {
    background-position:-24px 0;
}

.social-network.apple {
    background-position:-48px 0;
}

.social-network.behance {
    background-position:-72px 0;
}

.social-network.blogger {
    background-position:-96px 0;
}

.social-network.delicious {
    background-position:-120px 0;
}

.social-network.deviantart {
    background-position:-144px 0;
}

.social-network.digg {
    background-position:-168px 0;
}

.social-network.dribbble {
    background-position:-192px 0;
}

.social-network.ebay {
    background-position:-216px 0;
}

.social-network.evernote {
    background-position:-240px 0;
}

.social-network.facebook {
    background-position:-264px 0;
}

.social-network.feedburner {
    background-position:-288px 0;
}

.social-network.flickr {
    background-position:-312px 0;
}

.social-network.forrst {
    background-position:-336px 0;
}

.social-network.foursquare {
    background-position:-360px 0;
}

.social-network.github {
    background-position:-384px 0;
}

.social-network.google {
    background-position:-408px 0;
}

.social-network.gowalla {
    background-position:-432px 0;
}

.social-network.icq {
    background-position:-456px 0;
}

.social-network.itunes {
    background-position:-480px 0;
}

.social-network.lastfm {
    background-position:-504px 0;
}

.social-network.linkedin {
    background-position:-528px 0;
}

.social-network.meetup {
    background-position:-552px 0;
}

.social-network.myspace {
    background-position:-576px 0;
}

.social-network.newsvine {
    background-position:-600px 0;
}

.social-network.openid {
    background-position:-624px 0;
}

.social-network.paypal {
    background-position:-648px 0;
}

.social-network.picasa {
    background-position:-672px 0;
}

.social-network.pinterest {
    background-position:-696px 0;
}

.social-network.posterous {
    background-position:-720px 0;
}

.social-network.reddit {
    background-position:-744px 0;
}

.social-network.rss {
    background-position:-768px 0;
}

.social-network.skype {
    background-position:-792px 0;
}

.social-network.slashdot {
    background-position:-816px 0;
}

.social-network.soundcloud {
    background-position:-840px 0;
}

.social-network.stumbleupon {
    background-position:-864px 0;
}

.social-network.technorati {
    background-position:-888px 0;
}

.social-network.tumblr {
    background-position:-912px 0;
}

.social-network.twitter {
    background-position:-936px 0;
}

.social-network.viddler {
    background-position:-960px 0;
}

.social-network.vimeo {
    background-position:-984px 0;
}

.social-network.virb {
    background-position:-1008px 0;
}

.social-network.wordpress {
    background-position:-1032px 0;
}

.social-network.xing {
    background-position:-1056px 0;
}

.social-network.yahoo {
    background-position:-1080px 0;
}

.social-network.yelp {
    background-position:-1104px 0;
}

.social-network.youtube {
    background-position:-1128px 0;
}

.social-network.zerply {
    background-position:-1152px 0;
}

/* Mouseovers */
.social-network.aim:hover,.active .social-network.aim {
    background-position:0 -24px;
}

.social-network.amazon:hover,.active .social-network.amazon {
    background-position:-24px -24px;
}

.social-network.apple:hover,.active .social-network.apple {
    background-position:-48px -24px;
}

.social-network.behance:hover,.active .social-network.behance {
    background-position:-72px -24px;
}

.social-network.blogger:hover,.active .social-network.blogger {
    background-position:-96px -24px;
}

.social-network.delicious:hover,.active .social-network.delicious {
    background-position:-120px -24px;
}

.social-network.deviantart:hover,.active .social-network.deviantart {
    background-position:-144px -24px;
}

.social-network.digg:hover,.active .social-network.digg {
    background-position:-168px -24px;
}

.social-network.dribbble:hover,.active .social-network.dribbble {
    background-position:-192px -24px;
}

.social-network.ebay:hover,.active .social-network.ebay {
    background-position:-216px -24px;
}

.social-network.evernote:hover,.active .social-network.evernote {
    background-position:-240px -24px;
}

.social-network.facebook:hover,.active .social-network.facebook {
    background-position:-264px -24px;
}

.social-network.feedburner:hover,.active .social-network.feedburner {
    background-position:-288px -24px;
}

.social-network.flickr:hover,.active .social-network.flickr {
    background-position:-312px -24px;
}

.social-network.forrst:hover,.active .social-network.forrst {
    background-position:-336px -24px;
}

.social-network.foursquare:hover,.active .social-network.foursquare {
    background-position:-360px -24px;
}

.social-network.github:hover,.active .social-network.github {
    background-position:-384px -24px;
}

.social-network.google:hover,.active .social-network.google {
    background-position:-408px -24px;
}

.social-network.gowalla:hover,.active .social-network.gowalla {
    background-position:-432px -24px;
}

.social-network.icq:hover,.active .social-network.icq {
    background-position:-456px -24px;
}

.social-network.itunes:hover,.active .social-network.itunes {
    background-position:-480px -24px;
}

.social-network.lastfm:hover,.active .social-network.lastfm {
    background-position:-504px -24px;
}

.social-network.linkedin:hover,.active .social-network.linkedin {
    background-position:-528px -24px;
}

.social-network.meetup:hover,.active .social-network.meetup {
    background-position:-552px -24px;
}

.social-network.myspace:hover,.active .social-network.myspace {
    background-position:-576px -24px;
}

.social-network.newsvine:hover,.active .social-network.newsvine {
    background-position:-600px -24px;
}

.social-network.openid:hover,.active .social-network.openid {
    background-position:-624px -24px;
}

.social-network.paypal:hover,.active .social-network.paypal {
    background-position:-648px -24px;
}

.social-network.picasa:hover,.active .social-network.picasa {
    background-position:-672px -24px;
}

.social-network.pinterest:hover,.active .social-network.pinterest {
    background-position:-696px -24px;
}

.social-network.posterous:hover,.active .social-network.posterous {
    background-position:-720px -24px;
}

.social-network.reddit:hover,.active .social-network.reddit {
    background-position:-744px -24px;
}

.social-network.rss:hover,.active .social-network.rss {
    background-position:-768px -24px;
}

.social-network.skype:hover,.active .social-network.skype {
    background-position:-792px -24px;
}

.social-network.slashdot:hover,.active .social-network.slashdot {
    background-position:-816px -24px;
}

.social-network.soundcloud:hover,.active .social-network.soundcloud {
    background-position:-840px -24px;
}

.social-network.stumbleupon:hover,.active .social-network.stumbleupon {
    background-position:-864px -24px;
}

.social-network.technorati:hover,.active .social-network.technorati {
    background-position:-888px -24px;
}

.social-network.tumblr:hover,.active .social-network.tumblr {
    background-position:-912px -24px;
}

.social-network.twitter:hover,.active .social-network.twitter {
    background-position:-936px -24px;
}

.social-network.viddler:hover,.active .social-network.viddler {
    background-position:-960px -24px;
}

.social-network.vimeo:hover,.active .social-network.vimeo {
    background-position:-984px -24px;
}

.social-network.virb:hover,.active .social-network.virb {
    background-position:-1008px -24px;
}

.social-network.wordpress:hover,.active .social-network.wordpress {
    background-position:-1032px -24px;
}

.social-network.xing:hover,.active .social-network.xing {
    background-position:-1056px -24px;
}

.social-network.yahoo:hover,.active .social-network.yahoo {
    background-position:-1080px -24px;
}

.social-network.yelp:hover,.active .social-network.yelp {
    background-position:-1104px -24px;
}

.social-network.youtube:hover,.active .social-network.youtube {
    background-position:-1128px -24px;
}

.social-network.zerply:hover,.active .social-network.zerply {
    background-position:-1152px -24px;
}

/*Footer Links*/
ul.footer-links {
    list-style-image:url(../images/square.png);
    list-style-position:inside;
}

a.flink {
    color:#666;
    text-decoration:none;
    line-height:30px;
    font-weight:300;
    font-size:13px;
    margin-left:0;
    -moz-transition: color .5s,margin-left .5s;
    -webkit-transition: color .5s,margin-left .5s;
    -o-transition: color .5s,margin-left .5s;
    -ms-transition: color .5s,margin-left .5s;
    transition: color .5s,margin-left .5s;
}

a.flink:hover {
    color:#a10d0d;
    margin-left:5px;
}

/*Social Header on Home Screen*/
.social-header {
    position:absolute;
    left:10px;
    bottom:10px;
    width:auto;
    overflow:hidden;
    margin:40px auto 0;
    z-index:9001;
}

#contact .big-h2-heading {
    color:#999;
}

#contact p {
    color:#999;
}

#contact span {
    color:#999;
}


/*Posts on Home Page*/
.post-img {
    position:relative;
}

.post-img .overlay {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    cursor:pointer;
    opacity:0;
    filter:alpha(opacity=0);
    border-radius:3px 3px 0 0;
}

.post-img .overlay .op {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#000;
    z-index:1000;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
    border-radius:3px 3px 0 0;
}

.post-img:hover .overlay .op {
    opacity:0.5;
    filter:alpha(opacity=50);
    -webkit-transition:opacity .4s linear;
    -moz-transition:opacity .4s linear;
    -ms-transition:opacity .4s linear;
    -o-transition:opacity .4s linear;
    transition:opacity .4s linear;
}

.post-img:hover .overlay {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition:opacity .4s linear;
    -moz-transition:opacity .4s linear;
    -ms-transition:opacity .4s linear;
    -o-transition:opacity .4s linear;
    transition:opacity .4s linear;
}

.post-img .icons {
    padding:103px 0 0;
}

.post-img:hover .icons {
    padding:103px 0 0 250px;
    -webkit-transition:padding .2s linear;
    -moz-transition:padding .2s linear;
    -ms-transition:padding .2s linear;
    -o-transition:padding .2s linear;
    transition:padding .2s linear;
}

.post-img .icons li {
    display:block;
    width:49px;
    height:49px;
    position:relative;
    float:left;
    margin-right:1px;
}

.post-img .icons li .bg {
    display:block;
    width:49px;
    height:49px;
    background:#272727;
    filter:alpha(opacity=90);
    opacity:0.9;
    position:absolute;
    left:0;
    top:0;
    z-index:2000;
    border-radius:4px;
}

.post-img .icons li:hover .bg {
    background:#fff;
    border-radius:4px;
    -webkit-transition:background .4s linear;
    -moz-transition:background .4s linear;
    -ms-transition:background .4s linear;
    -o-transition:background .4s linear;
    transition:background .4s linear;
}

.post-img .icons li a {
    display:block;
    width:49px;
    height:49px;
    position:absolute;
    left:0;
    top:0;
    z-index:3000;
    font-size:40px;
    padding-top:5px;
    padding-left:10px;
    text-decoration:none;
    color:#fff;
}

.post-img .icons li:hover a {
    color:#000;
}

/*Modals*/
.modal {
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

.modal-header {
    padding:22px 15px;
    border-bottom:1px solid #FFF;
    background:#F5F5F5;
}

.modal-header h3 {
    font-weight:100;
}

.modal-body {
    border-top:1px solid #ddd;
}



a{color: #3B3B3B;}
a:hover {
    color: #a10d0d;
    text-decoration:none;
}
a:focus {
    outline:0;
    color: #a10d0d;
    text-decoration:none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,.navbar .nav li.dropdown.active > .dropdown-toggle,.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color:#fff;
    background:rgba(0,0,0,0.36);
}

/*page css*/
.page-top {
    background:#444;
    height:57px;
}

.page-title {
    background:rgba(255,255,255,0);
    padding:15px 0;
    border-bottom:1px solid #FFFDFD;
}

.page-title h2 {
    font-weight:300;
    font-size:30px;
    line-height:30px;
    text-shadow:1px 1px 1px #fff;
    color:#6d6d6d;
}



.btn-normal {
    height:30px;
    line-height:30px;
    padding:0 13px;
    margin-bottom:0;
}

.btn-comments {
    height:30px;
    line-height:30px;
    padding:0 10px;
}

.single-blog .btn-toolbar {
    margin-top:0;
    margin-bottom:0;
    padding:0 5px;
}

.thick {
    font-weight:300;
}

/*portfolio
*/
.pricing-home {
    padding:80px 0 60px;
    background:#FFF;
    color:#8E959C;
    border-bottom:1px solid #DDD;
    border-top:1px solid #DDDCDC;
}

.portfolio {
    padding:80px 0 60px;
    background:#ebebeb;
    color:#8E959C;
    border-bottom:1px solid #DDD;
    border-top:1px solid #DDDCDC;
}

.portfolio.rev {
    border-top:1px solid #FFFDFD;
    border-bottom:0;
    background:#F7F7F7;
    box-shadow:none;
    border-bottom:1px solid #FFFDFD;
}

.project {
    margin-bottom:30px;
    position:relative;
    overflow:hidden;
    /*    border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -o-border-radius:4px;*/
}

.project img {
    width:100%;
    display:block;
    /*    border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -o-border-radius:4px;*/
}

.project.hidden {
    display:none;
}

.project:before {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    box-shadow:0 1px 3px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2) inset;
    -o-box-shadow:0 1px 3px rgba(0,0,0,0.2) inset;
    content:'';
    z-index:3;
    /*    border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -o-border-radius:4px;*/
}

.project span.overlay {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(70,70,70,0.8);
    z-index:2;
    opacity:0;
    filter:alpha(opacity=0);
    /*    border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -o-border-radius:4px;*/
    transition:opacity .2s;
    -moz-transition:opacity .2s;
    -webkit-transition:opacity .2s;
    -o-transition:opacity .2s;
}

.project .cnt {
    position:absolute;
    z-index:10;
    left:0;
    right:0;
    top:30%;
    text-align:center;
    color:#fff;
    font-size:18px;
    text-shadow:0 1px 1px rgba(0,0,0,0.7);
    opacity:0;
    filter:alpha(opacity=0);
    transition:opacity .2s;
    -moz-transition:opacity .2s;
    -webkit-transition:opacity .2s;
    -o-transition:opacity .2s;
}

.project .cnt strong {
    font-weight:300;
    display:block;
    padding-bottom:27px;
}

.project .cnt h5 {
    font-size:30px;
    line-height: 36px;
    font-weight:300;
    padding-bottom:15px;
}

.project:hover span.overlay,.project:hover .cnt {
    opacity:1;
    filter:alpha(opacity=100);
}

#portfolio #filters {
    list-style-type:none;
    height:30px;
    margin-bottom:40px;
    text-align:center;
    margin-top:-20px;
}

#portfolio #filters li {
    display:inline-block;
    font-size:20px;
    margin:0 6px;
}

#portfolio #filters li.separator {
    color:silver;
    font-weight:lighter;
}

#portfolio #filters li a {
    color:#3f3f3f;
    font-weight:300;
    -webkit-transition:color .2s;
    -moz-transition:color .2s;
    -ms-transition:color .2s;
    transition:color .2s;
}

#portfolio #filters li a:hover,#portfolio #filters li a.active {
    color:#a10d0d;
}

.home-portfolio {
    padding:40px 0;
}

/*portfolio end*/
.navbar-inverse .navbar-inner {
    background-color:#3b3b3b;
    background:#3b3b3b;
    background-image:none;
}

/*PAGES NAVBAR*/
#navigation .nav.page li.active {
    position:relative;
}

#navigation .nav.page li.active:after {
    position:absolute;
    top:47px;
    left:45%;
    content:'';
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #F4F5F6;
}

/*contact page*/

.contact-page {
    padding:10px 0;
    background:#FFF;
    color:#8E959C;
    border-bottom:1px solid #DDD;
    border-top:1px solid #DDDCDC;
}

.contact-page.rev {
    border-top:1px solid #FFFDFD;
    border-bottom:0;
    background:#3B3B3B;
    box-shadow:none;
    border-bottom:1px solid #FFFDFD;
}

.contact-page .last{

    border-bottom: 0;
}
/*portfolio*/
.single-portfolio {
    padding:10px 0;
    background:#FFF;
    color:#8E959C;
    border-bottom:1px solid #DDD;
    border-top:1px solid #DDDCDC;
}

.single-portfolio.rev {
    border-top:1px solid #FFFDFD;
    border-bottom:0;
    background:#F7F7F7;
    box-shadow:none;
    border-bottom:1px solid #FFFDFD;
}

/*clients*/
.as-seen img {
    filter: url(../utils/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}

.as-seen img:hover {
    cursor: pointer;
    filter: none;
    -webkit-filter: grayscale(0);
}

section#bottom {
    background:#fff;
}

.call-to-action-link a {
    text-align: center;
    padding: 1em 0;
    display: inline-block;
    font-size: 4em;
    font-weight: 100;
    width: 100%;
    margin: 0;
    /*    border-top: 1px solid #DDDCDC;
        border-bottom: 1px solid #DDD;*/
    line-height: 1.2;
    background: #fff;
    o-transition: color .12s ease-out, background .12s ease-out;
    -ms-transition: color .12s ease-out, background .12s ease-out;
    -moz-transition: color .12s ease-out, background .12s ease-out;
    -webkit-transition: color .12s ease-out, background .12s ease-out;
    transition: color .12s ease-out, background .12s ease-out;
}

.call-to-action-link a:hover {
    background: #a10d0d;
    color: #999;
}
.call-to-action-link a span {
    display: inline-block;
    margin: 0 auto;
    color: #c2c2c2;
}

@-webkit-keyframes widget_preview {
    from {opacity: 0; -webkit-transform: translateY(-20px);}
to {opacity: 1; -webkit-transform: translateY(0px)}
}
@-moz-keyframes widget_preview {
    from {opacity: 0; -moz-transform: translateY(-20px);}
to {opacity: 1; -moz-transform: translateY(0px)}
}
@-ms-keyframes widget_preview {
    from {opacity: 0; -ms-transform: translateY(-20px);}
to {opacity: 1; -ms-transform: translateY(0px)}
}
@-o-keyframes widget_preview {
    from {opacity: 0; -o-transform: translateY(-20px);}
to {opacity: 1; -o-transform: translateY(0px)}
}
@keyframes widget_preview {
    from {opacity: 0; transform: translateY(-20px);}
to {opacity: 1; transform: translateY(0px)}
}

div.feature-option-3{

    margin-bottom: 30px;

}
i.features-option-3-icon{
    font-size: 5em;
    display: inline-block;
    margin-top: 18px;
    text-align: center;
    color: #a10d0d;
}
/*div.feature-detail{margin-left: 2px;}*/

.feature-detail h3{color: #888; font-weight: 300;}

section#latest-work{
    border-bottom:1px solid #DDD;
    border-top:1px solid #DDDCDC;
    background: #fff;
    padding: 40px 0;
}
#latest-work h1{
    color: #9B9797;
}
section.index-description{


    border-top:1px solid #FFFDFD;
    background:#F7F7F7;
    box-shadow:none;
    border-bottom:1px solid #ddd;
    padding: 20px 0;


}
.index-description p{color:#8E959C; }
.index-description h1{color:#999; }

section.typography{

    border-bottom:1px solid #DDD;
    border-top:1px solid #DDDCDC;
    background: #fff;
    padding: 40px 0;
}

.typography .headline{
    color:#999; 


}

/*FANCY BOX*/
/*-----------------------------------------------------------------------------------*/
/*	FANCYBOX
/*-----------------------------------------------------------------------------------*/
#fancybox-thumbs ul li img {
    max-width: none
}
.info.hidden {
    display: none
}
.fancybox-wrap {
    background: #FFF !important
}
.fancybox-title,
.fancybox-error {
    font-size: 14px !important;
    line-height: 24px !important;
}
.fancybox-title h2,
.fancybox-title h3 {
    color: #616161;
    margin-bottom: 10px;
    line-height: 22px;
    font-size: 18px;
    font-weight: 300;
}
.fancybox-skin {
    color: #616161 !important
}
.fancybox-title-inside-wrap {
    padding: 20px !important
}
.fancybox-nav span {
    width: 34px !important;
    height: 34px !important;
    margin-top: -17px !important;
}
.fancybox-close {
    top: -17px !important;
    right: -17px !important;
    width: 34px !important;
    height: 34px !important;
}
.fancybox-close:before,
.fancybox-prev span:before,
.fancybox-next span:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: 0;
    margin-top: 7px;
    text-align: center;
    width: 34px;
    font-size: 20px;
}
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background: #ebebeb !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    color: #4a4a4a !important;
    -webkit-transition: all 200ms ease-in !important;
    -o-transition: all 200ms ease-in !important;
    -moz-transition: all 200ms ease-in !important;
}
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {
    background: #a10d0d !important;
    color: #FFF !important;
}
.fancybox-prev span:before {
    content: '\f053'
}
.fancybox-next span:before {
    content: '\f054'
}
.fancybox-close:before {

    content: '\f00d'
}	
#fancybox-loading {
    margin-top: -12px !important;
    margin-left: -12px !important;
    background: #000 !important;
    padding: 8px;
    opacity: 1 !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}
#fancybox-loading div {
    width: 24px !important;
    height: 24px !important;
    background-image: url(../images/fancy-loading.gif) !important;
}


/*VARManu*/
.margintop30 {
    margin-top: 10px;
}

 #card12, #card21, #card22, #card32 {
    background: #a10d0d;
    height: 190px;
    width: 190px;
    margin: auto;
    opacity: 0.8;
    margin: auto;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}

#card11, #card13, #card31, #card33 {
    background: #a10d0d;
    height: 190px;
    width: 190px;
    margin: auto;
    opacity: 0.8;
    margin: auto;
}

#card12, #card21, #card22, #card32 {
    background: #000;
}

#card13 {
    background: #000;
    -webkit-border-radius: 0px 170px 0px 0px;
    -moz-border-radius: 0px 170px 0px 0px;
    border-radius: 0px 170px 0px 0px;
}

#card31 {
    background: #000;
    -webkit-border-radius: 0px 0px 0px 170px;
    -moz-border-radius: 0px 0px 0px 170px;
    border-radius: 0px 0px 0px 170px;
}

#text12, #text22, #text21, #text32 {
    padding-top: 71px;
    font-size: 36px;
    line-height: 48px;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    text-align: center;
}
#text33 {
    padding-top: 40px;
    font-size: 36px;
    line-height: 48px;
    text-align: center;
}


#text12 a, #text21 a, #text22 a, #text32 a{
    color: #fff;
    opacity:0;
    filter: alpha(opacity=0);
    color: #fff;
    text-decoration: none;
}
#text11 a, #text13 a, #text31 a, #text33 a{
    color: #fff;
    opacity:1;
    filter: alpha(opacity=1);
    color: #fff;
    text-decoration: none;
}

#text12 a:hover, #text21 a:hover, #text22 a:hover, #text32 a:hover {
    color: #a10d0d;
}
#text11 a:hover, #text13 a:hover, #text31 a:hover, #text33 a:hover{
    color: #fff;
}

#cell11, #cell12, #cell13, #cell21, #cell22, #cell31, #cell32, #cell33{
    perspective: 1000;
    -webkit-perspective: 1000;
}

#cell12:hover #card12,#cell21:hover #card21,#cell22:hover #card22,#cell32:hover #card32 {
    background: #000;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
#cell11:hover #card11, #cell13:hover #card13, #cell31:hover #card31, #cell33:hover #card33{
}

#cell11:hover #text11 a, #cell12:hover #text12 a, #cell13:hover #text13 a, #cell21:hover #text21 a, #cell22:hover #text22 a, #cell31:hover #text31 a, #cell32:hover #text32 a, #cell33:hover #text33 a{
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    transition-delay:0.2s;
    -webkit-transition-delay:0.2s;
}


.navbar-wrapper {

}

.about-varTeam {
    margin-top: 100px;
}

.director-name {
    padding-top: 100px;
}

.director-name span{
    font-style: italic;
    font-size: 18px;
    line-height: 24px;
    color: #a10d0d;
}

/*VARSteel*/
#piccell1, #piccell2, #piccell3, #piccell4{
    overflow: hidden;
    padding: 122px 0;
    /*    width: 270px;
        height: 350px;*/
    perspective: 1000;
    -webkit-perspective: 1000;
}

#pictext1, #pictext2, #pictext3, #pictext4{
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 0px;
    /*    margin-top: 50px;*/
    /*    width: 270px;*/
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transform: rotateY(270deg);
    -webkit-transform: rotateY(270deg);
    -moz-transform: rotateY(270deg);
}

#piccard1 img, #piccard2 img, #piccard3 img, #piccard4 img{
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}

#piccell1:hover #piccard1 img, #piccell2:hover #piccard2 img, #piccell3:hover #piccard3 img, #piccell4:hover #piccard4 img{
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    margin-top: -270px;
    opacity: 0;
}

#piccell1:hover #pictext1, #piccell2:hover #pictext2, #piccell3:hover #pictext3, #piccell4:hover #pictext4{
    line-height: 30px;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}

/*VARWood*/
#skica-main,#skica{
    height: 256px;
    background: url(../images/varwood/strana-varwood-skica.jpg) no-repeat;
    background-size: 100% 100%;
}


.paddingbot65 {
    padding-bottom: 75px;
}

.paddingtop65 {
    padding-top: 75px;
}

.paddingtop40 {
    padding-top: 40px;
}

.dizajn-text {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
}

.var-wood {

}

.var-wood h2{
    color: #a10d0d;
    font-size: 30px;
    line-height: 32px;
}

.var-wood p{
    font-size: 16px;
}

ul.thumbnails{
    padding: 0;
    margin: 10px 0 0 0;
}

ul.thumbnails > li {
    margin-bottom: 0px;
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.055);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.055);
}

.bg-black {
    background: #000;
    width: 100%;
    color: #fff;
}

.sidebar1 {
    height: 545px;
}
.sidebar2 {
    height: 590px;
}
.sidebar3 {
    height: 503px;
}
.sidebar4 {
    height: 488px;
}
.sidebar5 {
    height: 525px;
}

#katalozi{
    position: relative;
    left: -80px;
    top: 20px;
    background: #a10d0d;
    color: #fff;
    text-align: right;
    width: 100px;
    height: 60px;
}

#katalozi p{
    padding-right: 20px;
    padding-top: 34px;
}

.var-wood-menu {
    padding-top: 160px;
}
#testPic, .flag{
    filter: url(utils/filters.svg#grayscale); 
    filter: gray; 
    -webkit-filter: grayscale(1);
}

#testPic:hover, .flag:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}

#vardrvo-enterijer,#vardrvo-eksterijer,#vardrvo-ograda,#vardrvo-fasada,#vardrvo-stopice{
    display: none;
}

.shadow{
    -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.41);
-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.41);
box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.41);
}