@charset "utf-8";
body{overflow-x:hidden}
.mas-services{background-image:url(../data/services/1.jpg); background-attachment:fixed; background-size:cover}
.mas-start_project .navbar-header,.mas-about .navbar-header,.mas-career .navbar-header,.mas-services .navbar-header,.mas-contact .navbar-header,.mas-news .navbar-header,.mas-services .navbar-header,.mas-work .navbar-header,.mas-work_view .navbar-header{background:#000000}
.mas-contact .section-6,.mas-index .section-6{ background-color:#000}
.mas-contact .section-6{padding-top:100px;}
.navbar-skid{position:fixed;top:0;width:100%;left:100%;background:rgb(0,0,0);-webkit-transition:all 0.3s ease-out;}
.navbar-skid.left{left:0;}
.navbars  {background:rgba(0,0,0,0.9);}
.navbar-nav{margin-bottom: 20px;}
.navbar-toggle{display:block;}
.navbar-header{width:100%;-webkit-transition: -webkit-transform .2s,background .3s,color .3s,opacity 0.3s;	-moz-transition: -moz-transform .2s,background .3s,color .3s,opacity 0.3s;
	-ms-transition: -ms-transform .2s,background .3s,color .3s,opacity 0.3s;	-o-transition: -o-transform .2s,background .3s,color .3s,opacity 0.3s;
	transition: transform .2s,background .3s,color .3s,opacity 0.3s;}
.background-main{position:fixed;top:0;right:0;bottom:0;left:0;}
.intro-img{width:100%;position:relative;}
.left{left:0;height:auto !important;}
.rel{position:relative;}
.abs{position:absolute;top:0; left:0}
.rel .bottom{position:absolute;bottom:-40%; top:auto; right:-4%}
.section-1{position: relative;min-height:100vh;}
.image_cover{position:absolute; width:100%; height:100%; background-size:cover; background-image:url(../img/bg.jpg); background-position:center}
.section-2{overflow:hidden;background-color:rgba(57,57,60,0.68);position: relative;min-height:70vh;}
.no_bgcl{background-color:rgba(0,0,0,0) !important}
.banner{z-index:10;width:100%; height: 100%; left: 0;top: 0;position:absolute;}
textarea:focus, input:focus{
    outline: 0;
}
.banner-item-container{position:relative;width:100%;overflow:hidden; height:50%}
.banner-media .banner-item-container.tip{background-color:#242424 !important;}

.table {
    display: table;
}
.table-cell {
    display: table-cell;
}
.middle {
    vertical-align: middle;
}
.banner-item{position:absolute;height:350px;width:100%;background-size:cover;background-position:center; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.banner-item-refresh{-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);}
.banner-item-top{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%);}
.mh-sc1{min-height:400px;}
.navbar-toggle {color:#ffffff;border:3px solid #ffffff;border-radius:0;padding:6px;}
.navbar-toggle .icon-bar {color:#ffffff;border:2px solid #ffffff;border-radius:0;	width:16px;}
.navbar-header{padding-top:10px;}
.brand{width:120px;}
.cover-img{background-size:cover;}
.iner-full{position:absolute;width: 100%; height: 100%; left: 0;top: 0;}
.article_brief {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3;
    display: -ms-box;
    -ms-box-orient: vertical;
    -ms-line-clamp: 3;
}
.full_width{width:100%; padding-bottom:20px}
.full_height{height:100%}
.banner-item-container.tip{position:relative; cursor:pointer}
.banner-item-container.tip>div{position:absolute;background-image:url(../img/loader.svg); background-position:center;background-repeat:no-repeat;  width: 45%;
  height: 45%;background-size: contain;left: 22%;top: 30%;}
.refreshing .banner-item-container.tip>div{ -webkit-animation-name: spin;-webkit-animation-duration: 650ms;-webkit-animation-iteration-count: 2;-webkit-animation-timing-function: linear;-moz-animation-name: spin;
-moz-animation-duration: 400ms;-moz-animation-iteration-count: 2;-moz-animation-timing-function: linear; -ms-animation-name: spin;-ms-animation-duration:400ms;
-ms-animation-iteration-count: 2;-ms-animation-timing-function: linear;animation-name: spin;animation-duration: 650ms;animation-iteration-count: 2;animation-timing-function: linear;}

.banner-item-container.tip.hover>div{-webkit-animation-name: spin_h;-webkit-animation-duration: 650ms;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: linear;-moz-animation-name: spin_h;
-moz-animation-duration: 400ms;-moz-animation-iteration-count: 2;-moz-animation-timing-function: linear; -ms-animation-name: spin_h;-ms-animation-duration:400ms;
-ms-animation-iteration-count: 2;-ms-animation-timing-function: linear;animation-name: spin_h;animation-duration: 650ms;animation-iteration-count: 1;animation-timing-function: linear;}
@-webkit-keyframes spin_h {
  0%   {-webkit-transform: rotate(0deg);  }
  33%   {-webkit-transform: rotate(-25deg);  }
  66%  {-webkit-transform: rotate(25deg);}
  100% {-webkit-transform: rotate(0deg);} 
}
@-moz-keyframes spin_h {
  0%   {-moz-transform: rotate(0deg);  }
  33%   {-moz-transform: rotate(-25deg);  }
  66%  {-moz-transform: rotate(25deg);}
  100% {-moz-transform: rotate(0deg);} 
}
@-o-keyframes spin_h {
  0%   {-o-transform: rotate(0deg);  }
  33%   {-o-transform: rotate(-25deg);  }
  66%  {-o-transform: rotate(25deg);}
  100% {-o-transform: rotate(0deg);}
}
@keyframes spin_h {
  0%   {transform: rotate(0deg);  }
  33%   {transform: rotate(-25deg);  }
  66%  {transform: rotate(25deg);}
  100% {transform: rotate(0deg);}
}
@-ms-keyframes spin { 
	0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}
@-moz-keyframes spin { 
	0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}
@-webkit-keyframes spin { 
0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}
@keyframes spin { 
	0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}
.contact_form{padding:35px 0}
.b-input{ padding:25px; background:#242424; color:#ffffff;line-height:12px; margin-bottom:10px; border:none; width:100%; }
.text_box{height:145px}
.ml15{margin-left:15px}
.section-3{background-color:#ffffff;padding-bottom:30px;}
h1{font-family:Play,Arial, Helvetica, sans-serif;font-size:2.91em;margin-top:32px;margin-bottom:20px;}
.c-gb{color:#232323;}
.c-wt{color:#ffffff;}
.c-gr{color:#aed368;}
.fr12{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:12px;font-weight:400;}
.rfl1{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:1em;font-weight:200;}
.rfb16{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:16px;font-weight:800;}
.btn-half{border-bottom:1px solid #ffffff;display:inline-block;position:relative;padding-left:65px;padding-right:65px;margin-top:20px;background-size: 100% 200%;background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, white 50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;  border-top: none;}
.btn-half:hover{background-position: 0 +100% !important; }
.btn-green{border-bottom:1px solid #aed368;}
.btn-gray{border-bottom:1px solid #242424;background-size: 100% 200%;background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #242424 50%)}
.btn-gray:hover{background-position: 0 +100%; color:#ffffff}
.btn-half.btn-gray>span{border-left:1px solid #242424;}
.c_gray{color:#242424}
.btn-half>span{position:absolute;height:9px !important;border-left:1px solid #FFFFFF;bottom:0;}
.btn-half.btn-green>span{border-left:1px solid #aed368;}
.btn-half>span.left{left:0;}
.btn-half>span.right{right:0;}
.section-5{background:url(../img/pattern.png) #000000;}
.work{max-width:1080px;}
.client{height:90px;width:90px;padding-left:16.6px;padding-right:16.6px;padding-bottom:33px; text-align:center; display:inline-block;white-space:nowrap;}
.helper-span{display:inline-block;height:100%;width:0;vertical-align:middle;}
.cleint-logo{vertical-align:middle;max-height:100%;max-width:100%;display:inline-block;}
.section-6{ background-size:cover;min-height:645px;overflow:hidden; position:relative; background-position:center; }
footer{padding:22px;background:#f4f4f8;}
.location_image{position:absolute; width:100%;  background-size:cover; height:100%; background-position:center}
/* head */
.navbar-nav>div{ border-right:1px dotted #312f2f}
.navbar-nav li{padding:20px; border-top:1px solid #312f2f;cursor:pointer}
.navbar-nav li:hover{background:#312f2f; text-decoration:none !important}
.navbar-nav>div>li:last-child{ border-bottom:1px solid #312f2f;}
.mt15{margin-top:15px}
.mt50{margin-top:50px}
.mb30{margin-bottom:30px}
.mb100{margin-bottom:100px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb10{margin-bottom:10px}
.mb75{margin-bottom:75px}
.mt30{margin-top:30px}
.mtm5{margin-top:-5px}
.pt120{padding-top:120px}
.pt10{padding-top:10px}

.ful18b{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:18px;color:#242424 !important; font-weight:100}
.f18ubw{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:18px;color:#ffffff !important; font-weight:100}
.f14ubw{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:14px;color:#ffffff !important; font-weight:100}
.f14ubg{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:14px;color:#9ccb3b !important; font-weight:100; text-decoration:none !important}
.fub14b{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:14px;color:#242424 !important; font-weight:100}
.fu30b{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:1.2em;color:#242424 !important; font-weight:100}
.fu30w{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:1.2em;color:#ffffff !important; font-weight:100}
.fu24w{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:1em;color:#ffffff !important; font-weight:600}
.f15ubbw{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:15px;color:#ffffff !important; font-weight:600}
.f18ubw{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:18px;color:#ffffff; font-weight:600}
.f16ubw{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:16px;color:#ffffff !important; font-weight:100}
.fubb16w{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:16px;color:#ffffff !important; font-weight:600}
.fubb20g{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:20px;color:#242424 !important; font-weight:600}

.ful18w{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:18px;color:#ffffff !important; font-weight:100}
.ful16b{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:16px;color:#242424 !important; font-weight:100}
.ful16w{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:16px;color:#ffffff !important; font-weight:100}
.ful24b{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:24px;color:#242424 !important; font-weight:100}
.ful14b{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:14px;color:#242424 !important; font-weight:100}
.ful36b{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:36px;color:#242424 !important; font-weight:100}
.ful20b{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:20px;color:#242424 !important; font-weight:100}

.fp60b{font-family:Play,Arial, Helvetica, sans-serif;font-size:4em;color:#000000;font-weight:100}
.fpb80w{font-family:Play,Arial, Helvetica, sans-serif;font-size:5em;color:#ffffff;font-weight:600 }
.fpb80b{font-family:Play,Arial, Helvetica, sans-serif;font-size:5em;color:#242424;font-weight:600 }
.fpb70w{font-family:Play,Arial, Helvetica, sans-serif;font-size:3em;color:#ffffff;font-weight:600 }
.f60pw{font-family:Play,Arial, Helvetica, sans-serif;font-size:60px;color:#ffffff;font-weight:100 }
.fp36w{font-family:Play,Arial, Helvetica, sans-serif;font-size:1.4em;color:#ffffff;font-weight:600}
.fp36b{font-family:Play,Arial, Helvetica, sans-serif;font-size:1.4em;color:#262626;font-weight:100}
.fp18w{font-family:Play,Arial, Helvetica, sans-serif;font-size:18px;color:#ffffff;font-weight:100}
.fp18b{font-family:Play,Arial, Helvetica, sans-serif;font-size:18px;color:#242424;font-weight:100}
.fp48w{font-family:Play,Arial, Helvetica, sans-serif;font-size:48px;color:#ffffff;font-weight:100;}
.fp48b{font-family:Play,Arial, Helvetica, sans-serif;font-size:48px;color:#242424;font-weight:100;}
.fpb48b{font-family:Play,Arial, Helvetica, sans-serif;font-size:2em;color:#242424;font-weight:600;line-height:0.5em}

.f15fsbw{font-family:foundrysterling-boldregular,Arial, Helvetica, sans-serif;font-size:15px;color:#ffffff !important; }

.view_work{height:10px; border:1px solid #ffffff; border-top:none; line-height:0;cursor:pointer}
.search{position:relative;height: 35px;padding-bottom:15px;  border: 0;  border-bottom: 1px solid #ffffff;  padding-right: 20px;  width: 100%;background: url(../img/search.png) right top no-repeat;}
.search:focus{background: url(../img/searchh.png) right top no-repeat;}
.search:focus::-webkit-input-placeholder{color: transparent;}
.search_btn{position: absolute;width: 26px;height: 37px;right: 14px;cursor: pointer;z-index: 2;opacity: 0;}
.branches_line{position:relative; height:8px; margin-bottom:15px; overflow:hidden; margin-top:-1px}
.branches_line .wl{position:absolute; top:0px; border-bottom:1px solid #ffffff; width:100%; margin-left:-20px}
.branches_line .gr{position:absolute; height:8px; left:0; background:#9ccb3b;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.branches_line .wh{position:absolute; height:8px; left:0; background:#ffffff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.mt120{margin-top:80px !important}
.branches_header{padding-bottom:10px;cursor:pointer;line-height:36px;border-bottom:2px solid rgba(0,0,0,0);}
.branches_header:hover{border-bottom:2px solid #ffffff;line-height:36px}
.branches_header.selected{border-bottom:5px solid #ffffff;line-height:33px}
.follow_us{margin-right:30px;line-height:28px;position:absolute;right:0;bottom: 30px;}
.social>div,.social>a>div{width:30px; height:30px; border-radius:50%; border:2px solid #ffffff; float:left;margin-right:10px; background-size:cover;cursor:pointer;}
.social>div:hover,.social>a>div:hover{border:2px solid #9ccb3b;}
.fb{background-image:url(../img/fb.png)}
.li{background-image:url(../img/li.png)}
.inst{background-image:url(../img/insta.png)}
.nav-bg{ height:auto; width:100%; position:absolute;padding:0;border-top:0 !important;}
.nav-bg>div{height:630px;}
.navbar-brand{position:absolute;z-index:1;height: 50px;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{max-height:10000px}
.menu-header{height:100px}
.mclose{background:url(../img/close.png) center no-repeat;min-height:30px;min-width:34px;margin-top: 22px;margin-right: 41px;z-index:10; cursor:pointer}
.close_light{cursor:pointer;background:url(../img/close.png) center no-repeat;min-height:38px;min-width:85px;position:absolute;z-index:2 ;top:95px;right:50px; border:1px solid #ffffff}
.close_light:hover{background:url(../img/close.png) center no-repeat #000000;}
.menu-container{margin-top:10px;}
.offices{position:relative;overflow:hidden;z-index:3}
.head_label{line-height:60px;  border-bottom:2px solid #000; font-size:2.7em}
.wht_spc{white-space:normal}
.news_body{background:#242424}
.news{margin: 1.5em 0;padding: 0; -moz-column-gap: 6px;-webkit-column-gap: 6px;-o-column-gap:6px;-ms-column-gap: 6px;column-gap: 6px;font-size: .85em;}
.article_light{position:fixed; width:100%; height:100%;top:0; left:100%; background:rgba(0,0,0,0.95);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
.article_light.show{left:0}
.article{cursor:pointer;position:relative;display: inline-block;background: #fff;width: 100%;box-sizing: border-box; -moz-box-sizing: border-box;    -webkit-box-sizing: border-box; overflow-x:hidden}
.article_text{padding:15px; width:100%; height:auto}
.article_date{padding-bottom:10px; border-bottom:1px solid #000000; float:left;margin-bottom:10px}
.fub13b{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:13px;color:#232323; font-weight:100}
.fubb14b{font-family:Ubuntu,Arial, Helvetica, sans-serif;font-size:14px;color:#232323; font-weight:600}
.news {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
.banner-media .banner-item-container:nth-child(even) {background-color: #ffffff}
.banner-media .banner-item-container:nth-child(odd) {background-color: #ebebeb}
.video_overlay{background:url(../img/pixel.png) rgba(57,57,60,0.68);position:absolute;width:100%; height:100%;z-index:1}
.locations{display:block; opacity:0; position:absolute;-webkit-transition: opacity .5s ease-in-out;  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;z-index:1}
.locations.show{display:block; opacity:1;z-index:100}
.location_container{position:relative;height:195px}

.slider_cont{min-height:250px;}
.article_light_img{ background-size:cover; background-position:center; opacity:0;  position:absolute; width:100%; height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.article_light_img.show{opacity:1;z-index:2}
.arr_down.left{background-color:rgba(0,0,0,0.5);border-radius:100%;border:none;cursor:pointer;left:30%;bottom:15px; z-index:6; top:auto;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.arr_down.right{background-color:rgba(0,0,0,0.5);border-radius:100%;border:none;cursor:pointer;left:auto;right:30%;bottom:15px; z-index:6; top:auto;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}

.arr_down.left:hover,.arr_down.right:hover{  background-image: url(../img/arrow_h.png);}
.location_footer{background:rgba(35,35,35,0.5); padding:2px; border:1px solid #8889a2; margin-top:124px;}
.center-middle{ position: absolute;top: 50%;left:0px;width:100%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.our_work{position:absolute;bottom:40px;left:50%;color:#ffffff; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}

.banner-team .banner-item{background-size:contain; background-repeat:no-repeat; background-color:#ffffff;}
.top{z-index:10}
.text_shadow{text-shadow: 2px 2px rgba(0,0,0,0.6);}
.branches_footer{padding-bottom:10px;cursor:pointer;line-height:36px;border-bottom:2px solid rgba(0,0,0,0);}
.branches_footer:hover{border-bottom:2px solid #ffffff;line-height:36px}
.branches_footer.selected{border-bottom:5px solid #ffffff;line-height:33px}
.branche_loc{position:absolute; left: -4px;  top: -76px;}

.location_bottom{position:relative; height:48px; border-right:2px solid rgba(0,0,0,0);}
.location_bottom>div,.location_bottom>a>div{position:absolute;left:0;width:100%;line-height:48px; background-color:#ffffff;}
.location_bottom>a>div{color:#232323}
.location_bottom>a>div:hover{background-color:#232323; color:#ffffff}
.is-hidden {opacity: 0;-webkit-transform: translate(0,-60px);-moz-transform: translate(0,-60px);-ms-transform: translate(0,-60px);
	-o-transform: translate(0,-60px);transform: translate(0,-60px);}
  
.is-visible {opacity: 1;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);
	transform: translate(0,0);}
#career_head{height:660px; position:relative; background:#000000}
.career_ptrn{width:100%; height:100%;position:absolute;top:0; left:0; background:url(../img/career_pattern.png); }
.vacancy{min-height:260px; margin-bottom:5px; cursor:pointer; border-left:5px solid rgb(255,255,255);background-repeat:repeat; background-position:center}
.vacancies>div:first-child{margin-top:30px}

.vacancy .info{position:absolute; bottom:20px}
.expand{position:absolute; right:0; border-left:1px solid #ffffff;height:100%; top:0; opacity:0;-webkit-transition: opacity .2s ease-in-out;  -moz-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;-o-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out;z-index:1 }
.vacancy:hover .expand{opacity:1}

.apply_title{line-height:38px; border-bottom:1px solid #ffffff; border-top:1px solid #ffffff; position:relative}
.apply_title>span{position:absolute; height:10px !important}
.apply_title>.left{left:0; border-left:1px solid #a8a4a4}
.apply_title>.right{right:0; border-right:1px solid #a8a4a4}
.apply_title>.top{top:0}
.apply_title>.bottom{bottom:0}
.d-input{padding:20px; line-height:14px}

.upload_cv{padding:20px; border:1px solid #ffffff;position:relative ;line-height:13px; margin-bottom:10px}
.upload_btn{position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; cursor:pointer}
.rotate{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.close_job{position:absolute; top:100px; right:40px;-webkit-transition: opacity .5s ease-in-out;  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;}
.employment_form{max-height:0; overflow:hidden; -webkit-transition: max-height 0.3s ease-in-out;    -moz-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;-ms-transition: max-height 0.3s ease-in-out;transition: max-height 0.3s ease-in-out;}
.employment_form.open{max-height:3000px}

.arr_down{width:60px !important; height:60px !important; border:1px solid #ffffff; border-radius:50%; background-image:url(../img/arrow.png); background-position:center; background-repeat:no-repeat; margin:0 auto}
.bg-hover{  position: absolute;top: -158%;left: -100%;background-image: url(../img/work.png);background-size: contain;background-repeat: no-repeat;
  width: 200%;height: 325%;display: block;opacity: 1;-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .6s ease-in-out;-ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;z-index: 1; cursor: pointer;}
.works:hover .bg-hover{top:0px; left:0px;width:350%; height:350%}

.works_home:hover .bg-hover{top:-30px; left:0px;width:350%; height:350%}

.process>li { margin: 20px 0; width: 100%;box-sizing: border-box;display: inline-block;}
body.mas-about section:nth-of-type(1){ background-size:contain;padding:220px 0 30px 0; background-image:url(../img/about_head.jpg)}
body.mas-work_view section:nth-of-type(4){min-height:580px}
body.mas-work_view section:nth-of-type(2){padding:60px 0 30px 0;}
body.mas-work_view section:nth-of-type(1){background-color:#000000; background-size:contain;padding:220px 0 30px 0;}
body.mas-work section:nth-of-type(1){background-color:#000000;background-image:url(../img/work_pattern.png); background-size:contain;padding:120px 0 30px 0;}
body.mas-services section:nth-of-type(1){padding:120px 0 60px 0; background-color:#ffffff;}
body.mas-services section:nth-of-type(2){height:600px}
body.mas-services section:nth-of-type(3){padding:0px 0 60px 0; background:#f1f1f1;}
body.mas-services section:nth-of-type(4){padding:120px 0 60px 0; background: #333;}
body.mas-services section:nth-of-type(5){background: #fff; padding:205px 0 290px 0;position:relative}
.capabilities{padding-bottom:80px}
.dig_btn{ border-radius:50%; border:4px solid #242424; background:#242424;cursor:pointer;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.dig_btn:hover{background:#ffffff; color:#242424 !important}
.c_w{color:#ffffff;}
.cercles>li{opacity:0;  border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;color: #fff;display: inline-block;font-size: 20px;
  font-weight: bold;line-height: 25px;height: 100px;margin: 0;position: relative;text-transform: uppercase;vertical-align: middle;}
.cercles:first-of-type li:first-of-type {background: rgba(0, 72, 94, 0.65); width: 20%;margin-left: -12px;}
.cercles:first-of-type li:nth-of-type(2) {background: rgba(255, 162, 0, 0.65); margin-left: -3%; width: 40%;}
.cercles:first-of-type li:nth-of-type(3) {  background: rgba(196, 0, 0, 0.65);margin-left: -7%; width: 35%;}
.cercles:first-of-type li:nth-of-type(4){background: rgba(71, 106, 0, 0.65);margin-left: -3%;width: 15%;}
.animated_hidden{visibility:hidden;opacity:0}
.animated{visibility:visible !important;  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}
.head_under{width:100%; height:57px}
.fadeIn {
  -webkit-animation-name: fadeIn;
   -moz-animation-name: fadeIn;
        animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.location_image.showed {
	-webkit-animation:showed 10s;
	-ms-animation:showed 10s;
	-moz-animation:showed 10s;
	-o-animation:showed 10s;
	animation:showed 10s;
	opacity:1;
}
@-webkit-keyframes showed {
    0%   { -webkit-transform: scale(1); }
    100%  { -webkit-transform: scale(1.07); }
  
}
@-ms-keyframes showed {
    0%   { -ms-transform: scale(1); }
    100%  { -ms-transform: scale(1.07); }
  
}
@-o-keyframes showed {
    0%   { -o-transform: scale(1); }
    100%  { -o-transform: scale(1.07); }
  
}
@-moz-keyframes showed {
    0%   { -moz-transform: scale(1); }
    100%  { -moz-transform: scale(1.07); }
  
}
@keyframes showed {
    0%   { transform: scale(1); }
    100%  { transform: scale(1.07); }
  
}
.bg_overlay{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3);z-index:1; top:0}
.process{left:-15%; position:relative;opacity:0}
.rollin{-webkit-transition-property: -webkit-transform;-webkit-transition-duration: .8s;-moz-transition-property: -moz-transform;-moz-transition-duration: .8s;transition-property: transform;transition-duration: .8s; -webkit-animation-name: rotate; 
    -webkit-animation-duration: .8s; -webkit-animation-iteration-count: 1;-webkit-animation-timing-function: linear;-moz-animation-name: rotate;-moz-animation-duration: .8s;-moz-animation-iteration-count: 1;-moz-animation-timing-function: linear;
    animation-name: rotate;animation-duration: .8s;animation-iteration-count: 1;animation-timing-function: linear;}
@-webkit-keyframes rotate {
    from {opacity:0.2;-webkit-transform:translateX(-100%) rotate(-100deg)}
    to {opacity:1;-webkit-transform:translateX(0%)  rotate(0deg);}
}

@-moz-keyframes rotate {
    from {opacity:0.2;-moz-transform:translateX(-100%) rotate(-100deg)}
    to {opacity:1;-moz-transform:translateX(0%)  rotate(0deg);}
}

@keyframes rotate {
    from {opacity:0.2;transform:translateX(-100%) rotate(-100deg)}
    to {opacity:1;transform:translateX(0%)  rotate(0deg);}
}
.works{height:350px; background-size:cover; overflow:hidden}
.works_home{height:100%; background-size:cover; overflow:hidden}
.work_big{height:580px !important;}
.works_logo{height:70px;background-size:contain; background-repeat:no-repeat; opacity:0;background-position:left;-webkit-transition:all .5s .4s ease-in-out;-moz-transition:all .5s .4s ease-in-out;-ms-transition:all .5s .4s ease-in-out;-o-transition:all .5s .4s ease-in-out;transition:all .5s .4s ease-in-out;}
.works_logo_small{opacity:0;margin-left: 50px;margin-top: 52px;height: 55px;background-size: contain;background-repeat: no-repeat;background-position: left;-webkit-transition:all .5s .4s ease-in-out;-moz-transition:all .5s .4s ease-in-out;-ms-transition:all .5s .4s ease-in-out;-o-transition:all .5s .4s ease-in-out;transition:all .5s .4s ease-in-out;}
.works_info{position:absolute;bottom: 15px; white-space: nowrap;left:50px; overflow:hidden;text-align:left;}
.transition{-webkit-transition:all .5s .5s ease-in-out;-moz-transition:all .5s .5s ease-in-out;-ms-transition:all .5s .5s ease-in-out;-o-transition:all .5s .5s ease-in-out;transition:all .5s .5s ease-in-out;}
.work_location_span{opacity:0;-webkit-transition:all .5s .9s ease-in-out;-moz-transition:all .5s .9s ease-in-out;-ms-transition:all .5s .9s ease-in-out;-o-transition:all .5s .9s ease-in-out;transition:all .5s .9s ease-in-out;}
.work_date_span{opacity:0;-webkit-transition:all .5s .7s ease-in-out;-moz-transition:all .5s .7s ease-in-out;-ms-transition:all .5s .7s ease-in-out;-o-transition:all .5s .7s ease-in-out;transition:all .5s .7s ease-in-out;}
.work_type_span{opacity:0;-webkit-transition:all .5s .5s ease-in-out;-moz-transition:all .5s .5s ease-in-out;-ms-transition:all .5s .5s ease-in-out;-o-transition:all .5s .5s ease-in-out;transition:all .5s .5s ease-in-out;}
.works_home:hover .work_location_span,.works_home:hover .work_date_span,.works_home:hover .work_type_span{opacity:1}
.works_home:hover .bbw{border-bottom:1px solid rgba(255,255,255,1); padding-right:55px}
.works_home:hover .works_logo_small,.works:hover .works_logo{opacity:1}
.works:hover .work_location_span,.works:hover .work_date_span,.works:hover .work_type_span{opacity:1}
.works:hover .bbw{border-bottom:1px solid rgba(255,255,255,1); padding-right:55px}

.works_info_cont{position:absolute;bottom:10px; left:50px}
.bbw{border-bottom:1px solid rgba(255,255,255,0);-webkit-transition:all .5s .4s ease-in-out;-moz-transition:all .5s .4s ease-in-out;-ms-transition:all .5s .4s ease-in-out;-o-transition:all .5s .4s ease-in-out;transition:all .5s .4s ease-in-out;}
.lh28{line-height:28px}
.shares{width:150px; line-height:46px ;}
.fb_share{width:100%; height:49px;  background-image:url(../img/f_s.png); background-size:cover;}
.insta_share{width:100%; height:50px;background-image:url(../img/i_s.png); background-size:cover;}
.border_left{border-left:1px solid #242424}
.shares>.pull-left{width:98px}
.shares>.pull-right{width:50px;border:1px solid #000000}
.p60{padding:60px}
.full_image{width:100%; height:580px; background-size:cover; background-position:center}
.banner_title{position:relative; height:28px;}
.banner_title>.border{position:absolute;top:0;left:0; width:100%; height:50%;border-bottom:1px solid #242424;}
.banner_title>.label{position:absolute;top:0;left:0; right:16px; background:#ffffff;z-index:1;left:16px}
.no-margin{margin:0}

.separator{margin-top:60px; border-top:1px solid #242424}
.form{padding-top:60px}
.d-area{margin-left:15px;width:95%;}
.radio_btn{  width: 17px;  height: 17px; margin-top:5px}
.mr40{margin-right:40px}
.d-tarea{width:100%; height:200px; resize:none}
.submit_form{width:200px; height:200px; line-height:200px; margin-bottom:40px;font-size:22px}
.nopadding{padding:0 !important}
.oh{height:auto; overflow:hidden}
.animate_opacity {opacity:1;-webkit-transition: opacity .3s ease-in-out;  -moz-transition: opacity .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;display:block}
.animate_opacity.animate_z{opacity:0;display:none}
label.error{display:none !important;}
.error{border:1px solid #ff0000}
.loader{width:100px; height:100px; background-size:cover; background-position:center; background-image:url(../img/loading.gif); margin:0 auto}
.loader_w{ background-position:center; background-image:url(../img/loader-w.gif); background-repeat:no-repeat;margin:0 auto; height:50px; background-size:contain}
.pos_bot{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.full_width{width:100%;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.logo_work{position: absolute;bottom: 30px;background-size: cover;right: 30px;opacity:1;-webkit-transition: opacity .3s ease-in-out;  -moz-transition: opacity .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;display:block;z-index:30}
.works:hover .logo_work{display:none}
.header_image{width:100%; height:194px; background-size:cover; background-position:center}
.header_link{padding-left:0px !important;padding-right:0px !important; width:250px}
.get_started{border-bottom:1px solid #ffffff; padding:20px;  margin-bottom:15px; }
.get_started:hover{text-decoration:none !important; color:#666}
a:hover{text-decoration:none }
footer{background:#000000; color:#ffffff}
.nmr{margin-right:0px !important}
.services_imgs{width:40px}
.mt20{margin-top:20px}
.mts120{margin-top:120px}
footer{padding-bottom:50px}
.capab_row{max-height:1200px;overflow:hidden}
.works{
	padding:0;	
}
.demo-3 {
    position:relative;
    width:100%;
    height:50%;
    overflow:hidden;
    float:left;
    margin:0;
	padding:0;
}
.demo-3 li{overflow:hidden}
.demo-3 figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    width:100%;
	height:100%;
	text-align:center;
	margin-top: -27px;
}
.demo-3 figure .bg_work {
    display:block;
    position:relative;
    z-index:10;
    margin:-15px auto;
}
.demo-3 figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.demo-3 figure h2 {
    font-family:'Lato';
    color:#fff;
    font-size:20px;
    text-align:left
}
.demo-3 figure p {
    display:block;
    font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0;
    color:#fff;
    text-align:left
}
.logo_head{min-width:220px;}
.demo-3 figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:29px 44px;
    background-color:rgba(0,0,0,1);
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.demo-3 figure .bg_work {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
	background-size:cover;
	width:100%;height:100%; background-position:center;
	
}
.demo-3 figure:hover .bg_work,figure.hover .bg_work {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.demo-3 figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}
.banner-item-container{list-style:none}
.works_home figure{margin-top:15px !important;}

@media (min-width: 768px) {
	
	.demo-3{height:100%}
	
	.section-1{min-height:100vh;}
	.section-2{min-height:35vh;}
	.nmr { margin-right: 40px !important;}
	body{font-size:18px;}
	h1{margin-top:55px;margin-bottom:35px;}
	.navbar-nav { float: none;}
	.btn-half{padding-left:115px;padding-right:115px;}
	
	.our_work{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
	.banner-item{height:100%;}
	.navbar-header{padding-top:1%;padding-bottom:1%;}
	.brand{width:140px;}

	
	.banner-item-container{height:100%; width: 66.67%;padding:0;float:left;}
	.banner-item-container.tip{ width: 33.33%;}
	.client{height:150px;width:150px;padding-left:25x;padding-right:25px;padding-bottom:50px;}
	.section-5{padding-bottom:30px;}
	.section-3{padding-bottom:45px;}
	.btn-half{margin-top:30px;}
	.menu-container{margin-top:30px;}
	.news {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
 	.works_logo{ height:70px;background-size:contain; background-repeat:no-repeat; background-position:left;-webkit-transition:all .5s .4s ease-in-out;-moz-transition:all .5s .4s ease-in-out;-ms-transition:all .5s .4s ease-in-out;-o-transition:all .5s .4s ease-in-out;transition:all .5s .4s ease-in-out;opacity:0}
	.process>li { margin: 20px 0; width: 100%;box-sizing: border-box;display: inline-block;}
	.d-area{margin-left:15px;width:97%}
	.slider_cont.rel{min-height:300px;}
	.head_under{height:70px}
	.services_imgs{width:auto;}
}

@media (min-width: 992px) {
	.mt20{margin-top:0}
	body{font-size:19px;}
	h1{margin-top:80px;margin-bottom:60px;}
	
	.navbar-toggle  {border-width:1px;min-width:85px;height:40px;}
	.banner-item-container{width:28%;}
	.navbar-header{padding-left:2%;padding-right:2%}
	.brand{width:150px;}
	.banner-item-container{width:40%;}
	.banner-item-container.tip{ width: 20%;}
	.section-3{padding-bottom:55px;}
	.client{height:150px;width:210px;padding-left:40px;padding-right:40px;}
	.navbar-brand{height:58px;}
	.news {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
	.process>li{box-sizing: border-box;display: inline-block;font-size: 16px;line-height: 24px;margin: 50px 0;vertical-align: top; width: 23%;margin-right:1%}
	.d-area{margin-left:15px; padding:20px; min-height:70px; width:97.5%}
	.head_label{line-height:90px;font-size:4em}
 	.mt120{margin-top:120px !important}
	
	.slider_cont.rel{min-height:450px;}
	
	

}

@media (min-width: 1200px) {
.brand{width:160px;}
	
	.banner-item-container{width: 28.571%;}
	.banner-item-container.tip{ width: 14.287%;}
	.section-3{padding-bottom:80px;}
	.news {-moz-column-count: 4;-webkit-column-count: 4;column-count: 4;}
	.works_logo{ height:70px;background-size:contain; background-repeat:no-repeat; background-position:left;-webkit-transition:all .5s .4s ease-in-out;-moz-transition:all .5s .4s ease-in-out;-ms-transition:all .5s .4s ease-in-out;-o-transition:all .5s .4s ease-in-out;transition:all .5s .4s ease-in-out;opacity:0}
	.pos_bot{-webkit-transform: translateY(440px);-moz-transform: translateY(440px);-ms-transform: translateY(440px);-o-transform: translateY(440px);transform: translateY(440px);}	
	.head_under{height:90px}
	.works_logo_small {opacity:0;margin-left: 50px;margin-top: 55px;height: 59px;background-size: contain;background-repeat: no-repeat;background-position: left;}
	.slider_cont.rel{min-height:600px;}
}
	 
@media only screen and (min-width: 1600px) {
    .news {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
	.capabilities{height:270px;padding-bottom:80px}
}
@media only screen and (min-width: 1800px) {
	body{font-size:24px;}
    .news {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
	
}