body { font: 16px/20px 'proxima-nova', helvetica, arial; color: #1c1c1c; background: #e9e8e4; }

a { text-decoration: none; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
a:hover { opacity: 0.5; }
a .arrow { font-family: arial; font-size: 18px; opacity: 0; }
a:hover .arrow { opacity: 1.0; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; }

img { max-width: 100%; }




h2 { font-weight: 700; font-size: 32px; line-height: 1.0; text-transform: uppercase; border-bottom: solid 6px #dfddd8; float: left; padding-bottom: 14px; margin-bottom: 28px; }
h2 a { color: #1c1c1c !important; }
h3 { font-weight: 700; font-size: 22px; line-height: 1.0; text-transform: uppercase; margin-bottom: 12px; }
h3.has_border { border-bottom: solid 6px #e0ded9; padding-bottom: 12px; margin-bottom: 26px; }
h3.big { font-size: 36px; line-height: 1; position: relative; z-index: 1; background: url(../img/bg_tan_grid.png) repeat top left; }
h4 { font-weight: 700; font-size: 16px; line-height: 1.0; text-transform: uppercase; margin-bottom: 14px; }
h5 { font-weight: 700; text-transform: uppercase; }
h6 { font-weight: 700; font-size: 12px; line-height: 14px; margin-top: 2px; text-transform: uppercase; }
h6.with_border { border-bottom: solid 3px #dfddd8; padding-bottom: 6px; }

/* couleur header */
header { background: #1050b0; color: #fff; overflow: hidden; padding: 34px 0 0; }
header div h1 { float: left; margin: -6px 12% 0 0; width: 18%; }
header div h1 a { display: inherit; width: 100%; }
header div h1 a img { display: inherit; width: 100%; }
header div nav { float: left; width: 70%; }
header div nav > a { display: inherit; float: left; width: 20%; border-left: solid 1px #535353; color: #fff; padding: 0 0 0 9px; margin: 0 0 32px; text-transform: uppercase; font-weight: 700; line-height: 16px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
header div nav > a:hover { opacity: 1.0; }
header div nav > a span { display: inherit; font-size: 12px; }
header div nav > a#about_nav span { color: #6e9cb6; }
header div nav > a#services_nav span { color: #d2814c; }
header div nav > a#work_nav span { /*color: #db6363;*/ color: #858486; }
header div nav > a#careers_nav span { color: #b69474; }
header div nav > a#contact_nav span { color: #77af81; }

.about_section header div nav a#about_nav,
.services_section header div nav a#services_nav,
.work_section header div nav a#work_nav,
.careers_section header div nav a#careers_nav,
.contact_section header div nav a#contact_nav { margin-bottom: 0; padding-bottom: 32px; }

.about_section header div nav a#about_nav, a#about_nav:hover { border-color: #5eb0d6; }
.services_section header div nav a#services_nav, a#services_nav:hover { border-color: #d2814c; }
.work_section header div nav a#work_nav, a#work_nav:hover { /*border-color: #db6363;*/ border-color: #717171; }
.careers_section header div nav a#careers_nav, a#careers_nav:hover { border-color: #b69474; }
.contact_section header div nav a#contact_nav, a#contact_nav:hover { border-color: #77af81; }

/* couleur footer */
footer { background: #1050b0; border-top: solid 1px #dad9d5; padding: 25px 0; font-size: 12px; color: #e7e5e5 /*4d4d4d*/; }
footer h1 { width: 49px; margin: 0 18px 0 0; }
footer h1 a { display: inherit; }
footer h1 a img { display: inherit; width: 100%; }
footer .grid_12 > div { margin-top: 9px; }
footer .grid_12 > div div { margin-top: 4px; }

article { margin-top: 65px; }
article p, article ul, article h4 { margin: 0 11.31386861% 30px; }
article h4 { margin-bottom: 10px !important; }
article img.fr { margin: 0 11.31386861% 30px 30px; }
article img.fl { margin: 0 30px 30px 11.31386861%; }
article img.fullbleed { max-width: 100%; }
article h2 { margin-left: 11.31386861%; margin-right: 11.31386861%; text-transform: none; float: none; }
article .date { font-size: 12px; font-weight: 700; margin-top: -40px; text-transform: uppercase; }
article .clear { margin-bottom: 27px; }
article .title { margin: 0 11.31386861% 28px; border-bottom: solid 6px #dfddd8; }
article .title h2 { border-bottom: 0; margin: 0; }
article .share_options { margin: 0 11.31386861% 30px; border-top: solid 2px #dfddd8; padding: 10px 0 0; }
article .share_options strong { font-size: 12px; text-transform: uppercase; }

label { margin-bottom: 9px; }
label.secondary { font-size: 12px; line-height: 1; margin-bottom: 5px; }
label span { color: #be3131; }

.second_header { color: #fff; padding: 14px 0; border-top: solid 1px; border-bottom: solid 1px; /*background: url(../img/bg_atomic_grid.png) repeat center center;*/ }
.second_header_secu { color: #fff; padding: 14px 0; border-top: solid 1px; border-bottom: solid 1px; /*background: url(../img/bg_atomic_grid.png) repeat center center;*/ }
.second_header a { color: #fff; font-weight: bold; }
.second_header a.back_link { float: left; text-transform: uppercase; }
.second_header .with_back_link { margin-left: 95px; padding-left: 25px; display: block; border-left: solid 1px rgba(0, 0, 0, 0.2); }

.main_intro { background: #fff; padding: 50px 0 40px 0; border-bottom: solid 1px #c1bfbb; }
.main_intro p, .sub_p { font-size: 18px; line-height: 22px; padding-right: 10px; }

.content_area { background: url(../img/bg_tan_grid.png) repeat top center; padding: 44px 0; }

.db { display: block; }
.dib { display: inline-block; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
/*.fs18 { font-size: 18px; line-height: 22px; }*/
.fs13 { font-size: 13px; line-height: 16px; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb12 { margin-bottom: 12px; }
.mb14 { margin-bottom: 14px; }
.mb20 { margin-bottom: 20px !important; }
.mb40 { margin-bottom: 40px; }
.mb20n { margin-bottom: -20px; }
.mb45 { margin-bottom: 45px; }
.mb55 { margin-bottom: 55px !important; }
.ml8n { margin-left: -8px; }
.mt20 { margin-top: 20px; }
.mt50 { margin-top: 50px; }
.mt80 { margin-top: 80px; }
.mt30n { margin-top: -30px; }
.mt40 { margin-top: 40px; }
.mr10 { margin-right: 10px; }
.lh36 { line-height: 36px; }
.tac { text-align: center; }
.center_img { display: block; margin-left: auto; margin-right: auto; clear: both; }
.break_grid_img { display: block; max-width: 110%; margin-left: -5%; }
.pr { position: relative; }
.pr28 { padding-right: 28px; }
.pl28 { padding-left: 28px; }
.pl60 { padding-left: 60px; }
.red_asterisk { color: #BE3131; font-size: 18px; font-weight: 700; }

.post_img_right { width: 40%; float: right; padding-left: 30px; }

.dna_list { font-size: 14px; line-height: 18px; margin: 12px 0 0 5px; white-space: nowrap; text-align: left; }
.dna_list li { margin-bottom: 14px; }
.dna_list li span { float: left; width: 18px; height: 18px; border: solid 2px #4e9dbe; border-radius: 50%; text-align: center; line-height: 20px; font-size: 11px; color: #65a2c5; font-weight: 700; margin-right: 11px; margin-top: -3px; }
.dna_list li h5 { margin-left: 33px; }

.profile > div { background: #1c1c1c; color: #fff; padding: 0 0 30px; }
.profile > div > * { margin-right: 25px; margin-left: 25px; }
.profile div > * { display: inherit; } /* à la gigne après href ... */ 
.profile div > img { display: inherit; width: 100%; margin: 0 0 16px; }
.profile > div > p { font-size: 14px; line-height: 18px; }
.profile div .number { float: left; font-weight: 700; }
.profile div .icon { float: right; width: 22px; height: 24px; }
.profile div .icon.ceo { width: 22px; }
.profile div .icon.creative { width: 16px; }
.profile div .icon img { display: block; width: 100%; }
.profile div .element_name { clear: both; text-align: center; font-size: 120px; line-height: 160px; font-weight: 700; letter-spacing: -4px; }
.profile div .name { text-align: center; font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: 700; white-space: nowrap; }
.profile div .role { text-align: center; font-size: 12px; line-height: 24px; text-transform: uppercase; font-weight: 700; white-space: nowrap; }
.profile div .double_border { width: 100%; height: 4px; border-top: solid 2px #b56835; border-bottom: solid 2px #b56835; margin: 18px 0; }
.profile.blue div .double_border { border-color: #4c85a6; }
.profile.blue div a { color: #5cb3e5; }

.discipline_list { margin-bottom: 55px; }
.discipline_list li { margin-top: 45px; font-size: 14px; line-height: 17px; }
.discipline_list li h6 { overflow: hidden; line-height: 14px; margin-bottom: 14px; }
.discipline_list li h6 img { float: left; height: 28px; margin-right: 12px; }

.disciplines_diagram img { display: block; width: 70%; margin: 80px auto 0; }
.disciplines_diagram .down_border { height: 172px; width: 50%; border-right: solid 1px #1C1C1C; border-bottom: solid 1px #1C1C1C; position: absolute; left: 4px; }

.blue_button { background: #4e95be; font-size: 12px; padding: 3px; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 700; text-shadow: 0 0; text-decoration: none !important; border: 0; }
.blue_button.orange { background: #D36E2B; }
.blue_button.light_orange { background: #ea8b31; }
.blue_button.yellow { background: #f4c20a; color: #1c1c1c !important; }
/*.blue_button.orange_white { background: #D36E2B; color: #fff !important; }*/
.blue_button.green { background: #81c88e; color: #fff !important; }
.blue_button.lime_green { background: #8cb400; color: #FFF !important; text-decoration: none !important; }
.blue_button.red { background: #e16354; color: #fff !important; }
.blue_button span { display: block; border: solid 1px rgba(255,255,255,.5); padding: 0 12px; line-height: 28px; }
/*.blue_button.orange span { border-color: #8d5723; }
.blue_button.yellow span { border-color: #8f6708; }*/
/*.blue_button.orange_white span, .blue_button.green span { border-color: #fff; }*/
button.blue_button { border: 0; margin: 0; }

.arrow { font-family: arial; font-size: 18px; margin-right: -1px; }

.promotion a { background: url(../img/photo_ourservices.jpg) repeat-x 50% 50%; color: #fff !important; text-align: center; padding: 42px 34px; display: block; position: relative; }
.promotion.about_me a { background-image: url(../img/photo_aboutelement.jpg); padding-top: 72px; }
.promotion a:hover { opacity: 1.0; }
.promotion a p { margin-bottom: 22px; }
.promotion a span { /*font-weight: 700; text-transform: uppercase; font-size: 12px; color: #81c88e;*/ }
.promotion a span.blue_text { color: #5dacd9 !important; }
.promotion a p.ss-icon { font-size: 18px; line-height: 24px; margin-bottom: 12px; }

.dogear { position: absolute; display: block; top: 0; left: 0; }
.dogear img { display: block; }

.job_listings li { margin-top: 22px; }
.job_listings li:first-child { margin-top: 0; }
.job_listings li a { display: block; color: #1c1c1c !important; }
.job_listings li a h6 { line-height: 1; }
.job_listings li a img { width: 26px; float: left; margin-right: 15px; }

.news_postings { overflow: hidden; }
.news_postings li { margin-bottom: 22px; }
.news_postings li:first-child { padding: 7px 0 0; }
.news_postings li a { display: block; color: #1c1c1c !important; }
h6.accordian_title { border-top: solid 1px #dfddd8; border-bottom: solid 1px #dfddd8; padding: 6px 0; margin: 0 0 -1px; cursor: pointer; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
h6.accordian_title:hover { opacity: 0.5; }
h6.accordian_title .ss-icon { margin: 2px 7px 0 0; font-size: 10px; }

.client_element { float: left; /*width: 16%;*/ width: 138px; height: 134px; border: solid 2px #1c1c1c; position: relative; margin: 0 -2px -2px 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.client_element div { cursor: pointer; /*border: solid 3px #fff;*/ text-align: center; height: 162px; }
.client_element div:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.client_element.active, .client_element:hover { /*border-color: #1c1c1c;*/ border-width: 5px; }
.client_element .element_name { position: absolute; font-weight: 700; font-size: 18px; left: 9px; top: 6px; z-index: 1; }
.client_element img { display: inline-block; max-width: 70%; max-height: 70%; vertical-align: middle; position: absolute; top: 50%; left: 50%; }
/*#client_bloomfire img { width: 68%; margin-top: -12px; }
#client_csid img { width: 52%; }
#client_despair img { width: 38%; }
#client_engage img { width: 56%; }
#client_mk img { width: 50%; }
#client_mt img { width: 50%; }
#client_pamp img { width: 64%; }
#client_q2 img { width: 64%; }
#client_remodo img { width: 56%; }
#client_roadid img { width: 50%; }
#client_surgery img { width: 68%; }
#client_tenura img { width: 50%; }
#client_wine img { width: 50%; }*/

#client_adobe img { max-height: 59%; }

.push_2_spots { left: 272px; }
.push_6_spots { left: 816px; }

.requirements, .pluses { font-size: 14px; line-height: 17px; }
.requirements li, .pluses li { clear: left; margin-bottom: 5px; }
.requirements li .ss-icon, .pluses li .ss-icon { font-size: 11px; color: #7c7b79; line-height: 20px; float: left; }
.requirements li .requirement, .pluses li .plus { padding-left: 21px; display: block; }
.lists li { margin-bottom: 12px; }
.lists li .ss-icon { width: 5px; height: 5px; -moz-border-radius: 75px; -webkit-border-radius: 75px; border: 2px solid rgba(160,160,160,1.0); margin: 5px 7px 0 0; float: left; }
.lists li .list { padding-left: 21px; display: block; }
.bullet_list { list-style: disc; padding-left: 18px; }

.textbox { margin-bottom: 27px; }
.checkbox { margin-bottom: 17px; }
.checkbox label { text-transform: none; font-weight: 300; margin-bottom: 0; white-space: nowrap; }
.checkbox_list { margin-bottom: 18px; }
.select { margin-bottom: 32px; }
.validate { position: absolute; right: 0; bottom: 0; margin: 0 -26px 6px 0; top: 37px; }
.validate.valid { color: #488853; }
.validate.invalid { color: #a9554c; }

#timeline_wrap .validate { margin-right: 5px; }
#last_name_wrap .validate { top: 27px; }
#project_type_wrap .validate { top: 7px; }
#phone_wrap .validate { margin-right: -19px; }

.modal_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/modal_bg.png); background: rgba(0, 0, 0, 0.7); display: none; cursor: pointer; z-index: 99; }
.modal { position: fixed; top: -400px; left: 50%; width: 357px; margin: 0 0 0 -178.5px; -webkit-box-shadow: 0 9px 20px rgba(0, 0, 0, 0.75); box-shadow: 0 9px 20px rgba(0, 0, 0, 0.75); z-index: 100; display: none; }
.modal .header { background: #fff; border-bottom: solid 1px #dbd9d6; padding: 24px 27px 0; }
.modal .header a { color: #1c1c1c; }
.modal .header h3 { border-color: #e9e9e9; }
.modal .content { background: url(../img/bg_tan_grid.png); padding: 24px 27px; /*height: 206px;*/ }
.modal .content #confirm_wrap { display: none; }
.modal .content .validate { position: static; width: 100%; display: block; margin: 0 0 20px; text-align: center; }

.rotator_control { position: absolute; top: 0; height: 100%; width: 130px; text-align: center; line-height: 471px; color: #fff; font-size: 24px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); z-index: 1; display: none; background: url(../img/rotatorcontrols_shadow.png) repeat-y 0 0; z-index: 100; }
/*.rotator_control:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1.0; }*/
.rotator_control.left { left: 0; background-position: 0 0; }
.rotator_control.right { right: -1px; background-position: -260px 0; }
.rotator_control div { position: absolute; top: 0; left: 0; width: 130px; height: 100%; background: url(../img/rotatorcontrols_shadow.png) repeat-y 0 0; }
.rotator_control div.ss-icon { background: none; }
.rotator_control div.bg { display: none; }
.rotator_control.left div.bg { background-position: 0 0; }
.rotator_control.right div.bg { background-position: -260px 0; }

.stats { width: 143px; height: 178px; overflow: hidden; padding: 14px; background: #fff; position: absolute; top: 28px; left: 0; border: solid 1px #C1BFBB; }
.stats .top { border-bottom: solid 3px #dfddd8; overflow: hidden; padding-bottom: 3px; margin-bottom: 10px; }
.stats .top span { font-size: 12px; text-transform: uppercase; font-weight: bold; }
.stats .top a { font-size: 14px; color: #d9844b; }
.stats .stat_wrap { position: relative; }
.stats .stat_wrap .stat { position: absolute; top: 0; left: 0; }
.stats .stat_wrap .stat strong { font-size: 36px; line-height: 36px; font-weight: 300; display: block; margin-bottom: 3px; }
.stats .stat_wrap .stat p { font-size: 12px; line-height: 14px; }

.project_link { border: solid 1px #fff; background: #fff; display: inherit; float: left; margin: 0 7px 17px; width: 264px; height: 449px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 6px 6px 0; position: relative; color: #fff; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; vertical-align: top; }
.project_link img { display: block; width: 252px; height: 346px; }
.project_link .description { text-align: center; background: #1c1c1c; font-size: 13px; line-height: 16px; padding: 13px 20px 14px; }
.project_link strong { display: none; text-align: center; color: #1c1c1c; font-size: 12px; text-transform: uppercase; line-height: 36px; }
.project_link .title { text-transform: uppercase; font-size: 15px; line-height: 1; font-weight: 700; position: absolute; top: 19px; left: 24px; }
.project_link .medium { text-transform: uppercase; position: absolute; top: 19px; right: 24px; text-align: right; font-size: 16px; line-height: 1; }
.project_link:hover { border: solid 1px #dbd9d6; background: #f6f4f0; opacity: 1.0; }
.project_link:hover strong { display: block; }

.project_link.coming_soon, .project_link.coming_soon:hover { background: url(../img/coming_soon.png) no-repeat 6px 6px; border: solid 1px #fff; color: #f4d6bb; height: 412px; }
.project_link.coming_soon .element { width: 50px; height: 50px; text-align: center; border: solid 3px #b76d4b; margin: 90px auto 23px; font: 700 28px/54px 'proxima-nova'; }
.project_link.coming_soon .big_title { text-align: center; font: 700 40px/33px 'proxima-nova'; text-transform: uppercase; margin: 0 0 30px; }
.project_link.coming_soon .info { color: #fff; text-align: center; font-size: 13px; line-height: 15px; }

.project_main { color: #fff; position: relative; overflow: hidden; padding-bottom: 16px; }
.project_main h2 { border: 0; padding: 0; margin-bottom: 20px; }
.project_main .container_12 { min-height: 592px; }
.project_main .container_12 .grid_4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); }
.project_main .medium { font-size: 24px; margin-bottom: 20px; margin-top: 7px; }
.project_main p { margin-bottom: 20px; }
.project_main #work_inner_shadow { width: 120%; height: 100%; position: absolute; top: 0; left: -10%; box-shadow: inset 0 0 10px rgba(0, 0, 0, 1.0); z-index: 100; }
.project_main .wood_strip { background: url(../img/wood_desk.png); width: 100%; height: 47px; position: absolute; bottom: 0; left: 0; }
.project_main .keys { background: url(../img/keys.png); width: 200px; height: 65px; position: absolute; bottom: -10px; right: 0; }
.project_main .big_remodo_logo { background: url(../img/remodo_lg_logo.png) no-repeat center center; position: absolute; width: 100%; height: 100%; }
.project_main a { color: #fff; text-decoration: underline; }
.project_main .container_12 { z-index: 101; position: relative; }

.project_main.ferris-project { background: url(../img/ferris_bkgd.jpg) repeat top center; background-size: cover; }
.project_main.coop-kitchen-project { background: url(../img/wood.jpg) repeat top center; }
.project_main.bloomfire-project { background: url(../img/bloomfire_bg.png) no-repeat top center; background-size: cover; }
.project_main.tech-pro-project { background: url(../img/techpro_bg.png); }
.project_main.winesimple-project { background: url(../img/winesimple_bg.png); }
.project_main.mightyticket-project { background: #8a131f url(../img/mightyticket_bg.png) repeat-x top center; }
.project_main.mytenura-project { background: url(../img/mytenura_bg.png) no-repeat top center; background-size: cover; }
.project_main.remodo-project { background: url(../img/remodo_bg.png) no-repeat top center; background-size: cover; }

.project_name.coop-kitchen-project { white-space: nowrap; margin-left: -7px; }

.project_main.coop-kitchen-project a span { text-shadow: none; }

.project_nav { text-align: center; padding: 0; }
.project_nav a { display: inline-block; width: 86px; height: 118px; text-align: center; color: #353535 !important; font-size: 13px; line-height: 29px; text-transform: uppercase; font-weight: 600; vertical-align: top; margin: 0 20px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.project_nav a:hover { opacity: 1.0; }
.project_nav a .img_wrap { display: inherit; margin: 5px 3px 11px; }
.project_nav a.active .img_wrap, .project_nav a:hover .img_wrap { border: solid 3px #353535; margin: 0 0 6px; }
.project_nav a .img_wrap img { display: block; height: 74px; width: 74px; border: solid 1px #dbd9d6; margin: 2px; }
.project_nav a.two_lines { line-height: 1; }

.work_detail .content_area { padding: 12px 0; }
.work_hero_image img { display: block; margin: 0 auto; }

#project_main_intro { margin: 0 auto; position: absolute; left: 0; top: 0; }

#all_projects { position: relative; }
#project_main_intro_main { overflow: hidden; position: relative; height: 449px; width: 1115px; }
/*#all_projects .project_paging_link { position: absolute; top: 50%; display: block; width: 30px; height: 100px; line-height: 100px; text-align: center; margin: -50px 0 0; color: #353535; font-size: 18px; }*/
#all_projects .project_paging_link { position: absolute; top: 50%; width: 48px; height: 48px; line-height: 54px; text-align: center; margin: -24px 0 0; color: #353535; font-size: 18px; background-color: rgb(240, 238, 232); border-radius: 50%; border: 1px solid rgb(218, 218, 218); }
#all_projects .project_paging_link.prev_link { left: 0; }
#all_projects .project_paging_link.next_link { right: 0; }

#page_dots { font-size: 8px; text-align: center; color: #e0ded9; margin-top: 6px; }
#page_dots span { cursor: pointer; padding: 4px; }
#page_dots .active, #page_dots span:hover { color: #353535; }

#services_banner { margin-bottom: 73px; }
#services_banner > a { display: block; text-align: center; background: url(../img/photo_ourservices.jpg) no-repeat center center; color: #fff; padding: 44px 145px 40px; }
#services_banner > a:hover { opacity: 1.0; }
#services_banner > a > * { display: inherit; }
#services_banner > a .h3_title { font-size: 23px; line-height: 23px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; }
#services_banner > a > .ss-icon { margin-bottom: 17px; font-size: 16px; letter-spacing: 6px; }
#services_banner > a .p_tag { margin-bottom: 20px; }
#services_banner > a .orange_text { font-size: 12px; color: #ff932a; text-transform: uppercase; font-weight: 700; }
#services_banner > a .blue_button { display: inline-block; }
#services_banner > div { background: #000; padding: 35px 55px 38px; }
#services_banner > div > div { overflow: hidden; border-bottom: solid 3px #4d4d4d; margin-bottom: 16px; }
#services_banner > div > div strong { color: #fff; text-transform: uppercase; font-size: 12px; }
#services_banner > div > div a { color: #60b3e5; text-transform: uppercase; font-size: 12px; font-weight: 700; }
#services_banner > div > ul li { margin-top: 26px; }
#services_banner > div > ul li:first-child { margin-top: 0; }
#services_banner > div > ul li a { display: inherit; color: #fff; }
#services_banner > div > ul li a span { display: block; font-weight: 700; font-size: 12px; }

#join_our_team h4 { background: url(../img/bg_tan_grid.png) repeat top left; float: left; padding-right: 10px; }

#experience_intro { margin-top: 47px; }
#experience_logos { overflow: hidden; }
#experience_logos div { width: 16%; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-top: 44px; text-align: center; }
#experience_logos div:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
#experience_logos div img { display: inline-block; max-width: 100%; max-height: 81px; vertical-align: middle; }
#experience_logos div#disney_logo img { max-height: 51px; }
#experience_logos div#dell_logo img { max-height: 74px; }
#experience_logos div#c3_logo img { max-height: 81px; }
#experience_logos div#samsung_logo img { max-height: 43px; }
#experience_logos div#amd_logo img { max-height: 28px; }
#experience_logos div#sweetleaf_logo img { max-height: 61px; }

/*
#social_links { margin: 4px 0 0; border-left: solid 1px #abaaa8; height: 38px; }
#social_links li { float: right; margin-left: 17px; margin-top: 8px; }
#social_links li:first-child { margin-left: 12px; }
#social_links li a { color: #30aad6; display: block; width: 28px; height: 28px; line-height: 28px; font-size: 28px; font-family: 'SSSocial'; font-weight: bold; }
#social_links li:first-child a { color: #5e76a7; }
*/

#social_links { overflow: hidden; width: 59px; }
#social_links li a { display: block; width: 36px; height: 30px; /*text-indent: -9999px;*/ }
#social_links li#twitter_social_link { margin: -15px 0 0 24px; }
/*#social_links li#twitter_social_link a { background: url(../img/twitter_carbonbond.png) no-repeat 0 0; }
#social_links li#facebook_social_link a { background: url(../img/facebook_carbonbond.png) no-repeat 0 0; }*/

/* couleur texte icone footer */
#the_periodic { padding: 10px 0; margin: 4px 17px 0 0; }
#the_periodic a { color: #e0e2e5; font-weight: 700; font-size: 12px; text-transform: uppercase; margin-left: 5px; }
/* #the_periodic a { color: #4587ad; font-weight: 700; font-size: 12px; text-transform: uppercase; margin-left: 5px; } */
#the_periodic a .ss-icon { font-weight: normal; position: relative; top: 2px; }

#mobile_menu_link { float: right; height: 34px; line-height: 34px; text-align: center; display: none; font-weight: 700; text-transform: uppercase; font-size: 14px; padding: 0 10px; }
#mobile_menu_link span { font-size: 14px; padding-right: 10px; margin-top: 2px; float: left; }

#work_benefits h3 { margin-bottom: 0; }
#work_benefits div { margin-top: 28px; }
#work_benefits div img { width: 30px; float: left; margin-right: 14px; }
#work_benefits div h6 { margin-bottom: 10px; white-space: nowrap; }
#work_benefits p { font-size: 14px; line-height: 17px; }

#great_place_to_work { margin-top: 40px; }
#great_place_to_work .quote { background: #fff; padding: 23px 28px 23px 54px; box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; }
#great_place_to_work .quote img { display: block; width: 69px; height: 69px; position: absolute; top: 18px; left: -33px; }
#great_place_to_work .quote .big_words { font-size: 30px; line-height: 36px; font-weight: 300; width: 50%; float: left; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#great_place_to_work .quote .small_words { font-size: 12px; line-height: 16px; width: 50%; float: left; }
#great_place_to_work .quote .small_words h6 { border-top: solid 3px #dfddd8; padding-top: 6px; margin-top: 20px; }
#great_place_to_work #arrow { float: right; margin: 12px 0 0; position: absolute; margin-left: -44%; width: 100%; display: none; }
#great_place_to_work #arrow #arrow_head { position: absolute; font-size: 40px; margin-left: -8px; color: #927152; }
#great_place_to_work #arrow #arrow_lines { border-bottom: solid 3px #927152; border-left: solid 3px #927152; width: 100%; height: 40px; }

#current_client { width: 544px; position: absolute; left: 50%; margin-left: -272px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#current_client #client_logo { overflow: hidden; text-align: center; width: 128px; height: 61px; float: left; }
#current_client #client_logo:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
#current_client #client_logo img { display: inline-block; vertical-align: middle; max-width: 80%; max-height: 95%; }
#current_client #client_info { float: left; }
#current_client #client_info #element_name { font-size: 28px; width: 55px; height: 55px; border: solid 3px #1c1c1c; font-weight: 700; line-height: 60px; text-align: center; margin: 0 27px 25px 0; }
#current_client #client_info #client_name { overflow: hidden; color: #9a9a9a; text-transform: uppercase; font-weight: 700; font-size: 12px; line-height: 1; padding: 10px 0; }
#current_client #client_info #client_name span { display: block; color: #353535; font-size: 24px; }

#contact_form { margin-top: 52px; }

#address_green { background: url(../img/photo_location.jpg) repeat-x 50% 50%; color: #fff; text-align: center; margin-top: 20px; }
#address_green a { display: block; color: #fff; padding: 56px 0 45px; }
#address_green #location_pin { width: 51px; height: 45px; color: #1c1c1c; line-height: 50px; margin: 0 auto; position: relative; }
#address_green #location_pin span { position: relative; z-index: 1; }
#address_green #location_pin img { position: absolute; width: 100%; left: 0; top: 0; }
#address_green #location_pin_stem { width: 3px; height: 68px; background: #fff; margin: 0 auto 54px; }
#address_green #location_address { font-weight: 700; }

#contact_info { background: #1c1c1c url(../img/connected_illustration.png) no-repeat 50% 35%; text-align: center; color: #fff; overflow: hidden; padding: 33px 0; font-weight: 700; }
#contact_info > div { margin-top: 70px; }
#contact_info > div:first-child { margin-top: 0; }
#contact_info > div > div { color: #1c1c1c; width: 51px; height: 45px; line-height: 50px; margin: 0 auto 16px; position: relative; }
#contact_info > div > div span { position: relative; z-index: 1; }
#contact_info > div > div img { position: absolute; width: 100%; left: 0; top: 0; }
#contact_info > div a { color: #fff; }

/*#phone_wrap .textbox { width: 270px; float: left; }
#phone_wrap .phone_dash { line-height: 36px; float: left; margin: 0 8px; }*/

#active_section { height: 18px; width: 100%; background: url(../img/bg_tan_grid.png) repeat 50% 100%; margin: 20px 0 -1px -50px; clear: both; position: absolute; bottom: 0; display: block; }
#active_section > div { background: url(../img/services_sectionarrow2.png) repeat-x top center; width: 100%; height: 18px; }

#website_our_approach { margin-top: 15px; }
#website_our_approach div.process div.fl, #website_our_approach div div.fr { padding-bottom: 65px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#website_our_approach div.process div.fl { text-align: right; padding-right: 40px; border-right: solid 3px #d36e2b; }
#website_our_approach div.process div.fr { padding-left: 40px; border-left: solid 3px #d36e2b; margin-right: 3px; margin-left: -3px; }
#website_our_approach div.process #top_border { height: 3px; background: #D36E2B; margin: 0 0 50px -33px; width: 50%; padding: 0 30px 0 0; float: left; 				margin: 0 0 50px; padding: 0; }
#website_our_approach div.process div strong { display: block; margin-bottom: 10px; clear: both; }
#website_our_approach div.process div img { margin-bottom: 10px; }
#website_our_approach div.process div .line { width: 30px; height: 1px; background: #d36e2b; display: block; margin: -8px 0 20px; }
#website_our_approach div.process div.fl .line { float: right; margin-right: -40px; }
#website_our_approach div.process div p { font-size: 14px; line-height: 17px; clear: both; }
#website_our_approach div.process div.fr .line { margin-left: -40px; }

#global_domination { font-size: 11px; text-transform: uppercase; font-weight: 700; line-height: 16px; }
#global_domination a { color: #1c1c1c; }
#global_domination div { color: #d36e2b; margin: -21px 0 40px -2px; font-size: 57px; }
#global_domination img { margin-bottom: 10px; }

#home_rotator { height: 471px; background: #eee; position: relative; overflow: hidden; }
#home_rotator > div.rotator_bg { height: 471px; width: 100%; position: absolute; }
/*#home_rotator > div.rotator_bg > div { height: 471px; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.32); }*/
#home_rotator > div.container_12 { height: 471px; position: relative; padding: 0; }
#home_rotator > div.container_12 > * { position: absolute; }
#home_rotator > div.container_12 > div.item_description { position: absolute; color: #fff; width: 500px; max-width: 100%; z-index: 1; }
#home_rotator > div.container_12 > div.item_description .element_name { width: 50px; height: 50px; border: solid 3px #fff; line-height: 54px; text-align: center; font-size: 28px; font-weight: 700; float: left; margin: 0 28px 35px 0; }
#home_rotator > div.container_12 > div.item_description div { float: left; margin-bottom: 35px; }
#home_rotator > div.container_12 > div.item_description div h2 { border: 0; padding: 0; margin: 0; }
#home_rotator > div.container_12 > div.item_description div h6 { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; margin: 4px 0; line-height: 1; }
#home_rotator > div.container_12 > div.item_description p { clear: both; margin-bottom: 8px; }
#home_rotator > div.container_12 > div.item_description a.blue_button { margin-top: 30px; }

#home_rotator > div#ferris_bg { background: url(../img/ferris_bkgd.jpg) repeat top center; background-size: cover; }
#home_rotator > div#tech_pro_bg { background: url(../img/wood-2.jpg) repeat top center; background-size: cover; }
#home_rotator > div#coop_kitchen_bg { background: url(../img/wood.jpg) repeat top center; background-size: cover; }
#home_rotator > div#welcome_to_element_item_bg { background: url(../img/welcome_bkgdgrid.jpg) repeat top center; background-size: cover; }
/*#home_rotator > div#welcome_to_element_item_bg div { background: url(../img/welcome_chemicalbonds.png) no-repeat center bottom; height: 405px; }
#home_rotator > div#welcome_to_element_item_bg img { position: absolute; }
#home_rotator > div#welcome_to_element_item_bg img#left_side_carbon { top: 0; left: 200px; }
#home_rotator > div#welcome_to_element_item_bg img#right_side_carbon { top: 200px; right: 200px; }*/
#home_rotator > div#bloomfire_item_bg { background: url(../img/bloomfire_bkgd.jpg) repeat-x top center; background-size: cover; }
#home_rotator > div#mobile_future_item_bg { background: url(../img/mobile_blueprintbkgd.jpg) repeat center top; }
#home_rotator > div#inner_shadow { position: absolute; top: 0; left: -10%; height: 100%; z-index: 1; width: 120%; box-shadow: inset 0 0 10px rgba(0, 0, 0, 1.0); }

#new_news_items { height: 40px; }
#news_header { margin-left: 11.31386861%; /*margin-bottom: 40px;*/ }

#careers_rotator_wrap { width: auto; margin: 0 7px 0 8px; float: none; padding: 0; clear: both; overflow: hidden; height: 360px; }
#careers_rotator_wrap #careers_rotator { width: 100%; overflow: hidden; position: relative; height: 360px; background: #927152; }
#careers_rotator_wrap #careers_rotator li { height: 360px; background: url() no-repeat right center; position: absolute; top: 0; left: 0; width: 100%; }
#careers_rotator_wrap #careers_rotator li#first_spot { background-image: url(../img/careers_01_house.jpg); }
#careers_rotator_wrap #careers_rotator li#second_spot { background-image: url(../img/careers_02_mantel.jpg); }
#careers_rotator_wrap #careers_rotator li#third_spot { background-image: url(../img/careers_03_iPhone.jpg); }
#careers_rotator_wrap #careers_rotator li#fourth_spot { background-image: url(../img/careers_04_team.jpg); }
#careers_rotator_wrap #careers_rotator li > div { float: right; width: 359px; height: 360px; text-align: center; color: #fff; max-width: 100%; }
#careers_rotator_wrap #careers_rotator li > div:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; width: auto; }
#careers_rotator_wrap #careers_rotator li > div > div { display: inline-block; max-width: 97%; max-height: 81px; vertical-align: middle; padding: 0 50px; margin-top: -50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#careers_rotator_wrap #careers_rotator li > div > div .ss-icon { margin-bottom: 10px; font-size: 18px; line-height: 24px; }
/*#careers_rotator_wrap #careers_rotator li > div > div .ss-icon img { height: 18px; }*/
#careers_rotator_wrap #careers_rotator li > div > div h4 { margin-bottom: 12px; }
#careers_rotator_wrap #careers_rotator li > div > div p { font-size: 16px; line-height: 20px; }

#careers_rotator_nav { overflow: hidden; text-align: center; width: 359px; float: right; margin: -41px 7px 0 0; position: relative; max-width: 96%; }
#careers_rotator_nav li { display: inline-block; cursor: pointer; margin: 0 -2px; }
#careers_rotator_nav li span { width: 6px; height: 6px; display: block; border: solid 2px #fff; border-radius: 50%; margin: 5px; }
#careers_rotator_nav li:hover span, #careers_rotator_nav li.active span { background: #fff; }

#experience_logos div { width: 16%; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-top: 44px; text-align: center; }
#experience_logos div:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
#experience_logos div img { display: inline-block; max-width: 100%; max-height: 81px; vertical-align: middle; }

#client_element_wrap { margin: 35px auto 0; }

#social_connect { margin-top: 40px; max-width: 340px; min-width: 215px; margin: 40px auto 0; }
#social_connect > h4 { margin-bottom: 20px; }
#social_connect > div h6 { background: url(../img/bg_tan_grid.png) repeat top center; margin: 12px 0; padding-right: 10px; }
#social_connect > div > a { height: 40px; color: #fff; overflow: hidden; overflow: hidden; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#social_connect > div > a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1.0; }
#social_connect > div > a > span { border: solid 1px #fff; margin: 3px; display: block; height: 32px; padding: 0 10px; }
#social_connect > div > a > span > span.ss-icon { font-family: 'SSSocial'; font-size: 18px; line-height: 30px; margin-right: 5px; }
#social_connect > div > a > span > span.name { line-height: 34px; }
#social_connect > div#twitter_connect_wrap { background: url(../img/social_connector.png) no-repeat right 19px; padding-bottom: 12px; margin-right: 31px; }
#social_connect > div#twitter_connect_wrap a { margin-right: -31px; background: #30aad6; }
#social_connect > div#twitter_connect_wrap a > span { border-color: #98d5eb; }
#social_connect > div#facebook_connect_wrap { background: url(../img/social_connector.png) no-repeat right -46px; margin-right: 31px; }
#social_connect > div#facebook_connect_wrap a { background: #5e76a7; }
#social_connect > div#facebook_connect_wrap a > span { border-color: #afbbd3; }
#social_connect > div#instagram_connect_wrap { background: url(../img/social_connector.png) no-repeat 0 -97px; padding-top: 12px; margin-left: 31px; }
#social_connect > div#instagram_connect_wrap a { background: #699F72; }
#social_connect > div#instagram_connect_wrap a > span { border-color: #85BC8F; }
#social_connect > div#instagram_connect_wrap > span { display: block; background: url(../img/bg_tan_grid.png) repeat top center; }
#social_connect > div#instagram_connect_wrap > span span { display: block; height: 40px; width: 14px; background: url(../img/social_connect_right_arrow.png) no-repeat left 16px; }

#our_work_lab_callout { color: #fff; }
#our_work_lab_callout > div { background: #1c1c1c; padding: 35px 16.667%; text-align: center; font-size: 16px; line-height: 18px; }
#our_work_lab_callout > div:first-child { background: url(../img/photo_ourwork.jpg) no-repeat center top; padding: 141px 0 147px; }
#our_work_lab_callout > div img { margin-bottom: 15px; }

#anniversary_main_intro { background: #000 url(../img/anniversary_party_2012_main_intro.jpg) no-repeat top center; height: 309px; }

#ferris_phone { width: 426px; height: 806px; background: url(../img/iPhone_blank.png) no-repeat 0 0; overflow: hidden; }
#ferris_phone div { /*margin: 116px 51px 0;*/ position: relative; overflow: hidden; height: 575px; margin: 26% 12% 21%; }
#ferris_phone div img { position: absolute; left: 100%; top: 0; }
#ferris_phone div img:first-child { left: 0; }

/*-- custom sections - SECOND HEADER --*/
.home_section .second_header { background-color: #323232; background-image: url(../img/bg_atomic_grid_home.png); border-top-color: #404040; border-bottom-color: #1c1c1c; color: #bfc3c7; }
.home_section .second_header_secu { background-color: #f0762c; background-image: url(../img/bg_atomic_grid_home.png); border-top-color: #404040; border-bottom-color: #1c1c1c; color: #bfc3c7; }
.home_section .content_area > div > div.grid_4 { padding: 0 28px; }
.home_section .content_area > div > div.grid_4 img { max-width: 75%; margin-bottom: 24px; }
.home_section .content_area > div > div.grid_4 p { margin-bottom: 20px; }
.home_section .content_area > div > div.grid_4#home_services_section .blue_button { background: #d36e2b; }
.home_section .content_area > div > div.grid_4#contact_services_section .blue_button { background: #699f72; }
.home_section .content_area .container_12 div a { color:#1C1C1C; display: compact; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } /* block sur lien href */
.home_section .content_area .container_12 div a:hover { opacity: 1; }
.home_section .content_area .container_12 div a .blue_button { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.home_section .content_area .container_12 div a .blue_button:hover { opacity: .5; }
.home_section .main_intro { padding: 28px 0; }
.home_section .main_intro h6 { font-size: 15px; padding-top: 10px; padding-bottom: 10px; border-right: solid 1px #b9b9b9; }
.home_section .main_intro > div > div { padding-left: 24px; }
.home_section .main_intro > div > div strong { display: inherit; font-size: 12px; }
.home_section .main_intro > div > div a { color: #1c1c1c; font-size: 18px; }

.about_section .main_intro a, .about_section .content_area a { color: #4E95BE; }
.about_section .second_header { background-color: #4e95be; border-top-color: #5db1d5; border-bottom-color: #2b6e89; color: #C9E8F5; }
.careers_section .content_area a { color: #927152; }
.work_section .content_area a { color: #C45534; }
.careers_section .second_header { background-color: #927152; border-top-color: #a5876b; border-bottom-color: #6c543d; color: #F7EBDF; }
.work_section .second_header { /*background-color: #c45534; border-top-color: #dc6b49; border-bottom-color: #a44529; color: #FFD2C5;*/ background-color: #5f5f5f; border-top-color: #717171; border-bottom-color: #404040; color: #bfbec0; }
.contact_section .second_header { background-color: #699f72; border-top-color: #85bc8f; border-bottom-color: #4e7755; color: #E1F7E4; }
.services_section .second_header { background-color: #d36e2b; border-top-color: #ec8c4c; border-bottom-color: #964814; color: #FFE7D7; }
.services_section .main_intro { text-align: center; padding-bottom: 0; }
.services_section .main_intro p { font-size: 16px; line-height: 20px; }
.services_section .main_intro .sub_p { font-size: 18px; line-height: 22px; margin-bottom: 35px; }
.services_section .main_intro .sub_p a { color: #4587AD; }
.services_section .main_intro div.grid_4 { padding: 0 50px; }
.services_section .main_intro div.grid_4:hover, .services_section .main_intro div.grid_4.active { background: url(../img/chemical_bonds.png) no-repeat 50% top; }
.services_section .main_intro div.grid_4 a { display: inherit; color: #1c1c1c; }
.services_section .main_intro div.grid_4 a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1.0; }
.services_section .main_intro div.grid_4 a div { /*height: 187px;*/ margin-bottom: 10px; overflow: hidden; }
.services_section .main_intro div.grid_4 a div:before { content: ''; display: inline-block; height: 100%; min-height: 98px; vertical-align: middle; margin-right: -0.25em; width: auto; }
.services_section .main_intro div.grid_4 a div img { margin: 0 auto; max-height: 187px; display: inline-block; max-width: 96%; vertical-align: middle; }
/*-- end custom sections --*/





@media screen and (max-width: 1313px) {
	/*.rotator_control { display: none !important; height: 0; width: 0; overflow: hidden; }*/

  .rotator_control { position: absolute; top: 0; width: 62px; text-align: center; display: block; z-index: 100; background: url(../img/mobile_rotator_control.png); height: 54px; opacity: 1 !important; display: none !important; }
  .rotator_control.left { left: 10px; top: 405px; background-position: 0 0; }
  .rotator_control.right { right: 10px; top: 405px; background-position: -62px 0; }
  .rotator_control div { position: absolute; top: 0; left: 0; width: 62px; height: 54px; background: none; }
  .rotator_control div.ss-icon { background: none; display: none; }
  .rotator_control div.bg { display: none; }
  .rotator_control.left div.bg { background-position: 0 0; }
  .rotator_control.right div.bg { background-position: -260px 0; }

}

@media screen and (max-width: 1258px) {
	#project_main_intro_main { width: 834px; margin: 0 auto; }
}

@media screen and (max-width: 1165px) {
	/*#great_place_to_work .quote { padding-left: 99px; }
	#great_place_to_work .quote img { left: 15px; }*/
	#great_place_to_work .quote { margin-left: 33px; }
}

@media screen and (max-width: 1111px) {
	.push_2_spots { left: 0; }
	.push_6_spots { left: 0; }
	.b_push_5_spots { left: 680px; }
	.b_cn { clear: none; }
	/*#current_client { margin-left: 0; left: 219px; }*/
}

@media only screen and (min-device-width: 320px) and (max-device-width : 1024px) {
	#website_our_approach div.process div.fr { margin-right: 4px; }
	#global_domination div { margin-left: -3px; }
	#careers_rotator_nav li span { margin: 5px 10px; }
	.project_link:hover { background: none; border-color: #fff; }
	.project_link:hover strong { display: none; }
	.project_paging_link:hover { opacity: 1.0; }
}

@media screen and (max-width: 1024px) {
	article p, article ul, article h4, article .share_options { margin: 0 0 30px; }
	article h2 { margin: 0; border-bottom: 0; padding: 0; }
	article .title h2 { float: none; }
	article .date { border-bottom: solid 6px #DFDDD8; padding-bottom: 5px; float: none; margin-top: 5px; }
	.careers_section article .date { margin-top: -31px; line-height: 36px; }
	article .title { margin: 0; border-bottom: 0; }

	.profile div .element_name { font-size: 80px; line-height: 100px; }
	.main_intro p { /*font-size: 15px; line-height: 18px;*/ margin-bottom: 20px; }
	/*.validate.valid, .validate.invalid { margin-right: 10px; }*/
	.services_section .main_intro div.grid_4 { padding: 0 8px 0 7px; }
	.stats { display: none; }

	.w_fs15 { font-size: 15px; line-height: 18px; }

	#dna_image { margin: 0 auto; display: block; }
	#services_banner > a { padding-right: 65px; padding-left: 65px; }
	#services_banner > div { padding: 30px; }
	#active_section { margin-left: -7px; }
	#news_header { margin-left: 0; /*margin-bottom: 30px;*/ }
	#current_client p { margin-bottom: 0; }

	.validate { margin-right: 10px; top: 0; }
	#timeline_wrap .validate { margin-right: 43px; }
	#last_name_wrap .validate { top: -35px; }
	#phone_wrap .validate { margin-right: 17px; }

	.work_hero_image img { margin-bottom: 20px; }
	.wood_strip, .keys { display: none }
	.project_main .big_remodo_logo { background-position: center 63px; background-size: 100%; }

	.project_main.winesimple-project { background-size: cover; }
	.project_main.mightyticket-project { background-size: 100%; }
}

@media screen and (max-width: 981px) {
	#all_projects .project_paging_link { display: none !important; }
	#project_main_intro_main { width: auto; height: auto; position: static; }
	#project_main_intro { width: auto; position: static; }
	#page_dots { display: none; }
}

@media screen and (max-width: 975px) {
	.b_push_5_spots { left: 0; }
	.y_cn { clear: none; }
	.y_cl { clear: left; }
	.y_push_2_spots { left: 272px; }
	.y_push_4_spots { left: 544px; }
	#current_client { width: 485px; margin-left: -242.5px; /*left: 180px;*/ }
}

@media screen and (max-width: 839px) {
	.y_push_2_spots { left: 0; }
	.y_push_4_spots { left: 0; }
	.o_cn { clear: none; }
	.o_push_3_spots { left: 408px; }
	.o_cl { clear: left; }
	#current_client { width: 100%; position: relative; left: 0; margin-left: 0; }
}

@media screen and (max-width: 768px) {
	h2 { margin-bottom: 20px; }
	h3 { font-size: 18px; }
	h3.big { font-size: 24px; }
	h3.has_border { padding-bottom: 10px; margin-bottom: 18px; }
	header { padding-top: 20px; }
	header div h1 { float: none; margin: 0 auto 20px; width: 187px; }
	header div nav { width: 100%; }
	header div nav > a { width: 20%; margin-bottom: 20px; }
	footer { padding: 5px 0 10px; }
	footer .grid_12 > div { float: none; overflow: hidden; }
	footer .grid_12 > div h1 { margin: 0 auto; float: none; }
	footer .grid_12 > div div { float: none; text-align: center; }

	article { margin-top: 40px; }

	label { font-size: 16px; }

	.about_section header div nav a#about_nav,
	.about_section2 header div nav a#services_nav,
	.about_section2 header div nav a#work_nav,
	.about_section2 header div nav a#careers_nav,
	.about_section2 header div nav a#contact_nav { padding-bottom: 20px; }

	.services_section .main_intro .sub_p { display: block; }
	.services_section .main_intro p { display: none; }

	.home_section .content_area > div > div.grid_4 { padding: 0 8px 0 7px; margin: 30px 0; }

	.main_intro { padding: 40px 0; }
	.content_area { padding: 20px 0; }
	.discipline_list { margin-bottom: 40px; }
	.disciplines_diagram img { margin-top: 40px; width: 60%; }
	.profile > div { padding: 0 0 18px; }
	.profile div .element_name { font-size: 100px; line-height: 120px; }
	.profile > div > p { margin-bottom: 20px; }
	.second_header .with_back_link { padding-left: 15px; }
	.checkbox_list { margin-bottom: 0; }
	.m_mb0 { margin-bottom: 0; }
	.m_mb18 { margin-bottom: 18px; }
	.m_mb20 { margin-bottom: 20px; }
	.m_mt0 { margin-top: 0; }
	.m_mt20 { margin-top: 20px; }
	.m_mt40 { margin-top: 40px; }
	.m_fl { float: left; }
	.m_fr { float: right; }
	/*.client_element { width: 19%; }*/
	.m_pl0 { padding-left: 0; }
	.m_pl8 { padding-left: 8px; }
	.m_pl20 { padding-left: 20px }
	.m_cn { clear: none; }
	.m_cl { clear: left; }
	.m_tal { text-align: left; }
	.m_dn { display: none; }

	#services_banner { margin-bottom: 40px; }
	#join_our_team { margin-bottom: 40px; }
	#services_banner > a { padding-right: 40px; padding-left: 40px; }
	#services_banner > div { padding: 20px; }
	#experience_intro { margin-top: 40px; }
	#experience_logos div { width: 33%; margin-top: 20px; }
	#experience_logos div#samsung_logo { clear: left; }
	#social_links { border: 0; float: none; width: 68px; margin: 0 auto; }
	#social_links li { margin-left: 0; }
	#work_benefits div { margin-top: 20px; }

	/*#website_our_approach div.process div.fl, #website_our_approach div.process div.fr { float: none !important; border: 0; border-left: solid 3px #d36e2b; margin-right: 0; margin-left: 0; text-align: left; width: 100%; padding: 0 0 65px 40px; }
	#website_our_approach div.process div.last_process { padding-bottom: 102px; }
	#website_our_approach div.process div .line { float: left !important; margin-right: 0; margin-left: -40px; }
	#website_our_approach div.process #top_border { width: 0; padding-right: 33px; }
	#global_domination div { position: absolute; left: 6px; top: 10px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
	#global_domination img { margin-top: -37px; }*/

	#home_rotator { height: 400px; }
	#home_rotator > div.container_12 > div.item_description { top: 63px !important; }

  .rotator_control.left { top: 335px; }
  .rotator_control.right { top: 335px; }

	/*#current_client #client_logo img { width: 100%; }*/

	#website_our_approach div.process #top_border { float: left; padding: 0; margin: 0; border-right: solid 33px #D36E2B; width: 50%; background: none; margin-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
	#website_our_approach div.process div.first_process { padding-top: 30px; }
	#website_our_approach div.process div.second_process { padding-top: 30px; }

	#our_work_lab_callout > div:first-child { padding: 100px 0; }

	.validate {  }
	#timeline_wrap .validate { margin-right: 10px; }
	#last_name_wrap .validate { top: -105px; }
	#phone_wrap .validate { margin-right: 10px; }

	/*.project_link { display: inline-block; float: none; margin-bottom: 0; }*/
	.work_section .main_intro .container_12 { text-align: center; }
	.work_section.work_detail .main_intro .container_12 { text-align: left; }
	.project_nav a { margin: 0 10px; }
}

@media screen and (max-width: 839px) {
	.o_push_3_spots { left: 0; }
	.e_cn { clear: none; }
}

@media screen and (max-width: 700px) {
	.services_section .main_intro div.grid_4:hover, .services_section .main_intro div.grid_4.active { background: none; }
}

@media screen and (max-width: 650px) {
	/*.client_element { width: 24%; }*/
	.v_cn { clear: none; }
	.v_cb { clear: both; }
	.v_cl { clear: left; }
}

@media screen and (max-device-width: 568px) {
	.project_nav { width: 100%; overflow: auto; position: relative; -webkit-overflow-scrolling: touch; }
	.project_nav { margin: -12px 0; box-sizing: border-box; max-width: none; }
	.project_nav > .scrollbar { width: auto; overflow: auto; padding: 12px 10px;  }
	.project_nav > .scrollbar > a { float: left; margin: 0 12px; }
}

@media screen and (max-width: 525px) {
	.h_cn { clear: none; }
	.h_cb { clear: both; }
	.h_mt20 { margin-top: 20px; }
	.h_mt40 { margin-top: 40px; }
	.h_fl { float: left; }

	.home_section .main_intro h6 { width: 100%; padding-top: 0; padding-bottom: 0; border: 0; margin-bottom: 10px; }
	.home_section .main_intro > div > div { width: 100%; padding-left: 8px; margin-bottom: 10px; height: 60px !important; }
	.home_section .main_intro > div > a { margin-left: 8px; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	#careers_rotator_nav li span { margin: 5px 10px; }
}

@media screen and (max-width: 480px) {
	h4 { font-size: 12px; margin-bottom: 5px; }
	article h4 { font-size: 16px; }
	/*h3.has_border { margin-bottom: 10px; }*/

	header { padding-top: 12px; }
	header div h1 { float: left; margin: 0 0 12px; width: 50%; }
	header div nav { width: auto; float: none; clear: both; margin: 0 -12px; overflow: hidden; height: 0; -webkit-transition: all .2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
	header div nav.open { height: 135px; }
	header div nav > a { width: 50%; margin: 0; padding: 0 12px; line-height: 44px; border: 0; border-top: solid 1px #535353; }
	header div nav > a#about_nav, header div nav > a#work_nav, header div nav > a#contact_nav { border-right: solid 1px #535353 !important; }
	header div nav > a#careers_nav { border-bottom: solid 1px #535353 !important; margin-bottom: -1px !important; }
	header div nav > a span { float: left; margin-right: 10px; }

/*	article .date { margin-top: -26px; padding-bottom: 16px; }*/
	article .title h2 { float: none; margin-bottom: 10px; }

	.about_section header div nav a#about_nav,
	.services_section header div nav a#services_nav,
	.work_section header div nav a#work_nav,
	.careers_section header div nav a#careers_nav,
	.contact_section header div nav a#contact_nav { padding-bottom: 0; }

	.main_intro { padding: 20px 0 !important; }
	.main_intro p, .services_section .main_intro .sub_p { font-size: 16px; line-height: 20px; }
	.services_section .main_intro .sub_p { margin-bottom: 20px; }
	.disciplines_diagram img { width: 100%; }
	.profile { margin-bottom: 20px; }
	.profile > div { padding: 0 0 2px; }
	.profile > div > p { font-size: 13px; line-height: 15px; }
	.profile > div > img, .profile > div > .info { float: left; width: 50%; margin: 0; }
	.profile > div > .info { padding: 15px 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
	.profile > div > .info .element_name { font-size: 80px; line-height: 110px; }
	.profile > div > .double_border { clear: both; }
	.discipline_list li h6 { margin-bottom: 5px; }
	.second_header .with_back_link { padding-left: 10px; }
	.mb45 { margin-bottom: 20px; }
	/*.client_element { width: 49%; }*/
	.s_cn { clear: none; }
	.s_cb { clear: both; }
	.s_mt20 { margin-top: 20px; }
	.s_tac { text-align: center; }
	.s_tal { text-align: left; }
	.s_dib { display: inline-block; }
	.s_dn { display: none; }
	.s_pl0 { padding-left: 0; }
	.s_mb40 { margin-bottom: 40px; }

	.services_section .main_intro { padding-bottom: 0 !important; }
	.services_section .main_intro div.grid_4.active { background: none; }

	.promotion h4 { font-size: 14px; line-height: 17px; }

	.capabilities_diagrams p { font-size: 14px; line-height: 17px; }

	#experience_logos div { margin-top: 10px; }
	#experience_intro { margin-top: 20px; }
	#experience_logos div#disney_logo img { max-height: 32px; }
	#experience_logos div#dell_logo img { max-height: 52px; }
	#experience_logos div#c3_logo img { max-height: 60px; }
	#experience_logos div#samsung_logo img { max-height: 24px; }
	#experience_logos div#amd_logo img { max-height: 17px; }
	#experience_logos div#sweetleaf_logo img { max-height: 36px; }
	#services_banner > a .h3_title { font-size: 14px; line-height: 17px; }
	#mobile_menu_link { display: block; }
	#contact_form { margin-top: 20px; }

	#website_our_approach div.process div.fl, #website_our_approach div.process div.fr { float: none !important; border: 0; border-left: solid 3px #d36e2b; margin-right: 0; margin-left: 0; text-align: left; width: 100%; padding: 0 0 30px 40px; }
	#website_our_approach div.process div.first_process { padding-top: 30px; padding-bottom: 30px; }
	#website_our_approach div.process div.last_process { padding-bottom: 72px; }
	#website_our_approach div.process div .line { float: left !important; margin-right: 0; margin-left: -40px; }
	#website_our_approach div.process #top_border { width: 0; margin-left: -15px; }
	#global_domination div { position: absolute; left: 6px; top: 10px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
	#global_domination img { margin-top: -37px; }

	#home_rotator { font-size: 14px; }
	#home_rotator > div.container_12 > div.item_description { padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; top: 20px !important; }
	#home_rotator > div.container_12 > div.item_description div h2 { font-size: 24px; }
	#home_rotator > div.container_12 > div.item_description .element_name { font-size: 23px; width: 38px; height: 38px; line-height: 40px; margin-bottom: 10px; margin-right: 15px; }
	#home_rotator > div.container_12 > div.item_description div { margin-bottom: 10px; }
	#home_rotator > div.container_12 > div.item_description a.blue_button { margin-top: 10px; }
	#home_rotator > div.container_12 > div.item_description p.spot_description { display: none; }
	#home_rotator > div#welcome_to_element_item_bg div { background-position: -21% bottom; }
	#home_rotator > div.container_12 > div.item_description p { line-height: 18px; }

	#active_section { margin-top: 10px; }

	#strategy_content_area .grid_4 { font-size: 14px; line-height: 17px; }

	#great_place_to_work .quote .big_words, #great_place_to_work .quote .small_words { width: 100%; padding: 0; }
	#great_place_to_work .quote .big_words { font-size: 24px; line-height: 26px; margin-bottom: 5px; }
	#great_place_to_work .quote .small_words { font-size: 14px; line-height: 17px; }
	#great_place_to_work .quote .small_words h6 { margin-top: 15px; }

	#careers_rotator_wrap #careers_rotator li > div > div h4 { font-size: 14px; }
	#careers_rotator_wrap #careers_rotator li > div > div { padding: 0 20px; margin-top: -60px; }

	#current_client { padding: 0 5px; }
	#current_client #client_logo { text-align: left; width: 100%; height: auto; }
	#current_client #client_logo img { /*width: 50%;*/ margin: 0 0 15px; }
	#current_client #client_info #element_name { margin: 0 15px 15px 0; }
	#client_element_wrap { margin-top: 20px; }
	.project_main h2 { float: left; }
	.work_section .content_area a { margin-bottom: 10px; }

	.post_img_right { width: 100%; float: none; padding-left: 0; }

	#ferris_phone { background-size: 100%; width: 100%; }
	#home_rotator > div#ferris_bg { background-position: left center;; background-size: auto; }
}

@media screen and (max-width: 440px) {
	.profile > div > .info .element_name { font-size: 60px; line-height: 80px; }
	.profile div .name { font-size: 14px; line-height: 18px; }
	.profile div .role { font-size: 11px; }
}

@media screen and (max-width: 320px) {
	h2 { font-size: 20px; float: none; padding-bottom: 7px; margin-bottom: 12px; }
	article .title h2, article h2 { font-size: 26px; line-height: 28px; }

	/*h4 { font-size: 14px; }*/
	.main_intro h4 { font-size: 11px; }
	.main_intro { padding: 20px 0; }
	/*.about_section p { font-size: 15px; line-height: 18px;}*/
	.second_header { font-size: 13px; line-height: 16px; padding: 8px 0; }
	.dna_list { margin-top: 30px; margin-left: 0; }
	.dna_list li { margin-bottom: 10px; }
	.discipline_list { margin-bottom: 40px; }
	.discipline_list li { margin-top: 20px; font-size: 13px; line-height: 15px; }
	.profile > div > .info .element_name { font-size: 40px; line-height: 50px; letter-spacing: 0; margin-bottom: 10px; }
	.profile div .name { font-size: 13px; line-height: 14px; }
	.profile div .role { font-size: 11px; line-height: 12px; font-weight: 300; }
	.profile div .number { font-size: 12px; }
	.profile div .icon.ceo { width: 16px; }
	.profile div .icon.creative { width: 12px; }

	#services_banner > a { padding: 40px 20px 20px; }
	#services_banner > div { padding: 20px; }
	#dna_image { width: 80%; margin: 0 auto; display: block; }

	#home_rotator > div.container_12 > div.item_description div h2 { font-size: 18px; }



}