/* Theme Name: MARCHETTO Author: the marchetto team Description: The MARCHETTO for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Version: 1.0 Text Domain: marchetto */ /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ /*Global CSS*/ * { margin: 0px; padding: 0px; box-sizing:border-box; -webkit-box-sizing:border-box } body { margin: 0px; padding:0px; font-size:14px; line-height:18px; font-family: 'Source Sans Pro', sans-serif; color:#fff; -webkit-font-smoothing: antialiased !important; -moz-font-smoothing: antialised; } .clear { height: 0px; overflow: hidden; clear: both; } a { color: #000; text-decoration: none;} a:hover { text-decoration: none; } h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight:400; } h1 { font-size: 40px; color:#393939; padding-bottom:20px; font-weight:400; text-transform:capitalize; line-height:45px} h2 { font-size: 34px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 14px; } ul, ol { padding: 0px 0px 20px 20px; list-style:none } textarea:focus, input:focus{ outline: none!important; border:none!important; outline-style:none; box-shadow:none; border-color:transparent;box-shadow:none;border-color:transparent;} h1.ptitle {font-size: 30px; color:#fff; padding-bottom:45px;} * input::-webkit-input-placeholder { color: #333; opacity:1!important } * input::-moz-placeholder { color: #ccc; opacity:1!important} * input:-ms-input-placeholder { color: #333; opacity:1!important} html, html a { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased !important; -moz-font-smoothing: antialiased !important; -o-font-smoothing: antialiased !important; } input[type="image"], input[type="submit"], input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } * { padding: 0; margin: 0; outline: none !important; border: 0; font-weight: normal; box-sizing:border-box; -webkit-box-sizing:border-box ; -moz-box-sizing:border-box} html, body{ min-height:100%; height:100%; display:block; width:100%} a:focus { outline: none } input:focus { outline: none } input { -webkit-appearance: none; -moz-appearance: none; -ms-appereance: none; border-radius: 0; -webkit-border-radius: 0 } img{ max-width:100%; height:auto; vertical-align:top} /* layout */ .home #layout { width: 100%; min-height:100%; height:100%; } body.home { overflow: hidden; } #layout { width: 100%; min-height:100%; float:left; position:relative } /* Wrapper */ .wrapper { max-width: 100%; margin: 0 auto; padding:0 20px;} body.hidden{ overflow:hidden} /* header */ #header { position: fixed; width:100%; float:left; background:#fff; height: 104px; padding-top:11px; z-index:999; border-bottom:solid 1px #cccccc /*border-bottom:solid 1px #cccccc*/} /*#header.stickyhead .menuBar{ position: fixed; width: 100%; left: 0px; top: 0px;}*/ #header.bornone { border-bottom:none} /* menuBar */ .menuBar { z-index: 99; float:left; width:auto; position:relative; margin-top:36px; margin-left:58px; } .menuBar a.mobilemenu { display: none; } .menuBar ul { padding: 0px; list-style: none; float:right; width:100%; text-align:center } .menuBar li { padding:0 14px; position: relative; display:inline-block;} .menuBar li a { text-decoration: none; color:#525151; font-weight:400; font-size:18px; float:left; font-family: 'Source Sans Pro', sans-serif; padding-bottom:5px} .menuBar li.current-menu-ancestor > a{color: #7f5732; font-weight: 700;} .menuBar li a:hover, .menuBar li.active > a, .menuBar li.selected > a{ color:#7f5732; } .menuBar li.active a{font-weight:700} .menuBar ul > li.dropdown {/* padding-right: 15px;*/ } .menuBar ul > li.dropdown > a {/* padding-right: 25px;*/ /*background: url('images/arrow-down.png') right no-repeat;*/ } .menuBar li ul { position: absolute; left:0px; top:22px; width: 100%; background: #376072; min-width:150px; border:solid 1px #fff; border-top:0 solid #393939; text-align:center} .menuBar li li { padding: 0px; float: none; width: 100%; border: 0px; text-align:left; background:none } .menuBar li li.dropdown > a { /*background: url('images/arrow-right.png') right no-repeat;*/ } .menuBar li li a { padding: 7px 10px; height:auto; display: block; font-size:20px;color: #fff; border-top:solid 1px #fff; font-weight:600; white-space:nowrap; width:100%; letter-spacing:1px; text-align:center; line-height:25px} .menuBar li li a:hover { color:#c9cbcc} .menuBar li li.current-menu-item a{color:#c9cbcc} .menuBar li li ul { left: 100%; top: 0px; } .menuBar li ul { display: none; } .menuBar li:hover ul { display: block; } .menuBar li:hover li ul { display: none; } .menuBar li:hover li:hover ul { display: block; } .menuBar a.close { display: none; } .menuBar li:first-child { padding-left:0 } .menuBar li.space { float:right} /*#header.stickyhead .menuBar{ text-align:center; margin:0; padding:10px 0;} #header.stickyhead .menuBar ul{ text-align:center; width:100%} #header.stickyhead .menuBar li { float:none; display:inline-block}*/ #header .logo{ float:left; } #header h2{ color:#593c44; font-size:36px; line-height:40px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; float:right; margin-top:22px;} #backstretch{ width:100%; background-size:cover} .flexslider, .flex-viewport, .slides, .homeBanner, .slides li{ display:block; height:100%; min-height:100%} .homeBanner{ float:left; width:100%; min-height:100%; height:100%; position: absolute; z-index:9; overflow:hidden; top: 0; z-index: 0; background: #000; } .homeBanner li{ padding:0; background:none; position:relative; min-height:100%; height:100%;} .homeBanner ol{ margin:0; padding:0; display:none } .homeBanner ol.flex-control-nav { position:absolute; bottom:55px; left:50%; z-index:999; width:100%; max-width: 1393px; margin-left:-700px;} .homeBanner ol.flex-control-nav li{ padding:0 0 0 25px; float:left; } .homeBanner ol.flex-control-nav li a{ float:left; width:16px; height:16px; text-indent:-9999px } .homeBanner ol.flex-control-nav li a:hover, .homeBanner ol.flex-control-nav li a.flex-active{cursor:pointer} .homeBanner ul.flex-direction-nav { width:1020px; left:50%; transform:translateX(-50%); padding:0 20px; float:left; position:absolute; top:50%; margin:0; display:block; z-index:99999; display:none } .flex-prev { float:left; width:34px; height:34px; background:url(images/left_arrow.png) 0 0 no-repeat; text-indent:99999px; overflow:hidden; float:left; position:relative} .flex-next { float:left; width:34px; height:34px; background:url(images/right_arrow.png) 0 0 no-repeat; text-indent:9999px; overflow:hidden; float:right} .homeBanner img{ float:left; width:100%; } .homeBanner:hover ul.flex-direction-nav{ display:none} .flex-prev:hover { opacity:0.7} .flex-next:hover { opacity:0.7} h1.placeTitle{ font-size:75px; line-height:76px; font-weight:400; color:#fff; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; letter-spacing:-3px; z-index:9999; position:absolute; right:40px; top:120px;} h1.placeTitle span{ display:block; padding-left:100px; margin-top:-15px; padding-right: 10px; } li.left h1.placeTitle{right:auto; left:40px;} h4.placeName{ font-size:16px; line-height:20px; font-weight:400; color:#fff; position:absolute; right:40px; bottom:65px; z-index:9999; font-family: 'Source Sans Pro', sans-serif; text-align:right } h4.placeName em{ font-size:14px;} .placeDetails{ float:left; width:350px; padding:15px 25px 35px 25px; background:rgba(0,0,0, 0.7); position:absolute; bottom:70px; left:20px; color:#fff; font-family: 'Source Sans Pro', sans-serif; z-index:999} .placeDetails h3{ float:left;font-size:17px; line-height:22px; font-weight:400; text-transform:uppercase; padding-bottom:15px; } .placeDetails p{ float:left; font-size:18px; line-height:24px; font-weight:300; } .placeDetails p a{color:#7f5732 } .placeDetails p a:hover{color:#af631e } .bodyContainer{ float:left; width:100%; padding-top:104px; background:#2a4259; transition: all 0.3s; -webkit-transition: all 0.3s; } .leftSec{float:left; width:65%; background:#fff; height:100%; min-height:100%;} .leftSec.news{ border-top: solid 1px #cfcfcf} .leftSec .innerBanner{float:left; width:100%; background:#593c44; padding-left:20px} .leftSec .innerBanner img{ max-width:100%;} .leftSec .aboutContent{float:left; width:100%; padding:55px 180px 0 170px} .leftSec .aboutContent h2{ color:#593c44; font-size:30px; line-height:35px; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .leftSec .aboutContent h3{ color:#000000; font-size:24px; line-height:30px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; padding-bottom:20px} .leftSec .aboutContent h4{ color:#346072; font-size:18px; line-height:30px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; text-transform:uppercase} .leftSec .aboutContent p{ color:#000000; font-size:18px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; padding-bottom:25px;} .leftSec .clientContent{float:left; width:100%; padding:50px 135px 80px 170px; background:#f3f2f1; height:100%; min-height:100%;} .leftSec .clientContent h3{ color:#593c44; font-size:30px; line-height:35px; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .leftSec .clientContent h4 { color:#000000; font-size:18px; line-height:24px; padding-bottom:20px; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .leftSec .clientContent ul{ float:left; width:33.3%; padding:0; margin:0} .leftSec .clientContent ul li{ float:left; width:100%; padding:0 10px 2px 15px; color:#000; font-size:15px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; background:url(images/bullate.jpg) 0 10px no-repeat;} .leftSec .clientContent ul li a { color:#000; } .leftSec .clientContent ul li a:hover{ color:#593c44; } .rightSec{float:left; width:35%; background:#2a4259; height:100%; min-height:100%;} .leadership h3{ color:#fff; font-size:30px; line-height:35px; padding:20px 35px; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .leadership > ul{ float:left; width:100%; padding:0; margin:0; border-top:solid 1px #6a7b8b; } .leadership > ul li{ float:left; width:100%; color:#fff; transition: all 0.3s; -webkit-transition: all 0.3s; } .leadership h4{ color:#fff; font-size:20px; line-height:24px; padding:20px 35px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; border-bottom:solid 1px #6a7b8b; position:relative} .leadership > ul li h4 strong{ font-weight:700; padding-right:5px} .leadership > ul li h4 span{ position:absolute; top:50%; right:125px; margin-top:-16px; float:left; width:32px; height:32px; cursor:pointer } .leadership > ul li h4 span{background: url(images/plus_minus.png) 0 0 no-repeat; cursor:pointer } .leadership > ul li.active h4 span{background: url(images/plus_minus.png) 0 100% no-repeat; cursor:pointer } .leadership .details{ float:left; width:100%; padding:25px 35px 45px 35px; display:none; border-bottom:solid 1px #6a7b8b;} .leadership em{ float:left; width:100%; margin-bottom:20px; font-size:16px; color:#fff; font-family: 'Source Sans Pro', sans-serif;} .leadership img{margin-right:25px; float:left} .leadership h5{ color:#87b0ae; font-size:16px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; text-transform:uppercase; /*padding-top:15px*/;} .leadership p{ color:#fff; font-size:16px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; padding-bottom:25px;} .leadership ul > li.active {background:#223649} /*.leadership ul > li.active .details{ display:block;}*/ .leadership ul ul{ float:left; width:100%; padding:0} .leadership ul ul li{ color:#fff; font-size:14px; line-height:25px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; margin-bottom:5px; padding-left:15px; display:block; background:url(images/bullate_01.jpg) 0 11px no-repeat;} .leftSec .topSec{float:left; width:100%; border-left:solid 20px #593c44; padding:40px 80px 20px 80px} .leftSec .topSec h2{ color:#593c44; font-size:30px; line-height:35px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; padding-bottom:10px} .leftSec .topSec h3{ color:#000; font-size:24px; line-height:28px; font-family: 'Source Sans Pro', sans-serif; font-weight:400} .leftSec .topSec ul{ float:left; width:100%; margin:5px 0 30px 0; padding:0} .leftSec .topSec ul li{ float:left; padding-right:40px; color:#000; font-size:18px; line-height:21px; font-family: 'Source Sans Pro', sans-serif; font-weight:400} .leftSec .topSec ul li input{ margin-right:8px; } .leftSec .topSec ul li input[type="radio"]{ position: absolute; opacity: 0; width: 20px; height: 20px; } .leftSec .topSec ul li input[type="radio"] + label::before{ content: ""; display: inline-block; width: 20px; height: 20px; line-height: 16px; margin: 0 8px 0 0; vertical-align: middle; padding:5px 0 0 0} .leftSec .topSec ul li input[type="radio"]:disabled + label{ opacity: .5; cursor: default; /* or cursor: no-drop */} /* normal state radio */ .leftSec .topSec ul li input[type="radio"] + label::before{ background: url("images/radiobg.jpg") no-repeat 0 0;} /* selected radio */ .leftSec .topSec ul li input[type="radio"]:checked + label::before{ background: url("images/radiocbg.jpg") no-repeat 0 0;} /* focused checkbox or radio */ .leftSec .topSec ul li input[type="radio"]:focus + label { outline: dotted 1px; /* by not adding color to the value we force the use of system's default focus color "invert" */ } /* older versions of internet explorer do not support either generated content, so we display the system checkboxes and radio buttons */ @media \0screen { .leftSec .topSec ul li input[type="radio"] { position: static; } } .leftSec .topSec p{ float:left; padding-bottom:20px; color:#000; font-size:16px; line-height:21px; font-family: 'Source Sans Pro', sans-serif; font-weight:400} .leftSec .grayBox{float:left; width:100%; padding:40px 105px 200px 105px; background:#f3f2f1 ;} .leftSec .grayBox.rNews ul{float:left; width:100%; padding:0;} .leftSec .grayBox.rNews ul li{ float:left; width:100%; padding:13px 0 13px 0; color:#000000; border-bottom:solid 1px #cfcfcf;} .leftSec .grayBox.rNews ul li h4{ color:#346072; font-size:18px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .leftSec .grayBox.rNews ul li h5{ color:#000000; font-size:18px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .leftSec .grayBox.rNews ul li h4 a{ color:#346072; } .leftSec .grayBox.rNews ul li h5 a{ color:#000000; font-weight:700} .leftSec .grayBox.rNews{ padding-top:18px; padding-bottom:45px} .leftSec .grayBox.career h3{ color:#000; font-size:24px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .leftSec .grayBox.career ul{float:left; width:100%; padding:0;} .leftSec .grayBox.career ul li{ float:left; width:100%; padding:10px 0 6px 0; color:#000000; border-bottom:solid 1px #cfcfcf;} .leftSec .grayBox.career ul li h4{ color:#7f5732; font-size:24px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .leftSec .grayBox.career ul li h5{ color:#000000; font-size:18px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .leftSec .grayBox.career ul li h4 a{ color:#7f5732; font-weight:700 } .leftSec .grayBox.career ul li h5 a{ color:#000000;} .leftSec .grayBox.career ul li h3 a{ color:#000000;} .leftSec.full{width:100%} .leftSec.full ul{ max-width:830px;} .leftSec.full ul li{ border:none} .leftSec.full ul li h5{font-size:24px; line-height:28px; padding-bottom:24px;} .leftSec.full ul li p{font-size:16px; line-height:22px; padding-top:30px; color:#000; font-weight:400} .leftSec.full ul li p a{ color:#7f5732; text-decoration: underline; font-weight:700} .leftSec.full ul li p a:hover{ text-decoration: none} .leftSec.full .grayBox.rNews ul li h5{ font-size:24px; line-height:29px} .leftSec.full .grayBox.rNews ul li{ border:none} .orderPost{ display:inline-block; padding:10px 20px; margin-top:55px; background:#7f5732; color:#fff; font-size:16px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; clear:both} .orderPost:hover{ background:#95663b} .leftSec .awards{float:left; width:100%; padding:40px 90px; background:#fff} .leftSec .awards h2{ color:#593c44; font-size:24px; line-height:30px; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .leftSec .awards ul{ padding:20px 0 20px 0} .leftSec .awards li{ color:#000; font-size:18px; line-height:25px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; margin-bottom:5px; padding-left:15px; display:block; background:url(images/bullate_02.png) 0 11px no-repeat;} .leftSec .awards li a{color:#000; } .certifications{ padding:0 35px;} .certifications h3{ color:#fff; font-size:30px; line-height:35px; padding:50px 0 20px 0; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .certifications h5{ color:#87b0ae; font-size:16px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; text-transform:uppercase; padding-top:15px; padding:0 0 10px 0} .certifications h6{ color:#fff; font-size:16px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; padding-top:15px; padding:0 0 5px 0} .certifications ul { float:left; width:100%; padding:0; margin-bottom:20px;} .certifications ul li{ color:#fff; font-size:14px; line-height:25px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; margin-bottom:5px; padding-left:15px; display:block; background:url(images/bullate_01.jpg) 0 11px no-repeat;} .certifications ul li a{ color:#fff;} .certifications ul li:first-child{ /*padding-left:0; list-style:none; background:none*/} .certifications small{ display:block; color:#fff; font-size:14px; line-height:20px; padding:20px 0 0px 0; font-family: 'Source Sans Pro', sans-serif; font-weight:400; max-width:64%} .enlargeMap{ display:inline-block; padding:10px 20px; margin-top:20px; background:#7f5732; color:#fff; font-size:16px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; clear:both} .enlargeMap:hover{ background:#95663b} .certifications .leftbox, .certifications .rightbox{ float:left; width:100%} .rightSec.contact{ padding:0 35px;} .rightSec.contact h3{ color:#fff; font-size:30px; line-height:35px; padding:45px 0 20px 0; font-family: 'Source Sans Pro', sans-serif; font-weight:700} .rightSec.contact h4{ color:#fff; font-size:24px; line-height:30px; padding:20px 0 2px 0; font-family: 'Source Sans Pro', sans-serif; font-weight:400} .rightSec.contact p{ color:#fff; font-size:16px; line-height:26px; padding:0px 0 20px 0; font-family: 'Source Sans Pro', sans-serif; font-weight:400} .rightSec.contact p a{ color:#fff; font-size:16px; line-height:26px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; text-decoration:underline} .rightSec.contact p a:hover{ text-decoration:none} .rightSec.contact p a.tel{ font-weight:500; color:#fff!important; cursor:default} .rightSec.contact ul{ padding:0; margin:0} .rightSec.contact ul li{ margin-bottom:55px;} .fContact strong{float:left; width:100%; color:#000; font-size:16px; line-height:26px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; font-style:italic; padding-bottom:15px;} .fContact label{float:left; width:100%; color:#000; font-size:16px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; padding:8px 0 9px 0;} .fContact input[type="text"], .fContact input[type="email"], .fContact input[type="tel"]{float:left; width:100%; border:solid 1px #dcdbdb; background:#fff; padding:2px 5px; color:#000; font-size:16px; line-height:26px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; border-radius:0px} .fContact textarea{float:left; width:100%; border:solid 1px #dcdbdb; background:#fff; padding:2px 5px; color:#000; font-size:16px; line-height:26px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; height:118px; resize:none} .fContact input[type="submit"]{ display:inline-block; padding:7px 15px; margin-top:25px; background:#7f5732; color:#fff; font-size:16px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; clear:both; cursor:pointer; border:none} .fContact input[type="submit"]:hover{ background:#95663b} .fContact input[type="submit"]:focus{ border:none!important} .getDirection{ display:inline-block; padding:7px 15px; margin-top:5px; background:#7f5732; color:#fff; font-size:16px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; clear:both} .getDirection:hover{ background:#95663b} footer{float:left; width:100%; text-align:right; color:#999999; font-size:12px; text-transform:uppercase; background:#000000; min-height:32px; line-height:32px; z-index: 99999; font-family: 'Source Sans Pro', sans-serif; position:fixed; bottom:0;} footer a{color:#999999;} footer a:hover{color:#af631e } footer span{ display:inline-block; width:20px; line-height:10px; text-align:center} footer small{ display:inline-block; width:20px; line-height:10px; text-align:center; top:-2px; position:relative; font-size:18px;} footer .social{ float:left; margin:6px 8px 0 0;} footer .social img{ float:left;} footer .social:hover{ opacity:0.8} .tel{ text-decoration:none!important; color:#999999 !important; cursor:default;} .tel:hover{ text-decoration:none; color:#999999;} /*.loading1{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:#376072; display:block; z-index:9999999; animation-name: loading; animation-duration: 4s; text-align:center; vertical-align:middle; opacity:0; z-index:9999999 }*/ .scrollmore{background:url(images/down_arrow.png) right 12px no-repeat; color:#fff; float:left; padding-right:25px; font-weight:700; font-style:normal} .scrollmore:hover{ color:#fff; opacity:1} footer .clear{ display:none} /*.home #header { animation-name: header; animation-duration: 8s; -webkit-animation-delay: 2s; animation-delay: 2s; } .home footer { animation-name: footer; animation-duration: 8s; -webkit-animation-delay: 2s; animation-delay: 2s; } h1.first { animation-name: first; animation-duration: 10s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .placeName { animation-name: placeName; animation-duration: 12s; -webkit-animation-delay: 3s; animation-delay: 3s; } #layout.loading .loading1 { width: 100%; height: 100%; opacity: 1; } .loading1 { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; animation-name: loading; animation-duration: 8s; animation-delay: 0.9s; text-align: center; vertical-align: middle; opacity: 1; z-index: 9999999; background: #376072; } .loading2 { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #313131; display: block; z-index: 999999; animation-name: loading2; animation-duration: 8s; animation-delay: 0.9s; z-index: 999999; opacity:0; } .logo01 { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation-name: logo01; animation-duration: 8s; animation-delay: 0.9s; background: url(images/logo_011.png) center center no-repeat; opacity: 0; z-index: 99999999 } @keyframes logo01 { 0% {width:100%; height:100%; opacity:0} 10% {width:100%; height:100%; opacity:0} 20% {width:100%; height:100%; opacity:0} 50% {width:100%; height:100%; opacity:0} 55% {width:100%; height:100%; opacity:0} 60% {width:100%; height:100%; opacity:0} 65% {width:100%; height:100%; opacity:0} 70% {width:100%; height:100%; opacity:0.6} 75% {width:100%; height:100%; opacity:0.8} 80% {width:100%; height:100%; opacity:1} 85% {width:100%; height:100%; opacity:1} 90% {width:100%; height:100%; opacity:1} 92% {width:100%; height:100%; opacity:1} 94% {width:100%; height:100%; opacity:1} 96% {width:100%; height:100%; opacity:0.8} 98% {width:100%; height:100%; opacity:0.6} 100% {width:100%; height:100%; opacity:0} } @keyframes loading2 { 0% {width:100%; height:100%; opacity:1} 10% {width:100%; height:100%; opacity:1} 20% {width:100%; height:100%; opacity:1} 30% {width:100%; height:100%; opacity:1} 40% {width:100%; height:100%; opacity:1} 50% {width:100%; height:100%; opacity:1} 60% {width:100%; height:100%; opacity:1} 70% {width:100%; height:100%; opacity:1} 80% {width:100%; height:100%; opacity:1} 85% {width:100%; height:100%; opacity:0.8} 90% {width:100%; height:100%; opacity:0.6} 100% {width:100%; height:100%; opacity:0;} } @keyframes loading { 0% {width:100%; height:100%; opacity:1} 65% {width:188px; height:188px; opacity:1} 75% {width:188px; height:188px; opacity:1} 85% {width:188px; height:188px; opacity:0.8} 90% {width:188px; height:188px; opacity:0.6} 100% {width:188px; height:188px; opacity:0;} } @keyframes header { 0% {top:-500px; opacity:0} 80% {top:-500px; opacity:0} 100% {top:0px; opacity:1} } @keyframes footer { 0% {bottom:-450px;} 90% {bottom:-450px;} 100% {bottom:0px;} } @keyframes first { 0% {right:-1250px; opacity:0} 40% {right:-850px; opacity:0} 100% {right:40px; opacity:1} } @keyframes placeName { 0% {right:-850px; opacity:0} 40% {right:-450px; opacity:0} 100% {right:40px; opacity:1} }*/ /*===============================================================================================*/ /* @keyframes loading { 0% {width:100%; height:100%; opacity:1} 20% {width:100%; height:100%; opacity:1} 25% {width:640px; height:400px; opacity:1; } 40% {width:640px; height:400px; opacity:1} 50% {width:188px; height:188px; opacity:1} 90% {width:188px; height:188px; opacity:1} 100% {width:188px; height:188px; opacity:0; } } @keyframes logo01 { 0% { opacity:0} 20% { opacity:0} 25% {opacity:0;} 40% {opacity:0} 50% {opacity:1} 55% {opacity:1} 80% {opacity:1} 100% {opacity:0} } @keyframes loading2 { 0% {width:100%; height:100%; opacity:1} 20% {width:100%; height:100%; opacity:1} 25% {width:100%; height:100%; opacity:1; } 45% {width:100%; height:100%; opacity:0.8} 50% {width:100%; height:100%; opacity:0.5} 60% {width:100%; height:100%; opacity:0.2} 70% {width:100%; height:100%; opacity:0} 100% {width:100%; height:100%; opacity:0; } } */ /*new css */ .architecture_grid_container{ float:left; width:100%; background:#313131; padding:20px 0 0} .architecture_grid_container p{ display:none} .architecture_grid_container ul{ float:left; width:100%;margin:0px; padding:0px} .architecture_grid_container ul li{ float:left; width:24.6%; margin-right:0.53%; margin-bottom:8px; position:relative; overflow: hidden; min-height: 150px; } .architecture_grid_container ul li .overlay_box{ position:absolute; left:0px; top:100%; width:100%; height:100%; background:rgba(51,51,51, 0.8); transition:all 0.5s ease-in-out; padding:44% 20px 0 30px ;} .architecture_grid_container ul li h4{ font-size:24px; line-height:26px; color:#fff ;font-family: 'Source Sans Pro', sans-serif; font-weight:900; display:block; padding-bottom:15px} .architecture_grid_container ul li h5{ font-size:18px; line-height:21px ;font-family: 'Source Sans Pro', sans-serif; font-weight:600; padding-bottom:30px} .architecture_grid_container ul li .view{ font-size:18px; line-height:21px; background:url(images/gird_arrow.png) no-repeat left center; padding: 0 0 0 22px; color:#fff; text-transform:uppercase} .architecture_grid_container ul li .view:hover{ text-decoration:underline} .architecture_grid_container ul li:hover .overlay_box{display:block; top:0; transition:all 0.5s ease-in-out;} .architecture_grid_container ul li img{ width:100%} .architecture_grid_container ul li:nth-child(4n) { margin-right:0px} .architecture_header{ float:left; width:100%; background:#fff ; color:#000; padding: 10px 0 10px 195px; transition: all 0.3s; -webkit-transition: all 0.3s;} .architecture_header ul.left{ float:left; width:auto; list-style:none; margin:0px; padding:0px} .architecture_header ul.left li{ float:left; width:auto; background:url(images/seprater.jpg) no-repeat 0 center; background-size: 2px 24px; font-size:22px; line-height:38px ;font-family: 'Source Sans Pro', sans-serif; font-weight:400; padding: 0 15px; color:#505050} .architecture_header ul.left li:first-child{ font-size:28px; line-height:35px; font-weight:800; padding-left:0px; background:none} .architecture_header .back{ float:right; width:auto; padding-right:64px; background:url(images/back_btn.png) no-repeat left center; padding-left:18px; font-size:18px; line-height:23px; font-weight:800 ;font-family: 'Source Sans Pro', sans-serif; color:#7f5732; margin-top:7px} .architecture_header .back:hover{ text-decoration:underline} .architecture_project2{ float:left; width:100%; padding: 0 0 0 0; background:#fff; } .architecture_project2.full{border-left: solid 20px #593c44} .architecture_project2.full .bottom_container{ border:none} .architecture_project2 .bottom_container{ float:left; width:100%; min-height:450px; overflow:hidden ;border-left: solid 20px #593c44} .architecture_project2 .bottom_container .bottom_left{ float:left; width:65%; padding: 0 130px 0 147px ;margin-top: -9999px; margin-bottom: -9999px; padding-top: 9999px; padding-bottom: 9999px;} .architecture_project2 .bottom_container .bottom_left_details{ float:left; width:100%; padding:68px 0 30px 0} .architecture_project2 .bottom_container .bottom_left h3{ font-size:30px; line-height:35px; color:#593c44; font-weight:800; padding-bottom:20px} .architecture_project2 .bottom_container .bottom_left p{ font-size:18px; line-height:23px; color:#000} .architecture_project2 .bottom_container .bottom_right{ float:right; width:35%; background:#2a4259; margin-top: -9999px; margin-bottom: -9999px; padding-top: 9999px; padding-bottom: 9999px;} .architecture_project2 .bottom_container .bottom_right_content{ float:left; width:65%; padding:70px 40px 60px 43px} .architecture_project2 .bottom_container .bottom_right_content h3{ font-size:24px; line-height:29px; color:#87b0ae; padding-bottom:25px; font-weight:500} .architecture_project2 .bottom_container .bottom_right_content p{ float:left; width:100%; font-size:16px; line-height:21px; color:#fcfaf9; font-weight:400; padding-bottom:9px} .architecture_project2 .bottom_container .bottom_right_content p a { color: #87b0ae; display: inline-block; vertical-align: top; margin-left: 2px; } .architecture_project2 .bottom_container .bottom_right_content p a:hover { color: #7f5732; } .architecture_project2 .bottom_container .bottom_right_content p strong{ font-weight:800; padding-right:8px; float:left} .architecture_project2 .bottom_container .bottom_right_content p span{ float:left; overflow:hidden; width:70%} .architecture_project2 .bottom_container .bottom_right_content .watch{ color:#87b0ae; font-size:16px; line-height:21px; font-weight:800; display:block; padding-top:25px; float:left; width:100%} .architecture_project2 .bottom_container .bottom_right_content .downlaod{ color:#87b0ae; font-size:16px; line-height:21px; font-weight:800; display:block; padding-top:15px; display: block; clear: both; } .architecture_project2 .bottom_container .bottom_right_content .downlaod + br { display: none; } .architecture_project2 .bottom_container .bottom_right_content .downlaod a{color:#87b0ae; font-weight:800;} .architecture_project2 .bottom_container .bottom_right_content .downlaod a:hover{color:#7f5732;} .architecture_project2 .bottom_container .bottom_right_content .watch a {color: #87b0ae;font-weight: 800;} .architecture_project2 .bottom_container .bottom_right_content .watch a:hover{color:#7f5732;} .slider_container{ float:left; width:100%; padding:0 0 0 0} .slider_box{ float:left;width:100%; position:relative; /*z-index:99;*/ max-height:600px; overflow:hidden; height:600px; background:#666666} .slider_box.show { background-color: #fff; } .slides{ float:left; width:100%; height:895px; overflow:hidden} ul.slides{ float:left; width:100%; margin:0px; padding:0px} ul.slides li { padding: 0 0; position: relative; min-height:895px; float:left; width:100%; background-position: center top; background-size: cover!important; background-repeat: no-repeat; } ul.slides li .slider_left{ float:left; width:70%; border-right: solid 7px #666666 ;min-height:895px; background-position: center top; background-size: cover!important; background-repeat: no-repeat; } ul.slides li .slider_right{ float:left; width:30% ;min-height:895px; background-position: center top; background-size: cover!important; background-repeat: no-repeat; position: relative; } .flex-control-nav.flex-control-paging{ margin:0px; padding:0px; position:absolute; float:right; width:auto; bottom:18px; right:15px; z-index:9 } .flex-control-nav.flex-control-paging li{ float: left; width:auto ;font-size:0px; line-height:0px; margin: 0 7px} .flex-control-nav.flex-control-paging li a{ width:14px; height:14px; border-radius:50%; border: solid 2px #fff ;font-size:0px; line-height:0px; display:inline-block; cursor:pointer} .flex-control-nav.flex-control-paging li a.flex-active{ background:#fff} .flex-direction-nav{ position:absolute; top:0px; width:63px; right:0px; max-width:990px; list-style:none; padding: 0 0; z-index:9} .flex-direction-nav li{ float:left; width: 100%; margin-bottom:5px} .flex-direction-nav li.flex-nav-prev{ float:right; width:auto} .flex-direction-nav li.flex-nav-prev a{background:#555555 url(images/slide_left_arrow.png) no-repeat center center; width:63px; height:63px; display:inline-block; } .flex-direction-nav li.flex-nav-next{ float: right; width:auto} .flex-direction-nav li.flex-nav-next a{ background:#555555 url(images/slide_right_arrow.png) no-repeat center center; width:63px; height:63px; display:inline-block; font-size:0px; line-height:0px} .services_container{ float:left; width:100%; background:#fff ;border-left: solid 20px #593c44} .services_container .common_row{ float:left; width:100%; } .services_container .common_row.odd{ background:#f3f2f1} .services_container .common_row.even{ background:#e4e2df} .services_container .common_row img{ float:left; width:auto; border-right: solid 6px #aba8a4; border-bottom: solid 6px #aba8a4} .services_container .common_row .common_details{ padding: 37px 20px 20px 49px; float:left; width:62%} .services_container .common_row .common_details h3{ color:#346072; font-size:18px; line-height:23px; font-weight:700; padding-bottom:3px} .services_container .common_row .common_details p{ font-size:16px; line-height:24px; color:#000} .toggleMenu{ display:none} /*.contact_container{ overflow:hidden} .contact_container .leftSec{margin-top: -9999px; margin-bottom: -9999px; padding-top: 9999px; padding-bottom: 9999px;} .contact_container .rightSec.contact{margin-top: -9999px; margin-bottom: -9999px; padding-top: 9999px; padding-bottom: 9999px;} */ h4.placeName{ text-shadow:4px 4px 4px #000} /*new css */ .map_overlay{ float:left; width:1038px; position: relative; background:#525151; display:none} .map_overlay img{ float:left; width:100%} .map_overlay p{ font-size:14px; line-height:19px; color:#fff; font-weight:500; padding:35px; display:block; float:left} .map_overlay .close_btn{ position:absolute; right:12px; top:12px} .map_overlay .close_btn img{ float:left} h2.mob{ display:none} h2.desk{ display:block} .home ul.slides{ position:relative} .home ul.slides:before { position:absolute; bottom:0; left:0; height:231px; width:100%; content:""; background:url(images/gred_bg.png) repeat-x center 0; z-index:99999} .home ul.slides > li:first-child {display: block; -webkit-backface-visibility: visible;} .home ul.slides > li {display: none; -webkit-backface-visibility: hidden; } /* Developer CSS */ /* .placeDetails li {float: left; font-size: 18px; line-height: 22px; color:#fff; font-family:"Source Sans Pro",sans-serif;} .placeDetails li a {color: #7f5732;} */ .placeDetails ul.newslides {float: left; width:100%; padding:0px;} .placeDetails ul.newslides li {float: left; font-size: 16px; line-height: 22px; color:#fff; font-family:"Source Sans Pro",sans-serif; padding:0px; margin: 0 0 0 0} .placeDetails ul.newslides li a{color:#7f5732 } .placeDetails ul.newslides li a:hover{ color:#376072} #new_slider_box{display:none;} #new_slider_box.displaynone{display:block;} .nav-previous a{background: #7f5732 none repeat scroll 0 0; clear: both; color: #fff; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; margin-top: 55px; padding: 10px 20px;} .nav-next a{background: #7f5732 none repeat scroll 0 0; clear: both; color: #fff; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; margin-top: 55px; padding: 10px 20px;} .nav-next a:hover{background:#376072} .leftSec ul li p{font-size:16px; line-height:22px; padding-top:30px; color:#000; font-weight:400} .nav-previous a:hover{ background:#376072} /*h2.mob {display: none;}*/ .menuBar li.current-menu-item > a {font-weight: 700; color:#7f5732} /*.owl-controls { background: #ccc; bottom: 50px; float: left; position: absolute; width: 100%; z-index: 9; }*/ .owl-carousel .owl-stage-outer{ height:600px;} .owl-prev{ background: #555555 url("images/slide_left_arrow.png") no-repeat center center; display: inline-block; height: 63px; font-size: 0; width: 63px; z-index:999; top:65px; right:0; position:absolute; background-size: 13px; } .owl-prev:hover{ opacity:0.8} .owl-dots{ z-index:999; bottom:25px; right:10px; position:absolute; z-index:999} .owl-dot{border: 2px solid #fff; border-radius: 50%; cursor: pointer; display: inline-block; font-size: 0; height: 14px; line-height: 0; width: 14px; margin:0 5px;} .owl-dot.active {background: #fff;} .owl-next {background:#555555 url("images/slide_right_arrow.png") no-repeat center center;display:inline-block;font-size:0; height:63px;line-height:0;width:63px; z-index:999; top:0; right:0; position:absolute; background-size: 13px; } .owl-next:hover{opacity:0.8} .carousel-inner > .item > img {margin:0 auto;} .leftSec .wpjb-grid-row .wpjb-widget-grid-link a{color: #7f5732; font-weight:700; font-family: "Source Sans Pro",sans-serif; font-size: 24px; line-height: 24px;} .leftSec .wpjb-grid-row .wpjb-sub{color: #000000; font-family: "Source Sans Pro",sans-serif; font-size: 18px!important; font-weight:700!important; line-height: 24px!important; padding-bottom:5px;} .wpcf7-list-item-label{ float:left; line-height: 16px; margin: -6px 18px 0 0; padding:5px 0 0 0} .leftSec .topSec .wpjb-grid.wpjb-grid-closed-top{ border-top: solid 1px #cfcfcf} .leftSec .topSec .wpjb-grid .wpjb-grid-row{ border-bottom: solid 1px #cfcfcf; color:#000; font-size:16px;} .leftSec .topSec .wpjb-grid .wpjb-grid-row .wpjb-icon-location::before{ display:none} .leftSec .topSec .wpjb-grid .wpjb-grid-row .wpjb-icon-tags::before{ display:none} .leftSec .topSec .wpjb-grid .wpjb-grid-row .wpjb-grid-col:first-child{ font-weight:700; padding-left:0px} .leftSec .topSec .wpjb .wpjb-form div label.wpjb-label{ color:#000; font-size:16px; line-height:21px; font-weight:700; padding-top:5px} .leftSec .topSec .wpjb.wpjb-job.wpjb-page-single{color:#000} #wpjb-form-job-apply{ border: solid 1px #ad957e} .leftSec .topSec .wpjb-legend{ border-bottom: none!important} .leftSec .topSec .wpjb .wpjb-form div input[type="text"], .wpjb .wpjb-form div input[type="password"]{ border-radius:0px; border: solid 1px #000; font-size:14px; line-height:19px ;font-family: "Source Sans Pro",sans-serif; border:none; width:87%} .leftSec .topSec .wpjb .wpjb-form div div.wpjb-field textarea{border: solid 1px #000; width:91% ;font-family: "Source Sans Pro",sans-serif; font-size:14px; line-height:19px; border:none} .leftSec .topSec textarea:focus, input:focus{ border:none!important} .grayBox.fContact input:focus{ border: solid 1px #dcdbdb!important} .grayBox.fContact textarea:focus{ border: solid 1px #dcdbdb!important} span.wpcf7-not-valid-tip{ display:none} .grayBox.fContact input.wpcf7-not-valid{ border: solid 1px #f00} .grayBox.fContact textarea.wpcf7-not-valid{border: solid 1px #f00} .jqTransformRadio{ background:url("images/radio_button_image.png") no-repeat center top!important; width:20px!important; height:20px!important} a.jqTransformChecked{ background-position: center bottom!important} .leftSec .grayBox.fContact{ position:relative} .wpcf7-form{ position:relative; float:left; width:100%} div.wpcf7-validation-errors{ position:absolute; bottom:0px; border:none; color:#f00; left:97px; bottom:160px; margin:0px ;font-size:14px; line-height:19px} .wpcf7-mail-sent-ok{position:absolute; bottom:0px; border:none!important; color:#f00; left:97px; bottom:160px; margin:0px!important; color:#398f14; font-size:14px; line-height:19px} #job_single .leftSec #job_detail{ padding-bottom:80px; width:100%} #job_single .leftSec{ width:100%; background:#f3f2f1} .wpjb.wpjb-job.wpjb-page-single{width:55%;} h2.carrer_title{border-left: 20px solid #593c44; float: left; padding: 40px 60px 28px; width: 100%; color: #593c44; font-family: "Source Sans Pro",sans-serif; font-size: 30px; font-weight: 700; line-height: 35px; background:#fff} #job_single .topSec{ border:none} #job_single .topSec .wpjb .wpjb-text-box h3{ color:#593c44; font-weight:700; text-transform: none; margin-bottom:15px} #job_single .topSec .wpjb .wpjb-text p{ margin-bottom:20px} #job_single .topSec .applicatoin_info{ font-size:16px; line-height:21px; font-weight:700; padding-bottom:20px; display:block} #job_single .topSec .wpjb .wpjb-layer-inside{ background:#dcd3cb} #job_single .topSec .wpjb-job-apply a.wpjb-button.wpjb-form-toggle.wpjb-form-job-apply{ background:#dcd3cb!important; font-size:16px; line-height:21px; font-weight:700; color:#000!important ; font-family: "Source Sans Pro",sans-serif; border: solid 1px #ad957e; padding:13px 37px 13px 15px; min-width: 150px; margin-bottom:15px} #job_single .topSec .wpjb-job-apply a.wpjb-button.wpjb-form-toggle.wpjb-form-job-apply .wpjb-glyphs.wpjb-icon-down-open{ display:none} #job_single .topSec .wpjb-job-apply a.wpjb-button.wpjb-form-toggle.wpjb-form-job-apply::after{width: 0;height: 0;border-style: solid;border-width: 7px 6.5px 0 6.5px;border-color: #000000 transparent transparent;content:"" ; position:absolute; right:15px; top:21px } #job_single .topSec .wpjb-job-apply .wpjb-legend{ font-size:20px; line-height:25px; font-weight:700; color:#593c44; padding:10px 18px} #job_single .topSec .wpjb-job-apply .wpjb-form.wpjb-form-nolines fieldset{ padding:0 18px} #job_single .topSec .wpjb-job-apply .wpjb-element-input-textarea.wpjb-element-name-message label{ float:left; width:100%; padding-bottom:10px} #job_single .topSec .wpjb-job-apply .wpjb-element-input-textarea.wpjb-element-name-message .wpjb-field{ width:100%} #job_single .topSec .wpjb-job-apply .wpjb-element-input-file .limit{ font-size:16px; line-height:21px; color:#000 ;font-family: "Source Sans Pro",sans-serif; font-weight:700} #job_single .topSec .wpjb-job-apply #wpjb-upload-limit-file{ opacity:0.9!important} #wpjb-upload-file.button{ background:#c9baac; border: solid 1px #a4896f; font-size:16px; color:#000!important; line-height:21px ;font-family: "Source Sans Pro",sans-serif; text-transform:capitalize; padding:10px 10px 10px 28px} #wpjb-upload-file.button:hover{background:#7f5732; color:#fff} #wpjb-upload-file.button:hover .wpjb-upload-empty.wpjb-glyphs.wpjb-icon-upload{ color:#fff} .wpjb-upload-empty.wpjb-glyphs.wpjb-icon-upload{ font-weight:700; position:relative} .wpjb-upload-empty.wpjb-glyphs.wpjb-icon-upload:hover{color:#fff} .wpjb-icon-upload::before{ display:none; font-size:0px} #wpjb-upload-file.button{ position:relative} #wpjb-upload-file.button::before{ content:"" ; background:url("images/uplaod_icon.png") no-repeat 0 0 ; width:15px; height:15px; position:absolute; left:10px; top:14px} #job_single .topSec .wpjb-job-apply input.wpjb-submit{ background:#c9baac; border: solid 1px #a4896f; font-size:16px; line-height:21px ;font-family: "Source Sans Pro",sans-serif; font-weight:700; padding:13px 13px; cursor:pointer; } #job_single .topSec .wpjb-job-apply input.wpjb-submit:hover{background:#7f5732; color:#fff} #job_single .topSec .wpjb-job-apply input.wpjb-submit:focus{border: solid 1px #a4896f!important;} #job_single .topSec .carrer_link{ background:#7f5732; color:#fff; font-size:16px; line-height:21px; font-family: "Source Sans Pro",sans-serif; font-weight:700; padding:15px 21px; margin: 0; float:left} #job_single .topSec .carrer_link:hover{ background:#376072} .wpjb .wpjb-form .wpjb-error{ background:none!important} .wpjb .wpjb-form .wpjb-error input[type="text"]{ border: solid 1px #f00!important} ul.wpjb-errors{ display:none} #job_detail.topSec .jobtitle{ font-size:24px; line-height:29px; color:#000; font-weight:700 ;font-family: "Source Sans Pro",sans-serif; display:block; padding: 0 0 25px 0px } .search-form .screen-reader-text{ display:none} .search-form input[type="search"]{ background: #fff none repeat scroll 0 0; border: none; border-radius: 0; color: #000; float: left; font-family: "Source Sans Pro",sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; padding: 2px 5px; width: 200px;} .search-form input[type="search"]:focus{} .search-form input[type="submit"]{ background:#7f5732; border:none; padding:6px 8px; color:#fff; cursor:pointer ;font-family: "Source Sans Pro",sans-serif; font-size:14px; line-height:14px; height:30px} .search-form input[type="submit"]:hover{background:#376072} .tagcloud a{ color:#fff; display:block; padding:5px 0} .page-template-template-career .fancybox-close{background:url("images/cross_btn.jpg") no-repeat 0 0!important; width:41px!important; height:41px!important} .page-template-template-career .fancybox-close{ right:20px!important; top:20px!important} .fancybox-title-outside-wrap{ background:#525151; margin-top:0px!important; padding:34px; font-size:14px; line-height:19px} .wpjb-icon-location::before{ display: none!important} .leftSec .grayBox.rNews img{ margin-top:10px} .single .grayBox.rNews ul li h5{ font-size:24px; line-height:29px} .single .grayBox.rNews ul li p a{ color:#7f5732; text-decoration: underline;font-family: "Source Sans Pro",sans-serif; font-weight:700} .single .grayBox.rNews ul li p a:hover{ text-decoration:none} .grayBox.career .wpjb.wpjb-widget{ margin-top:20px} .grayBox.career .wpjb.wpjb-widget .wpjb-grid-row{ border-bottom: solid 1px #cfcfcf} .common_row_mob{ display:none} .services_container .common_row .common_details h3.titleonmob{ display:none} .page-template-template-services .fancybox-close{background:url("images/close_btn_mobile.png") no-repeat 0 0!important; width:24px; height:24px; display:inline-block; right:6px; top:22px} .page-template-template-services .fancybox-close:hover{ opacity:0.8} .page-template-template-services .fancybox-skin{ background:#f3f2f1} .common_row_mob h3{ color:#346072; font-size:18px; line-height:23px; font-family: "Source Sans Pro",sans-serif; font-weight:700; padding-bottom:10px; padding-top:5px; background:#f3f2f1; float:left; width:90%; position: relative; z-index:999;} .common_row_mob img{ width:100%; border: solid 3px #aba8a4; margin-bottom:30px} .common_row_mob p{ font-size:16px; line-height:21px; color:#000 ;font-family: "Source Sans Pro",sans-serif; font-weight:400; padding: 0 20px} .common_row_mob .common_details{ position:relative; float:left; width:100%; } .owl-carousel .owl-item{ position:relative} .owl-carousel .item img{ z-index:999} .owl-carousel .item{ position:relative; z-index:9999} /*.owl-carousel .item{ background:#fff url("images/spinner.gif") center center no-repeat; width:35px; height:35px; display:inline-block}*/*/ .leftSec .aboutContent ul{ list-style:disc} .leftSec .aboutContent ul li{ font-size:18px; line-height:23px; color:#000} .leftSec .aboutContent ol{ list-style:decimal} .leftSec .aboutContent ol li{ font-size:18px; line-height:23px; color:#000} blockquote{ font-style:italic; margin:0 20px} .search-form{ margin-top:10px} div.wpjb-flash-info{ background:#398f14!important; color:#fff} .logged-in .wpjb-button + .wpjb-button{ display:none} .owl-carousel .item{ opacity:0} .owl-loaded .item{ opacity:1} .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease 0s; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-item img { display: block; } /*.owl-carousel .item{background: url("images/spinner.gif") center center no-repeat; background-image:35px }*/ .leftSec .grayBox.rNews p{ color: #000000; font-family: "Source Sans Pro",sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; padding-bottom: 25px; padding-top:0px} .leftSec .grayBox.rNews h1{ padding-top:20px} .single.single-post .leftSec .grayBox.rNews ul{ list-style: none} .single.single-post .leftSec .grayBox.rNews ul li ul{ list-style: disc ; margin: 10px 0 10px 20px } .single.single-post .leftSec .grayBox.rNews ul li ul li{color: #000000; font-family: "Source Sans Pro",sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; padding-bottom: 0px; padding-top: 0;} .single.single-post .leftSec .grayBox.rNews ol{ list-style:decimal; margin:10px 0 10px 0; float:left} .single.single-post .leftSec .grayBox.rNews ol li{color: #000000; font-family: "Source Sans Pro",sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; padding-bottom: 0px; padding-top: 0;} .single.single-post .leftSec .grayBox.rNews ul li{ border:none} .single.single-post .leftSec .grayBox.rNews blockquote{ margin:20px} #project-carousel .owl-carousel .item { float: left; } #project-carousel.show { background: #fff url("images/loader1.gif") center center no-repeat; } #project-carousel.show .owl-carousel { opacity: 0; } /* #project-carousel.show .owl-carousel .item img { opacity: 0; } #project-carousel.show .owl-carousel .item:before { background: url("images/loader1.gif") center center no-repeat; width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; content: ''; z-index:99; display:block; z-index:9999; margin: -17px 0 0 -17px; } */ .leftSec .aboutContent ul{ list-style:disc} .architecture_grid_container ul li { width: 16.66%; margin-right: 0; padding: 0 10px; margin-bottom: 20px; } .architecture_grid_container ul { width: auto; float: none; overflow:hidden; margin: 0px; padding: 0 10px 30px; } .architecture_grid_container { overflow: hidden; } .page-id-48 .bodyContainer { height: 100%; } .architecture_project2 .bottom_container .bottom_right_content ul { width: 100%; float:left; list-style: disc; } .bodyContainer.news_inner_page { background: #f3f2f1; } body.single { background: #f3f2f1; } body.single.single-planning { background: #fff; } .bodyContainer.news_inner_page .leftSec { width: 100%; background: #f3f2f1; } .bodyContainer.news_inner_page .leftSec .topSec { width: 100%; background: #fff; } .bodyContainer.news_inner_page .leftSec .grayBox.rNews { padding-bottom: 80px; width: 100%; max-width: 1070px; } .bodyContainer.news_inner_page .leftSec .grayBox.rNews img { margin-bottom: 30px; } .popup_career .larg_map_block { position: absolute; display: none; left: 0px; top: 0px; width: 100%; height: auto; overflow: hidden; background: #525151; } .popup_career .larg_map_block img { width: 100%; margin: auto; height: auto; /*max-height: 696px; */ } .popup_career .larg_map_block p { display: block; color: #fff; font-size: 14px; line-height: 19px; } .popup_career .larg_map_block .map_text { padding: 30px 60px; overflow: hidden; background: #525151; position: absolute; width: 100%; bottom: 0; left: 0px; } .popup_career .larg_map_block .larg_map_close { position: absolute; z-index: 5; right: 12px; top: 12px; width: 41px; height: 41px; background: url("images/larg_map_close_btn.jpg") center center no-repeat; } .popup_career .leftSec { position: relative; } .page-id-48 #layout { background: #2a4259 none repeat scroll 0 0; } .page-id-48 #layout .bodyContainer:before { background: #f3f2f1 ; width: 65%; content: ''; position: absolute; left: 0px; top: 0px; height: 100%; } .page-id-48 #layout .bodyContainer .rightSec { position: relative; z-index: 9; } .page-id-48 #layout .popup_career .leftSec { z-index: 9; } .page-id-50 #layout { background: #2a4259 none repeat scroll 0 0; } .page-id-50 #layout .bodyContainer:before { background: #f3f2f1 ; width: 65%; content: ''; position: absolute; left: 0px; top: 0px; height: 100%; } .page-id-50 #layout .bodyContainer .rightSec { position: relative; z-index: 9; } .page-id-50 #layout .leftSec { z-index: 9; position: relative; } .page-id-46 #layout { background: #2a4259 none repeat scroll 0 0; } .page-id-46 #layout .bodyContainer:before { background: #fff; width: 65%; content: ''; position: absolute; left: 0px; top: 0px; height: 100%; } .page-id-46 #layout .bodyContainer .rightSec { position: relative; z-index: 9; } .page-id-46 #layout .leftSec { z-index: 9; position: relative; } .homeBanner ul.slides li { background-position: center top!important; min-height: inherit; } #project-carousel .owl-carousel .owl-stage-outer { height: 600px !important; } .owl-carousel .owl-item img { height: 601px; } #header .logo { } .architecture_grid_container ul li .overlay_box .text_bottom { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 20px 20px 20px 30px; } #header .logo img { max-height: 84px; } #header, .menuBar, #header h2, #header .logo img { transition: all 0.3s; -webkit-transition: all 0.3s; } #header .logo { width: 118px; } .architecture_grid_container ul li { /*max-height: 250px;*/ } .grid_block:before { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: #313131; content: ''; } .grid_block .architecture_grid_container { position: relative; z-index: 1; } .single-architecture #layout { overflow: hidden; } .single-architecture #layout .bodyContainer:before { background: #2a4259; width: 35%; content: ''; position: absolute; right: -7px; top: 0px; height: 100%; } .single-architecture #layout .architecture_project2 .bottom_container { z-index: 9; position: relative; background: #fff; } .single-architecture .architecture_header { position: relative; z-index: 9; } .single-planning #layout { overflow: hidden; } .single-planning #layout .bodyContainer:before { background: #2a4259; width: 35%; content: ''; position: absolute; right: -7px; top: 0px; height: 100%; } .single-planning #layout .architecture_project2 .bottom_container { z-index: 9; position: relative; background: #fff; } .single-planning .architecture_header { position: relative; z-index: 9; } .single-inprocess #layout { overflow: hidden; } .single-inprocess #layout .bodyContainer:before { background: #2a4259; width: 35%; content: ''; position: absolute; right: -7px; top: 0px; height: 100%; } .single-inprocess #layout .architecture_project2 .bottom_container { z-index: 9; position: relative; background: #fff; } .single-inprocess .architecture_header { position: relative; z-index: 9; } .page-id-36 #layout { overflow: hidden; } .page-id-36 #layout .bodyContainer:before { background: #2a4259; width: 35%; content: ''; position: absolute; right: 0; top: 0px; height: 100%; } .page-id-36 #layout .leftSec { z-index: 9; position: relative; } .page-id-36 .architecture_header { position: relative; z-index: 9; } .page-id-36 #layout .rightSec { z-index: 9; position: relative; } /*.firsttime{display:none;}*/ /*#new_slider_box {display: none !important; }*/ #job_detail .wpjb-flash-info { display: none; } #job_detail .showOriginal { background: none; color: #008000; border: none; line-height: 22px; margin: 5px 0; padding: 6px 25px 6px 0; font-size: 16px; } .contact_container .wpcf7-mail-sent-ok { color: #008000; font-size: 16px; line-height: 18px; } .contact_container div.wpcf7-validation-errors { font-size: 16px; line-height: 18px; } #job_single #job_detail #wpjb-scroll #wpjb-upload-file.button { height: 44px; } [class^="wpjb-icon-"]::before, [class*=" wpjb-icon-"]::before{margin-bottom:20px !important;}