/*  Reset  */
* { margin: 0; padding: 0; border: 0; vertical-align: inherit; }
/** {  transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms;}*/
body { color: #000; font: 15px/22px 'DIN', sans-serif; vertical-align: top; min-width: 320px; background: #fff; }
ul, li { list-style-type: none; }
a { text-decoration: underline; color: inherit; }
a:hover { text-decoration: none; }
a:focus { outline: none; }
select, textarea { overflow-x: hidden; overflow-y: auto; }
textarea { resize: none; }
input[type="button"], input[type="submit"], input[type="reset"], button { cursor: pointer; }
::-webkit-input-placeholder { color: inherit; }
::-moz-placeholder { color: inherit; }
:-ms-input-placeholder { color: inherit; }
/* Helpers  */
.row:before, .row:after, .clearfix:before, .clearfix:after { content: " "; display: table; clear: both; }
.break { -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
/*  Styles  */
.green_text, .sector_menu .green_text a { color: #cc0000; position: relative; display: block;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.pull-left {float: left;}
.pull-right {float: right;}
.form-message{font-size: 14px; line-height: 30px; text-transform: uppercase;}
.form-message-success{color: #006505;}
.form-message-error{color: #a1073d}
#contact-form .form-message{padding-left: 27px;}
/**/
.page_wrapper { margin: 0 auto; position: relative; padding: 28px 0 0 0; max-width: 1140px; }
header { height: 28px; position: fixed; z-index: 100; background: #fff; left: 0; right: 0; top: 0; }
header, header * { -moz-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; }
header .header_content { max-width: 1140px; margin: 0 auto; height: 28px; position: relative; }
header .logo { background: none repeat scroll 0 0 rgba(153, 150, 147, 0.8); height: 108px; left: 28px; position: absolute; top: 0; width: 105px; z-index: 10; }
header .logo .logo_img { background: url("../img/logo_img.png") 0 0 no-repeat; height: 62px; left: 50%; margin: 0 0 0 -31px; position: absolute; top: 12px; width: 62px; background-size: contain; }
header .logo .logo_text { background: url("../img/logo_text.png") 0 0 no-repeat; bottom: 17px; height: 11px; left: 50%; margin: 0 0 0 -36px; position: absolute; width: 73px; background-size: contain; }
header .menu_btn { background: url("../img/menu_icon_white.png") no-repeat scroll left 10px center, #cc0000; }
/*header .menu_btn { background: url("../img/menu_icon.png") no-repeat scroll left 6px; }*/
/*header .menu_btns a { float: right; height: 28px; margin: 0 25px 0 0; padding: 0 0 0 28px; text-decoration: none; color: #FFF; font-weight: bold; line-height: 28px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }*/
header .menu_btns a { float: right;
    height: 27px;
    margin: 0 25px 0 0;
    padding: 0 10px 0 37px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    border-right: 1px solid #B30000;
    border-bottom: 1px solid #B30000;
    border-left: 1px solid #FF3333;}
a#contact_btn:hover,
a#menu_btn:hover {
    background-color: rgba(204, 0, 0, 0.9);
}
header .find_us, header .call_us { display: none; }
/**/
.scrolled header .logo { top: -80px; }
.scrolled header .logo .logo_text { bottom: 9px; }
/**/
.page_intro { }
.big_slider { position: relative; margin: 0 0 28px 0; }
.big_slider .bx-wrapper { }
.big_slider .bx-wrapper .bx-viewport{ background: #000; }
.big_slider ul.bxslider {  }
.big_slider ul.bxslider li { position: relative; }
.big_slider ul.bxslider li a { position: relative; display: inline-block; }
.big_slider ul.bxslider li a .slider_desc { bottom: 0; left: 0; position: absolute; right: 0; text-align: center; }
.big_slider ul.bxslider li a .slider_desc p { color: #fff; display: inline-block; font-size: 14px; font-weight: bold; letter-spacing: 1px;  line-height: 20px;   padding: 8px 40px 0px; text-transform: uppercase; }
.big_slider ul.bxslider li img { width: 100%; }
.big_slider .pager { padding: 0; bottom: -10px; line-height: 0; position: relative; text-align: center; }
.big_slider .pager .bx-pager-item { margin: 0 3px; display: inline-block; }
.big_slider .pager a { background: none repeat scroll 0 0 #666; border-radius: 5px; display: block; height: 10px; margin: 0 5px; outline: 0 none; text-indent: -9999px; width: 10px; }
.big_slider .pager .bx-pager-item a.bx-pager-link { background: #dededf !important; height: 8px; width: 8px; margin: 0; position: relative;}
.big_slider .pager .bx-pager-item a.bx-pager-link i {position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 5px; display: none;}
.big_slider .pager .bx-pager-item a.bx-pager-link.active i{ display: block; }
.big_slider .bx-controls-direction { }
.big_slider .bx-controls-direction a { background: url("../img/big_slider_arrow.png") 0 0 no-repeat; height: 60px; margin-top: -38px; width: 30px; }
.big_slider .bx-controls-direction a.bx-prev { background-position: -30px 0; left: 0; }
.big_slider .bx-controls-direction a.bx-prev:hover { background-position: -30px 0; }
.big_slider .bx-controls-direction a.bx-next { right: 0; background-position: 0 0; }
.big_slider .bx-controls-direction a.bx-next:hover { background-position: 0 0; }
.big_slider ul.bxslider li .over {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; content: ''; z-index: 10; }
.big_slider:before { content: ""; display: block; padding-top: 49.12%; }
/*.big_slider_content { position: absolute; top: 0; left: 0; bottom: 0; right: 0;  overflow: hidden;}*/
.big_slider_content { position: absolute; top: 0; left: 0; bottom: 0; right: 0;  }
.bx-clone {  display: none;}
/**/
.intro_slider_nav { bottom: 0; left: 0; margin: 0 0 0 -5px; position: absolute; right: 0; }
.intro_slider_nav .item { box-sizing: border-box; float: left; padding: 0 0 0 5px; width: 33.333333%; position: relative; }
.intro_slider_nav .item.active { }
.intro_slider_nav .item.active a:first-child { background: rgba(255, 255, 255, 0.75); }
.intro_slider_nav .item.active a { color: #58595b; }
.intro_slider_nav .item i { display: none; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.intro_slider_nav .item .prev { display: none; bottom: 0; left: 0; margin: 0; position: absolute; top: 0; width: 40px; z-index: 10; }
.intro_slider_nav .item .prev:before { background: url("../img/retina/arrow_left.png") no-repeat scroll 0 center; background-size: contain; bottom: 0; left: 15px; position: absolute; top: 0; width: 10px; z-index: 10; content: ''; }
.intro_slider_nav .item .next { display: none; bottom: 0; right: 0; margin: 0; position: absolute; top: 0; width: 40px; z-index: 10; }
.intro_slider_nav .item .next:before { background: url("../img/retina/arrow.png") no-repeat scroll 0 center; background-size: contain; bottom: 0; right: 15px; margin: 0; position: absolute; top: 0; width: 10px; content: ''; }
.intro_slider_nav .item.active a:first-child:before { border-color: transparent transparent rgba(255, 255, 255, 0.75); }
.intro_slider_nav .item a:before{  }
.intro_slider_nav a { height: 38px; display: block; color: #fff; font-size: 14px; font-weight: bold; line-height: 40px; background: none repeat scroll 0 0 rgba(67, 67, 67, 0.85); padding: 0 0 0 25px; text-decoration: none; text-transform: uppercase; position: relative; letter-spacing: 1.3px;
    transition: background 400ms; -moz-transition: background 400ms; -webkit-transition: background 400ms;
}
.intro_slider_nav a:first-child:before {  content: '';  border-color: transparent; border-style: solid; border-width: 16px; left: 24px; position: absolute; top: -32px;
    transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms;
}
/**/
.intro_desc { background: url("../img/bricks_bg.png") top center repeat-y; background-size: 100% auto; position: relative; margin: 0 0 29px 0; }
.intro_desc .desc { color: #999; padding: 32px 315px 0 116px; display: block; position: relative; z-index: 5; }
.intro_desc .desc > span { font-size: 33px; line-height: 49px; color: #000000; }
.intro_desc .desc > span h1	{display:inline;font-weight:inherit;font-size:inherit;margin:0;padding:0;}
.intro_desc .desc > span a { text-decoration: none;}
.intro_desc .desc > span span { text-transform: uppercase; display: inline-block; cursor: pointer;}
.intro_desc .desc > span span.blue { color: #3399cc; }
.intro_desc .desc > span span.green { color: #cc0000; }
.intro_desc .desc > span span.orange { color: #f6881f; }
.intro_desc .desc > span span.pink { color: #d80c8c; }
.intro_desc .desc a.more { float: right; color: #999; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; margin: 20px 44px 0 0; background: url(../img/orange_arrow.png) no-repeat scroll right 45% rgba(0, 0, 0, 0); padding: 0 15px 0 0; }
.intro_desc .shelf { background: url("../img/shelf.png") 0 0 no-repeat; background-size: cover; height: 588px; position: absolute; right: 0; width: 300px; top: 40px; }
.intro_desc .letters { display: block; width: 100%; }
/**/
.page_intro .services { background: url("../img/paper_bg.png") 0 0 repeat; position: relative; padding: 60px 0 16px 0; margin: 0 0 40px; overflow: hidden; }
.page_intro .services:before { background: url("../img/paper_top.png") 0 0 repeat-x; content: ''; height: 116px; left: 0; position: absolute; right: 0; top: 0; }
.page_intro .services .items:after { vert-align: top; line-height: 0; display: inline-block; width: 100%; content: ''; }
.page_intro .services .items { font-size: 1px; padding: 0 78px 0 90px; position: relative; z-index: 5; line-height: 0; }
.page_intro .services .item { display: inline-block; vertical-align: top; width: 322px; margin: 0 0 20px 0; position: relative; text-align: left; height: 246px; }
.page_intro .services .item .pic { height: 186px; overflow: hidden; position: relative; z-index: 10; }
.page_intro .services .item .pic img { bottom: 0; left: 9px; position: absolute; }
.page_intro .services .item:after {background: url("../img/service_shadow.png") 0 0 no-repeat; content: ''; height: 257px; left: -19px; position: absolute; top: 66px; width: 393px; }
.page_intro .services .item img { max-width: 100%; }
.page_intro .services .mark { bottom: 24px; box-sizing: border-box; color: #fff; font-size: 13px; font-weight: bold; height: 34px; left: 16px; line-height: 38px; overflow: hidden; padding: 0 28px 0 17px; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 249px; text-transform: uppercase; z-index: 10; }
.page_intro .services .mark:after { background: url("../img/service_arrow.png") 0 0 no-repeat; content: ''; height: 12px; position: absolute; right: 11px; top: 12px; width: 9px; }
.page_intro .services .item.blue .mark { background-color: #0060af; }
.page_intro .services .item.orange .mark { background-color: #feba12; }
.page_intro .services .item.red .mark { background-color: #e52541; }
.page_intro .services .item.aqua .mark { background-color: #12b3b7; }
.page_intro .services .item.vivid .mark { background-color: #8f3a94; }
.page_intro .services .item.green .mark { background-color: #ccca2a; }
/**/
.page_intro .resources { background: url("../img/board_bg.png") repeat-y center 66px; position: relative; padding: 46px 0 0; overflow: hidden; }
.page_intro .resources:before { background: url("../img/board_top.png") top center no-repeat; content: ''; height: 41px; left: 0; position: absolute; right: 0; top: -22px; }
.page_intro .resources .desks { }
.page_intro .resources .desks:after { }
/**/
.desks { position: relative; z-index: 5; text-align: justify; padding: 50px 0 0; line-height: 0; font-size: 0.5px; margin: 0 auto; max-width: 927px; }
.desks:after { content: ''; width: 100%; display: inline-block; line-height: 0; vert-align: top; }
.desks .desk { position: relative; width: 275px; display: inline-block; font-size: 18px; vertical-align: top; margin: 0 0 38px; text-align: left; line-height: 22px; }
.desks .desk .title { height: 35px;  color: #fff; box-sizing: border-box; font-weight: bold; line-height: 35px; padding: 0 0 0 29px; position: relative; z-index: 10; background-color: #717170; }
.desks .desk .title:before {  background: url("../img/retina/pin_icon.png") no-repeat scroll center center;  background-size: contain; bottom: 0; content: ''; left: 10px; position: absolute; top: 12px; height: 10px; width: 10px; }
.desks .desk .title:after {  background: url("../img/retina/pin_icon.png") no-repeat scroll center center;  background-size: contain; bottom: 0; content: ''; position: absolute; right: 10px; top: 12px; height: 12px; width: 10px; }
.desks .desk .box { margin: 0 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); background: #fff; }
.desks .desk .bxslider { }
.desks .desk .bx-viewport { background: none; box-shadow: none; }
.desks .desk .bxslider li:after { content: ''; display: table; }
.desks .desk .bxslider li .img { }
.desks .desk .bxslider li .img img { display: block; max-height: 100%; }
.desks .desk .bxslider li .desc { color: #999999; padding: 0 0 7px; bottom: 0; left: 0; position: absolute; right: 0; }
.desks .desk .bxslider li .desc h4 { text-transform: uppercase; font-size: 19px; text-align: center; padding: 0 10px; }
.desks .desk .bxslider li .desc h5 { font-size: 19px; text-align: center; text-transform: uppercase; padding: 0 10px; }
.desks .desk .bxslider li .desc p { font-size: 19px; text-align: center; padding: 0 10px; }
.desks .desk .bx-wrapper .bx-controls-direction a { height: 42px; margin-top: -24px; position: absolute; top: 50%; width: 21px; }
.desks .desk .bx-wrapper .bx-next { background: url("../img/sm_slider_arrows.png") no-repeat scroll -21px 0; right: 0; }
.desks .desk .bx-wrapper .bx-prev { background: url("../img/sm_slider_arrows.png") no-repeat scroll 0 0; left: 0; }
.desks .desk .box p.job_desc { line-height: 24px; padding: 0 13px 0 29px; }
.desks .desk .box .more { text-align: right; padding: 21px 16px 10px; }
.desks .desk .box .more a { display: inline-block; font-size: 13px; font-weight: bold; padding: 0 15px 0 0; text-decoration: none; position: relative; }
.desks .desk .box .more a:after { content: ''; background: url("../img/service_arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; height: 12px; margin: -5px 0 0 0; position: absolute; right: 0; top: 50%; width: 9px; }
.desks .desk .box .img { font-size: 0; text-align: center; }
.desks .desk .box .img img { max-width: 100%; }
.desks .desk .title .more a { display: inline-block; font-size: 13px; padding: 0 15px 0 0; position: relative; text-decoration: none; vertical-align: top; }
.desks .desk.awards .box { background: url("../img/paper_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); height: 264px; }
.desks .desk.awards .box .img { height: 264px; margin: 0; overflow: hidden; }
.desks .desk.jobs .title { background-color: #ab76b0; }
.desks .desk.jobs .box { background: #741e7d; color: #fff; }
.desks .desk.jobs p.slogan { font-size: 57px; font-weight: bold; line-height: 57px; padding: 27px 30px 22px; }
.desks .desk.instagram .title { background: none repeat scroll 0 0 #f16034 !important; height: 30px; line-height: 30px; padding: 0 0 0 6px; }
.desks .desk.instagram .title:before { background: url("../img/retina/clips1.png") no-repeat scroll center top rgba(0, 0, 0, 0); content: ''; height: 36px; left: 0; position: absolute; right: 0; top: -28px; background-size: contain; width: auto; }
.desks .desk.instagram .title:after { display: none;}
.desks .desk.instagram .img { overflow: hidden; }
.desks .desk.instagram .img img { }
.desks .desk.news { margin-left: 2px; margin-bottom: 0; }
.desks .desk.news .box{ margin: 0 3px; }
.desks .desk.news .title { background: #474747; height: auto; padding: 0 0 0 11px; line-height: 22px; margin: 0 1px; }
.desks .desk.news .title:before { content: ''; background: url("../img/retina/clips2.png") no-repeat scroll center top rgba(0, 0, 0, 0); height: 36px; left: 0; position: absolute; right: 0; top: -23px; background-size: contain; width: auto; }
.desks .desk.news .title:after { display: none;}
.desks .desk.news .title p { font-size: 21px; }
.desks .desk.news .title p.name { padding: 21px 0 4px; font-size: 18px; }
.desks .desk.news .title p.name span { color: #ffffff; }
.desks .desk.news .title .more { text-align: right; }
.desks .desk.news .title .more a { font-weight: bold; margin: -2px 12px 0 0; text-transform: uppercase; }
.desks .desk.news .title .more a:after { content: ''; background: url("../img/service_arrow.png") no-repeat scroll -9px 0 rgba(0, 0, 0, 0); bottom: 0; height: 12px; margin: -6px 0 0 0; position: absolute; right: 0; top: 50%; width: 9px; }
.desks .desk.news .img { background: #d8d8d8; }
.desks .desk.news .img img { }
.desks .desk_video { width: 694px; background: url("../img/tv_bg.png") 0 0 no-repeat; background-size: contain; height: 429px; margin: -8px -64px 0 0; }
.desks .desk_video .box { background: none; box-shadow: none; height: 289px; margin: 44px 0 0 68px; overflow: hidden; width: 525px; font-size: 0; line-height: 289px; float: left; }
.desks .desk_video .box img { width: 100%; }
/**/
article { background: #fff; padding: 24px 138px 18px 148px; color: #999; }
.page_contact article + .map { margin-top: 28px;}
article h1 { font-size: 36px; font-weight: normal; line-height: 40px; margin: 0; padding: 0 0 31px; }
article p.note { color: #474747; font-size: 36px; line-height: 48px; padding: 0 0 24px; }
article p.note i { font-style: normal; color: #999; font-size: 14px; letter-spacing: 2px; margin: 0 0 0 13px; text-transform: uppercase; vertical-align: baseline; white-space: nowrap; }
article p { font-size: 23px; line-height: 32px; padding: 0 0 24px; }
.btn { background: #cc0000; color: #fff; display: inline-block; font-size: 15px; font-weight: bold; height: 44px; line-height: 44px; margin: 17px 0 0 0; padding: 0 42px 0 23px; position: relative; text-decoration: none; text-transform: uppercase; }
.green_btn { background: #cc0000; box-shadow: 2px 2px 3px rgba(80, 80, 80, 0.4);}
.blue_btn { background: #3399cc; box-shadow: 2px 2px 3px rgba(80, 80, 80, 0.4);}
.btn:after { background: url("../img/btn_arrow.png") 0 0 no-repeat; content: ''; height: 14px; margin: -7px 0 0 0; position: absolute; right: 21px; top: 50%; width: 8px; }
article.paper { background: url("../img/paper_bg.png") 0 0 repeat; }
article.single_article { background: url("../img/paper_bg.png") 0 0 repeat; }
.paper_bg {background: url("../img/paper_bg.png") 0 0 repeat;}
article.bricks { background: url("../img/bricks_bg_repeat.png") 0 0 repeat; }
article.paper p.note { color: #999; text-transform: uppercase; }
.more_info { padding: 17px 0; }
.more_info:after { content: ''; display: table; clear: both; }
.more_info .btn { margin: 0; float: left; box-shadow: 2px 2px 3px rgba(80, 80, 80, 0.4); }
.more_info .r_links { margin: 12px 0 0; position: relative; text-decoration: none; float: right; }
.more_info .r_links a { margin: 0; position: relative; display: inline-block; font-size: 23px; vertical-align: top; }
.more_info .r_links a.btn_link { padding: 0 20px 0 0; font-size: 15px; text-decoration: none; }
.more_info .r_links a.btn_link:after { position: absolute; content: ''; background: url("../img/red_arrow.png") 0 0 no-repeat; height: 15px; margin: -13px 0 0 0; right: 0; top: 50%; width: 9px; }
article h3	{font-size:20px;line-height:26px;text-transform:uppercase;color:#808285;}
article .box { position: relative; padding: 0 0 23px; }
article .hidden_content *{ opacity: 0; display: none; overflow: hidden; padding: 11px 0 0; }
article .hidden_content p, article .hidden_content h2, article .hidden_content h3 {padding-top:24px;}
.page_section article .hidden_content,
.page_section article .hidden_content p{font-size: 23px;line-height: 32px;}
article .intro-text a{display: inline !important;}
.page_section article .hidden_content .intro-text,
.page_section article .hidden_content .intro-text *,
article .intro-text,
article .intro-text *{opacity: 1 !important; font-size: 27px !important;  line-height: 36px !important;  font-weight: normal !important; text-transform: none !important; display: inherit;}
/*article a.show_hidden { position: absolute; right: 8px; font-size: 13px; font-weight: bold; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; bottom: 27px; padding: 0 20px 0 0; transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms; }*/
article a.show_hidden {
    position: relative;
    right: 0;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    bottom: 0;
    margin: 30px 0 15px;
    display: table;
    padding: 0 20px 0 0;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
}
article a.show_hidden:after { position: absolute; content: ''; background: url("../img/down_arrow_red.png") 0 0 no-repeat; height: 8px; margin: -4px 0 0; right: 0; top: 50%; width: 13px; }
article.show a.show_hidden:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.project-share{
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    position: absolute;
    right: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    bottom: 27px;
    padding: 0 20px 0 0;
}
.project-share .stButton{
    background: url("../img/project-share-icon.png");
    width: 23px;
    height: 23px;
}
article .hidden_content .testimonial-text{
    padding: 30px;
    margin: 50px;
    background: #818286;
}

article .hidden_content .testimonial-text,
article .hidden_content .testimonial-text p{
    font-size: 21px;
    line-height: 30px;
    color: #fff;
}
article .hidden_content .testimonial-text p{
    padding: 0;
}
/**/
.page_wrapper .single_article { padding: 88px 144px 60px; }
.page_wrapper .single_article p{ font-size: 23px; line-height: 32px; padding: 0 0 68px 0; }
.page_wrapper .single_article img{ max-width: 100%; height: auto; }
.page_wrapper .single_article h1{ font-size: 36px; padding: 0 0 25px; }
.page_wrapper .single_article h2{ font-size: 39px; font-weight: normal; line-height: 50px; padding: 0 0 30px; }
/**/
footer { margin: 28px 0 0 0; }
footer .join_box { background: #a29a95; padding: 10px 0 14px; }
footer .join_box:after { content: ''; display: table; clear: both; }
footer .join_box p { color: #fff; float: left; font-weight: bold; text-transform: unset; box-sizing: border-box; padding: 7px 0 0 27px; text-overflow: ellipsis; width: 41%; font-size: 14px; letter-spacing: 1.4px; position: relative; }
footer .join_box p span{display: inline-block;}
footer .join_box .arrow_right  { background: url("../img/left_arrow.png") 0 0 no-repeat; height: 10px; width: 6px; display: inline-block; margin: 6px 0 0 4px; vertical-align: top; }
footer .join_box form.form { display: block; padding: 0 28px 0 0; box-sizing: border-box; float: right; margin: 7px 0 0 0; position: relative; width: 57%; }
footer .join_box form.form .input { left: 0; position: absolute; right: 99px; top: 0; }
footer .join_box form.form .input input { box-sizing: border-box; height: 22px; padding: 0 10px; width: 100%;}
footer .join_box form.form .submit_box { float: right; }
footer .join_box form.form .submit { background: #908984; color: #fff; font-weight: bold; height: 22px; line-height: 22px; text-align: center; text-transform: uppercase; width: 71px; font-size: 12px; letter-spacing: 1px; }
footer .info { background: #b2aca9;padding: 8px 0 13px;}
footer .info:after { content: ''; width: 100%; display: table; }
footer .info .logo { background: url("../img/bottom_logo.png") 0 0 no-repeat; float: left; height: 59px; margin: 13px 0 0 28px; width: 61px; }
footer .mobile_desc { display: none; }
footer .info .desc { padding: 0 27px 0; margin: 10px 0 0 0; }
footer .info .desc .line { color: #fff; margin: 0 0 3px 3%; width: 30%; float: left;line-height: 19px;}
footer .info .desc .line:last-of-type{ margin-left: 2.5%; width: 26%; }
footer .info .desc .line span { color: #58595b; float: left; font-size: 11px; text-transform: uppercase; width: 100%; font-weight: bold; }
footer .info .desc .line p {font-size: 13.5px;}
footer .info .desc .line p a { text-decoration: none; display: block; }
footer .info .line strong {  display: block;  }
footer .info .desc .line .contact_details{margin-top: 5px; font-size: 13.5px;}
footer .info .social_icons { float: right; max-width: 118px; text-align: right; margin: 10px 20px 0 0; line-height: 0; padding-left: 2%; }
footer .info .social_icons:after { display: inline-block; vert-align: top; line-height: 0; content: ''; width: 100%; font-size: 0; vertical-align: top; }
footer .info .social_icons a { background-size: contain; background-repeat: no-repeat; background-position: 0 0; display: inline-block; height: 26px; width: 26px; margin: 0 0 7px 0; }
footer .info .social_icons a.s1 { background-image: url("../img/social_icons/s1.png"); }
footer .info .social_icons a.s2 { background-image: url("../img/social_icons/s2.png"); }
footer .info .social_icons a.s3 { background-image: url("../img/social_icons/s3.png"); }
footer .info .social_icons a.s4 { background-image: url("../img/social_icons/s4.png"); }
footer .info .social_icons a.s5 { background-image: url("../img/social_icons/s5.png"); }
footer .info .social_icons a.s6 { background-image: url("../img/social_icons/s6.png"); }
footer .info .social_icons a.s7 { background-image: url("../img/social_icons/s7.png"); }
footer .info .social_icons a.s8 { background-image: url("../img/social_icons/s8.png"); }
footer  a {color: #fff; text-decoration: none; }
footer  .terms { clear: right; float: right; font-size: 14px; margin: 0px 21px 0 0; }
footer  .terms a { display: block; }
footer .iwdro_logo{float: right; width: 13%; padding: 0 2%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; max-height: 85px;}
.iwdro_logo img{width: 100%; padding-top:10px;}
/**/
.page_menu { background: none repeat scroll 0 0 rgba(128, 220, 219, 0.94); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; display: none; }
.page_menu .close { color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 3px; padding: 10px 9px 4px 32px; position: fixed; right: 13px; text-decoration: none; text-transform: uppercase; top: 0; z-index: 10; }
.page_menu .close:before { background: url("../img/close_icon.png") 0 0 no-repeat; content: ''; height: 12px; left: 10px; margin: -3px 0 0; position: absolute; top: 50%; width: 12px; }
.page_menu .ps-scrollbar-y-rail { display: none !important; }
.page_menu .menu_box { bottom: 0; position: absolute; top: 0; box-sizing: border-box; left: 0; right: 0; }
.page_menu .sections { margin: 0 auto; position: relative; box-sizing: border-box; padding: 58px 0 90px; max-width: 1140px; }
.page_menu .sections > div[class^="sections"] {display: none;}
.page_menu .section { color: #fff; text-align: center; padding: 0 0 34px; }
.page_menu h1, .page_menu .ttl { font-size: 93px; line-height: 100px; margin: 0 0 9px 0; font-weight:bold; text-transform: uppercase; }
.page_menu h1, .page_menu .ttl a{text-decoration: none}
.page_menu .items { }
.page_menu .items .item { display: inline-block; position: relative; vertical-align: top; margin: 0 0 20px 0; }
.page_menu .items .item > a, .page_menu .items > a { color: #474747; font-size: 18px; line-height: 24px; text-decoration: none; text-transform: uppercase; margin: 0 16px; display: inline-block; vertical-align: top; font-weight: bold; letter-spacing: 1.8px; }
.page_menu .items .item.open > a { color: #fff; }
.page_menu .items .item ul { display: none; padding: 9px 0 6px; }
.page_menu .items .item ul li:first-child { margin-top: 0; }
.page_menu .items .item ul li { margin: 12px 0 0 0; }
.page_menu .items .item ul li a { font-size: 18px; display: block; line-height: 1.4;}
/*.page_menu .items .item i { transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; background: url("../img/down_arrow.png") 0 0 no-repeat; bottom: -12px; height: 8px; left: 50%; margin: 0 0 0 -4px; position: absolute; width: 11px; }*/
.page_menu .items .item i {     transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    background: url("../img/down_arrow.png") 0 0 no-repeat;
    bottom: -18px;
    height: 15px;
    left: 50%;
    margin: 0 0 0 -7px;
    position: absolute;
    width: 14px;
    background-size: contain;
    cursor: pointer;}
.page_menu .items .item.open i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.page_menu .items a { text-decoration: none; }
header .menu_btns a.contact_btn {     background: url("../img/retina/phone_icon_white.png") 10px center no-repeat, #cc0000;
    position: relative;
    background-size: 13px auto;
    padding: 0 10px 0 32px;
    margin: 0 10px 0 0; }
/*header .menu_btns a.contact_btn { background: url("../img/retina/phone_icon.png") 5px center no-repeat; position: relative; background-size: 13px auto; }*/
.sections-contact {}
.sections-contact .text-box{ }
.sections-contact .text-box p{ color: #474747;  display: inline-block;  font-size: 18px;  font-weight: bold;  letter-spacing: 1.8px;  line-height: 2;  margin: 0 16px;  text-decoration: none;  text-transform: uppercase;  vertical-align: top; }
.sections-contact .text-box p br{ }
.sections-contact .text-box p a{text-decoration: none}
/**/
.project_menu { min-height: 100%; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; display: none; }
.project_menu .close { color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 3px; padding: 10px 9px 4px 32px; position: absolute; right: 13px; text-decoration: none; text-transform: uppercase; top: 0; z-index: 20; }
.project_menu .close:before { background: url("../img/close_icon.png") 0 0 no-repeat; content: ''; height: 12px; left: 10px; margin: -7px 0 0; position: absolute; top: 50%; width: 12px; }
.project_menu .ps-scrollbar-y-rail { display: none !important; }
.project_menu .project_box { position: relative; top: 0; box-sizing: border-box; left: 0; right: 0; z-index: 10; }
.project_menu .sections { margin: 0 auto; position: relative; box-sizing: border-box; padding: 58px 0 90px 281px; max-width: 1140px; }
.project_menu .section { color: #fff; padding: 0 0 34px; }
.project_menu h1, .project_menu .ttl { font-size: 93px; line-height: 100px; margin: 0 0 9px 0; text-transform: uppercase; }
.project_menu .items { margin: 0 0 0 7px;}
.project_menu .items .item { position: relative; vertical-align: top; margin: 0 0 23px; }
.project_menu .items .item > a, .page_menu .items > a { color: #4a6d08; font-size: 18px; line-height: 24px; text-decoration: none; text-transform: uppercase; margin: 0; display: inline-block; vertical-align: top; font-weight: bold; letter-spacing: 1.8px; }
.project_menu .items .item.open > a { color: #fff; }
.project_menu .items .item ul { display: none; padding: 9px 0 6px; }
.project_menu .items .item ul li:first-child { margin-top: 0; }
.project_menu .items .item ul li { margin: 12px 0 0 0; }
.project_menu .items .item ul li a { font-size: 18px; }
.project_menu .items .item i { transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; background: url("../img/down_arrow.png") 0 0 no-repeat; bottom: -12px; height: 8px; left: 50%; margin: 0 0 0 -4px; position: absolute; width: 11px; }
.project_menu .items .item.open i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.project_menu .items a { text-decoration: none; }
.project_menu .project_box_bg {bottom: 0; position: absolute; top: 0; left: 0; right: 0; opacity: 0.94; }

/**/
.page_blog { }
.page_blog .page_section{ background: url("../img/board_bg.png") 0 -13px repeat-y; padding: 137px 0 0 0; }
.page_blog .left_col { box-sizing: border-box; float: left; padding: 0 0 0 26px; width: 29%; }
.page_blog .main_col { float: right; width: 71%; }
.page_blog .desks { padding: 0; }
.page_blog .desks .desk { margin: 0 0 31px 0; display: block; max-width: 275px; width: auto; }
.page_blog .desks .desk .title { background-color: #979390; }
.page_blog .desks .desk .title:before { }
.page_blog .desks .desk .title:after { }
.page_blog .desks .desk .box { }
.page_blog .desks .desk ul { padding: 11px 0 9px 11px;  margin: 0 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); background: #fff;}
.page_blog .desks .desk ul li { padding: 0 10px 0 0; }
.page_blog .desks .desk ul li a { color: #999999; font-size: 14px; line-height: 23px; text-decoration: none; }
.page_blog .desks .desk ul li a:before {content: '> ';}
.page_blog .desks .desk .box .img { }
.page_blog .desks .desk .box .img img { }
.page_blog .desks .desk.instagram { margin: 72px 0 40px; }
.page_blog .blog_list { padding: 0 14% 0 6%; }
.page_blog .blog_list .blog_item { background: #fff; box-shadow: 2px 3px 4px rgba(100, 100, 100, 0.6); margin: 0 0 30px; }
.page_blog .blog_item .title { background: #474747; padding: 0 44px 15px; position: relative; }
.page_blog .blog_item .title:after { background: url("../img/retina/pin_icon.png") 0 0 no-repeat; background-size: contain; content: ''; height: 10px; left: 10px; position: absolute; top: 10px; width: 10px; }
.page_blog .blog_item .title:before {  background: url("../img/retina/pin_icon.png") 0 0 no-repeat; background-size: contain; content: ''; height: 10px; position: absolute; right: 10px; top: 10px; width: 10px; }
.page_blog .blog_item .title .share { color: #fff; display: inline-block; font-size: 12px; font-weight: bold; line-height: 22px; margin: 13px 0 -3px 0; padding: 0 0 0 30px; position: relative; text-decoration: none; }
.page_blog .blog_item .title .share:after { background: url("../img/share_icon.png") 0 0 no-repeat; content: ''; height: 22px; left: 2px; margin: -12px 0 0 0; position: absolute; top: 50%; width: 22px; }
.page_blog .blog_item .title span { color: #ffffff; display: inline-block; font-weight: bold; letter-spacing: 1px; margin: 17px 0 0; }
.page_blog .blog_item .title p { color: #fff; font-size: 27px; font-weight: bold; line-height: 30px; padding: 3px 0 0 0; }
.page_blog .blog_item .blog_desc { padding: 21px 25px 12px 25px; color: #999999; position: relative;}
.page_blog .blog_item .blog_desc .sharing-block{display: none; position: fixed; top: 50%; left: 50%;padding: 10px;margin-left: -101px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);background: #fff;}
.page_blog .blog_item .blog_desc .sharing-block .close{font-style: normal;font-family: 'DIN', sans-serif;font-size: 20px;color: red;font-weight: bold;position: absolute;top: -15px;right: 0px;cursor: pointer;width: 15px;height: 15px;background: #ffffff;text-align: center;line-height: 14px;}
.page_blog .blog_item .blog_desc .share { display: inline-block; font-size: 12px; font-weight: bold; line-height: 22px; margin: 12px 0 2px; padding: 0 0 0 29px; position: relative; text-decoration: none; text-transform: uppercase; }
.page_blog .blog_item .blog_desc .share:after { background: url("../img/share_icon_dark.png") 0 0 no-repeat; content: ''; height: 22px; left: 0; margin: -12px 0 0 0; position: absolute; top: 50%; width: 22px; }
.page_blog .blog_item .blog_desc .note { color: #f36d33; font-size: 36px; line-height: 46px; padding: 19px 0 48px 0; }
.page_blog .blog_item .blog_desc .note span { color: #999; display: inline-block; font-size: 14px; font-weight: bold; letter-spacing: 2px; margin: 5px 0 0 6px; text-transform: uppercase; vertical-align: top; }
.page_blog .blog_item .blog_desc img { margin: 0 0 26px; max-width: 100%; height: auto;}
.page_blog .blog_item .blog_desc p { font-size: 17px; padding: 0 0 24px; line-height: 24px; }
.page_blog .blog_item .blog_desc span.large { padding: 0 3px; font-size: 23px; line-height: 31px; }
.page_blog .blog_item .blog_desc span.large + p { margin: 27px 0 0; }
.page_blog .blog_item .blog_desc .more { text-align: right; padding: 5px 10px 0 0; }
.page_blog .blog_item .blog_desc .more a { display: inline-block; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; line-height: 18px; padding: 0 12px 0 0; position: relative; }
.page_blog .blog_item .blog_desc .more a:after { background: url("../img/orange_arrow.png") 0 0 no-repeat; content: ''; height: 11px; position: absolute; right: -2px; top: 3px; width: 7px; }
/**/
.page_nav {margin: 10px 0 20px 0;}
.page_nav .item {display: inline-block;}
.page_nav a{display: inline-block; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; line-height: 18px; padding: 0 0 0 12px; position: relative; }
.page_nav .next a{ padding: 0 12px 0 0; }
.page_nav .next a:after{background: url("../img/orange_arrow.png") 0 0 no-repeat; content: ''; height: 11px; position: absolute; top: 3px; width: 7px; right: -2px; }
.page_nav .prev a{ margin-right: 20px;}
.page_nav .prev a:after{background: url("../img/orange_arrow_left.png") 0 0 no-repeat; content: ''; height: 11px; position: absolute; top: 3px; width: 7px; left: -2px; }
/**/
.page_clients { }
.page_clients .clients_logos { background: url("../img/paper_bg.png") 0 0 repeat; padding: 74px 73px 75px 66px; position: relative; margin: 0 0 24px 0; }
.page_clients .clients_logos:before { background: url("../img/clients_top_bg.png") top center no-repeat; content: ''; height: 142px; left: 0; position: absolute; right: 0; top: 0; }
.client_desk_holder { margin: 0 160px; }
.page_clients .client_desk { background: #474747; box-shadow: 2px 2px 3px rgba(100, 100, 100, 0.8); box-sizing: border-box; margin: 0 auto; padding: 17px 27px 12px; position: relative; max-width: 660px; }

.page_clients .client_desk:before {  background: url("../img/retina/pin_icon.png") no-repeat scroll 0 0; background-size: contain;  content: "";  height: 10px;  position: absolute;  left: 10px;  top: 10px;  width: 10px;}
.page_clients .client_desk:after {  background: url("../img/retina/pin_icon.png") no-repeat scroll 0 0; background-size: contain; content: "";  height: 10px;  position: absolute;  right: 10px;  top: 10px;  width: 10px;}
.page_clients .client_desk .pins {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.page_clients .client_desk .pins:before {  background: url("../img/retina/pin_icon.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);  content: "";  height: 10px;  position: absolute;  left: 10px; width: 10px; bottom: 10px; }
.page_clients .client_desk .pins:after {  background: url("../img/retina/pin_icon.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);  content: "";  height: 10px;  position: absolute;  right: 10px; width: 10px; bottom: 10px; }

.page_clients .client_desk p { color: #fff; font-size: 23px; line-height: 32px; }
.page_clients .client_desk i.left_clip { background: url("../img/left_clip.png") 0 0 no-repeat; bottom: -35px; left: -81px; min-height: 79px; position: absolute; top: -32px; width: 63px; }
.page_clients .client_desk i.left_clip:before { content: ''; border-left: 1px solid #999999; border-right: 1px solid #d4d4d4; bottom: 40px; left: 31px; position: absolute; top: 79px; }
.page_clients .client_desk i.left_clip:after { content: ''; background: url("../img/left_clip_pill.png") 0 0 no-repeat; bottom: 0; height: 51px; left: 0; position: absolute; width: 63px; }
.page_clients .client_desk i.right_clip { background: url("../img/right_clip.png") no-repeat scroll 0 0; bottom: -35px; position: absolute; right: -75px; top: -34px; width: 63px; min-height: 79px; }
.page_clients .client_desk i.right_clip:before { content: ''; border-left: 1px solid #c3c3c3; border-right: 1px solid #888888; bottom: 40px; left: 29px; position: absolute; top: 79px; }
.page_clients .client_desk i.right_clip:after { content: ''; background: url("../img/right_clip_pill.png") no-repeat scroll 0 0; bottom: 0; height: 50px; left: 0; position: absolute; width: 62px; }
.page_clients .client_desk .pins { }
.page_clients .logos_list { background: #fff; margin: 14px 0 0; padding: 24px 24px; box-shadow: 5px 7px 8px rgba(100, 100, 100, 0.4); }
.page_clients .logos_list .items { background: url("../img/logos_bg.png") 0 0 repeat; font-size: 0; line-height: 0; text-align: justify; padding: 0; }
.page_clients .logos_list .items:after { content: ''; display: inline-block; font-size: 0; line-height: 0; vertical-align: top; width: 100%; }
.page_clients .logos_list .items .item { display: inline-block; vertical-align: top; height: 150px; line-height: 150px; margin: 0 0 12px 0; text-align: center; box-sizing: border-box; padding: 0 15px; width: 25%; }
.page_clients .logos_list .items .item img { max-width: 100%; vertical-align: middle; max-height: 100%; }
/**/
.page_contact { }
.page_contact .map { margin: 0 0 29px 0; }
.page_contact .map_canvas { height: 764px; }
.page_contact .map img { width: 100%; }
.page_contact article p{max-width: 690px;}
/**/
.sector_menu { font-size: 12px; font-weight: bold; left: 151px; line-height: 30px; position: absolute; text-transform: uppercase; }
.sector_menu p { display: inline-block; font-weight: bold; letter-spacing: 1px; padding: 0 5px 0 0; vertical-align: top; }
.sector_menu a.project_selector:hover {
	    background-color: rgba(204, 0, 0, 0.9);
}
.sector_menu a.project_selector { font-size: 12px;
    letter-spacing: 1px;
    position: relative;
    padding: 0 30px 0px 10px;
    float: right;
    height: 27px;
    margin: 0;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 28px;
    background: #cc0000;
    border-right: 1px solid #B30000;
    border-bottom: 1px solid #B30000;
    border-left: 1px solid #FF3333; }
/*.sector_menu a { font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #999; position: relative; padding: 0 17px 0 0; }*/
.sector_menu a { font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #999; position: relative; padding: 0 5px 0 0; }
.sector_menu a.project_selector:after { background: url("../img/red_arrow_circle.png") 0 0 no-repeat;
    content: '';
    height: 14px;
    margin: -8px 8px 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 14px;}
/*.sector_menu a:after { background: url("../img/green_arrow.png") 0 0 no-repeat; content: ''; height: 15px; margin: -8px 0 0; position: absolute; right: 0; top: 50%; width: 9px;}*/
/*.sector_menu .project_selector:after{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}*/
.sector_menu .return-link{margin-right: 4px;}
/**/
.page_sector { }
.page_sector article { padding: 60px 91px 34px 91px; }
.page_sector article h1 { font-size: 44px; line-height: 54px; padding: 0 0 10px; text-transform: uppercase; }
.page_sector article p { font-size: 34px; line-height: 48px; }
/**/
.page_project { }
.project_gall_holder { overflow-x: hidden;}
.project_gall { margin: 14px -14px 0; }
.project_gall:after { display: table; content: ''; clear: both; }
.project_gall .item { margin: 0; position: relative; float: left; }
.project_gall .item.size1 { width: 24.985%; }
.project_gall .item.size2 { width: 50%; }
.project_gall .item.size3 { width: 75%; }
.project_gall .item.size4 { width: 100%; }
.project_gall .item.size1 .box:before { padding-top: 144.8%; }
.project_gall .item.size2 .box:before { padding-top: 72.4%; }
.project_gall .item.size3 .box:before { padding-top: 48.20%; }
.project_gall .item.size4 .box:before { padding-top: 36.2%; }
.project_gall .item .box { position: relative; margin: 0; }
.project_gall .item .box:before { content: ""; display: block; }
.project_gall .item .box_content { bottom: 14px; left: 14px; position: absolute; right: 14px; top: 14px; overflow: hidden; }
.project_gall .item img { width: 100%; min-height: 100%; }
.project_pic { margin: 0 0 28px 0; }
.project_pic img {width: 100%;}
.page_project article { padding-bottom: 0; }
.page_project article h1 { padding: 0 120px 0 0; text-transform: uppercase; color: #cc0000; font-size: 21px; font-weight: bold; line-height: 30px; margin: 0 0 9px; letter-spacing: 0.3px; }
.page_project article h2 { /*padding: 0 120px 0 0;*/ text-transform: uppercase; font-size: 35px; font-weight: normal; line-height: 50px; overflow: hidden; text-overflow: ellipsis; }
.page_project .more_info {padding-top: 0;}
.page_project .r_links { float: none; margin: 12px 0 40px 0; }
/**/
.m_icon { background-size: contain; background-position: 0 center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; }
i.phone_icon { background-image: url("../img/retina/phone_icon.png"); height: 22px; width: 13px; }
i.location_icon { background-image: url("../img/retina/location_pin.png"); height: 22px; width: 14px; }
i.mail_icon { background-image: url("../img/retina/email_icon.png"); height: 12px; width: 18px; }
/**/
.bricks_box{background: url("../img/bricks_bg.png") repeat-y scroll center top; background-size: 100% auto;}
.paper_box {background: url("../img/paper_bg.png") 0 0 repeat; position: relative; padding: 79px 0 16px; margin: 0 0 40px; }
.paper_box_content {position: relative; z-index: 10; padding: 0 142px 0; }
.paper_box:before { background: url("../img/paper_top.png") 0 0 repeat-x; content: ''; height: 116px; left: 0; position: absolute; right: 0; top: 0; }
/**/
.strategy_article {}
.strategy_article .bricks_box{ padding: 92px 146px 0; margin: 0 0 24px 0; }
.strategy_article .bricks_box h1 {text-transform: uppercase; color: #3399cc; font-size: 36px; font-weight: normal; line-height: 70px; margin: 0 0 18px; }
.strategy_article .bricks_box h3{ color: #808285; font-size: 39px; font-weight: normal; line-height: 49px; }
.strategy_article .bricks_box .wide_pic{ margin: 54px -146px 0; }
.strategy_article .bricks_box .wide_pic img{ max-width: 100%;}
.strategy_article .paper_box{}
.strategy_article .paper_box h2{ color: #3399cc; font-weight: normal; font-size: 39px; line-height: 49px; margin: 0 0 29px; }
.strategy_article .paper_box p{ color: #808285; font-size: 23px; line-height: 32px; margin: 0 0 32px; }
/**/
.contact-form{ margin: 20px -27px 0; padding: 0 0 30px 0; }
.contact-form .col{ float: left; width: 50%; box-sizing: border-box; padding: 0 27px; }
.contact-form .col .field{ margin: 0 0 16px 0; }
.contact-form .col .field input{ box-sizing: border-box; height: 47px; padding: 0 17px; width: 100%;  }
.contact-form .col .field textarea{ box-sizing: border-box; height: 173px; padding: 13px 17px; resize: vertical; width: 100%; }
.contact-form .controls{ text-align: center; }
.contact-form .controls button.btn{ }
/**/
.contact-page {padding-top: 70px;}
.contact-page .more_info { margin: 0 0 -53px 0; }
.contact-page .more_info .r_links{position: relative; z-index: 10;}
.contact-page .more_info + h1{ padding-right: 190px; }
/**/
@media (max-width: 1024px) {
    article .box{padding: 0 0 65px;}
    .project-share{right: auto; left: 0;bottom: 18px;}
    article a.show_hidden{bottom: 0;     margin: 20px 0 10px;}
    article .hidden_content .testimonial-text{padding: 20px; margin: 35px;}
    footer .terms{    margin: -15px 21px 0 0;}
}

@media (min-width: 1024px) and (max-width: 1139px) {
    .intro_slider_nav a { }
    .intro_desc .desc { padding: 32px 314px 0 103px; margin: 0; }
    .intro_desc .desc > span br { display: none; }
    .intro_desc .shelf { height: 535px; top: 101px; width: 272px; }
    .intro_desc .desc a.more { font-size: 15px; margin: 0; padding: 0 15px 0 0; line-height: 21px; }
    .page_intro .services { padding: 44px 0 0; margin: 0 0 36px; }
    .page_intro .services .items { padding: 0 28px 0 27px; }
    .page_intro .services .item { margin: 0 0 14px 0; }
    .page_intro .resources { padding: 75px 0 0; }
    .page_intro .resources .desks { padding: 0 45px 0 51px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .intro_slider_nav a { font-size: 12px; height: 26px; line-height: 29px; padding: 0 0 0 14px; display: block; }
    .intro_slider_nav a:before { border-width: 11px; left: 17px; top: -22px; }
    .intro_desc { margin: 0 0 24px; }
    .intro_desc .desc { padding: 28px 240px 0 78px; }
    .intro_desc .desc > span { font-size: 25px; line-height: 36px; word-spacing: -2px; }
    .intro_desc .desc > span br { display: none; }
    .intro_desc .shelf { height: 401px; top: 78px; width: 204px; }
    .intro_desc .desc a.more { margin: -1px -8px 0 0; padding: 0 10px 0 0; }
    .page_intro .services { margin: 0 0 40px; padding: 53px 0 0; }
    .page_intro .services .items { padding: 0 47px 0 46px; margin: 0 auto; max-width: 740px; }
    .page_intro .services .item { margin: 0 0 22px 0; }
    .page_intro .resources { padding: 74px 0 0; }
    .page_intro .resources .desks { padding: 0; margin: 0 auto; max-width: 635px; }
    .page_intro .resources .desk { margin: 0 0 66px; }
    .page_intro .resources .desk.news { margin: 0 0 34px; }
    .page_intro .resources .desk_video { margin: 0 auto; height: 452px; width: 730px; left: -31px; position: relative; }
    .page_intro .resources .desk_video .box { height: 305px; line-height: 305px; margin: 47px 0 0 72px; width: 551px; }
    footer .info .desc .line { color: #fff; margin: 0 0 3px 3%; width: 24%; float: left; }
	footer .info .desc .line:last-of-type{ margin-left: 3%; width: 26%; }
	footer .iwdro_logo{float: right; width: 13%; padding: 0 1%; border-left: 1px solid #fefefe; border-right: 1px solid #fefefe; height: 85px;}
	.iwdro_logo img{width: 100%; padding-top:10px;}
	footer .info .social_icons{padding-left: 0 1%;}
}
@media (max-width: 687px) {
    .desks .desk_video { margin: 0 auto; width: 320px; height: 198px; }
    .desks .desk_video .box { height: 132px; margin: 21px 0 0 32px; width: 241px; }
    article.paper .more_info .r_links {float: left; margin-top: 20px; clear: left;}
    .page_project article.paper .more_info .r_links {float: none; margin-top: 0; clear: left;}
}
@media (max-width: 767px) {
    .page_wrapper { padding-top: 45px; }
    .big-header {padding-top: 90px;}
    header { height: 45px; }
    header .menu_btns { padding: 4px 0 0; float: right; }
    /*header .menu_btns a { display: block; background-size: 15px auto; border-left: 1px solid #d9d9d9; height: 35px; line-height: 38px; padding: 0 0 0 31px; background-position: 11px center; float: left; font-size: 10px; margin: 0 5px 0 0; }*/
    header .menu_btns a { display: block;
    background-size: 15px auto;
    border-left: 1px solid #d9d9d9;
    height: 35px;
    line-height: 38px;
    padding: 0 0 0 31px;
    background-position: 11px center;
    float: left;
    font-size: 10px;
    margin: 0 5px 0 0;
    border-bottom: none;
    border-right: none;
    color: #9f9f9f;}
    header .menu_btns a:first-child { border-left: none; }
    header .menu_btn {    background: url("../img/menu_icon.png") no-repeat scroll left 10px center; }
    header .find_us { background: url("../img/retina/location_pin.png") center left no-repeat; }
    header .call_us { background: url("../img/retina/phone_icon.png") center left no-repeat; }
    header .logo { left: 20px; width: 80px; height: 90px; }
    header .logo .logo_img { height: 50px; margin: 0 0 0 -25px; width: 50px; }
    header .logo .logo_text { bottom: 9px; margin: 0 0 0 -32px; width: 64px; }
    .scrolled header .logo { top: -45px; }
    .scrolled header .logo .logo_img { top: -15px; }
    .scrolled header .logo .logo_text { bottom: 16px; }
    /**/
    .big_slider {
    position: relative;
    margin: 0 0 60px 0;
}
    .intro_slider_nav { margin: 0px 0 -37px 0px; }
    /*.intro_slider_nav { margin: 0; }*/
    .intro_slider_nav .item { width: 100%; display: none; padding: 0; }
    .intro_slider_nav .item.active { display: block; }
    .intro_slider_nav .item.active a:first-child { color: #fff; padding: 0 31px; }
    .intro_slider_nav .item a { background: none; position: relative; z-index: 5; overflow: hidden; padding: 0; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
    .intro_slider_nav .item.active a:first-child { background: none; }
    .intro_slider_nav .item i { display: block; }
    .intro_slider_nav .item .prev { display: none; }
    .intro_slider_nav .item .next { display: none; }
/*    .intro_slider_nav .item .prev { display: block; }
    .intro_slider_nav .item .next { display: block; }*/
    .intro_slider_nav .item.active a:first-child:before { display: none; }
    /**/
    .intro_desc { }
    .intro_desc .desc { padding: 26px 18px 0; }
    .intro_desc .desc > span { font-size: 22px; line-height: 33px; }
    .intro_desc .desc > span br { display: none; }
    .intro_desc .desc a.more { font-size: 16px; margin: 4px 9px 0 0; line-height: 26px; }
    .intro_desc .shelf { display: none; }
    /**/
    .page_intro .services .items { padding: 0; text-align: center; }
    .page_intro .services .item { margin: 0 10px 15px; }
    /**/
    .desks { padding: 10px 0 0; text-align: center; }
    .desks .desk { margin: 0 auto 50px; display: block; }
    .desks .desk.news { margin: 0 auto 50px; }
    .desks .desk_video { margin: 0 auto; width: 320px; height: 198px; left: 8px; }
    .desks .desk_video .box { height: 132px; margin: 21px 0 0 32px; width: 241px; }
    /**/
    footer { }
    footer .join_box { padding: 10px 18px 14px; }
    footer .join_box:after { }
    footer .join_box p { float: none; padding: 4px 0 0 0; width: auto; }
    footer .join_box form.form { float: none; padding: 0; width: auto; }
    footer .join_box form.form .input { margin: 0 0 14px 0; position: relative; right: auto;  }
    footer .join_box form.form .input input {  -webkit-appearance: none;border-radius: 0; }
    footer .join_box form.form .submit_box { float: none; }
    footer .info { padding: 10px 0 0; }
    footer .info .logo { display: none; }
    /**/
    footer .mobile_desc { display: block; padding: 0 18px 11px; }
    footer .mobile_desc p { color: #58595b; font-size: 12px; text-transform: uppercase; line-height: 25px; margin: 0 0 3px 0; font-weight: bold; }
    footer .mobile_desc .row { margin: 0 -6px 8px; }
    footer .mobile_desc .row .item { float: left; width: 33.33%; box-sizing: border-box; padding: 0 6px; }
    footer .mobile_desc .row .item a { background: #fff; color: #9f9f9f; display: block; height: 40px; line-height: 48px; padding: 0 0 0 34px; text-decoration: none; text-transform: uppercase; position: relative; font-size: 10px; }
    footer .mobile_desc .row .item a i { bottom: 0; height: auto; left: 10px; position: absolute; top: 0; }
    /**/
    footer .info .desc { display: none; }
    footer .info .social_icons { text-align: justify; float: none; background: #a29a95; margin: 0; max-width: none; padding: 14px 12px; font-size: 1px; border-left: none; }
    footer .info .social_icons a { height: 30px; margin: 0 3px; width: 30px; }
    footer  .terms { padding: 10px 0; position: absolute; right: 0; bottom: 0;}
    .iwdro_logo{float: left !important; padding: 14px 12px !important; width: 35% !important; border: none !important;}
    .iwdro_logo img{width: 100%; padding-top: 0px;}

    /**/
    .page_blog {}
    .page_blog .page_section{ padding: 80px 0 0; }
    .page_blog .left_col{ float: none; padding: 0 20px; width: auto; }
    .page_blog .left_col .desks{ margin: 0 auto; max-width: 400px; }
    .page_blog .main_col { margin: 40px 0 0; float: none; width: auto; }
    .page_blog .blog_list { padding: 0 6%; }
    .page_blog .blog_item .title p { font-size: 20px; line-height: 20px; }
    .page_blog .desks .desk { margin: 0 auto 40px; }
    .page_blog .desks .desk.instagram {margin: 72px auto 40px; }

    /**/
    .page_clients {}
    .page_clients .clients_logos { padding: 74px 20px 75px; }
    .client_desk_holder { margin: 0; }
    .page_clients .client_desk { left: 0; max-width: none; }
    .page_clients .logos_list .items { text-align: center; }
    .page_clients .logos_list .items .item { width: 228px; }
    /**/
    article { padding: 24px 20px 40px; }
    article h1 { font-size: 20px; line-height: 24px; }
    article p.note { font-size: 26px; line-height: 36px; }
    article p.note span { font-size: 12px; }
    article p { font-size: 18px; }
    .page_project article h1 { padding: 0; margin: 0 0 10px; }
    .page_project article h2 {   font-size: 20px; line-height: 28px; position: 0;}
    /**/
    .sector_menu { background: #fff; border-top: 1px solid #ccc; left: 0; line-height: 18px; padding: 2px 0 4px 111px; right: 0; top: 45px; }
    .sector_menu p {}
    .sector_menu a.project_selector:hover { background: transparent; color: #000;}
    .sector_menu a.project_selector { font-size: 11px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #999;
    position: relative;
    padding: 0 20px 0 0;
    border: none;
    background: none;
    float: none;
    height: auto;
    display: inline-block;
    line-height: inherit; }
    a#contact_btn:hover, a#menu_btn:hover {
    background-color: transparent;
}
    .sector_menu a { font-size: 11px; }
    .sector_menu a.project_selector:after { background-size: contain;
    width: 7px;
    background: url("../img/red_arrow.png") no-repeat center center;
    content: '';
    height: 15px;
    margin: -8px 5px 0px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
    .sector_menu a:after { background-size: contain; width: 7px; }
    /**/
    .page_sector {}
    .page_sector article { padding: 25px 20px 12px; }
    .page_sector article h1 { font-size: 26px; line-height: 36px; }
    .page_sector article p { font-size: 22px; line-height: 32px; }
    /**/
    .page_project {}
    .project_menu {}
    .project_menu .close {background: url("../img/retina/close_icon.png") left bottom no-repeat; background-size: 19px auto; width: 19px; height: 19px; font-size: 0; padding: 12px 15px 0 0; right: 0; top: 0; }
    .project_menu .close:before {display: none;}
    .project_menu .ps-scrollbar-y-rail {}
    .project_menu .project_box {}
    .project_menu .sections { padding: 50px 20px 90px; text-align: center; }
    .project_menu .section { display: inline-block; text-align: left; }
    .project_menu h1, .project_menu .ttl { font-size: 50px; line-height: 60px; }
    .project_menu .items {}
    .project_menu .items .item { margin: 0 0 12px 0; }
    .project_menu .items .item > a, .page_menu .items > a { font-size: 18px; line-height: 20px; }
    .project_menu .items .item.open > a {}
    .project_menu .items .item ul {}
    .project_menu .items .item ul li:first-child {}
    .project_menu .items .item ul li {}
    .project_menu .items .item ul li a {}
    .project_menu .items .item i {}
    .project_menu .items .item.open i {}
    .project_menu .items a {}
    .project_menu .project_box_bg {}
    /**/
    .page_wrapper .single_article { padding: 70px 20px 34px; }
    .page_wrapper .single_article p{ font-size: 18px; line-height: 25px; padding: 0 0 34px; }
    .page_wrapper .single_article img{ max-width: 100%; }
    .page_wrapper .single_article h1{ font-size: 22px; padding: 0 0 20px; }
    .page_wrapper .single_article h2{ font-size: 22px; font-weight: normal; line-height: 27px; padding: 0 0 30px; }
    /**/
    .strategy_article .bricks_box { padding: 70px 20px 0;}
    .strategy_article .bricks_box h1{ font-size: 22px; padding: 0 0 20px; line-height: 27px;}
    .strategy_article .bricks_box h2{ font-size: 22px; font-weight: normal; line-height: 27px; }
    .strategy_article .bricks_box h3{ font-size: 22px; font-weight: normal; line-height: 27px; padding: 0 0 30px; }
    .strategy_article .bricks_box p{ font-size: 18px; line-height: 25px; padding: 0 0 34px; }
    .strategy_article .bricks_box .wide_pic{ margin: 54px -20px 0; }
    .strategy_article .bricks_box .wide_pic img{ max-width: 100%; }

    .strategy_article .paper_box_content { padding: 0 20px 34px;}
    .strategy_article .paper_box_content h2 {font-size: 22px; font-weight: normal; line-height: 27px; }
    .strategy_article .paper_box_content p{ font-size: 18px; line-height: 25px; }
    /**/
    .client_desk .right_clip,
    .client_desk .left_clip{ display: none;}
    /**/
    .btn {font-size: 12px;}
    /**/
    .page_contact .map { margin: 0 40px 29px; }
    .page_contact .map_canvas { height: 364px; }
    header .menu_btns a.contact_btn {display: none;}
    /**/
    .contact-page .more_info {margin: 0; }
    .contact-page .more_info .r_links {float: none; margin-top: 20px;}
    .contact-page .more_info + h1{ padding-right: 0; }
}
/* overlay menu */
@media (max-width: 1023px) {
    .page_menu h1, .page_menu .ttl { font-size: 60px; line-height: 60px; }
    .page_menu .sections {padding-top: 50px;}
    .page_menu .items .item > a, .page_menu .items > a {font-size: 16px;}
    .page_menu .section {padding-bottom: 20px;}
    .page_menu .items .item {display: block;}
    .page_menu .close {background: url("../img/retina/close_icon.png") left bottom no-repeat; background-size: 19px auto; width: 19px; height: 19px; font-size: 0; padding: 12px 15px 0 0; right: 0; top: 0; }
    .page_menu .close:before {display: none;}
}
/* footer social icons */
@media (min-width: 688px) and (max-width: 767px) {
    footer .info .social_icons a { height: 40px; width: 40px; }
}

/* project_pics */
@media (min-width: 557px) and (max-width: 848px) {
    .project_gall .item.size1 { width: 33.33%;}
    .project_gall .item.size2 { width: 66.66%; }
    .project_gall .item.size3 {width: 100%;}
}
@media (max-width: 556px) {
    .project_gall .item.size1 { width: 50%; }
    .project_gall .item.size2 { width: 100%; }
    .project_gall .item.size3 { width: 100%; }
    article a.show_hidden{  bottom: 0; }
    article .hidden_content .testimonial-text{
        padding: 10px;
        margin: 20px;
    }

    /**/
    .contact-form{ margin: 20px 0 0; padding: 0; }
    .contact-form .col{ float: none; padding: 0; width: auto; }
    .contact-form .col .field{  }
    .contact-form .col .field input{  }
    .contact-form .col .field textarea{  }
    .contact-form .controls{ }
    .contact-form .controls button.btn{ }
    /**/
}

@media (max-width: 359px) {
    header .menu_btns a {text-indent: -999px; font-size: 0; }
}

.st_sharethis_large > span{
    width: 20px;
    height: 20px;
    overflow: hidden;
}
.st_sharethis_large > span > span{
    visibility: hidden;
}


.alignright {
	display: inline !important;
	float: right !important;
}

.aligncenter {
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom:10px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pin_div {position:absolute;right:12px;bottom:12px;width:26px;height:26px;overflow:hidden;}
.pin_div > a {width:26px !important;height:26px !important;background-size:contain !important;}



