/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

@import url('fonts/fonts.css');
/* @import url('css/menu.css'); */
::selection {
  background: #ffdcd3;
  color: #e96949 !important;
}
::-moz-selection {
  background: #ffdcd3;
  color: #e96949 !important;
}

.site-loader {position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;z-index: 99999}
.site-loader img{margin: 0 auto;width: auto;height: auto;max-width: 150px;}
.win-Load .site-loader{display: none}
.win-Load .box-wrapper{opacity: 1 !important}

/* body .box-wrapper{opacity: 1 !important} */
body.page-id-home .site-loader{display: none !important}
body.page-id-home .box-wrapper{opacity: 1 !important} 

/* header css */
header{-webkit-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;z-index: 999;}
header #logo img{display: none;-webkit-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;}
header.dark #logo .dark{display: block}
header.light #logo .light{display: block}
header.inherited #logo .light {display: block}

header.header-main{padding: 12px 0;width: 100%;float: left;}
header.header-main .limit-width{max-width: 1600px;padding-left: 20px;padding-right: 20px;}
header.header-relative{background: #fff;}
header.header-absolute{position: absolute;left: 0;top:0;}
header.header-sticky{position: fixed;left: 0;top:0;background: #fff;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0,0,0,0.1);}
header.header-sticky.dark #logo .dark{display: none}
header.header-sticky.dark #logo .light{display: block}
header.header-sticky #logo img{max-height:65px;}


.box-wrapper p:empty{display:none;}
.max600{max-width: 600px;margin: 0 auto;}
.area-630 .btn-container{max-width: 630px;margin-left: auto;margin-right: auto;}
.area-300 .btn-container{max-width: 300px;margin-left: auto;margin-right: auto;}
.btn-color-xsdn.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover{color:#666 !important}

.custom-link.btn-aroow{display: inline-block;clear: both;margin: 0 auto;width: auto;position: relative;}
.btn-aroow.custom-link:before{width: 0;background: #e96949;height: 2px;content: "";position: absolute;left: 0;bottom:-7px;-webkit-transition: all 500ms;-o-transition: all 500ms;
transition: all 500ms;}
.btn-aroow.custom-link:hover:before{width: 88%;}
.btn-aroow i.fa{margin-left: 10px;font-size: 35px;vertical-align: bottom;position: relative;top: 7px;}
.btn-container .white-btn{padding: 18px 40px !important;}
.btn-color-xsdn.white-btn:not(.btn-flat):not(.btn-hover-nobg):not(.btn-text-skin):hover{color: #000 !important}

.letter-absolute {position: absolute !important;top:30px;left: 0;right: 0;-webkit-transform:  translateY(-50%);-ms-transform:  translateY(-50%);-o-transform:  translateY(-50%);transform:  translateY(-50%);}
.letter-absolute h2{font-size: 280px !important;line-height: 280px;}
.service_tit h2{font-size: 60px !important;}
.service-bg-img .column_child{padding-top: 150px !important;padding-bottom: 150px !important;}
.service-bg-img .column_child .uncont > *{transition: all 600ms;}
.service-bg-img .column_child .uncont > *:not(.heading-text){opacity: 0;}
.service-bg-img .column_child.active .uncont > *{opacity: 1;}
.service-bg-img .column_child.in:not(.active) .service_tit{opacity: 0;}
.service-bg-img .column_child.in:hover .letter-absolute,.service-bg-img .column_child.in:not(.active) .letter-absolute{opacity: 0.6;} 
.service-bg-img .column_child.active .service_tit h2 span{color:#fff;}

.serBg:before{background: rgba(0,0,0,0.7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";}
[id*="s_box"]{opacity: 0;background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center;transition: all 600ms;position: absolute;left: 0;right: 0;width: 100%;height: 100%;}
#s_box0{background-image: url(images/img1.jpg);}
#s_box1{background-image: url(images/img2.jpg);}
#s_box2{background-image: url(images/img3.jpg);}
.serBg.active{opacity: 1;}
.top-inst-text p{-webkit-transition:all 400ms; -o-transition:all 400ms; transition:all 400ms;}
.top-inst-text.in-active p{color:#ffffff;}

.expertise-block .expertise-box-image.col-lg-8 { margin-right: -40px; width: 80%; float:right; height:auto;}
.expertise-block .col-lg-4.expertise-box-wrapper {margin-right: -20%; left: -40px; position: absolute; width: 43%; margin-top: 80px;}
.main-container .row-container.expertise-block .col-no-gutter > .row-inner {max-width: 1300px; margin: auto;min-width: auto;}
.field-name-field-kicker{ border-top: 3px solid rgba(255,255,255,0.8); border-bottom: 3px solid rgba(255,255,255,0.8); padding: 12px 0 8px; font-style: normal; text-transform: uppercase;
line-height: 1em; display: inline-block; font-size: 1.5rem !important; letter-spacing: 3px;}
.box-title{font-size: 3.11em; line-height: 1.07181em; color: #fff;}
.expertise-block .expertise-box-wrapper .single-block-padding{padding: 60px 50px 60px 50px;}
.expertise-block .expertise-box-wrapper p{ font-size:120%; line-height:1.54; }

.expertise-block-reverse .expertise-box-image.col-lg-8{margin-left: -40px;margin-right: auto; float:left;}
.expertise-block-reverse .col-lg-4.expertise-box-wrapper {margin-right: auto;left: auto; margin-left: -20%; right: -40px;}

.portfolios_main .t-entry-readmore .btn-default{ background-color:#e96949 !important; border-color:#e96949 !important;}
.portfolios_main .t-entry-readmore .btn-default:hover{border-color: #e96949 !important; color: #e96949 !important;}

.portfolio_cliert{ position:absolute !important; bottom:0; padding:10%; width:150%; color:#fff; height:auto !important; z-index:99;}
.portfolio_cliert .heading-text div p{font-size: 16px; color: #fff; font-weight:bold; margin-top:5px;}
.portfolio_cliert .heading-text h2{letter-spacing: .2em; color:rgba(255,255,255,0.7); font-size: 13px; text-transform: uppercase;}
.portfolio_cliert .row-inner .column_child{ border-left:solid 1px rgba(255,255,255,0.5); padding-left:40px !important; }
.portfolio_cliert .row-inner .column_child:first-child{ border:none; padding-left:0 !important}

.bgfull .uncont .row-internal{ height:100% !important;}

.single-portfolio_content .heading-text h2{ position:relative;}
.single-portfolio_content .heading-text h2:after { position: absolute; width: 80px; right: -100px; background: #000; top: 50%; content:""; height:1px;}
.single-portfolio_content .heading-text div p{ color:#000; font-size:28px; margin-top:0;}
.single-portfolio_content .uncode_text_column{ margin-top:20px;}


.accolades-section {}

/*-----------------------------------------------------------*
Firm
*-----------------------------------------------------------*/
.max630 { max-width: 630px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.max300 { max-width: 300px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.our-philosophy-text {/*position: absolute; width: 60%; */ bottom: 50px; height:auto !important; padding-top:100px !important; }
.aside-rated-test {position: absolute !important; left: 0; bottom: 60px; }
.aside-rated-test p{transform: rotate(-90deg); position: relative; left: -65px;}
.our-philosophy-text .left-offset.heading-text{margin-left: 50px;}
.our-philosophy-text .btn-container .left-offset {margin-left: 50px;}

.we-believe-main .we-believe-img {top: 100px;}
.bottom-border-portfolio .tmb .t-entry-visual-cont:after{ background:#0bbab3; height:5px; width:0px; content:""; display:block; transition:all 400ms; -webkit-transition:all 400ms; position: absolute; z-index: 100; bottom: 0px; }
.bottom-border-portfolio .tmb .t-inside:hover .t-entry-visual-cont:after{ width:100%;  }

.slider-section .slick-slide img{ max-width:100%;  }
.slider-section .slick-slide { background: white; position: relative; height: 100vh; overflow:hidden;}
.first-slide.slick-slide{background-size:cover; background-repeat:no-repeat;  }
.first-slide.slick-slide .dark-overlay{background:rgba(0,0,0,0.6);height:100%;position: absolute;left:0px;width:100%;top:0px; }
.first-slide .slide-content { position: absolute;   top: 50%;   transform: translate(0,-50%);   left: 200px; color:#ffffff; max-width:650px; }
.first-slide .slide-content h1{color: #ffffff; font-size:76px; line-height: 1; margin:0px 0px 30px 0px; opacity:0; transition:all 1s; -webkit-transition:all 1s; transform:translateX(-50%) translateZ(0);  -webkit-transform:translateX(-50%) translateZ(0); position:relative; transition-delay:1s; -webkit-transition-delay:1s;}
.first-slide.slick-active .slide-content h1 { opacity:1; transform:translateX(0%) translateZ(0);  -webkit-transform:translateX(0%) translateZ(0);}
.first-slide .slide-content .c-link{ font-size:20px; position:relative; cursor:pointer; display: inline-block;   }
.first-slide .slide-content .c-link:after{ background:#ffffff; height:1px; width:0; transition:all 400ms; content:""; display:block; }
.first-slide .slide-content .c-link:hover:after{width:100%; }
.c-arrow-right-white{ background: url("images/arrow-right-white.png"); background-size:47px; background-position:0px 0px; width:47px; height:5px; display:inline-block; content:""; position: relative; top: -4px; margin-left: 15px;  }
.u-bg-black{ background:#e96949;  }
.second-slide .slide-content, .fifth-slide .slide-content{ position:absolute; bottom:0px; width:50vw; height:85vh; padding:0px 10vw; right:5vw; display:inline-block;  color:#ffffff;  transition:all 1s; -webkit-transition:all 1s; transform:translateX(30%) translateZ(0);  -webkit-transform:translateX(30%) translateZ(0); transition-delay:500ms; -webkit-transition-delay:500ms;}
.u-valign-middle{vertical-align: middle;}
.second-slide .slide-content > div, .fifth-slide .slide-content > div{display: inline-block; position: relative; top: 50%; transform: translate(0,-50%);}
.second-slide .slide-content h1, .fifth-slide .slide-content h1{font-size: 60px; margin:0px 0px 30px 0px }
.second-slide .slide-content h4, .fifth-slide .slide-content h4{ font-size:30px;  }
.second-slide .slide-content p.lead, .fifth-slide .slide-content p.lead{ font-size:18px;  }
.second-slide img, .fifth-slide img{width:60vw; height:100%;  transition:all 2s; -webkit-transition:all 2s; transform:translateX(50%) translateZ(0);  -webkit-transform:translateX(50%) translateZ(0); position:absolute; left:0px; top:0px; transition-delay:500ms; -webkit-transition-delay:500ms; }
.second-slide.slick-active img, .fifth-slide.slick-active img{transform:translateX(0%) translateZ(0);  -webkit-transform:translateX(0%) translateZ(0); width:77.77777777777777vw;}
.second-slide.slick-active .slide-content, .fifth-slide.slick-active .slide-content{transform:translateX(0%) translateZ(0);  -webkit-transform:translateX(0%) translateZ(0);}

.second-slide.slick-active .slide-content  h1, .second-slide.slick-active .slide-content  h4, .second-slide.slick-active .slide-content  p{transform:translateX(0%) translateZ(0);  -webkit-transform:translateX(0%) translateZ(0); opacity:1; transition:all 1s; -webkit-transition:all 1s;}
.second-slide.prev-active .slide-content h1, .second-slide.prev-active .slide-content h4, .second-slide.prev-active .slide-content p{transform:translateX(-20%) translateZ(0);  -webkit-transform:translateX(-20%) translateZ(0);}


.third-slide .slider-img-2{ position:absolute; top:0px; right:0px; width:38.888888888888886vw;  transition:all 1s; -webkit-transition:all 1s; transform:translateX(20%) translateZ(0);  -webkit-transform:translateX(20%) translateZ(0); transition-delay:1s; -webkit-transition-delay:1s;  }
.third-slide .slider-img-1{ position:absolute; bottom:0px; left:0px; width: 36.11111111111111vw; transition:all 1s; -webkit-transition:all 1s; transform:translateX(20%) translateZ(0);  -webkit-transform:translateX(20%) translateZ(0); transition-delay:1s; -webkit-transition-delay:1s;}
.third-slide .slider-img-3{ position:absolute; bottom:0px; margin-left:44.44444444444444vw; width:38.888888888888886vw; transition:all 1.5s; -webkit-transition:all 1.5s; transform:translateX(30%) translateZ(0);  -webkit-transform:translateX(30%) translateZ(0); transition-delay:1.5s; -webkit-transition-delay:1.5s;}
.third-slide.slick-active .slider-img-2, .third-slide.slick-active .slider-img-3, .third-slide.slick-active .slider-img-1{transform:translateX(0%) translateZ(0);  -webkit-transform:translateX(0%) translateZ(0);}

.third-slide .scroll-btn{display:inline-block; position:absolute; top:0px; left:0px; margin-left: 16.666666666666664vw; margin-top:25vh; color:#111111;}
.third-slide .c-link{ cursor:pointer;}
.c-arrow-large-right{ background: url("images/arrow-right-lg.png"); background-size:80px; background-position:0px 0px; width:80px; height:5px; display:inline-block; content:""; position: relative; top: -4px; margin-left: 15px;  }
.fourth-slide .slider-img-1{position:absolute; top:0px; left:0px; width:38.888888888888886vw;}
.fourth-slide .slider-img-2{position:absolute; bottom:0px; left:0; width:38.888888888888886vw; transition:all 2s; -webkit-transition:all 2s; transform:translateX(40%) translateZ(0);  -webkit-transform:translateX(40%) translateZ(0); transition-delay:1s; -webkit-transition-delay:1s;}
.fourth-slide.slick-active .slider-img-2{transform:translateX(0%) translateZ(0);  -webkit-transform:translateX(0%) translateZ(0); left:-15vw; }
.fourth-slide .slide-content{position:absolute; width: 61.11111111111111vw; height:100vh; right:0; padding-left:11.11111111111111vw;}
.fourth-slide .slide-content > div{display: inline-block; position: relative; top: 50%; transform: translate(0,-50%); width: 27.77777777777778vw;}
.fourth-slide .slide-content h1{font-size: 60px; margin:0px 0px 30px 0px;  color:#111111;}
.fourth-slide .slide-content h4{font-size:30px; color:#111111;}
.fourth-slide .slide-content p.lead{font-size:18px; color:#111111;}
.slick-slide.next-slide{ z-index:1;  }

.pre-slider{width: 100vw; height: 100vh; position: fixed; top: 0;left: 0; pointer-events: none; z-index: 10000;}
.c-loader__red-bg{background:#e96949; transition:all 1.4s cubic-bezier(.49,.01,.27,1); transition-delay:.1s; overflow:hidden; width:100%; height:100%; position:absolute; top:0;
    right:0; cursor: pointer;}
.c-loader__white-bg{transition: all 1.4s cubic-bezier(.49,.01,.27,1); transition-delay: 0s; background:#fff; overflow:hidden; width:100%; height: 100%; position: absolute; top:0;
    right:0; cursor: pointer;}
.is-next .c-loader__red-bg, .is-next .c-loader__white-bg{transform:translateX(100%) translateZ(0);}

.firm-post .style-light .t-entry-readmore .btn-default{ background:#e96949 !important; border-color: #e96949 !important;}
.firm-post .style-light .t-entry-readmore .btn-default:hover{ color: #e96949 !important; background-color: transparent !important; border-color: #e96949 !important;}

.qus-section{float: left;width: 100%;clear: both}
.qus-section h4{font-size: 24px;}
.qus-section li{list-style: none;font-size: 18px;color: #333;position: relative;padding: 3px 0 3px 0;float: left;width: 100%;}
.qus-section li a{ padding-left:30px; position: relative;display: inline-block;}
.qus-section li a:before{content: "";font-family: 'FontAwesome';position: absolute;left: 0;top: 5px; border: solid 2px #000; width: 18px; height: 18px; line-height: 15px; text-align: center;font-size: 11px;} 
.qus-section li .divHIDE{display: none;font-size: 16px;float: left;width: 100%;}
.qus-section li.active > a{color: #e96949;}
.qus-section li.active a:before{color: #e96949; content: "\f00c"; font-family: uncodeicon !important}
.qus-section li .divHIDE a:before{ display:none;}
.qus-section ul{margin-top: 10px;}
#qus1yes span,
#qus1no span{ display:none; color:#000; font-size: 90%;}



@media screen and (max-width: 991px){
.first-slide .slide-content{left: 20px;}
.first-slide .slide-content h1{font-size: 44px;}
.second-slide img, .fifth-slide img,.fourth-slide .slider-img-1{width:100% !important;height: auto;position: static;}
.second-slide .slide-content, .fifth-slide .slide-content,.fourth-slide .slide-content{position: relative;width: 90vw;left: 5vw;top: -50px;height: auto;padding: 0;}
.second-slide .slide-content > div, .fifth-slide .slide-content > div,.fourth-slide .slide-content > div{transform: none;top: auto;padding: 0 30px 30px;width: 100%;}
.third-slide .slider-img-2,.third-slide .slider-img-3,.fourth-slide .slider-img-2{display: none;}
.third-slide .slider-img-1{position: absolute;width: 100%;}
.fourth-slide .slide-content{background: #ccc;}



}
@media screen and (max-width: 600px){
.slick-slide .slide-content h2{font-size: 24px;}
.second-slide .slide-content p.lead, .fifth-slide .slide-content p.lead,.fourth-slide .slide-content p.lead{font-size: 14px;}
}
@media screen and (max-width: 370px){
.second-slide .slide-content, .fifth-slide .slide-content,.fourth-slide .slide-content{top: -100px;}
}

/*-----------------------------------------------------------*
Architecture
*-----------------------------------------------------------*/
.magren-bottom-70 { margin-bottom: -70px;}

.architecture-approach .svg-shape{top:25vh;right:10%;width:20%}



/*==================================
NEW contact us page css
=================================*/
.contact-hero-main{position:relative;height:100vh;}
.contact-hero-main:before{background:rgba(0,0,0,0.4);position:absolute;left:0;width:100%;top:0;height:100%;content:"";z-index: 1;}
.contact-hero-row{transform:translateZ(0);position:absolute;left:0;top:0;width:100%;height:100%;}
.contact-hero-col{transform:translateZ(0);height:100vh;width:33.33%;float:left;overflow:hidden;transform:translateZ(0);display:inline-block;}
.contact-hero-img{background-image:url(images/contact-banner1.jpg);background-position:50% 50%;background-size:cover;opacity:1;transform:translateX(0) scale(1) translateZ(0);transition:transform 1.3s cubic-bezier(.23, 1, .32, 1), opacity .9s cubic-bezier(.23, 1, .32, 1);height:100vh;width:100vw;position:absolute;}
.is-loading .contact-hero-img{opacity:0;transform:translateX(100px) scale(1.1) translateZ(0);transition:transform 0s 4s, opacity 0s 4s!important;}
.contact-hero-col:nth-of-type(2) .contact-hero-img{left:-33.3333333vw;transition:transform 1.3s cubic-bezier(.23, 1, .32, 1) .05s, opacity .9s cubic-bezier(.23, 1, .32, 1) .05s}
.contact-hero-col:nth-of-type(3) .contact-hero-img{left:-66.66666666vw;transition:transform 1.3s cubic-bezier(.23, 1, .32, 1) .1s, opacity .9s cubic-bezier(.23, 1, .32, 1) .1s}
.contact-hero-bg{background-color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;transform:scaleX(0) translateZ(0);transition:transform 1.3s cubic-bezier(.23, 1, .32, 1)}
.is-loading .contact-hero-bg{transition:transform 0s 4s, opacity 0s 4s;transform:scaleX(.3) translateZ(0)}

.contact-hero-text-main{transform:translateZ(0);position:absolute !important;top:40%;left:15px;max-width:1200px; margin:0 auto;right:15px;width:100%;z-index: 1;}
.contact-hero-text-main h1 span {transform: rotate(0) rotateX(0) translateX(0) translateY(0) translateZ(0)}
.is-loading .contact-hero-text-main h1 span { opacity: 0;transform: rotate(-10deg) rotateX(65deg) translateX(60px) translateY(50px) translateZ(0);transition: transform 0s 4s, opacity 0s 4s;}
.contact-hero-text-main h1 span:first-of-type {transition: transform 1s cubic-bezier(.23, 1, .32, 1) .4s, opacity .5s cubic-bezier(.165, .84, .44, 1) .4s;}
.contact-hero-text-main h1 span:nth-of-type(2) {transition: transform 1s cubic-bezier(.23, 1, .32, 1) .5s, opacity .5s cubic-bezier(.165, .84, .44, 1) .5s;}
.contact-info p{font-size:14px !important;line-height:20px;color:#b2b2b2;}
.contact-info strong{font-size:20px !important;display: block;margin-bottom: 8px;line-height: normal;color:#000;font-weight:400;}
.contact-info strong + br{display:none;}



/*================== contact us page css ======================*/
.c.transitioned textarea:focus,.c.transitioned input:focus{outline:none}
.c.transitioned textarea,.c.transitioned input{border:0;outline:0;font-family:"acumin-pro", sans-serif;font-weight:300;padding:0 !important;box-shadow: none !important;background:transparent;}
.c.transitioned textarea{height:100px !important;}
.c.transitioned input::-webkit-input-placeholder,.c.transitioned textarea::-webkit-input-placeholder{color:rgba(0, 0, 0, .15)}
.c.transitioned input:-ms-input-placeholder,.c.transitioned textarea:-ms-input-placeholder{color:rgba(0, 0, 0, .15)}
.c.transitioned input::-moz-placeholder,.c.transitioned textarea::-moz-placeholder{color:rgba(0, 0, 0, .15);opacity:1}
.c.transitioned input:-moz-placeholder,.c.transitioned textarea:-moz-placeholder{color:rgba(0, 0, 0, .15);opacity:1}
/* .c.transitioned ::selection{background:#193965;color:#fff}
.c.transitioned ::-moz-selection{background:#193965;color:#fff} */
.page-wrapper .sections-container .preloader-contact{display:none;text-align:center;height:100%;width:100%;;background-color:#fff;z-index:999;color:#000;text-align:center;}
.page-wrapper .sections-container .preloader-contact .uncont{height: calc(100vh - 30vh) !important;}
.page-wrapper .sections-container .preloader-contact ul{text-align: center;}
.page-wrapper .sections-container .preloader-contact li{display:inline-block;position:relative;font-size:3rem;font-family:"kepler-std";margin-right:10px;color:#333; }
.page-wrapper .sections-container .preloader-contact.active{display:block}
.page-wrapper .sections-container .preloader-contact .uncont  > .uncode_text_column{position: absolute;top: 30%;left: 0;right: 0;}
.page-wrapper .sections-container .preloader-contact .pline{padding:0;position:absolute;height:2px;width:20%;left:0;right:0;margin:0 auto;bottom:20%;background-color:#bbb}
.page-wrapper .sections-container .c{width:100%;height:100%;display:none;color:#000;z-index:1;}
.page-wrapper .sections-container .c.animation-active{display:block;}  
.page-wrapper .sections-container .c.animation-active > div{ height: calc(100vh - 20vh);-webkit-height: calc(100vh - 20vh);-moz-height:calc(100vh - 20vh);}   

.c .hidden-field{opacity:0}
.c input{border:0;margin:0 0 20px}
.cF{top:10vh;padding-left:100px;}
.c form{width:40vw;margin:0 auto;padding-left:80px;}
.c form br{display:none}

.c form input#fromName{color:#000}
.c form input{color:#000}
.c.placeHolder form input#fromName{color:#787271}

.c form input::-webkit-input-placeholder{color:rgba(0, 0, 0, .15)}
.c form .hidden-field{-webkit-transform:translateY(24px);transform:translateY(24px);z-index:-3;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;}
.c.placeHolder form .hidden-field{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);z-index:1;}

.c{width:100%;height:100%;display:flex;color:#000;z-index:1}

.c form{width:40vw;margin:0 auto}
.c form p{padding:0;margin: 0;}
.c form span.wpcf7-form-control-wrap{padding:0;margin:0}
.c form span.wpcf7-not-valid-tip{margin-top:10px;}

.c .hidden-field{opacity:0}
.c input{border:0;margin:0 0 20px}

.c #fromName{font-size:3.5rem;max-width:100%}

.c form input::-webkit-input-placeholder{color:rgba(0, 0, 0, .15)}
.c form .wpcf7-form-control{transform: none !important}
.c form .hidden-field{-webkit-transform:translateY(24px);transform:translateY(24px);z-index:-3}
.c.placeHolder form .hidden-field{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);z-index:1}
.c #fromName{font-size:3.5rem;max-width:100%}

.c.transitioned input,.c.transitioned textarea,.c.transitioned .cL h1{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.c .hst3 .wpcf7-submit:hover{background-color:#787271 !important;-webkit-transition-delay:0s !important;transition-delay:0s !important}
.c .hst3.hvr{-webkit-transition-delay:0s !important;transition-delay:0s !important}
.hst3{margin-top:42px}
.hst3 #plane{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;pointer-events:none;position:absolute;top:9px;height:20px;stroke-width:2px;fill:#fff;left:-16px}
.hst3 .send-icon{background:url('images/send-icon.png') no-repeat 0 center;width:30px;height:30px;display:inline-block;position:absolute;left:13px;top:5px;background-size:26px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.c .wpcf7-submit:hover ~ .send-icon{left: 15px;top: 3px;-webkit-transform:scale(0.9);transform:scale(0.9);}
.c .input__wrap{position:relative;z-index:99999}
.c #fromNamel{position:absolute;top:0;left:0;transform:translateY(-28px)}
.c #fromEmail,.c #message{margin:8px 0 0 -2px}
.c label{display:block}
.c label.input-error{display:none !important}
.c .input__wrap__textarea{margin-top:20px}
.c.placeHolder form .hidden-field{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);z-index:1}
.c.placeHolder form .hidden-field{-webkit-transition:all 1s ease-out;transition:all 1s ease-out}
.c.placeHolder form .hidden-field.hst{-webkit-transition-delay:.3s;transition-delay:.3s}
.c.placeHolder form .hidden-field.hst2{-webkit-transition-delay:.6s;transition-delay:.6s}
.c.placeHolder form .hidden-field.hst3{-webkit-transition-delay:.9s;transition-delay:.9s}
.c textarea#message,.c input#fromEmail{font-size:1.5rem}
.c textarea#message{line-height:1.333em;font-weight:300;max-width:100%}
.c .wpcf7-submit{padding:8px 30px 8px 60px !important;border-radius:4px;background:#e96949 !important;font-weight:400 !important;font-size:1rem;color:#fff;width:auto;}
.cD{position:absolute;top:40vh;width:40vw;line-height:1.5rem;-webkit-transition:all .3s ease-out;color:#828282;transition:all .3s ease-out}
.cD ul{padding:0 !important;}
.cD li{list-style:none;line-height: normal;}
.cL{height: calc(100vh - 30vh);}
.cl__hl{position:relative;top:5vh;left:0}
.cL h1{font-size:3rem;margin-top:10px;color:#787271;position:relative;z-index:1;background:#fff;padding-right:20px;display:inline-block}
.cL.success h1{color:#e96949}
.cFt{width:100%;position:absolute;top:63vh;left:0;font-size:.875rem;display:none}
.cFt a{color:#748b39}
.cl__hl,.cD,.cFt,.c form{opacity:0; -webkit-transition:all 600ms;transition:all 600ms;}
.animation-active .cl__hl,.animation-active .cD,.animation-active .cFt,.c.animation-active form{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.cl__hl .line{width:100%;height:2px;position:absolute;left:0;top:50%;background-color:#787271;animation: lineWidth 5s normal;}
.cD .line{width:30%;height:2px;background-color:rgba(0, 0, 0, .25);margin-bottom:5vh;animation: lineWidth2 5s normal;}
.animation-active .cl__hl{animation: lineV 1s normal;}
.animation-active .cD{ animation: lineV 2s normal;}
.animation-active .cFt{ animation: lineV 3s normal;}
.c.animation-active form{ animation: lineV 4s normal;}
@media only screen and (max-width: 991px) {
	.page-wrapper .sections-container .preloader-contact li{font-size:34px;margin-right:5px;}
	.page-wrapper .sections-container .preloader-contact .uncont > .uncode_text_column{top: 35%;}
	.page-wrapper .sections-container .preloader-contact .pline{bottom:35%;}
	.cL{width:100%;position:static;height:auto;}
	.cl__hl{top:auto;}
	.cD .line{margin-bottom:30px !important;width: 30% !important;}
	.cD{position:static;margin-top:40px;width: 100%;}
	.cFt{position:static;margin:40px 0;}
	.cF{width:100%;position:static;}
	.c form{width:100%;padding-left:0;}
	.page-wrapper .sections-container .c{position: static;}
}
@media screen and (max-width:640px){
	.cl__hl3 h2, .cl__hl3 p{font-size:2.5rem }
	.c{overflow-x:hidden-field }
	.c #fromName{font-size:2rem }
	.pline{width:50%;left:25%;bottom:10% }
	.c{overflow-x:hidden-field }
	.animation-active .cD{margin-bottom: 30px;}
	.c input{margin:0 }
	.c #fromName{font-size:2rem }
	.c .input__wrap__textarea.hst{margin-top:16px }
	.cL h1{font-size:3rem }
	.c .wpcf7-submit{margin-bottom:44px }
	.c label{font-size: 14px;}
   .animation-heading.start_animation h2::after { width:300px;}
}
/*======================Contact END ================*/



.main-container .row-container .pdf-form{position: fixed;z-index: 9999;background: rgba(0,0,0,0.5);width: 100%;top: 0;display: flex;align-items: center;height: 100%;opacity:0;visibility:hidden; -webkit-transition:all 400ms;transition:all 400ms;}
.main-container .row-container .pdf-form > div{margin: 0 auto;display: inline-block;float: none;max-width: 400px;width:90%; position: relative;background: #fff;max-height:90vh;overflow:auto}
.main-container .row-container .pdf-form.form-open{opacity:1;visibility:visible;}
.pdf-form .wpcf7 .wpcf7-form{padding:50px 35px;}
.pdf-form .wpcf7 .screen-reader-response {position: absolute;overflow: hidden;clip: inherit;margin: 0;padding: 0;border: 0;top: 0;right: 0;background: #e96949;width: 40px;
height: 40px;display: inline-block;z-index: 111;text-align:center;cursor:pointer;font-size: 0;}
.pdf-form .wpcf7 .screen-reader-response:before{content: "\f00d";font-family:FontAwesome;font-size:16px;color:#fff;line-height:38px;}
.pdf-form .wpcf7 input{border:none !important;background:#eee;padding:10px !important;box-shadow: none !important;transform: none !important;margin:0 !important;border: 1px solid #eee !important;width: 100%;}
.pdf-form .wpcf7 .wpcf7-form-control-wrap{margin:0 0 15px;display: block;}
.pdf-form .wpcf7 label{font-size: 14px;font-weight:400;}
.pdf-form .wpcf7 .wpcf7-submit{display:table;background:#e96949;border:none;text-transform:uppercase;font-size:16px;margin:0 auto !important;width:auto;padding: 10px 15px !important;min-width: 140px;border-radius: 5px;border: none !important;color:#fff;}
.pdf-form .wpcf7 .wpcf7-not-valid-tip{margin-top: 0 !important;color:#b52026 !important}
.pdf-form .wpcf7 .ajax-loader{display:none !important}
.pdf-form .wpcf7 .wpcf7-response-output{color:#b52026 !important;font-weight:600;text-align: center;}
.pdf-form .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok{color:#193965 !important}
.main-container .row-container.pdf-form br{display: none}
.pdf-form ._form-thank-you{text-align: center;font-size: 16px;margin-top: 20px;font-weight: bold;}

@media only screen and (min-width:1024px) and (max-width:1440px){.ms .main-heading h1{font-size:8em!important }
 .ms .team-heading h1{font-size:3em!important }
 .ms h2{font-size:6em!important }
 
}
@media only screen and (min-width:48em){
}

@media only screen and (max-width:1023px){
 .architecture-approach{position:relative }
 .architecture-approach .approach-item{transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;cursor:pointer;padding:.5em 0 0;width:100%;border-bottom:1px solid rgba(37, 48, 105, 0.15); text-align:center}
 .architecture-approach .approach-item.active .approach-content{opacity:1;padding-bottom:3em;max-height:500px;transform:translateY(0%);-moz-transform:translateY(0%);-webkit-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%) }
 .architecture-approach .approach-item.active h3:after, .architecture-approach .approach-item.active h3:before{transform:translate(-50%, -50%) rotate(180deg);-moz-transform:translate(-50%, -50%) rotate(180deg);-webkit-transform:translate(-50%, -50%) rotate(180deg);-o-transform:translate(-50%, -50%) rotate(180deg);-ms-transform:translate(-50%, -50%) rotate(180deg) }
 .architecture-approach .approach-icon{transition:all 1s cubic-bezier(0.6, 0.06, 0, 1);-webkit-transition:all 1s cubic-bezier(0.6, 0.06, 0, 1);-moz-transition:all 1s cubic-bezier(0.6, 0.06, 0, 1);-o-transition:all 1s cubic-bezier(0.6, 0.06, 0, 1);width:20%;height:auto }
 .architecture-approach .approach-title{padding-left:10%;width:60%;text-align:left }
 .architecture-approach .approach-content{transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);text-align:left;opacity:0;width:100%;max-height:0;font-size:.8em;transform:translateY(50px);-moz-transform:translateY(50px);-webkit-transform:translateY(50px);-o-transform:translateY(50px);-ms-transform:translateY(50px);padding:.5em 0 }
 .architecture-approach h3{width:100%;text-align:left;margin:0;position:relative;display:inline-block }
 .architecture-approach h3:after, .architecture-approach h3:before{content:"";top:50%;right:0%;transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);display:block;position:absolute;width:12px;height:3px;background-color:#e96949 }
 .architecture-approach h3:after{top:50%;right:0%;transform:translate(-50%, -50%) rotate(90deg);-moz-transform:translate(-50%, -50%) rotate(90deg);-webkit-transform:translate(-50%, -50%) rotate(90deg);-o-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg) }
 
}
@media only screen and (max-width:47.9em){
	.architecture-approach .approach-icon{width:30% }
 .architecture-approach .approach-title{padding-left:2%;width:70%;text-align:left }
 .architecture-approach h3{font-size:1.6em }
.main-container .architecture-approach .row-inner .column_parent{ padding-top:0;}
}
@media only screen and (min-width:64em){
	
 .architecture-approach{position:relative }
 .architecture-approach .svg-shape{display:block;width:12%;height:auto;top:0%;right:35%;max-width:200px }
 .architecture-approach .approach-icon{transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);display:inline-block;width:120px;height:120px;margin-top:1em !important }
 
 .post-content .architecture-approach .row .row-inner .uncol .uncoltable .uncell .uncont .wpb_raw_code .wpb_wrapper .approach-item:first-child .approach-icon:first-child{ margin-top:1em !important}

 
 .architecture-approach .approach-title{transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1) }
 .architecture-approach .approach-content{transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);opacity:0;font-size:.7em;transform:scale(0.35, 0.25) rotateX(15deg) rotateZ(20deg) translateY(150px) translateX(-50px);-moz-transform:scale(0.35, 0.25) rotateX(15deg) rotateZ(20deg) translateY(150px) translateX(-50px);-webkit-transform:scale(0.35, 0.25) rotateX(15deg) rotateZ(20deg) translateY(150px) translateX(-50px);-o-transform:scale(0.35, 0.25) rotateX(15deg) rotateZ(20deg) translateY(150px) translateX(-50px);-ms-transform:scale(0.35, 0.25) rotateX(15deg) rotateZ(20deg) translateY(150px) translateX(-50px);padding:0 2% 2em }
 .architecture-approach h3{margin:0 0 .8em 0;position:relative;display:inline-block }
 .architecture-approach h3:after, .architecture-approach h3:before{content:"";top:50%;right:-25px;transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);display:block;position:absolute;width:12px;height:4px;background-color:#e96949 }
 .architecture-approach h3:after{top:50%;right:-25px;transform:translate(-50%, -50%) rotate(90deg);-moz-transform:translate(-50%, -50%) rotate(90deg);-webkit-transform:translate(-50%, -50%) rotate(90deg);-o-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg) }
 .architecture-approach .approach-item{transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 350ms cubic-bezier(0.77, 0, 0.175, 1);overflow:hidden;cursor:pointer;text-align:center}
 .architecture-approach .approach-item:hover{margin-bottom:1em }
 .architecture-approach .approach-item:hover .approach-content{opacity:1;transform:scale(1, 1) rotateX(0deg) rotateZ(0deg) translateY(0) translateX(0);-moz-transform:scale(1, 1) rotateX(0deg) rotateZ(0deg) translateY(0) translateX(0);-webkit-transform:scale(1, 1) rotateX(0deg) rotateZ(0deg) translateY(0) translateX(0);-o-transform:scale(1, 1) rotateX(0deg) rotateZ(0deg) translateY(0) translateX(0);-ms-transform:scale(1, 1) rotateX(0deg) rotateZ(0deg) translateY(0) translateX(0) }
 .architecture-approach .approach-item:hover .approach-title{transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8) }
 .architecture-approach .approach-item:hover .approach-icon{margin-top:0 !important }
 .post-content .architecture-approach .row .row-inner .uncol .uncoltable .uncell .uncont .wpb_raw_code .wpb_wrapper .approach-item:first-child:hover .approach-icon:first-child{ margin-top:0 !important}
 .architecture-approach .approach-item:hover h3:after, .architecture-approach .approach-item:hover h3:before{transform:translate(-50%, -50%) rotate(180deg);-moz-transform:translate(-50%, -50%) rotate(180deg);-webkit-transform:translate(-50%, -50%) rotate(180deg);-o-transform:translate(-50%, -50%) rotate(180deg);-ms-transform:translate(-50%, -50%) rotate(180deg) }
 
}
@media only screen and (min-width:75em){
 .ms {font-size:1.55em;line-height:1.66em }
 .ms h2{font-size:8.55em;line-height:1em }
 .architecture-approach{position:relative;z-index:500 }
 .approach-desc{font-size:1.8vw }

}

@media only screen and (min-width:1921px){.ms{font-size:1.75em }
 .architecture-approach .approach-icon{width:160px;height:160px }
}



.email_portfolio:hover .uncoltable .uncell{ background:#101010;}
.email_portfolio .heading-text div p{ color:#e96949; font-size:30px; font-weight:700; margin-top:0;}

.next_portfolio:hover .uncoltable .uncell{ background:#101010; } 
.next_portfolio .heading-text div p{ color:#fff; font-size:60px; font-weight:700; margin-top:0;} 

.single-portfolio .nextportfolio{ display:none;}

#projects__scroll-cta {right: -100px; bottom: 10.44%; left: auto; width: 8.13%; height: 93px; position: absolute; text-align: center; z-index: 3;}
#projects__scroll-cta__label {position: absolute; bottom: 120px; left: 50%; display: block; white-space: nowrap; color: #a0a0a0; text-transform: uppercase; letter-spacing: .28em; font-weight: 500; font-size: 8px; transform: rotate(-90deg) translateY(50%); transform-origin: left bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
#projects__scroll-cta__btn { text-align: center; width: 100%; height: 100%; overflow: hidden; background:none; border:none;}
#projects__scroll-cta__picto { fill: #e96949 ; display: -ms-flexbox; display: flex; height: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;transition: fill .5s;}
#projects__scroll-cta__picto svg { width: 32px; display: block; height: 100%;}
#projects__scroll-cta__btn:hover #projects__scroll-cta__picto { transition: fill 0s .12s; fill: #000; animation: projects__scroll-cta__picto__roll-over .5s cubic-bezier(.165,.84,.44,1) forwards;}
@keyframes projects__scroll-cta__picto__roll-over {
 30% { transform:translateY(30px); opacity:0 }
 30.001% { transform:translateY(-50px); opacity:0 }
 100% { transform:translateY(0); opacity:1 }
}

.architecture_header .heading-text div p{ font-size:8.5rem; line-height:90%; color:#fff; font-weight:900; text-transform:uppercase; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important}
.architecture_header .heading-text{ position:relative;}
.architecture_header .heading-text:before{ /*position:absolute; content:""; top: -50px; left:-30px; background: #e96949 ; width: 124px; height: 20px;*/}
@media only screen and (max-width:1280px) {
	.architecture_header .heading-text div p{ font-size:6.5rem;}
}


 /*-----------------------------------------------------------*
Virtual Reality page
*-----------------------------------------------------------*/
.meet-header-section{ padding-right:5%; padding-left:5%;}
.meet-header-section .uncol, .meet-header-section .uncont, .meet-header-section .wpb_content_element, .meet-header-section .wpb_wrapper{height: 100%;}
.meet-small-heading{ position:relative; margin-top:60px; font-size:32px; line-height: 1; padding-top: 30px; overflow:hidden;  }
.meet-small-heading span{ text-transform:uppercase; letter-spacing:5px; font-weight:600; }
.meet-small-heading:after{background:rgba(255,255,255,0.2); content:""; width:0px; height:3px; display:block; margin:30px 0px; transition:all 1.7s; }
.fire-animation .meet-small-heading:after{width:100%;}
.meet-small-heading span { opacity: 0; -webkit-transform: translateY(300%); -o-transform: translateY(300%); transform: translateY(300%); -webkit-transition: -webkit-transform .6s cubic-bezier(.07,.51,.12,1); transition: -webkit-transform .6s cubic-bezier(.07,.51,.12,1); -o-transition: -o-transform .6s cubic-bezier(.07,.51,.12,1); transition: transform .6s cubic-bezier(.07,.51,.12,1); transition: transform .6s cubic-bezier(.07,.51,.12,1),-webkit-transform .6s cubic-bezier(.07,.51,.12,1),-o-transform .6s cubic-bezier(.07,.51,.12,1);
    transition-delay: 0s, 0s, 0s; display:block;  }
.meet-small-heading span{ -webkit-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s;}
.meet-header-section.fire-animation .meet-small-heading span { opacity: 1; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}


.meet-large-heading {position: relative; font-weight: normal; font-size: 40px;}
.meet-large-heading h1 {font-size: 48px; color: rgba(255,255,255,0.7); line-height: 1.2; margin-top:0px; font-weight:normal;  }
.meet-large-heading .split-lines-outer {display: block; overflow-y: hidden;}
.meet-large-heading h1 .js-header-title.white{color: rgba(255,255,255,1); }

.meet-large-heading .split-lines-inner, .meet-large-heading span.js-header-title.white {opacity: 0; -webkit-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: opacity .4s cubic-bezier(.07,.51,.12,1),-webkit-transform .4s cubic-bezier(.07,.51,.12,1); transition: opacity .4s cubic-bezier(.07,.51,.12,1),-webkit-transform .4s cubic-bezier(.07,.51,.12,1); -o-transition: opacity .4s cubic-bezier(.07,.51,.12,1),-o-transform .4s cubic-bezier(.07,.51,.12,1);
    transition: opacity .4s cubic-bezier(.07,.51,.12,1),transform .4s cubic-bezier(.07,.51,.12,1); transition: opacity .4s cubic-bezier(.07,.51,.12,1),transform .4s cubic-bezier(.07,.51,.12,1),-webkit-transform .4s cubic-bezier(.07,.51,.12,1),-o-transform .4s cubic-bezier(.07,.51,.12,1); transition-delay: 0s, 0s, 0s, 0s;}
.meet-large-heading .split-lines-inner, .meet-large-heading span.js-header-title.white{display: inline-block; vertical-align: text-top; -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s;}
.meet-header-section.fire-animation .meet-large-heading .split-lines-inner, .meet-header-section.fire-animation .meet-large-heading span.js-header-title.white{opacity: 1; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.meet-large-heading .split-lines-outer:nth-child(2) .split-lines-inner { -webkit-transition-delay: 2.2s; -o-transition-delay: 2.2s; transition-delay: 2.2s;}
.meet-large-heading span.js-header-title.white{-webkit-transition-delay: 2.6s; -o-transition-delay: 2.6s; transition-delay: 2.6s;}


.c-intro__updates .c-intro__post {-webkit-transition: opacity .4s cubic-bezier(.4,.6,.2,1); -o-transition: opacity .4s cubic-bezier(.4,.6,.2,1); transition: opacity .4s cubic-bezier(.4,.6,.21);}
.o-label, .u-small {font-size: .6875rem; letter-spacing: .09375rem; text-transform: uppercase;}
.c-intro__updates .c-intro__post span {display: block;}
.c-intro__updates .c-intro__post a {
    background-image: -webkit-gradient(linear,left bottom,left top,from(currentColor),color-stop(50%),color-stop(50.1%,#000));
    background-image: -webkit-linear-gradient(bottom,currentColor,50%,#000 50.1%);
    background-image: -o-linear-gradient(bottom,currentColor,50%,#000 50.1%);
    background-image: linear-gradient(0deg,currentColor,50%,#000 50.1%);
    background-position: left 0 bottom 50%;
    background-repeat: no-repeat;
    background-size: 0 8%;
    color: #fff;
    color: inherit;
    cursor: pointer;
    display: inline;
    text-decoration: none;
    -webkit-transition: background 1.5s cubic-bezier(.07,.51,.12,1) !important;
    -o-transition: background 1.5s cubic-bezier(.07,.51,.12,1) !important;
    transition: background 1.5s cubic-bezier(.07,.51,.12,1) !important;
}
.c-intro__updates .c-intro__post .u-h4 { margin-top: 1rem; font-size: 1.5vw; line-height: 1.625rem;  display: block;}
.c-intro__updates .c-intro__post .u-h4:hover{ color: #ffffff; }
.c-intro__updates {bottom: 5vh; color: #fff;  position: absolute; width: 40%; float: left;}
.o-layout--grids > .o-layout__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%;}
.c-intro__images .c-intro__image {height: 14.0625rem; position: relative; width: 50%;}
.c-intro__images .c-intro__image {height: 34vh;}
.c-intro__images .c-intro__image a {background-position: 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 100%; width: 100%;}
.c-intro__images { bottom: -3.75rem; display: none; position: absolute; right: 0; width: 100%; right: -5.5%;}
.c-intro__images { display: block;}
.c-intro__images{float: right; width: 50%;}
.c-intro__progress{height:.375rem; display:block; position:absolute; top:0px; left:0px; z-index:1; content:""; background:#7c9082;   }
.home-about-title {position: relative; left: -200px; max-width: 65%; top: 200px;}
.c-home-about__content .o-label {position: absolute; right: 12.5vw; -webkit-transform: rotate(-90deg) translate(18%,-100%); -o-transform: rotate(-90deg) translate(18%,-100%);
    transform: rotate(-90deg) translate(18%,-100%); -webkit-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; z-index:10; }
.c-home-about__content .o-label { left: 8.33333vw; right: inherit; -webkit-transform: rotate(-90deg) translate(-18%,-100%); -o-transform: rotate(-90deg) translate(-18%,-100%); transform: rotate(-90deg) translate(-18%,-100%); -webkit-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;}
.c-home-about__content .row-inner{ margin-top: -40px !important;  }

.main-container .row-container .row-parent .uncont > :first-child:not(.divider-wrapper):not(.edit-account) > :first-child > .c-home-about__logo{margin-top: 200px !important;}
.c-home-about__logo {height: 5.5vw; width: 5.5vw; position: relative; float: right; right: 100px;  margin-bottom: 250px;}
.c-home-about__logo span {background: #848484; height: 0; position: absolute; -webkit-transition: background-color .8s cubic-bezier(.07,.51,.12,1) 1.2s,-webkit-transform .8s cubic-bezier(.07,.51,.12,1); transition: background-color .8s cubic-bezier(.07,.51,.12,1) 1.2s,-webkit-transform .8s cubic-bezier(.07,.51,.12,1);
    -o-transition: background-color .8s cubic-bezier(.07,.51,.12,1) 1.2s,-o-transform .8s cubic-bezier(.07,.51,.12,1);
    transition: transform .8s cubic-bezier(.07,.51,.12,1),background-color .8s cubic-bezier(.07,.51,.12,1) 1.2s;
    transition: transform .8s cubic-bezier(.07,.51,.12,1),background-color .8s cubic-bezier(.07,.51,.12,1) 1.2s,-webkit-transform .8s cubic-bezier(.07,.51,.12,1),-o-transform .8s cubic-bezier(.07,.51,.12,1);
    width: 0;}
.c-home-about__logo span:nth-child(2), .c-home-about__logo span:nth-child(3){height:.0625rem; left:0; -webkit-transform:scaleX(0); -o-transform: scaleX(0);transform: scaleX(0); width: 100%;}
.c-home-about__logo span:nth-child(4), .c-home-about__logo span:nth-child(5) {height:100%; top:0; -webkit-transform:scaleY(0); -o-transform:scaleY(0); transform:scaleY(0); width:.0625rem;}
.c-home-about__logo span:nth-child(4) {left: 0; -webkit-transform-origin: bottom; -o-transform-origin: bottom;  transform-origin: bottom;}
.c-home-about__logo span:nth-child(5) {right: 0; -webkit-transform-origin: top; -o-transform-origin: top; transform-origin: top;}
.c-home-about__logo span:nth-child(2) {top: 0;-webkit-transform-origin: left; -o-transform-origin: left; transform-origin: left;}
.c-home-about__logo span:nth-child(3) { bottom: 0; -webkit-transform-origin: right; -o-transform-origin: right; transform-origin: right;}
.c-home-about__logo.is-animated span {background: #d5d5d5;}
.start_animation .c-home-about__logo span:nth-child(2), .start_animation  .c-home-about__logo span:nth-child(3) { -webkit-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);
     -webkit-transition-delay: 1s;}
.start_animation .c-home-about__logo span:nth-child(4), .start_animation  .c-home-about__logo span:nth-child(5) { -webkit-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1);
     transition-delay: 1s; -webkit-transition-delay: 1s;}
.logo-txt{text-transform: uppercase; letter-spacing:5px; font-family: 'Avenir Next Condensed',sans-serif; font-weight:700; font-size:52px; line-height:1; left:50%; position:absolute; top:50%; width:auto !important; height:auto !important; background:none !important; -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color:#333333;}

.main-container .row-container .row-parent .uncont > :first-child:not(.divider-wrapper):not(.edit-account) > :first-child > .tm-200{ margin-top:200px !important;  }
.o-layout .o-layout__item.u-offset-1 { margin-left: 22%!important;}
.o-layout .o-layout__item .o-label{ margin-bottom:20px;  }

.c-services__item a {display: block; height: 100%; width: 100%;}
.c-services__item {background-color:#adc4bd; border-right: 1px solid #8dbaa4; position: relative; -webkit-transition: background-color .4s cubic-bezier(0,117,141,1);
    -o-transition: background-color .4s cubic-bezier(.4,.6,.2,1); transition: background-color .4s cubic-bezier(.4,.6,.2,1);}
.c-services__item .uncont, .c-services__item .wpb_raw_code, .c-services__item .wpb_wrapper,.c-services__item .uncol{height:100%; }
.c-services__item__content {max-width: 80%; padding-left: 8.33333vw; padding-top: 10vw;}
.c-services__item__content h2, .c-services__item__content span {color: #f2f2f2; -webkit-transition: color .4s cubic-bezier(.4,.6,.2,1); -o-transition: color .4s cubic-bezier(.4,.6,.2,1);
    transition: color .4s cubic-bezier(.4,.6,.2,1);}
.c-services__item__content h2{ margin-top:0px;  }
.c-services__item__bg {background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;}
.c-services__item::before {background-color: #7c9082;content: ""; height: .375rem; position: absolute; top: 0; -webkit-transition: width .4s cubic-bezier(.4,.6,.2,1);
    -o-transition: width .4s cubic-bezier(.4,.6,.2,1); transition: width .4s cubic-bezier(.4,.6,.2,1); width: 0;}
.c-services__item:hover::before {width: 100%;}
.c-services__item:hover {background-color: rgba(0,0,0,.5);}
.c-belief__content h2{ font-weight:400; font-size:42px;   }
.c-belief__content strong{ color:#e96949; }

.c-projects__list .tmb .t-entry-visual .t-entry-visual-overlay{ background-color: #504755;
	left: 0; top: 0; -webkit-transform: translateX(-200%) scaleX(1); -o-transform: translateX(-200%) scaleX(1); transform: translateX(-200%) scaleX(1);
-webkit-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 1.2s cubic-bezier(.07,.51,.12,1);
transition: -webkit-transform 1.2s cubic-bezier(.07,.51,.12,1); -o-transition: -o-transform 1.2s cubic-bezier(.07,.51,.12,1); transition: transform 1.2s cubic-bezier(.07,.51,.12,1);
transition: transform 1.2s cubic-bezier(.07,.51,.12,1),-webkit-transform 1.2s cubic-bezier(.07,.51,.12,1),-o-transform 1.2s cubic-bezier(.07,.51,.12,1); z-index: 0; right:auto; bottom:auto; height: 100%; position: absolute; width: 100%; z-index:1; opacity:1;   }
.c-projects__list .tmb .t-entry-visual .t-entry-visual-overlay:after{height: 100%; position: absolute; width: 100%; 

	background-image: -webkit-gradient(linear,right bottom,left top,color-stop(0,transparent),color-stop(50%,transparent),color-stop(0,#504755),to(#504755));
background-image: -webkit-linear-gradient(bottom right,transparent 0,transparent 50%,#504755 0,#504755);
background-image: -o-linear-gradient(bottom right,transparent 0,transparent 50%,#504755 0,#504755);
background-image: linear-gradient(to top left,transparent 0,transparent 50%,#504755 0,#504755);
content: ""; display: block; left: 100%; z-index: 1;}
.c-projects__list .tmb .t-entry-visual:hover .t-entry-visual-overlay {-webkit-transform: translateX(0) scaleX(1); -o-transform: translateX(0) scaleX(1); transform: translateX(0) scaleX(1);}
.c-projects__list .tmb .t-entry-visual:hover .t-entry-visual-overlay .t-entry-visual-overlay-in{ display:none;  }
.c-intro__content{ padding-top:150px;  }
.c-intro__slides { color: #f8f8f8; display: none; left:-7px; letter-spacing: .1875rem; margin-bottom: 9.375rem; overflow: hidden; position: absolute; top: 70vh; -webkit-transform: rotate(-90deg) translateY(100%) !important; -o-transform: rotate(-90deg) translateY(100%) !important; transform: rotate(-90deg) translateY(100%) !important;    -webkit-transform-origin: left center; -o-transform-origin: left center;  transform-origin: left center;}
.c-intro__slides .c-slide__key { display: inline-block; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,.6,.2,1);  transition: -webkit-transform .4s cubic-bezier(.4,.6,.2,1);
    -o-transition: -o-transform .4s cubic-bezier(.4,.6,.2,1); transition: transform .4s cubic-bezier(.4,.6,.2,1);  transition: transform .4s cubic-bezier(.4,.6,.2,1),-webkit-transform .4s cubic-bezier(.4,.6,.2,1),-o-transform .4s cubic-bezier(.4,.6,.2,1);}
.c-intro__slides span:last-of-type {margin-left: .9375rem;}
.c-intro__slides span:last-of-type::before {content: "/"; display: inline-block; margin-right: .9375rem;}
.c-intro__updates .slick-dots{ display:none !important;  }
 .mw-320 .uncont { max-width: 320px;}
 .o-label__index, .o-label__index::after {display: inline-block; vertical-align: middle;}
 .o-label__index::after { background-color: currentColor;  content: ""; height: .0625rem; margin: -2px 10px 0; width: 3.3125rem;}

 @media only screen and (min-width:768px) {
	.c-services__item {height: 75vw !important;}
}
@media only screen and (min-width:1025px) {
	.c-services__item {height: 53vw !important;}
	.c-services__item__content {padding-left: 4.16667vw; padding-top: 6.66667vw;}
}
@media only screen and (min-width:1280px) {
	.c-services__item {height: 45vw !important;}
	.c-services__item__content {padding-top: 4.16667vw;}
}
@media only screen and (min-width:1367px) {
	.c-services__item {height: 42vw !important; max-height: 53.125rem;}
	.main-container .row-container .row-parent .uncont > :first-child:not(.divider-wrapper):not(.edit-account) > :first-child > .c-home-about__logo {margin-top: 280px !important;}
	.c-home-about__logo {margin-bottom: 350px;}
}
@media only screen and (max-width:1366px) {
	.home-about-title.heading-text h2 {font-size: 32px;	line-height: 1.4;}
	.home-about-title {max-width: 75%; top: 140px;}
}
 
/*-----------------------------------------------------------*
 Leadership page
*-----------------------------------------------------------*/


.bio_popup,
.bio_popup_michael { position: fixed !important; z-index: 9999; background: rgba(0,0,0,0.5); width: 100%; top: 0; display: flex; align-items: center; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 400ms; transition: all 400ms; left:0; margin-top:0 !important;}
.bio_popup-open.bio_popup,
.bio_popup-open.bio_popup_michael{ opacity: 1; visibility: visible;}
.bio_popup .row,
.bio_popup_michael .row  { margin: 0 auto; display: inline-block; float: none; max-width: 1130px; width: 90%; position: relative; background: #fff; max-height: 95vh; overflow: auto;}
.screen-reader-response {position: absolute; overflow: hidden; clip: inherit; margin: 0; padding: 0 !important; border: 0; top: 0; right: 0; background: #b52026; width: 40px; height: 40px; display: inline-block; z-index: 111; text-align: center; cursor: pointer; font-size: 0; }
.screen-reader-response::before { content: "\f00d"; font-family: FontAwesome;font-size: 16px; color: #fff; line-height: 38px; }

.about-gallery .tmb.tmb-carousel{position:absolute;}
.about-gallery .owl-item {height: 420px !important;background-size: cover;}
.animate-big { position: absolute; top: -150px; height: 400px; background:#504755; width: 600px; right: -400px;}
.odd .animate-big {left: -400px;   right: auto;height: 400px;}
.animate-small {background:#8dbaa4;width: 450px;  height: 250px;  position: absolute; top: -25px;  right: -25px;  z-index:0;}
.odd .animate-small {left: -25px; right: auto; background:#e96949;}
.overlay-text {position: absolute !important; left: 50%; right: 0; bottom: 0; font-size: 50px; width: 100vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 0 !important;
    z-index: -1;}
.overlay-text h2 {font-size: 300px !important; color: rgba(255,255,255,0.2); line-height: 170px;}


/*-----------------------------------------*
(Market page) Quote box
*-----------------------------------------*/
.quote-block::before { content: ''; background: url(images/sm-mesh.png) 0 0; height: 386px; display: block; position: absolute; bottom:80px;
    left: 0;width: 20%; z-index: 3;}
.quote-content-wrapper .single-block-padding{padding: 30px 30px 30px 90px;  position: relative;}
.quote-content-wrapper .quote-content {font-size: 1.4em; margin-bottom: 1em; line-height: 1.7em;}
.quote-content-wrapper .single-block-padding::before {content: '“'; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 125px; font-weight: bold; position: absolute;
top: 6px; left: 20px; z-index: 1;}
.quote-content-wrapper .quote-signature {margin-bottom: 1em;}
.quote-content-wrapper .quote-img {width: 80px;  height: 80px; border-radius: 80px; border: 3px solid rgba(255,255,255,0.3); display: inline-block;}
.quote-content-wrapper .quote-img img{border-radius: 50%; 
display: block;}
.quote-content-wrapper .quote-cite .author-name{font-family: 'D-DIN'; font-size:24px; }
.main-container .row-container.quote-block .col-no-gutter > .row-inner{max-width: 1300px; margin: auto; min-width: auto; top: -100px;}
.quote-block .quote-image.col-lg-8{margin-left: -40px; width:80%; }
.quote-block .col-lg-4.quote-content-wrapper{margin-left: -20%; right: -40px; position: absolute; width: 43%; margin-top: 80px;}

/*-----------------------------------------*
Locations
*-----------------------------------------*/
.global-cta__inner { -webkit-transition: padding-left ease .3s,padding-right ease .3s !important; -ms-transition: padding-left ease .3s,padding-right ease .3s !important; transition: padding-left ease .3s,padding-right ease .3s !important;}
.global-cta__inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center;    -ms-flex-align: center; align-items: center;}
.global-cta__arrow { padding-left: 50px; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: auto;}
.global-cta__inner:hover { padding-left: 20px; padding-right: 20px;}
.global-cta__arrow::before { content: ""; width: 100%; height: 2px; display: block;  -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; background: #e96949;}
.global-cta__arrow svg { width: 7px;}
h3.global-cta__title{margin-top: 0; text-transform: uppercase;}

.location-gallery .tmb .t-inside{border-bottom: 5px solid #e96949}

/*-----------------------------------------------------------*
Footer CSS
*-----------------------------------------------------------*/
.uncell.social-icons {text-align: right; width: 100%; display: block; font-size:28px; }
.uncell.social-icons .fa.fa-instagram{font-size: 24px;}
.uncell.social-icons .fa.fa-linkedin{font-size: 30px; position:relative; top:1px;  }

.sign-me-up-box ::-webkit-input-placeholder {  color: #666 !important;opacity: 1;}
.sign-me-up-box ::-moz-placeholder {  color: #666 !important;opacity: 1;}
.sign-me-up-box :-ms-input-placeholder { color: #666 !important;opacity: 1;}
.sign-me-up-box :-moz-placeholder {  color: #666 !important;opacity: 1;} 

.sign-me-up-box .wpcf7-form-control-wrap{display: inline-block; max-width: 250px;vertical-align: top;}
.sign-me-up-box .wpcf7-form-control-wrap input{margin-top: 0;border: 1px none #fff; border-radius: 0px; background-color: #fff; color: #333; font-size: 14px; line-height: 20px; padding: 0px 15px 0px 15px; height: 50px; width:100%; }
.sign-me-up-box .wpcf7-submit{background-color: #e96949 !important; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; color: #ffffff; font-size: 12px; line-height: 50px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; border:none; padding-top: 0px; padding-bottom:0px; border-radius: 0; max-width: 160px; }
.sign-me-up-box .wpcf7-submit:hover, .sign-me-up-box .wpcf7-submit:focus{background-color: #000 !important; color:#ffffff;}
.wwf_cell { position: relative; min-height: 250px; min-width: 0%; padding: 2vw !important; -webkit-transition: padding 200ms ease; transition: padding 200ms ease;}
h3.wwf_heading { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 16px; line-height: 110%;}
.wwf_sub {margin-top: 2vw; margin-bottom: 0px; color: #fff; font-size: 14px; line-height: 150%; position: absolute; bottom: 15px;}
.wwf_cell:hover {padding-bottom: 3vw !important;}
.whats-webflow_wrap .row{  height: 40vh !important;}
.wwf_cell .uncont, .wwf_cell .uncont .uncode_text_column{ /*height:100%;*/}

.wwf_cell.cc-design {background-color: #e96949; }
.wwf_cell.cc-build {background-color: #787271;}
.wwf_cell.cc-install{background-color: #dead46;}
.wwf_cell.cc-explore{background-color: #8dbaa4;}
.wwf_cell.cc-meet {background-color: #83d0e4;}
.wwf_cell.cc-connect{background-color: #504755;}

.wwf_cell:hover {background-color: #111; color: #ff6382;}

.wwf_cell.cc-design:hover h3.wwf_heading {color: #e96949; }
.wwf_cell.cc-build:hover h3.wwf_heading {color: #787271;}
.wwf_cell.cc-install:hover h3.wwf_heading{color: #dead46;}
.wwf_cell.cc-explore:hover h3.wwf_heading{color: #8dbaa4;}
.wwf_cell.cc-meet:hover h3.wwf_heading {color: #83d0e4;}
.wwf_cell.cc-connect:hover h3.wwf_heading{color: #504755;}

h3.wwf_heading:after{ content:"\f08e"; font-family: uncodeicon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; position: absolute; right: 0px; font-size: 16px; opacity:0; transition:all 300ms;   }
.wwf_cell:hover h3.wwf_heading:after{ opacity:1; color:#ffffff;}

/*---------------------------------------------------
contact us page
---------------------------------------------*/
.header_line{ margin-left:-30px;}
.header_line h2{ position:relative;}
.header_line div p{ padding-left:30px;}
.header_line h2 span{background: #fff; position: relative; z-index: 9; padding-left:30px;}
.header_line h2:after{ content: ''; position: absolute; top: 30px; right: 0; width: 300%; height: 1px; background: #e96949;}
ul.contact_page_form{ list-style-type:none !important; padding:0 !important;}
ul.contact_page_form li{ margin-bottom: 30px; width:48%; float:left; margin-right:4%; }
ul.contact_page_form li:nth-child(2n+2){ margin-right:0;}
ul.contact_page_form li.full-row{ width:100%;}
ul.contact_page_form li span{ margin-top:0;}
ul.contact_page_form li input[type="text"],
ul.contact_page_form li input[type="email"],
ul.contact_page_form li input[type="tel"],
ul.contact_page_form li textarea{ box-shadow:none; border:none; border-bottom:solid 1px #e96949; font-size:16px; padding: 15px; width:100%; border-radius:0; background:none;}
ul.contact_page_form li textarea{ height:130px;}
.contact_bottom .header_line h2 span{ background:#f7f7f7}

.contact_bottom ul.contact_page_form li .number {margin-top: -53px; float: right}
.contact_bottom ul.contact_page_form li textarea{height: 50px; padding:0 40px 0 15px; }
.below-26-40,.below-41{display: none}
.contact_bottom ul.contact_page_form li.answer{ text-align:right; font-style:italic; width:100%;}


.meet-bottom-img{position: absolute;right: -50px;max-width: 750px;bottom: -100px;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s; 
-webkit-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%); transform: translateX(100%); opacity: 0;}	
.fire-animation .meet-bottom-img{transform: translateX(0);opacity: 1;}


.single-post #page-header .header-bg.async-done:before{position: absolute;left: 0;top: 0;background:rgba(0,0,0,0.5);content: "";width: 100%;height: 100%;}
.single-post #page-header h1.header-title{color:#fff;}
.single-post #page-header .post-info,.single-post #page-header .post-info a{color:#fff;}



#depreload { height: 100%; width: 100%;}
.table { display: table;}
.table-cell { display: table-cell;}
.wrapper { vertical-align: middle; opacity: 0;}
#depreload { background-size: cover; background-color: #fff; position: fixed; text-align: center; z-index: 99;}
#depreload .circle { width: 260px; height: 260px; border: 1px solid #EA6846; border-radius: 50%; box-shadow: 0 0 1px 0px #EA6846; margin: 0 auto; position: relative;}
#depreload .line { margin: -20px; opacity: 0;}
#depreload .perc { color: #000; font-size: 4.3em; text-transform: uppercase; margin-top: 30px; letter-spacing: 1px;}
#depreload .loading { color: #000; font-size: 0.8em; text-transform: uppercase; margin-top: 110px; font-weight: 600; letter-spacing: 1px;}
#depreload .perc, #depreload .loading { position: absolute; width: 100%;}
#depreload .logo { position: absolute; left: 50%; top: 50%; width: 139px; height: 145px; margin-left: -69px; margin-top: -72px; opacity: 0;}



@media screen and (max-width:1400px){
.letter-absolute h2{font-size: 250px !important;line-height: 250px;}
.service_tit h2{font-size: 50px !important;}
}


@media screen and (max-width: 1024px){
.meet-bottom-img{position: static;margin: 30px 0;max-width: 600px;}
.expertise-block .col-lg-4.expertise-box-wrapper{width: 50%;margin-top: 20px;}
.service-bg-img .column_child{padding-top: 70px !important;padding-bottom: 70px !important;}
.service-bg-img .column_child .uncont > * {transition: all 600ms;opacity: 1 !important;color: #666 !important;}
.service-bg-img .column_child .service_tit{margin: 40px 0 !important;}
.service_tit h2 {font-size: 40px !important;}
}
@media screen and (max-width: 1023px){
	.header_line h2:after{ display:none;}	
	.uncell.social-icons{text-align: left;}
	.methodology-main{padding: 50px 0}
	.expertise-block .col-lg-8.expertise-box-image{width: 100%;margin: 0;}
	.expertise-block .col-lg-4.expertise-box-wrapper{width: 100%;position: static; margin: 0;}
	
	.service-bg-img .btn-container a{z-index: 9;position: relative;}
	
	.mob_none{display: none !important}
	.c-belief__content h2{font-size: 28px;}
	.home-about-title.heading-text h2 {font-size: 28px;line-height: 1.2;}
	.home-about-title {max-width: 100%;top: 140px;position: static !important;padding: 0 20px 40px;}
	.c-home-about__content {padding: 0 20px;}
	.c-home-about__content .o-label{position: static;transform: none !important;}
	.logo-txt{font-size: 40px;line-height: 60px;left: 55%;top: 55%;}
	.c-home-about__logo{width: 60px;height: 60px;right: 50%;margin-right: -30px;  }
	.main-container .row-container .row-parent .uncont > :first-child:not(.divider-wrapper):not(.edit-account) > :first-child > .c-home-about__logo{margin-top: 100px !important;margin-bottom: 100px !important;}

	.portfolio_cliert{position: static !important;padding: 40px;width: 100%;}
	.portfolio_cliert .row-inner .column_child{padding:0 !important;padding-top: 15px !important;border: none !important}
	.portfolio_cliert .row-inner .column_child:first-child{padding-top: 0 !important;}
	.single-portfolio .header-uncode-block{padding-top: 100px;}
	.portfolio_cliert .heading-text div p{margin-top: 0;}
	.single-portfolio .bgfull{height: 400px !important;}
	.quote-block .col-lg-4.quote-content-wrapper{margin: 0;padding: 20px;position: static;width: 100%;}
	.quote-block .quote-image.col-lg-8 {width: 100%;margin: 0;}
	.contact-hero-text-main{padding: 0 40px;}
	.contact-hero-text-main h1 span{font-size: 60px}


}
@media screen and (max-width: 767px){
	#nav__main-list .nav__item > a{font-size: 30px;font-family: 'Avenir Next Condensed',sans-serif;}
	footer .footer-last{padding: 0 15px;}
	ul.contact_page_form li{ width:100%;}
	.site-footer .col-lg-6{display: table !important;}
	.site-footer .col-lg-6 .site-info{width: 100%;padding: 5px 0;text-align: center;}
	.team-section .t-entry-excerpt p{display: none;}
	.team-section .t-entry-excerpt p:first-child{display: block;}
	.about_slider .owl-item .triple-top-padding{padding-top: 120px !important;}
	.about_slider .owl-item .heading-text h2.h3{font-size: 22px;}
	.page-id-49 .header-wrapper .heading-text h2{font-size: 22px;}
	.post-content .benefits_header_text .double-block-padding{padding: 0;}

	.architecture_header .single-h-padding{padding: 0!important;padding-top: 0px;padding-top: 100px !important;}
    .architecture_header .heading-text div p{font-size: 32px;}
    .methodology-main + div{padding-left: 0 !important;}
    .service-hero-main-text{padding-top: 100px;}
    .service-hero-headline{display: none !important}
    .main-container .row-container.product-sec-1,.main-container .row-container.our-philosophy-main {padding-left: 0 !important} 
    .main-container .row-container.product-sec-1 .row-internal{padding: 40px 20px;}
    .product-sec-1 .heading-text h2{font-size: 22px;}
    .product-sec-1 .column_child + .column_child{margin-top: 30px;}
    .methodology-main .methodology-img{top:0 !important;}
    .methodology-text{padding: 0 !important}
    .main-container .row-container.our-philosophy-main  > div{padding: 0 !important}
    .our-philosophy-main::before, .we-believe-main > div::before{display: none}
    .aside-rated-test p{transform: none;left: 20px;}
    .aside-rated-test{position: static !important;}
    .our-philosophy-text .left-offset.heading-text{margin-left: 0;padding: 20px;}
    .our-philosophy-text .btn-container .left-offset{margin-left: 20px;}
	.main-container .row-container.f-p-sec{margin: 0 !important;}
	.main-container .row-container.f-p-sec > div{padding: 0}
	.f-p-sec .uncont .empty-space{display: none}
	.f-p-sec .owl-item .t-entry h2{font-size: 22px !important;} 

.single-portfolio_content .double-block-padding{padding: 0;}
.quote-content-wrapper .single-block-padding:before{display: none}
.quote-content-wrapper .single-block-padding{padding: 30px 20px;}
.single-portfolio .header-uncode-block .single-block-padding,.single-portfolio .header-uncode-block .triple-block-padding{padding: 0;}

	
}
@media screen and (max-width: 479px){
	ul.contact_page_form li{margin-bottom: 10px;}
	.contact_bottom ul.contact_page_form li textarea{font-size: 14px; height: 60px;}
	.contact_bottom ul.contact_page_form li .number{margin-top: -65px;}

	.expertise-block .expertise-box-wrapper .single-block-padding{padding: 30px;}
	.main-container .row-container.expertise-block .row-parent{padding: 20px;}
	.sign-me-up-box .wpcf7-form-control-wrap{width: 100%;display: block;max-width: 100%;}
	.sign-me-up-box .wpcf7-submit{margin-top: 10px;width: 100%;display: block;max-width: 100%;}
}