@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'AcuminPro-Regular';
  src: url('../fonts/AcuminPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/AcuminPro-Regular.otf')  format('opentype'),
	     url('../fonts/AcuminPro-Regular.woff') format('woff'), url('../fonts/AcuminPro-Regular.ttf')  format('truetype'), url('../fonts/AcuminPro-Regular.svg#AcuminPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "acumin-pro-condensed", sans-serif;
  src: url('../fonts/AcuminPro-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/AcuminPro-Bold.otf')  format('opentype'),
	     url('../fonts/AcuminPro-Bold.woff') format('woff'), url('../fonts/AcuminPro-Bold.ttf')  format('truetype'), url('../fonts/AcuminPro-Bold.svg#AcuminPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf')  format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Semibold.otf')  format('opentype'),
	     url('../fonts/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova-Semibold.ttf')  format('truetype'), url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AcuminPro-Light';
  src: url('../fonts/AcuminPro-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/AcuminPro-Light.otf')  format('opentype'),
	     url('AcuminPro-Light.woff') format('woff'), url('../fonts/AcuminPro-Light.ttf')  format('truetype'), url('../fonts/AcuminPro-Light.svg#AcuminPro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family:'ProximaNova-Light';
	src:url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Light.otf') format('opentype'),
		url('../fonts/ProximaNova-Light.woff') format('woff'),
		url('../fonts/ProximaNova-Light.ttf') format('truetype'),
		url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

div.wpcf7 .ajax-loader {
	background-image:url("https://ivanacmechanical.com.au/wp-content/themes/ims/css/loadingripple.gif") !important;
    background-size:50px 50px !important;
    background-position:center center !important;
    position:fixed !important;
    margin:0px !important;
    padding:0px !important;
    width:100% !important;
    height:100% !important;
    left:0px !important;
    top:0px !important;
	z-index:9999999 !important;
	background-repeat:no-repeat !important;
	background-color:rgba(0,0,0,0.4) !important;
}

body{margin:0px; padding:0px; background-color:#ffffff; -webkit-text-size-adjust: none; overflow-x:hidden;font-size: 14px; line-height: 25px;font-family: 'ProximaNova-Regular',sans-serif;; font-weight:normal; }
img{max-width: 100%;}
.clear{clear: both;}
h1,h2,h3,h4{margin: 0;}
a:hover{border-color:#084dc1;}
a {text-decoration: none;transition-property: all;transition-duration: 0.2s;transition-timing-function: ease-in-out;}
a,li{list-style:none;text-decoration:none;}
.wrapper{margin: 0px auto;padding: 0px; width: 100%; max-width:1340px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
header .header{position: absolute; width: 100%; left:0; top:0; z-index: 9; text-align: center; }
header .header .panel{padding-top: 33px; }
header .header .left{float: left;}
header .header .logo img{height: 80px;width: auto;}
header .header .menu{float: right;}
header .header .menu ul{padding: 0;margin: 0;}
header .header .menu ul li{display: inline-block;padding: 0px 20px;}
header .header .menu ul li a{color: #FFFFFF;font-family: acumin-pro-condensed, sans-serif;font-weight: 700;font-style: normal;font-size: 14px;letter-spacing: 0.39px;line-height: 17px;text-transform: uppercase;}
header .header .menu ul li:after {display: block;content: '';border-bottom: solid 1px #fff;transform: scaleX(0);transition: transform 250ms ease-in-out;transform-origin: 0% 50%;width: 96%;}
header .header .menu ul li:hover:after, header .header .menu ul li.current_page_item:after {transform: scaleX(1);}
.text h3{color: #FFFFFF; font-family: "acumin-pro-condensed", sans-serif;font-size: 14px;font-weight: bold;	letter-spacing: 2.19px;	line-height: 17px;text-transform: uppercase;padding-bottom: 5px;}
.banner-panel .text{color: #FFFFFF;	 font-family: 'proxima-nova',sans-serif;;width: 100%; background-color: #2B2B2B;padding: 57px 79px 58px 102px; box-sizing: border-box;margin: 0px; max-width: 782px;font-size: 22px;	font-weight: 500;	letter-spacing: 0.61px;	line-height: 27px;}
.banner-panel{display: table-cell; vertical-align: bottom; height: 100%;position: relative; z-index: 99;width: 100%;}
.banner{background-size: cover;background-repeat: no-repeat;background: center center;width: 100%;min-height: 961px; position: relative;display: table;}
.banner .overlay{position:absolute; width: 100%; height: 100%; left:0; top:0; background-color: rgba(0, 0, 0, 0.5);}
.services {background: #000000;}
.services .content{padding-bottom: 60px;margin-left: 102px;}
.services .left{float: left;width: 50%;padding-top: 70px;}
.services .text h3{padding: 82px 0 0px 0;}
.services .text {color: #FFFFFF;font-weight: 500; font-family: "proxima-nova",sans-serif;font-size: 14px; letter-spacing: 0.39px;line-height: 17px;}
.services .text h2{color: #FFFFFF;	font-family: "acumin-pro-condensed", sans-serif;	font-size: 40px;	font-weight: bold;	letter-spacing: 1.11px;	line-height: 48px;}
.services .text h2:after{content: '';display: block;height: 2px; width: 22px;background-color: #4D4D4D; margin-top: 25px;}
.services .right{float: left;width: 29%;padding-top: 60px;}
.border{box-sizing: border-box;	height: 0.1px;	width: 22px;	border: 1px solid #4D4D4D;margin-top: 20px;}
.button{float: right;padding-top: 80px;}
.button a{color: #FFFFFF;font-family: "acumin-pro-condensed", sans-serif;font-size: 14px;font-weight: bold;letter-spacing: 2px;line-height: 17px;text-transform: uppercase;border: 1px solid #FFFFFF;padding: 10px 22px 10px 24px;}
.button a:hover{background-color:#084dc1; border-color:#084dc1;transition-property:all; transition-duration:0.2s; transition-timing-function: ease-in-out;}
.button a::after{content: '';background: url(../images/white-arrow.png)center;background-repeat: no-repeat;padding: 2.2px 12px;background-size: 8px;margin-left: 23px;}
.image-pnl{max-width: 1066px;margin-left: -40px;margin-top: -161px;}
.head-pnl.home{max-width: 1220px;margin: 165px auto;background-color: #F8F8F8;padding-top: 25px;margin-bottom: 91px; padding-bottom: 60px;}
.projects .img img{width: 1066px;padding-top: 25px;padding-left: 12px;}
.projects .text h3{color: #4D4D4D;padding: 82px 0 0px 0;}
.projects .text{ color: #4D4D4D;font-family: "proxima-nova",sans-serif;font-size: 14px;font-weight: 500;letter-spacing: 0.39px;line-height: 17px;padding-left: 102px;}
.projects .head-pnl.home .left .text h2{padding-top: 65px; color: #2B2B2B;font-family:"acumin-pro-condensed", sans-serif;font-size: 70px;font-weight: bold;	letter-spacing: 1.94px;	line-height: 84px;}
.projects .head-pnl.home .button a{color: #084DC1;border: 1px solid #084DC1;;}
.projects .head-pnl.home .button a:hover,.head-panel .btn a:hover{background-color:#084dc1; color:#fff;}
.head-panel .btn a:hover:after,.projects .head-pnl.home a:hover::after{background-image: url(../images/blue-arrow-white.png); background-position: center;background-repeat: no-repeat;background-size: 7px;}


.projects .head-pnl.home a::after{content: '';background: url(../images/blue-arrow.png) center;padding: 2.2px 10px;background-size: 8px;margin-left: 23px;background-repeat: no-repeat;}
.projects .head-pnl.home .left-panel{float: left;}
.projects .head-pnl.home .left-panel .text h3{padding-top:21px;color: #2B2B2B;font-family: "acumin-pro-condensed", sans-serif;	font-size: 20px;	font-weight: bold;	letter-spacing: 2.19px;	line-height: 24px;}
.projects .head-pnl.home .right-panel{float: left;width: calc(69% - 274px);padding-left: 17px;}
.projects .head-pnl.home .right-panel .text{padding-left: 0;padding-top: 10px;}
.projects .head-pnl.home .button{padding-top: 35px;    margin-right: -65px;}
.f-panel{background-color:#000;}
.f-panel .mid-contact-sec .left-sec{float:left; width: 50%; }
.f-panel .mid-contact-sec .right-sec{float:left; width: 50%;padding-left:50px; box-sizing: border-box;}
.f-panel .mid-contact-sec .panel .left .form{padding: 68px 154px 66px 74px;font-style: normal;}
.f-panel .mid-contact-sec .panel .left .form input[type="text"]{width: 100%;}
.f-panel .mid-contact-sec .panel{padding-left:0px;}
.f-panel .admin::before { content: '';background: url(../images/admin-black.png); padding: 10px 8px; background-repeat: no-repeat; background-size: 15px; position: absolute;
	max-width: 1440px; width: 100%; margin: 0 auto; left: -35px;}
.f-panel .admin{    padding-bottom: 24px; position: relative}
.f-panel .footer .location .address{    border-bottom:none;}
footer {border-top:1px solid #fff;}
footer .footer{background: #000000;}

footer .contact .panel{padding-left: 28px;}
footer .contact .panel .left{float: left;width: 50%;padding-top: 107px;padding-bottom: 98px;}
footer .contact .panel .left .form{color: #2B2B2B;	font-family: "ProximaNova-Regular";	font-size: 14px;	font-weight: 500;	letter-spacing: 0.39px;	line-height: 17px;padding-bottom: 41px;}
footer .contact .panel .left .form h3{padding-bottom: 0px;	color: #4D4D4D;}
footer .contact .panel .left .form {background: #fff;padding: 65px 154px 65px 73px;}
footer .contact .panel .left .form input[type="text"]{border:none; border-bottom:1px solid #4D4D4D; padding-bottom:6px; margin-top:20px; width:100%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font:400 15px 'Lato'; color:#343433; outline:none;}
.f-panel .mid-contact-sec .panel .left .form form{padding-top: 70px; }
.f-panel .mid-contact-sec .panel .left .form small{color: #2B2B2B; font-family: 'proxima-nova',sans-serif;font-weight: 500; font-size: 14px;letter-spacing: 0.39px;line-height: 17px; display: block;}
.f-panel .mid-contact-sec .panel .left .form h3 {font-weight: bold;padding-bottom: 10px;
color: #4D4D4D;font-family: "acumin-pro-condensed", sans-serif;font-size: 14px;	letter-spacing: 2.19px;	line-height: 17px;}
.footer .location {padding-top: 57px;padding-left: 0px; display: block;}
.footer .location .admin{padding-bottom: 24px;position: relative;}
.footer .location .admin::before{content: '';background: url(../images/admin.png);padding: 10px 8px;background-repeat: no-repeat;background-size: 15px;position: absolute;left: -35px;}
.footer .location .call{padding-bottom: 24px;position: relative;}
.footer .location .call::before{content: '';background: url(../images/call.png);padding: 10px 8px;background-repeat: no-repeat;background-size: 15px;position: absolute;left: -35px;}
.footer .location .address{padding-bottom: 38px;border-bottom: 1px solid #979797;display: inline-block;position: relative;}
.footer .location .address::before{content: '';background: url(../images/location.png);padding: 11px 8px;background-repeat: no-repeat;background-size: 13px;position: absolute;left: -35px;}
.footer .location a{color: #FFFFFF;font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;font-size: 14px;font-weight: bold;letter-spacing: 2.19px;line-height: 17px;text-transform: uppercase;}
.footer .footer-menu{padding-bottom: 44px;padding-left: 42px;}
.footer .footer-menu ul{padding: 0;margin: 0px;}
.footer .footer-menu ul li{padding-top: 18px; }
.footer .footer-menu ul li a{color: #FFFFFF;font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;font-size: 14px;font-weight: bold;letter-spacing: 2.19px;line-height: 17px;text-transform: uppercase;}
.location ul{margin: 0px; padding: 0px; list-style: none;}
.left-sec .location ul li {    color: #000;}
.location ul li {color: #FFFFFF;font-size: 14px;letter-spacing: 2.19px;	line-height: 17px; font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;padding-top: 24px;}
.location ul li:last-child{padding-left: 0;}
.location ul li a{color: #fff}
.location ul li img{max-width: 16px;padding-right: 20px;    vertical-align: middle;}
.footer .brd-foot{max-width: 379px;width: 100%; height: 2px; background-color: #979797; margin-top: 40px;}
.f-panel .mid-contact-sec .right-sec .location{padding-left: 30px;}
.map-wrapper{max-width:1440px; width:100%; margin:0 auto;}
.bgcolor header{background-color:#000;}
.bgcolor header .header .panel{padding: 40px 0px;}
.bground{background-color:#000;height: 557px; display: table; width: 100%}
.bground .banner-pnl{background-color: #000;width: 601px;color: #FFFFFF;font-family: "proxima-nova";font-size: 22px;font-weight: 500;letter-spacing: 0.61px;line-height: 27px; display: table-cell; vertical-align: bottom; height: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moaz-box-sizing: border-box;padding-bottom: 60px;}
.bground .banner-pnl h2{color: #FFFFFF;font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;font-size: 90px;letter-spacing: 2.5px;line-height: 108px;}
.bground .banner-pnl .banner-text{max-width: 600px;}
.bground .banner-pnl .banner-text p{margin-top: 8px;}
.bground.services-banner{height: 460px;}
.bground.services-banner .banner-pnl{padding-bottom: 30px;}
.left-sec .location{padding-top: 57px;padding-left: 166px;}
.left-sec .admin{padding-bottom: 24px;position: relative;}
.left-sec .location .admin::before{content: '';background: url(../images/admin-black.png);padding: 10px 8px;background-repeat: no-repeat;background-size: 15px;position: absolute;max-width:1440px; width:100%; marginn:0 auto;left: -35px;}
.left-sec .location .call::before{content: '';background: url(../images/call-black.png);padding: 10px 8px;background-repeat: no-repeat;background-size: 15px;position: absolute;left: -35px;}
.left-sec .location .address::before{content: '';background: url(../images/location-black.png);padding: 10px 8px;background-repeat: no-repeat;background-size: 15px;position: absolute;	left: -35px;}
.left-sec .location a{color: #000;font-family: "acumin-pro-condensed", sans-serif;font-size: 14px;font-weight: bold;letter-spacing: 2.19px;line-height: 17px;text-transform: uppercase;}
.left-sec .location .call{padding-bottom: 24px;	position: relative;}
.left-sec .location .address{padding-bottom: 38px;display: inline-block;position: relative;}
.mid-contact-sec .left-sec{width: 50%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mid-contact-sec .right-sec{width: 50%;float: right;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mid-contact-sec .panel{padding-left: 28px;}
.mid-contact-sec .panel .left{padding-top: 107px;padding-bottom: 0px;}
.mid-contact-sec .panel .left .form{background: #fff;color: #2B2B2B;font-family: "proxima-nova";font-size: 14px;font-weight: 500;letter-spacing: 0.39px;line-height: 17px;padding-bottom: 41px;font-style:italic;padding-right: 177px;}
.mid-contact-sec .panel .left .form ::-webkit-input-placeholder { color: #000;}
.mid-contact-sec .panel .left .form ::-moz-placeholder {color: #000;}
.mid-contact-sec .panel .left .form :-ms-input-placeholder {color: #000;}
.mid-contact-sec .panel .left .form :-moz-placeholder {color:#000;}
.mid-contact-sec  .panel .left .form label{width: 100%;padding: 14px 0px;display: block;font-style: italic;}
.mid-contact-sec  .panel .left .form input[type="text"],.mid-contact-sec  .panel .left .form input[type="email"]{border: none;width: 100%;	color: #000;font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;font-size: 40px;letter-spacing: 1.11px;line-height: 48px;border-bottom: 1px solid #4D4D4D;padding-bottom: 10px;outline: none;-webkit-appearance: none; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-bottom: 22px;}
.mid-contact-sec  .panel .left .form input[type="submit"]{border:1px solid #084DC1;background:url(../images/submit-img.png) no-repeat center right;padding: 10px 45px 10px 30px;margin-top: 8px;
	color:#084DC1; cursor:pointer; -webkit-appearance:none; font-family:"acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;font-size: 14px;font-weight: bold;letter-spacing:2px;
	line-height:17px; border-radius:0; transition-property:all; transition-duration: 0.2s;transition-timing-function: ease-in-out;}
.mid-contact-sec  .panel .left .form input[type="submit"]:hover{color:#fff; background:#084DC1 url(../images/white-submit-img.png)no-repeat center right;padding:10px 45px 10px 30px;}
.mid-contact-sec .left-sec .lft-top{margin-left: -230px;background-color: #F8F8F8;padding: 36px 20px 50px 74px;}
.map-rgt{width:50%; float: right;height: 1073px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
footer .footer{margin-top:0;}
.f-panel .mid-contact-sec .panel .left{padding-bottom: 98px;}
.owl-item.active.center {transform: scale(1.1, 1.2);}
.bgcolor header{background-color:#000;}
.bgcolor header .header{position:static;}
.bgcolor header .header .panel{padding: 40px 0px;}
.p-top ul{margin:0px; padding: 0px; margin-top: 40px;}
.p-top ul li{display: inline-block; padding-left: 61px; padding-right: 75px; border-left: 0.2px solid #4D4D4D;}
.p-top ul li:first-child{padding-left: 0px; border-left: none;}
.p-top ul li span{display:block;}
.p-top ul li span.title{height: 14px;color: #4D4D4D;font-family: "acumin-pro-condensed", sans-serif;font-size: 14px;font-weight: 700;letter-spacing: 2px;line-height: 14px; padding-bottom: 20px; text-transform: uppercase;}
.p-top ul li span.cnt{color: #2B2B2B;font-family: 'proxima-nova';font-size: 14px;font-weight: 500;letter-spacing: 0.39px;line-height: 17px;}
.top-cnt{padding-top:155px; max-width: 761px; margin: 0px; margin-left: 83px; padding-bottom: 75px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.top-cnt small{	font-size: 14px;letter-spacing: 2px;line-height: 14px;color: #4D4D4D; text-transform: uppercase;font-family: "acumin-pro-condensed", sans-serif;font-weight: bold}
.top-cnt h1{letter-spacing: 2.5px;    padding-bottom: 30px;	line-height: 90px;font-size: 90px;color: #2B2B2B;font-family: "acumin-pro-condensed", sans-serif;}
.top-cnt p{color: #2B2B2B; font-family: 'proxima-nova';font-size: 14px;letter-spacing: 0.39px;line-height: 17px;font-weight: 500;}
.p-mid{max-width:1009px; margin:0px;}
.p-mid h2{color: #2B2B2B;font-family: "acumin-pro-condensed", sans-serif;font-size: 55px;letter-spacing: 1.53px;line-height: 55px;}
.bg-panel{max-width: 1211px;background-color: #F8F8F8;margin: 0px auto;    padding: 0px 100px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.p-mid{margin-left:0px; padding-top: 116px;padding-bottom: 146px}
.p-mid h3{color: #2B2B2B;font-family: 'proxima-nova';font-size: 22px;letter-spacing: 0.61px;font-weight: 500; line-height: 27px; padding-top: 12px;}
.back{text-align: center; padding-top:211px;}
.back span{display:block; padding-top: 25px;color: #4D4D4D;font-family: "acumin-pro-condensed", sans-serif;    font-weight: 700;font-size: 14px;letter-spacing: 2px;line-height: 14px;}
.back a{transition: transform .60s;display: inline-block; width: 32px;}
.back a:hover{-ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Safari 3-8 */  transform: scale(1.5); }
.buttom-panel .left{float:left; width: 50%;text-align: right; padding-right: 202px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-top: 60px;padding-bottom: 90px;}
.buttom-panel .right{float:left; width: 50%;padding-left: 202px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;padding-top: 60px;padding-bottom: 90px; }
.buttom-panel h5{margin: 0px;padding-bottom: 30px;color: #4D4D4D;	font-family: "acumin-pro-condensed", sans-serif;font-size: 14px;	font-weight: 700;	letter-spacing: 2.19px;	line-height: 14px;    text-transform: uppercase;}
.buttom-panel h3{	color: #000;font-family: "acumin-pro-condensed", sans-serif;;font-size: 53px;	font-weight: 300;	letter-spacing: 1.47px;	line-height: 53px;padding-top: 2px;}
.buttom-panel small{color: #4D4D4D;font-family: 'ProximaNova-Regular';font-size: 14px;letter-spacing: 0.39px;	line-height: 17px;padding-top: 12px; display: inline-block}
.buttom-panel{border-top: 1px solid #979797; margin-top: 65px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 40px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{left: 40px;}
.buttom-panel  .left,.buttom-panel  .right{position: relative;}
.buttom-panel .image{position: absolute; background-size:cover; background-position: center; min-height: 294px; background-repeat: no-repeat;left: 0; top: 0; width: 100%;height: 100%; opacity: 0;}
.buttom-panel .left:hover .image, .buttom-panel .right:hover .image{opacity: 1;  transition: 0.60s;}
.bgcolor footer .footer{ margin-top: 0px;}
.bg-panel .swiper-slide{background-size:cover; background-position: center; min-height: 776px; background-repeat: no-repeat;}
.bg-panel .pd{padding-top: 93px;}
.services-panel{background-color:#000;}
.services-panel h1{font-family:'AcuminPro-Bold'; font-size:90px; letter-spacing:2.5px; line-height:108px; color:#fff;}
.design{position:relative;}
.design .design-panel{float:left; width:200px;}
.design .design-panel ul{margin:0px; padding:0px;}
.design .design-panel ul li,.design .mobile-nav a{list-style:none;padding:0px 14px 0px 28px; padding-bottom:62px; font-family:"acumin-pro-condensed",sans-serif; font-size:12px; letter-spacing:1.71px; line-height:14px;
	color:#FFFFFF; font-weight:400;}
.design .design-panel ul li small,.design .mobile-nav a small{font-size:13px; display:block; padding-bottom:10px;}
.design .design-panel ul li a,.design .mobile-nav a{color:#fff;}
.design .design-panel ul li.active{font-weight:700;position: relative}
.design .design-panel ul li.active small{font-weight:700; font-size:22px;}
.design .design-cnt{float:left; width:calc(100% - 200px); width:-moz-calc(100% - 200px); width:-webkit-calc(100% - 200px); padding:70px 0px 230px;}
.design-cnt .left{padding-left: 106px; padding-right: 91px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.design-cnt .right{float:right; margin-right:50px; padding-top:100px;}
.design-panel{background-color:#4D4D4D; padding-top:238px; box-sizing: border-box; -webkit-box-sizing:border-box;}
.design-cnt .left h3{font-size:100px; letter-spacing:2.78px; line-height:121px; font-family:"acumin-pro-condensed",sans-serif; font-weight:700; max-width:680px;}
.design-cnt .left .service-cont{font-family:'proxima-nova'; font-size:14px; font-weight:500; letter-spacing:0.39px; line-height:27px; max-width:400px; padding-top:20px;}
.design-cnt .left small{font-family: "acumin-pro-condensed", sans-serif;font-weight: bold; font-size: 22px;letter-spacing: 3.14px;	line-height: 26px;color: #4D4D4D;}
.design .design-cnt .content{padding-top: 105px; position:relative;outline: none;}
/*.design .design-cnt .content:before,*/.design .design-cnt .content .border-sec{max-width:632px; margin:0px auto; width:100%; height:677px; background:#F8F8F8; position:absolute; content:''; display:block; z-index:-9; top:196px;
	left:50%; transform:translate(-50%, 0px); transform: -moz-translate(-50%, 0px); transform: -webkit-translate(-50%, 0px);}
.design-cnt .left ul li{font-family:'proxima-nova'; font-size:14px; font-weight:500; letter-spacing:0.39px; line-height:20px; list-style:disc; padding-bottom:16px;}

.sticky{position:fixed; top:0;}
.sticky + .design-cnt{padding-left:200px;}
.bgcolor header{background-color:#000;}
.bgcolor header .header .panel{padding: 40px 0px;}
.project-banner{background-color: #000000;}
.project-banner .text{color: #fff; padding: 200px 0px 19px 0px; font-family: 'ProximaNova-Regular';	font-size: 22px;max-width: 601px;	font-weight: normal;	letter-spacing: 0.61px;	line-height: 27px;margin: 0}
.project-banner .text h2{font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;font-size: 90px;font-weight: normal;letter-spacing: 2.5px;line-height: 108px;margin: 0;}
.listing ul{margin: 0; padding: 0; list-style: none}
.listing ul li{display: inline-block;padding-left: 44px;padding-right: 0px;text-transform: uppercase;vertical-align: top;width: 16%; box-sizing: border-box; position: relative;}
.listing ul li:before{background-image: url(../images/bdr.jpg); background-size: cover; background-repeat: no-repeat; content: ''; top:0; left:0px; position: absolute; height: 80px; width: 1px;}
.listing ul li span{min-height: 40px; }
.listing ul li span.one{font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;font-size: 14px;letter-spacing: 2px;line-height: 17px;color:#4D4D4D;}
.listing ul li:first-child{padding: 0px;}
.listing ul li:first-child:before{display: none;}
.listing ul li span.one{    float: left;width: 80% ;}
.listing ul li span.two{    float: left; width: 20%;color: #2B2B2B;font-family: 'ProximaNova-Regular';	font-size: 14px;letter-spacing: 0.39px;	line-height: 17px; color:#2B2B2B; vertical-align: middle;}
.lists{	background-color: #F8F8F8;}
.listing {padding: 52px 0px;}
.listing ul li span{}
.image{max-width: 1066px;margin-left: -50px;    margin-top: -100px;}
.head-panel{max-width: 1220px;margin:199px auto;background-color: #F8F8F8;padding-top: 25px; }
.head-panel .text {padding: 30px 0px 0px 52px; box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.head-panel .text h2{color: #2B2B2B;font-size: 70px;font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;	letter-spacing: 1.94px;	line-height: 84px;padding-bottom: 15px}
.head-panel .left-panel{float: left;width: 16%;}
.head-panel .text .left-panel h3{color: #2B2B2B;font-size: 20px;letter-spacing: 2.19px;	line-height: 24px;padding-bottom: 11px;}
.head-panel .text .left-panel h4{font-family: 'proxima-nova';color: #2B2B2B;font-size: 14px;	font-weight: 500;	letter-spacing: 0.39px;	line-height: 17px;}
.head-panel .right-panel{font-family: 'proxima-nova';float: left;width: 84%;padding-right: 385px;font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.head-panel .right-panel p{margin: 0;}
.head-panel .right{float: right;box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.head-panel .btn {display: block;margin-right: 97px;    margin-bottom: 28px;}
.head-panel .btn a{border: 1px solid #084DC1;line-height:33px;color: #084DC1;font-family: "acumin-pro-condensed", sans-serif;text-transform: uppercase;font-size:14px;font-weight:bold;letter-spacing:2px;padding:8px 30px 8px 33px;}
.head-panel .btn a:after{content: '';background:url(../images/blue-arrow.png)center;background-size: 7px;background-repeat: no-repeat;margin-left: 20px;padding: 1px 14.5px;}
.clients-section .inner-client{padding-bottom: 93px}
.clients-section{background-color: #000000;color: #FFFFFF;	}
.clients-section .title{padding: 32px 0px 30px 0px}
.clients-section .title h2{color: #FFFFFF;	font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;	font-size: 70px;letter-spacing: 1.94px;	line-height: 84px;}
.clients-list {width: 50%;text-align: left;float: left}
.clients-list ul{margin: 0;padding: 0; }
.clients-list ul li:first-child{padding-top: 0px}
.clients-list  h5{font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;font-size: 14px;margin: 0;letter-spacing: 2.19px;	line-height: 17px;padding:34px 0px 8px 0px}
.clients-list ul li{font-family:'ProximaNova-Light';list-style: none;font-size: 14px;font-style: italic;	font-weight: 300;	letter-spacing: 0.39px;	line-height: 17px;}
.mid-contact-sec .footer .location{padding-top: 0px;}
.services .text.extra h2:after{display: none}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 0 !important;margin-left: 0 !important;padding-left: 0 !important;}
.contact-page .left-sec .location{padding-bottom: 40px;padding-top: 40px;}
.contact-page .left-sec .location ul li:first-child{padding-top:0;}
.bgcolor.services-page footer .footer{position: relative}
.bgcolor.services-page header .header {background-color: #000;position: fixed;}
.services-page .bground{padding-top:140px;}
.f-panel .mid-contact-sec .panel .left .form p{ margin: 0px;}
header .header{z-index: 999}
.listing ul li:after{display:block; clear: both;content: '';}
.head-panel .text .left-panel h3 a{color: #2B2B2B;}
.buttom-panel .navigation h2{display: none}
.buttom-panel .post-navigation .nav-previous,.buttom-panel .post-navigation .nav-next{width: 50%;height: 100%;text-align: right;padding-right: 0px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;position: relative;display: table-cell;vertical-align: middle;padding-right: 200px;}
.buttom-panel h3 a{color: #000;}
.buttom-panel .hover-image{position: absolute; top: 0; right: 0;opacity: 0;width: 100%;height: 303px;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.buttom-panel .nav-next:hover .hover-image,.buttom-panel .nav-previous:hover .hover-image{opacity: 1}
.buttom-panel .nav-links{width: 100%; display: table; height: 303px;}
.buttom-panel .nav-next a:after,.buttom-panel .nav-previous a:after{position: absolute;content: ''; display: inline-block; top: 50%;background-size: 21px 34px;background-repeat: no-repeat;width: 21px; height: 34px;transform: translate(0, -50%);transform: -webkit-translate(0, -50%);transform: -moz-translate(0, -50%);z-index: 99;cursor: pointer;}
.buttom-panel .nav-next a:after{right: 50px;background-image: url(../images/slider-next.png)}
.buttom-panel .nav-previous a:after{left: 50px;background-image: url(../images/slider-prev.png)}
.buttom-panel .cat-nav{font-size: 14px;letter-spacing: 0.39px;line-height: 17px;color: #4D4D4D;padding-top: 22px;display: block;}
.footer .brd-foot{margin-left: 38px;}
.projects .img img,.head-panel .image img,.image-pnl img{opacity: 0.7;transition-property: all;transition-duration: 0.2s;transition-timing-function: ease-in-out;}

.projects .img img:hover,.head-panel .image img:hover,.image-pnl img:hover{opacity: 1}

.bg-sect{ width:100%;background-color: #F8F8F8;max-width: 1211px; margin:0px auto;}
.section-bg{position: absolute; top:0px;left:0px;height:100%; }
.post-navigation .nav-previous{ background-image:none !important;}
.post-navigation .nav-next{background-image:none !important;}
.swiper-container{ position:relative;padding-top: 93px;}
.swiper-wrapper{ z-index:8;}
.swiper-container .swip-sec{    background-color: #F8F8F8; position:absolute; top:0px; right:50%; content:'';width: 1210px; margin-right:-605px;
}


.service_cont p img, .services-small-img {
	width:45%;
	height:auto;
}

#map{ width:100%; height: 640px;}
.map-rgt #map{height: 1073px !important;}
.design-panel.sticky{overflow-y: scroll !important; height: 100vh;}
.design ::-webkit-scrollbar {
    width: 1px;
}

/* Track */
.design ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent; 
}
 
/* Handle */
.design ::-webkit-scrollbar-thumb {
    background-color: transparent; 
}

/* Handle on hover */
.design ::-webkit-scrollbar-thumb:hover {
    background: transparent; 
}
.design .design-panel ul li.active:after{content: '';height: 38px;width: 9px;display: block;background: #084DC1;position: absolute;right: 0;top: 0;z-index: 99999;}
.design .mobile-nav{display:none}
.mobile-nav .swiper-container{background-color: #4D4D4D;padding: 10px 10px 2px;text-align: center;}
.design .mobile-nav .swiper-slide.swiper-slide-active{border-right: 1px solid #000;}
.design .mobile-nav .swiper-slide.swiper-slide-prev,.design .mobile-nav .swiper-slide.swiper-slide-next{border-right: 0;}
.design .mobile-nav .swiper-container-horizontal>.swiper-pagination-bullets, .design .mobile-nav .swiper-pagination-custom, .design .mobile-nav .swiper-pagination-fraction{bottom: 0}
.design .mobile-nav .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0px}
.design .mobile-nav a {padding: 0px 5px 15px;vertical-align: middle;    display: block;}
.design .mobile-nav .swiper-pagination-bullet{width: 10%;height: 9px;border-radius: 0;background: #fff;opacity: 1;border: 1px solid #ddd;border-left: 0}
.design .mobile-nav .swiper-pagination-bullet-active{background: #084DC1 !important;border-color: #084DC1}
.design .mobile-nav .swiper-pagination{display: flex;margin-bottom:0px;}
.design .mobile-nav a small{display: inline-block;padding:0px 10px 0px 0px}
.design.heading-list-scroll .mobile-nav{top:105px;}