body{font-family: "Adelle", "Times New Roman", Times, serif;font-size:1em;line-height:1.4;margin:0;overflow-x:hidden;overflow-y:auto} body.not-index{background-color:#333}body>img{visibility:hidden}ul{list-style:none;margin:0;padding:0} .container{margin:0 auto;padding:0;position:relative;width:1140px} .col{float:left;margin-right:2%;padding:0} .row .col:last-child{margin-right:0} header p { font-size:1.2em; line-height:1.9em; } section ul { list-style-type:disc; margin:0px; padding: 10px 0px 10px 30px;} section ul li { line-height:1.5em; list-style-type:disc;} p.edit-link { font-size: 12px; font-style:italic; } .span_1{width:6.5%} .span_2{width:15%} .span_3{width:23.5%} .span_4{width:32%} .span_5{width:40.5%} .span_6{width:49%} .span_7{width:57.5%} .span_8{width:66%} .span_9{width:74.5%} .span_10{width:83%} .span_11{width:91.5%} .span_12{margin-left:0;width:100%} .container:after{clear:both;content:"\20";display:block;height:0;visibility:hidden}.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\20';display:block;height:0;overflow:hidden;visibility:hidden;width:0}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1} .align-right{float:right} .big-text{font-size:24px} .last{margin-right:0!important} /*.boxshadow .button{-moz-box-shadow:2px 2px 4px rgba(0,0,0,.15);-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.15);box-shadow:2px 2px 4px rgba(0,0,0,.15)} .boxshadow .shadow{-moz-box-shadow:2px 2px 4px rgba(0,0,0,.15);-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.15);box-shadow:2px 2px 4px rgba(0,0,0,.15)} .button{-moz-box-sizing:border-box;-moz-transition:background-color .3s linear;-ms-box-sizing:border-box;-o-transition:background-color .3s linear;-webkit-box-sizing:border-box;-webkit-transition:background-color .3s linear;background-color:#fff;border:0;box-sizing:border-box;color:#555;cursor:pointer;display:inline-block;font-family:'Open Sans-Semibold';font-size:.75em;font-weight:500;line-height:135%;min-width:185px;outline:0;padding:12px 28px 9px 20px;position:relative;text-align:left;text-transform:uppercase;transition:background-color .3s linear}.button span.arrow{background:url(../images/icon-sprite.png) -23px 0;display:inline-block;height:17px;margin-left:10px;position:absolute;right:17px;top:30%;vertical-align:middle;width:17px}.button span.arrow.down{background-position:-23px -18px}.button.gray{background-color:#242424;color:#fff}.button.gray span.arrow{background-position:0 0}.button.gray span.arrow.down{background-position:0 -17px}.button.gray:hover{background-color:#3d3d3d;color:#fff} .button:hover{background-color:#ccc;color:#000}*/ .menu{display:inline-block;/*position:relative*/} .menu li{display:inline-block;padding:0 12px 0 0} .menu li a{border:0;color:#fff;outline:none} .menu li a:hover, .menu li.active a{background:#666666 url(../images/menu-active.png) 0px 0px no-repeat;} .noscroll{overflow:hidden!important} .page{height:auto;margin-left:0;overflow:hidden;padding:10px 0 90px;position:relative;width:100%} .title-description h1{color:#fff;font-family: "Adelle", "Times New Roman", Times, serif;font-size:4.4em;font-weight:500;letter-spacing:-3px;line-height:1.3em;margin:0 0 25px} .title-description h2{color:#4f4f4f;font-family: "Adelle", "Times New Roman", Times, serif;font-size:1.5em;font-weight:500;line-height:142%;margin-bottom:20px;margin-top:0} input:focus,textarea:focus{background-color:#ecf9fb!important;color:#555!important} input:focus::-webkit-input-placeholder,input:focus::-moz-input-placeholder{color:#555!important}input:focus:required:invalid::-webkit-input-placeholder,input:focus:required:invalid::-moz-input-placeholder,input.invalid::-webkit-input-placeholder,input.invalid::-moz-input-placeholder,input.required::-webkit-input-placeholder,input.required::-moz-input-placeholder{color:#fff} input[type="text"],input[type="tel"],input[type="email"],textarea{border:0;outline:0;color:#4f4f4f;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:11px;-webkit-appearance:none;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease;padding:8px 10px} #home{height:auto} #home .page{padding-bottom:0;padding-top:0} .home-intro{color:#fff;font-family:"Adelle";font-weight:500;margin:60px 0 0px;padding:0;} .home-intro .logo { width:31.33%; float:left; background:url(../images/home-divider.png) right bottom no-repeat; padding-left:2%; min-height:472px; } .home-intro .logo img { width: 80%; margin-top:15%; } .home-intro > #content { width: 57.66%; margin-left: 33.33%; padding-left:7%; padding-right: 2%; padding-top:7%; } .home-intro p { font-size:1.1em; line-height:2em; letter-spacing:0.5px; padding-left:3px;} .home-intro p.edit-link { font-size: 0.9em; } .home-intro p.tagline{color:#ffffff;font-size:3.3em; line-height:1.1em; margin:0 0 16px; letter-spacing:-1px; padding-left: 0px;} .home-intro p.tagline span { color: #F08B19;} .home-intro p a { font-family:"Adelle"; display:block; color:#ffffff; } .home-intro p a.button { display:block; margin-top:24px; } .option-0{background: #000000 url(../images/bg-header.png) center top no-repeat;} .option-0 .arrow{background-color:#3eb5ff} .index #banner{margin-bottom:0;position:absolute;top:auto;z-index:999} #banner{background:url(../images/menu-bg.png) bottom repeat-x;/*line-height:1em;margin-bottom:30px;*/ line-height:0.8em;width:100%;z-index:1;-webkit-transform: translateZ(0);} #banner.shadow{box-shadow:3px 3px 5px rgba(0,0,0,.3)} #banner.sticky{left:0;position:fixed;top:0;margin-top:0px;} #banner.sticky a{z-index:101} #banner .row{padding:0px; height: 76px; } #logo,.main-menu{float:left} #logo{margin:0 0px 0 2px; padding:12px 0px; display:none;} .sticky #logo { display:block; } .main-menu{font-family:'Adelle', Times;font-weight:700;margin:0 0 0 136px;} .sticky .main-menu { margin-left: 125px; } .main-menu h6{display:none} .main-menu ul{display:block; list-style:none; padding:0px;} .main-menu li{float:left;font-size:16px; padding:0px; text-transform:uppercase; /*margin-right:39px;*/ margin-right:5px;} .main-menu li.sub_company { display:none; } .main-menu li.last { margin-right: 0px; } .main-menu li a{color:#ffffff;text-rendering:optimizeLegibility; height: 76px; display:block; line-height:75px; width: 138px; text-align:center;} .main-menu li a:active{border:0} .sub_menu ul { list-style:none; padding:0px; margin:0px; } .sub_menu ul:after {display:table; content:""; clear:both; } .sub_menu li { text-transform:none; left:0px; margin:0px; font-weight:normal; padding: 36px 15px 32px 5px; font-size: 18px; float:left; list-style:none; margin:0px;} .sub_menu li a { color: #9E1E60; width:auto; line-height: 20px; height:auto; } .sub_menu li a:hover, .sub_menu li.active a { color: #F08B19; background: none; -webkit-box-shadow: none;box-shadow: none; } #about{background:#f4911f url(../images/bg-about.png) center repeat-y;color:#fff;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)} #about .col { margin: 0px auto; float:none; padding-bottom:60px; } #about p { color:#333333; } #about p.white, #about p .white { color:#ffffff; } #about header a{color:#fff} #about header a:hover{color:#b0c2cb} #about .sub_menu li a { color: #9e1e5f; } #about .sub_menu li a:hover, #about .sub_menu li.active a { color: #ffffff; } #post-its { max-width: 975px; max-height:295px; background:url(../images/post-its.png) 0px 0px no-repeat; padding:10px 5px 20px 18px; background-size:contain; margin-bottom:1%; margin-left:-12px; } #post-its:after{ display:table; content:""; clear:both; } #post-its .block { float:left; width:32%; color:#666666; padding:80px 0px; } #about .title-description h1 { margin-bottom: 14px; } #post-its h2 { text-align:center; font-size:4.2em; line-height:1em; font-family:"Adelle","Times New Roman", Times, serif; color:#666666; margin:0px; } #post-its p { font-size:1.48em; text-align:center; text-transform: uppercase; line-height:1em; padding:2px 15% 20px 15%; color:#666666; } #partners { background-color:#fff9e2;color:#9e1e5f;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)} #partners .col { margin: 0px auto; float:none; padding-bottom:60px; } #partners .title-description h1 {color:#9e1e5f; margin-bottom: 5px; } .scrollablePartners { position:relative; padding:15px 0px; } .scrollablePartners div.scrollableArea div {position: relative;display: block; float: left;margin: 0;} .scrollablePartners div.scrollableArea table { padding:30px 0px; height:103px; } .scrollablePartners td { padding:25px 36px; } div.scrollingHotSpotLeft{width: 32px;height: 100%;background: url(../images/slider-arrows.png) no-repeat left center;position: absolute;z-index: 200;left: -95px;} div.scrollingHotSpotRight{width: 32px;height: 100%;background-image: url(../images/slider-arrows.png);background-repeat: no-repeat;background-position: right center;position: absolute;z-index: 200;right: -95px;} div.scrollWrapper{position: relative;overflow: hidden;width: 100%;height: 100%;} div.scrollableArea{position: relative;width: auto;height: 100%;} #people { background-color:#fff9e2;color:#9e1e5f;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)} #people .col { margin: 0px auto; float:none; padding-bottom:60px; } #people header { padding-left:4px; padding-bottom:8px; } #people .title-description h1 {color:#9e1e5f; margin-bottom: 8px; } #people h2 {color:#9e1e5f;font-size: 2em; font-weight:normal; line-height:1.2em;} #people h3 { padding-top: 25px; font-weight:normal; font-size:1.5em; line-height:1.5em;} #people h4 { color:#666666; font-size:1.1em; padding-bottom:8px; } #partnerView { padding-top:17px; padding-left:2px; } #thumbnails { height:125px; padding-bottom:43px; } #thumbnails:after { display:table; content:""; clear:both; } #thumbnails .views-row { float:left; width:100px; height:125px; margin-right:10px; } #thumbnails .views-row .on { display:none; } #thumbnails .views-row:hover .on,#thumbnails .active .on { display:block; } #thumbnails .views-row:hover .off,#thumbnails .active .off { display:none; } #profiles { max-width:1080px; } #profiles .views-row { display:none; } #profiles .views-row-first { display:block; } #profiles .photo { width:27%; max-width: 290px; float:left; padding-top:3px;} #profiles .photo img { width:100%; height:auto; max-width:290px; } #profiles .photo h2 { margin: 0px; padding: 0px; font-size:1.3em; text-align:center; line-height:2.3em;} #profiles .social_media { width:100%; text-align:center; height:32px; padding:2px 0px; } #profiles .social_media a { display:inline-block; width:32px; height:32px; margin:0px 5px; background:url(../images/icons-socialmedia.png) 1px 0px no-repeat; } #profiles .social_media a.email { background-position:-1px 0px; } #profiles .social_media a.linkedin { background-position:-33px 0px; } #profiles .social_media a.twitter { background-position:-64px 0px; } #profiles .info { padding-left: 30%; padding-right:3%; } #profiles .info p { color:#666666; font-size:0.8em; font-family:Arial, Helvetica, sans-serif; } #careers { background-color:#fff9e2;color:#9e1e5f;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)} #careers .col { margin: 0px auto; float:none; padding-bottom:60px; } #careers header { padding-left:6px; padding-right:13%; } #careers .title-description h1 {color:#9e1e5f; margin-bottom: 5px; } #view-careers { padding-top:48px; padding-left:8px; } #view-careers .views-row { border-bottom:1px #cccccc solid; margin-bottom:29px; } #view-careers .views-row-last { border-bottom: 0px; } #view-careers h2 { font-weight:normal; font-size:1.6em; height: 30px; line-height:30px; background:url('../images/careers-arrow.png') 0px -30px no-repeat; padding-left: 40px; cursor:pointer; margin-bottom: 25px;} #view-careers .views-row-open h2 { background-position: 0px 0px; margin-bottom: 0px; } #view-careers h3 { font-weight:normal; padding-top:20px; } #view-careers .description { padding-left:3.7%; padding-bottom:3.1%; display:none;} #view-careers p, #view-careers li { font-family: Arial; color:#000000; font-size:0.9em; } #view-careers p { padding-bottom:1px; } #view-careers p.applynow { padding-top:33px; margin-left:-2px; } #ourposition .background-wrap{-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background:url(../images/position_image.jpg) no-repeat;background-size:cover;height:493px;width:100%} #work {background: #666666; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #666666 0%,#333333 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #666666 0%,#333333 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #666666 0%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #work .sub_menu li a { color:#999999; } #work .sub_menu li a:hover, #work .sub_menu li.active a { color: #ffffff; } #work .row { padding-left:28px; } #work header { padding-left:4px; } #work>.page{padding-bottom:180px;} #work .title-description h1{color:#f6921a; line-height: 1.1em; padding:7px 0px;} #work .title-description h1 span { color:#ffffff;} .case-studies { padding-top:49px; } .case-studies .off { width:100%; height:100%; position:absolute; top:0px; left:0px; line-height:1em; z-index:99} .case-studies table.views-view-grid { border-collapse: collapse; table-layout: fixed;width: 100%;} /*@-moz-document url-prefix() { .case-studies table { width: 103%; } }*/ .case-studies .on { display:none;max-width:192px; max-height:192px; width:100%; height:100%; position:absolute; top: 0px; left:0px; } .case-studies td { vertical-align:top; max-width:192px; position:relative; border-collapse: initial; width:16.66%; border-spacing: 0px; border-spacing: 0px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .case-studies td td { background:url('../images/work-hover.png') 0px 0px no-repeat; background-size:cover;vertical-align:middle; } .case-studies td a { display:table-cell; width:98%; height:98%; vertical-align:middle; min-width: 100px; min-height:100px;} .case-studies .client { color:#ffffff; text-align:center; font-size:0.9em; line-height:1.1em; font-weight:bold; padding-left:5px; padding-right:5px;} .case-studies .project { color:#000000; text-align:center; font-size:0.9em; line-height:1.1em; font-weight:bold; padding-left:5px; padding-right:5px;} @-moz-document url-prefix() { .case-studies td { display: block; float: left; margin-right: 0px; margin-bottom:14px; } .case-studies td td { float: none; margin: 0px; } /*.case-studies td:last-child { margin-right: 0px; } */ } .case-studies td img { width: 100%; } #scroll-wrap > article { padding: 60px 41px 48px 77px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #scroll-wrap > article > .article_wrap { width:100%; height:100%; overflow-y:scroll;} .article_wrap header { padding-left:7px; width:auto; } .article_wrap h1 { color:#9e1e5f; font-weight:normal; line-height:1em; padding-bottom:2px;} .article_wrap h2 { font-weight:bold; color:#666666; line-height:1.4em; font-size:1.1em; } .article_wrap .photos { width: 64%; float: left; margin-top:22px; } .article_wrap .description { width: 31%; padding-left:67.8%; margin-top:3px; padding-bottom:30px; } .article_wrap .description h2 { color:#9e1e5f; font-weight:normal; font-size:1.6em; line-height:1.2em; padding-top:14px;} .article_wrap .description li, .article_wrap .description p { font-family: Arial; font-size: 0.9em; line-height:1.5em; } .article_wrap .description ul { padding-left:15px; padding-top:0px; } #clients { background-color:#fff9e2;color:#9e1e5f;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)} #clients .col { margin: 0px auto; float:none; padding-bottom:60px; } #clients .title-description h1 {color:#9e1e5f; margin-bottom: 5px; } #clients header { margin-bottom:65px; } #clients .field-collection-view-links { clear:both;font-size: 11px; margin:0px; padding: 0px 0px 0px 20px; } #services{color:#666666;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);background: #f9f9f9; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#e2e2e2 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#e2e2e2 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #ffffff 0%,#e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} #services header { padding: 49px 50px 20px 109px} #services .title-description h1{color:#f08b19;margin: 0 0 22px;} #services a{color:#f08b19} #services a:hover{color:#b0c2cb} #services .view-services { padding-left:39px; } #services .view-services .views-row { text-align:center; padding: 12px 0px 30px 0px;} #services .view-services .views-row-odd { float: left; width: 45%; clear:left;} #services .view-services .views-row-even { margin-left: 55%; width: 45%; } #services .view-services .views-row img { margin:0px auto; } #services .view-services h2 { color:#F08B19; font-weight:normal;font-size: 1.8em; margin-bottom:5px;} #contact {background: #F4911F; color:#ffffff; min-height:600px; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #FFA02D 0%, #F08B19 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFA02D), color-stop(100%,#F08B19)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #FFA02D 0%,#F08B19 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #FFA02D 0%,#F08B19 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #FFA02D 0%,#F08B19 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #FFA02D 0%,#F08B19 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA02D', endColorstr='#F08B19',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} #contact header { padding-top:73px; padding-bottom:53px; } #contact .title-description h1{color:#9E1E5F} #contact .row { padding-left: 15px; } #contact .field-name-body {width:40.5%; float: left;margin-right: 2%;padding: 0; } #contact .webform-client-form {width:420px; float: right;padding: 0; } #contact td { font-size: 2.5em; padding-bottom:33px;line-height: 42px; padding-top:5px; vertical-align:bottom;} #contact td.label { font-size: 1.4em; letter-spacing:1px; line-height:38px; padding-right:32px; } #contact td big { font-size: 1.3em; } #contact td small { font-size: 0.7em; } #contact td a { color:#ffffff; } #contact td address { line-height:1.3em; padding-top:39px; font-size: 0.9em;} #contact-form{background-color:#1a1a1a;padding:20px 30px;position:relative} #contact-form h1{color:#9E1E5F;font-size:1em;font-weight:400;padding-bottom:8px} #contact-form input,#contact-form textarea{display:block;width:100%;background-color:#242424} #contact-form label{color:#70828a;display:block;padding-bottom:8px}.form-section{position:relative} .form-section button[type=submit]{background-color:#a1a1a1;position:absolute;right:-12px;width:auto} .form-section>.col{margin-right:1%}.input-section li{margin:0 2% 2% 0;float:left;width:49%;position:relative} .input-section li:nth-child(2n+0){margin-right:0} .text-section textarea{height:95px;max-width:100%} .text-section{width:35%;margin-top:-30px} .js #contact-form{display:none} #contact .webform-client-form label { font-weight:normal; text-transform:uppercase; float:left; width:116px; font-size:19px; line-height:31px; } #contact .webform-client-form input.form-text, #contact .webform-client-form .form-textarea-wrapper { margin-left: 119px; display:block; width:301px; } #contact .webform-client-form input.form-text { font-size:14px; } #contact .webform-client-form label .form-required { display:none; } #contact .webform-client-form .form-item { margin-bottom:1.4em; } #contact .webform-client-form #webform-component-message { margin-bottom: 1.2em; } #contact .webform-client-form .form-actions { text-align:right; margin-top:0.6em; } #contact .webform-client-form #edit-submit { color:#ffffff; font-weight:normal; text-transform:uppercase; background:transparent; border:0px; background:url(../images/contact-arrow.png) right center no-repeat; padding-right:25px; outline:none; font-weight: bold; } #contact .webform-client-form #edit-submit:focus { background-color:transparent!important;} #contact .social-menu ul { padding-left:0px; } #contact .social-menu { padding-top:32px; } #contact .social-menu li { list-style:none; float:left; padding-right:9px; } #contact .social-menu li.connect { font-size: 17px;color:#ffffff;font-family: "Adelle", "Times New Roman", Times, serif;line-height: 47px; margin-right: 15px;} #contact a .social.icon-linkedin{background-position:-34px -33px;} #contact a:hover .social.icon-linkedin{background-position:-34px -66px;} #contact a .social.icon-facebook{background-position:0px -33px} #contact a:hover .social.icon-facebook{background-position:0px -66px} #contact a .social.icon-twitter{background-position:-68px -33px; } #contact a:hover .social.icon-twitter{background-position:-68px -66px; } #contact .social.icon-pinterest{background-position:-102px -33px} #contact a:hover .social.icon-pinterest{background-position:-102px -66px} #request-quote {background: #666666; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #666666 0%,#333333 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #666666 0%,#333333 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #666666 0%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #request-quote .sub_menu li a { color:#999999; } #request-quote .sub_menu li a:hover, #work .sub_menu li.active a { color: #ffffff; } #request-quote .row { padding-left:28px; } #request-quote header { padding-left:4px; } #request-quote>.page{padding-bottom:180px;} #request-quote .title-description h1{color:#f6921a; line-height: 1.1em; padding:7px 0px;} #request-quote .title-description h1 span { color:#ffffff;} #request-quote label {color:#fff;} #request-quote .form-submit {background-color:#f6921a; color: #fff; padding:10px 15px;border-radius: 5px;border:1px solid #f6921a;} #request-quote .form-text { border: 1px solid #c4c4c4; height: 32px; font-size: 13px; padding: 4px 4px 4px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 0px 8px #d9d9d9; -moz-box-shadow: 0px 0px 8px #d9d9d9; -webkit-box-shadow: 0px 0px 8px #d9d9d9; } #request-quote .form-textarea { border: 1px solid #c4c4c4; min-height: 32px; font-size: 13px; padding: 4px 4px 4px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 0px 8px #d9d9d9; -moz-box-shadow: 0px 0px 8px #d9d9d9; -webkit-box-shadow: 0px 0px 8px #d9d9d9; } #request-quote .form-text:focus, #request-quote .form-textarea:focus { outline: none; border: 1px solid #7bc1f7; box-shadow: 0px 0px 8px #7bc1f7; -moz-box-shadow: 0px 0px 8px #7bc1f7; -webkit-box-shadow: 0px 0px 8px #7bc1f7; } #request-quote .form-textarea-wrapper {width:460px;} #map-canvas { height: 100%; margin: 0px; padding: 0px; height: 450px; } iframe { display:block;} footer {background: #565759; color:#ffffff; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #6C6C71 0%, #565759 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#6C6C71), color-stop(100%,#565759)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #6C6C71 0%,#565759 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #6C6C71 0%,#565759 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #6C6C71 0%,#565759 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #6C6C71 0%,#565759 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6C6C71', endColorstr='#565759',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } footer[role=contentinfo]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#909090;font-size:1.5em;height:345px; } footer .container {max-width:1257px; width:100%; } footer .logo_copyright { padding-top:50px; width:41.56%; float: left; background:url(../images/ota_footer_divider.png) 100% 60% no-repeat; height:295px; padding-right: 1%; } .logo_copyright .copyright{color:#999999; font-size:14px; font-family: Arial; padding:11px 0px 0px 14px;} footer .footer_logo { width: 59.44%;} footer .menu { display:block; margin-left: 45%; } .footer-menu{ padding-top:7px;padding-top:50px;} .footer-menu li { width:24%; padding-top:10px; font-size:1em; padding-bottom:13px; } .footer-menu li a{color:#ffffff; } .footer-menu li a:hover{color:#f08b19; background:none;} .social-menu { padding-top:34px; padding-left:3px; } .social-menu ul li{padding-right:5px; padding-top:7px;} .social-menu li.connect{font-size:16px;line-height:100%;margin-right:8px; color:#cccccc; font-family: Arial; vertical-align:bottom; padding-top:0px; vertical-align:middle;} .social-menu li a:hover, .social-menu li.active a{background: none;} .social-menu span{background-repeat:no-repeat;display:inline-block;height:33px;vertical-align:bottom;width:34px; background-image:url('../images/footer-links-social.png');} .social-menu ul li:last-child{padding-right:0} .social.icon-linkedin{background-position:-34px 0px;} a:hover .social.icon-linkedin{background-position:-34px -66px;} .social.icon-facebook{background-position:0px 0px} a:hover .social.icon-facebook{background-position:0px -66px} .social.icon-twitter{background-position:-68px 0px; } a:hover .social.icon-twitter{background-position:-68px -66px; } .social.icon-pinterest{background-position:-102px 0px} a:hover .social.icon-pinterest{background-position:-102px -66px} #closepage,.close-modal{background:url(../images/icon-close.png) no-repeat;display:inline-block;position:absolute;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-webkit-transition:opacity .1s linear;transition:opacity .1s linear} #closepage:hover,.close-modal:hover{-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70)} #closepage{top:22px;right:35px;width:23px;height:22px; display:block;} .close-modal{top:8px;right:10px;background-position:-115px -113px;width:18px;height:17px} #globalSearch{position:relative} #read-more{display:block;text-transform:uppercase;color:#6d6a67;font-size:.8125em;line-height:1.5em;text-align:right;margin:10px 0} #read-more span{font-size:2em;color:#b1b1b1;display:inline-block;vertical-align:top} #read-more.read-less{border-top:8px solid #ebebeb;padding-top:7px} .content{-webkit-transform:translateZ(0)} .body a:not(.button){color:#4a87a2} .body a:not(.button):hover{color:#59a4c5} .content img{margin-bottom:15px} .content #webform-client-form-28 .captcha img { margin-bottom: 0px; } .body footer h2{margin-bottom:15px;font-size:1em;font-weight:500} .content .button{font-size:12px} .body li{padding-left:3px;margin-bottom:15px} .body li>p{display:inline} .body ul{list-style-type:disc;list-style-position:inside;margin-bottom:20px}.body{position:relative;overflow:hidden;padding-bottom:75px} .body footer{border-top:1px solid #d7d7d7;padding-top:15px} .align-right .modal-container{right:0} .page-title{margin:0 0 25px} .article-banner .media img{margin-bottom:0;height:100%;width:100%} .article-banner .media,.article-banner.alpha .media{width:62.622950819672%;margin-right:0} .article-banner .media .button{position:absolute;bottom:0;left:0;background-color:#fff;background-color:rgba(255,255,255,.7);min-width:143px} .article-banner .quote,.article-banner.alpha .quote{display:table;width:37.377049180328%;background-color:#636363;color:#fff;height:311px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px}.article-banner,.article-banner.alpha{height:auto;margin-bottom:35px;overflow:hidden;position:relative}.article-banner.beta{height:270px;overflow:hidden}.article-banner.beta .media{width:51.422319474836%}.article-banner.beta .quote{width:48.577680525164%;height:100%} .alliance .callout,.alliance .introduction,.alliance .a-highlights{margin-bottom:25px} .quote blockquote{display:table-cell;vertical-align:middle;color:#fff;font-size:1.3em;line-height:1.65em;font-family:museo_300regular;font-weight:300;margin:0;padding:0} .body.open{visibility:visible!important;display:block!important} .form-2col+.additional{margin-top:25px}.form-2col button{float:right} .form-2col input[type=text],.form-2col input[type=tel],.form-2col input[type=email]{width:100%} .form-2col label{display:block;font-size:.875em;margin-bottom:5px}.form-2col li{width:49%;float:left;margin-right:2%;margin-bottom:2%!important;list-style-type:none;position:relative}.form-2col textarea{width:100%;margin-bottom:2%;height:110px;max-height:110px} .error-layout{background:none repeat scroll 0% 0% content-box #f1f1f1}.error-layout .first-col{width:70%;margin:0 auto;padding:10px 0 0 25px}.error-layout .second-col{width:70%;margin:0 auto;padding:25px 0 0 25px}.error-layout .second-col .button{margin-bottom:10px} .new-article{background-color:#f1f1f1;text-align:center} .new-bottom-border{height:56px;display:block}.new-article li{float:left;margin-right:2%;width:129px;border-right:1px solid #d2d2d2;padding-right:2%;margin-bottom:33px}.new-article li:last-child{border:none;margin-right:0;padding-right:0}.new-article li img{height:119px;width:auto;margin:0 auto}.new-article li p{text-align:center;width:70%;margin:0 auto 20px auto;min-height:44px}.new-article .center-body{font-family:Open Sans;font-size:.95em;line-height:1.5em;position:relative;overflow:hidden;padding-bottom:23px;text-align:center}.new-article .center-content{width:84.6%;margin:0 auto}.download-button{padding:10px 10px 10px 16px;min-width:129px;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.15);box-shadow:2px 2px 4px rgba(0,0,0,.15)}.button-second-line{font-size:9px}.container.upgradebrowser{width:917px}.new-article.row{padding:0 0 0 0}.ui-hide{visibility:hidden}.video-container.ui-hide{padding:0;margin:0}.video-wrapper{position:relative;top:0;left:0;overflow:hidden}.video-container{background:url(/images/spinner.gif) 50% 50% no-repeat;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container object,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.video-container video{max-width:100%;height:auto} .client-listing{list-style-type:none;list-style-position:outside;margin-bottom:25px} .client-listing li{margin-bottom:1px}.client-listing li.industry{font-family:"Open Sans-Semibold";text-transform:uppercase;color:#333;list-style-type:none} /*.js .content{visibility:hidden}*/ .content{width:1042px;background-color:#fff;position:relative;color:#3d3d3d;margin:0 auto 100px;padding:56px 0 0} .content .media>img{margin-bottom:0} .content p,.col_2-s .media{margin-bottom:20px}.content p>img:last-child{margin-bottom:0} .content p:last-child,.quote blockquote p,.article-banner.alpha img,.no-csscolumns .column p:last-child,.content .client-listing li:last-child,.result-thumbnail img{margin-bottom:0}.form-2col>.header,.modal-container>.header{margin:0 0 10px;font-size:1.2em;display:block}.form-2col>.header{font-family:"Open Sans-Semibold";font-weight:500}.form-2col .button{min-width:35%;background-color:#fff}.inline.form-2col form{background-color:#d8d8d8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15px 8px}.inline.form-2col form div+button{margin-top:15px}.inline.form-2col li{padding-left:0}.modal-container{display:none;position:absolute;background-color:#a4a4a4;bottom:0;z-index:2;color:#fff;padding:25px 36px;font-size:14px}.modal-container>.form-2col{width:390px} .csscolumns .col_2{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:25px;-moz-column-gap:25px;column-gap:25px} .csscolumns .col_4{-webkit-column-count:4;-moz-column-count:4;column-count:4} .no-csscolumns .column{padding-right:15px;-webkit-box-sizing:border-box;-mox-box-sizing:border-box;box-sizing:border-box}.no-csscolumns .column:last-child{padding-left:10px}.col_2-s>.first.column{padding-right:25px;width:48.687089715536%}.col_2-s>.last.column{width:48.577680525164%}.col_2-s>.column{float:left}.col_2-s>.column:last-child,.no-csscolumns .column:last-child{padding-right:0;margin-bottom:50px}.policy-statement h3{font-size:.8125em;margin-bottom:7px}.policy-statement p{font-size:.6875em;line-height:1.75em}.result-description{font-size:.8125em;line-height:1.375}.result-content{font-size:16px}.result-item-image .result-content{overflow:auto}.result-thumbnail{float:left;margin-right:20px;width:180px;overflow:hidden}.result-title{font-size:.875em;line-height:1.375;color:#333;font-family:"Open Sans-Semibold";font-weight:500}.content .results-listing a{color:#4f4f4f} .search-container form{width:445px;border:1px solid #e2e2e2;background-color:#fff} .search-container input[type=submit]{background:url(/images/icon-sprite.png) -40px -62px no-repeat;position:absolute;top:13px;right:13px;width:16px;outline:none;border:none} .search-container input[type=text]{font-family:"Open Sans";font-weight:bold;font-size:.875em;width:100%;color:#4f4f4f;padding:15px 0 10px 20px} .search-container input[type=text]::-webkit-input-placeholder,.search-container input[type=text]::-mox-input-placeholder{color:#4f4f4f} .content.search-template{overflow:hidden} .search-template .results-listing{list-style:none} .search-template .results-listing li{margin-bottom:30px}.search-template .search-container{margin-bottom:30px;background-color:#ebebeb;padding:25px 16px} .search-template .search-container h2{font-size:.875em;font-family:"Open Sans-Semibold";font-weight:500;margin-bottom:11px} .pager li{float:left;display:inline;margin-left:2px} .pager-active{color:#fff;line-height:1em;background-color:#b7b7b7;font-weight:500;font-family:"Open Sans-Semibold";font-size:.8125em;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease;padding:5px 8px 3px} .pager-total{font-family:"Open Sans-Semibold";font-size:.875em;font-weight:500} .pager.span_9{width:73.5%} .scrollorama{display:none;margin:0;width:100%} .scrollorama>div{background-repeat:no-repeat;} /*fieldset.captcha { border:0px; margin:0px; padding:0px 0px 0px 119px; position:relative; } fieldset.captcha legend { font-size: 19px; width:116px; position:absolute; top:0px; left:0px; } .captcha .fieldset-description, #contact .webform-client-form .captcha .description { display:none; } #contact .webform-client-form .captcha label { text-transform:none; float:none; width:auto; } #contact .webform-client-form .captcha input.form-text { margin-left:0px; } #contact .webform-client-form .captcha .form-item { margin-top: 0px; }*/ .contact-us-row { width: 50%; } /* article grid css start */ .main-blog-full-width {width:70% !important;} .view-blog table.views-view-grid {border-collapse: separate; border-spacing: 10px;} .view-blog table.views-view-grid td {vertical-align:top;width:50%;} .ota_blog_manager-blog-full {position: relative;margin-bottom: 35px;} .ota_blog_manager-blog-full {zoom: 1;min-height:700px;} .ota_blog_manager-blog-full.with-bg {background-color: #f0f0f0;margin-bottom: 20px;padding: 0px 15px 0 15px;} .ota_blog_manager-blog-full.with-border {border: 1px solid #ebeaea;margin-bottom: 20px;padding: 0px 15px 0 15px;} .ota_blog_manager-blog-full:before, .ota_blog_manager-blog-full:after {content: "\0020";display: block;height: 0;overflow: hidden;} .ota_blog_manager-blog-media-wrapper {position: relative;margin-bottom: 15px;} .ota_blog_manager-slider, .ota_blog_manager-format-gallery, .ota_blog_manager-format-image {position: relative;overflow: hidden;} .ota_blog_manager-blog-full.with-bg .ota_blog_manager-blog-media-wrapper {margin: 0px -15px 15px -15px;} .ota_blog_manager-blog-full.with-border .ota_blog_manager-blog-media-wrapper {margin: 0px -16px 15px -16px;} .ota-media-container {overflow: hidden;} .ota_blog_manager-blog-media-wrapper .ota-media-container {float: left;position: relative;} .ota_blog_manager-blog-media-wrapper .ota-media-container, .ota_blog_manager-blog-media-wrapper img {display: block;} .hover-style-4-slidetop .ota-media-container, .hover-style-5-slideright .ota-media-container, .hover-style-8-slidedown .ota-media-container, .hover-style-9-slideleft .ota-media-container { position: relative; overflow: hidden; } .hover-style-4-slidetop .ota-media-container img {margin-bottom: 15px;max-width: 100%;width: auto;/*height: auto;*/min-height:260px;} .hover-style-1-full a:hover .theHoverBorder, .hover-style-4-slidetop .theHoverBorder, .hover-style-5-slideright .theHoverBorder, .hover-style-8-slidedown .theHoverBorder, .hover-style-9-slideleft .theHoverBorder { background-color: #00aeef; background-color: #00aeef80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .hover-style-1-full a:hover .theHoverBorder, .hover-style-4-slidetop .theHoverBorder, .hover-style-5-slideright .theHoverBorder, .hover-style-8-slidedown .theHoverBorder, .hover-style-9-slideleft .theHoverBorder { background-color: #000; background-color: #00000080; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .hover-style-4-slidetop .theHoverBorder { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .hover-style-1-full a:hover .theHoverBorder, .hover-style-1-full span:hover .theHoverBorder, .hover-style-4-slidetop .theHoverBorder, .hover-style-5-slideright .theHoverBorder { background-color: #888; background-color: #88888880; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .hover-style-4-slidetop .ota-media-container:hover .theHoverBorder, .hover-style-8-slidedown .ota-media-container:hover .theHoverBorder { top: 0; opacity: 0.8; } [class^="icon-"], [class*=" icon-"] { background-color: #27CFC3; border-radius: 999px 999px 999px 999px; -moz-border-radius: 999px 999px 999px 999px; -webkit-border-radius: 999px 999px 999px 999px; -o-border-radius: 999px 999px 999px 999px; color: #fff; display: inline-block; font-size: 16px; height: 32px; line-height: 32px; max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 32px; top: -2px; word-spacing: 1px; } .theHoverBorder i[class*="icon-"] {background: none !important;} .hover-style-4-slidetop .theHoverBorder i, .hover-style-5-slideright .theHoverBorder i, .hover-style-8-slidedown .theHoverBorder i, .hover-style-9-slideleft .theHoverBorder i { font-size: 36px; width: 36px; height: 36px; text-align: center; position: absolute; left: 50%; margin-left: -18px !important; top: 50%; margin-top: -18px !important; } .hover-style-4-slidetop .theHoverBorder i, .hover-style-5-slideright .theHoverBorder i {color: #fff;} .icon-plus-sign:before {content: "\f055";} .ota_blog_manager-blog-title-wrapper {margin-bottom: 10px;} .ota_blog_manager-slider, .ota_blog_manager-format-gallery, .ota_blog_manager-format-image {position: relative;overflow: hidden;} .ota_blog_manager-blog-title, .ota_blog_manager-blog-title a { font-weight: normal; font-size: 24px; line-height: 1.3em; margin: 0; } .ota_blog_manager-blog-meta-wrapper {color: #999;} .ota_blog_manager-blog-meta-wrapper {font-size: 11px;margin-bottom: 20px;} .ota_blog_manager-blog-meta-wrapper div[class^="ota_blog_manager-blog-"] {border-color: #eee !important;} .ota_blog_manager-blog-meta-wrapper div[class^="ota_blog_manager-blog-"], .ota_blog_manager-blog-full.ota_blog_manager-blog-image-left .ota_blog_manager-blog-meta-wrapper div[class^="ota_blog_manager-blog-"] { display: inline-block; border: 0; border-right: 1px solid #ebeaea; padding: 0 5px; line-height: normal; } .ota_blog_manager-blog-meta-wrapper.few-lines div[class^="ota_blog_manager-blog-"], .ota_blog_manager-blog-meta-wrapper.few-lines div[class^="ota_blog_manager-blog-"], .ota_blog_manager-blog-meta-wrapper.few-lines div[class^="ota_blog_manager-blog-"] { display: block !important; border: 0; padding: 5px 0 !important; float: none; border-bottom: 1px solid #ebeaea !important; border-right: none !important; text-align: right; } .ota_blog_manager-blog-meta-wrapper div[class^="ota_blog_manager-blog-"]:first-child { border-left: none !important; padding-left: 0 !important; } .ota_blog_manager-blog-meta-wrapper .head {font-weight: 300;margin-right: 3px;} .ota_blog_manager-blog-meta-wrapper.few-lines .head, .ota_blog_manager-blog-meta-wrapper.few-lines .head, .ota_blog_manager-blog-meta-wrapper.few-lines .head {float: left;} .ota_blog_manager-blog-content {font-size: 13px;} .ota_blog_manager-blog-content a {color: #F6921A;} .ota_blog_manager-blog-content p {color: #474747;} .ota_blog_manager-blog-content p {line-height: 1.5em;margin: 0 0 20px 0;} .ota_blog_manager-blog-continue-reading {color: #333;} .ota_blog_manager-blog-continue-reading { display: inline-block; margin: 0 0 15px 0; background-color: #9E1E5F; color: #fff !important; padding: 5px 10px; font-style: normal; border-radius: 5px; font-weight: bold; } /* article grid css end */ .jump-quickly .form-submit {display:none;} #ctools-jump-menu .form-item-jump .form-select, .jump-quickly .form-item-jump-goto .form-select { border: 1px solid #c4c4c4; height: 32px; padding: 4px 4px 4px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 0px 8px #d9d9d9; -moz-box-shadow: 0px 0px 8px #d9d9d9; -webkit-box-shadow: 0px 0px 8px #d9d9d9; } #ctools-jump-menu .form-item-jump .form-select:focus, .simplenews-subscribe .form-item-mail .form-text, .jump-quickly .form-item-jump-goto .form-select:focus { outline: none; border: 1px solid #7bc1f7; box-shadow: 0px 0px 8px #7bc1f7; -moz-box-shadow: 0px 0px 8px #7bc1f7; -webkit-box-shadow: 0px 0px 8px #7bc1f7; } .simplenews-subscribe .form-item-mail .form-text { width:100%; border: 1px solid #c4c4c4; height: 32px; padding: 4px 4px 4px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 0px 5px #d9d9d9; -moz-box-shadow: 0px 0px 5px #d9d9d9; -webkit-box-shadow: 0px 0px 5px #d9d9d9; } .simplenews-subscribe .form-submit {background-color:#9E1E5F;color:#fff;border: 1px solid #9E1E5F; border-radius: 5px;padding: 5px 10px;} .main-menu ul.main-menu-top {/*display:inline-block;*/} .request-quote {vertical-align:top;margin-top:20px;display:inline-block;background-color:#F6921A;border-radius: 10px;padding:10px 10px;} .request-quote a {text-transform:uppercase;color:#fff;} #simplemodal-container{left:0!important; display:none;} #simplemodal-overlay{background-color:#333;width:100%!important; display:none;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);width:100%!important;height:100%!important} #modal-placeholder{display:none;z-index:1005}.simplemodal-data{display:block;position:relative;-webkit-overflow-scrolling:touch;width:100%!important;height:100%!important;position:fixed;top:0;margin:0 auto;overflow-y:scroll;overflow-x:hidden} .simplemodal-data .content{visibility:visible;margin-top:45px;z-index:1006} .request-quote-menu-item {text-align:center;} .request-quote-menu-item .request-quote a {width:160px;height:20px;line-height:normal;} .request-quote-menu-item .request-quote a:hover {background:none;} .webform-client-form-66 .form-text {width:100%;max-width:456px;} #request-quote .form-textarea-wrapper, .webform-client-form-66 .form-textarea-wrapper {width:100%;max-width:460px;} @media only screen and (min-width:768px) and (max-width:1400px){ #partners header, #partners .sub_menu { padding: 0px 62px; } #partners header hgroup { padding-left:4px; } #clients .scrollablePartners, #partners .scrollablePartners { padding: 15px 62px; } div.scrollingHotSpotLeft { left: 10px; } div.scrollingHotSpotRight { right: 10px; } #clients header, #clients .sub_menu { padding: 0px 71px; } #clients header hgroup { padding-left:4px; } } @media only screen and (max-width:767px){ .col{margin-right:0;float:none} .span_1,.span_2,.span_3,.span_4,.span_5,.span_7,.span_8,.span_9,.span_10,.span_11,.span_12{width:100%} body{-webkit-overflow-scrolling:touch} body.not-index{padding-bottom:50px} .page{padding:35px 0} .title-description h1{margin:0 0 12px 0;font-size: 2.9em;line-height:1em; letter-spacing:0px;} .direction-navigation .page-prev,.direction-navigation .page-next{z-index:100;opacity:1;outline:none;width:22px;height:30px;position:absolute;top:39%;border-radius:0;background:transparent url(/images/icon-sprite.png) no-repeat}.direction-navigation .page-next{right:-10px;background-position:-238px 0}.direction-navigation .page-prev{width:23px;left:-10px;background-position:-189px 0} #post-its { background:none; max-height:none; width:320px; margin: 0px auto; padding:0px; } #post-its .block { float:none; width:auto; height:163px; margin: 0px; padding:130px 43px 0px 33px; background:url(../images/postits-mobile.png) 0px 0px no-repeat; } #post-its p { padding: 0px; } #post-its #block-block-3 { background-position: 0px -299px; height:180px;padding:100px 43px 0px 33px;} #post-its #block-block-4 { background-position: 0px -598px; height:180px;padding:100px 43px 0px 33px;} #post-its h2 { font-size:3em; } #post-its .block { padding-top:100px; padding-bottom:33px; } #services .title-description h2,#contact-form{display:none!important} .index #banner{position:fixed;top:0} .not-index #banner{margin-bottom:10px} #banner .container{width:92%;padding-right:0} #banner .row{height:60px;padding:0} #logo{margin:0;padding:12px 0px;width:137px;} .main-menu{float:right;margin-right:-1px} .sticky .main-menu { margin-left: 0px; } .main-menu.active{background-color:#2d3235} .main-menu.active>ul{display:block; width: 180px;} .main-menu h6{display:block;margin:0;padding:16px 35px 24px 19px;color:#959595;font-size:12px;text-transform:uppercase;text-align:right;cursor:pointer;-webkit-box-sizing:border-box;-moz-boxing:border-box;box-sizing:border-box;width:100%} .main-menu h6:after{display:inline-block;content:"";vertical-align:text-bottom;width:18px;height:18px;margin-left:8px;border-radius:8px;background:#363636 url(../images/nav_arrow.png) 50% 50% no-repeat} .main-menu.active h6:after{background-color:#1f2325} .main-menu ul{display:none;position:absolute;right:0;width:100%;padding-bottom:10px;background:#2d3235;z-index:5} .main-menu li{display:block;float:none;padding:0;border-bottom:1px solid #42474a;text-transform:none; margin:0px;} .main-menu li.sub_company { display:block;} .main-menu li a{display:block;padding:10px 0;color:#fff;font-size:.928em;font-weight:normal; height:auto; line-height:20px;width:100%;} .menu li.active a { background:#2d3235; } .menu li a:hover { background:#666666; } #banner form{display:none} #home{background-image:url(/images/texture.png)} .home-intro{margin:106px 0 27px 0;letter-spacing:0} .home-intro > #content { padding-top:2%; } .home-intro .logo { min-height:inherit; background:none;} .home-intro .logo img { margin-top: 0px; } .home-intro p{padding-left:0; font-size:0.9em; line-height:1.5em;} .home-intro p.tagline{font-size:2em;} .home-intro p.main-quote{margin-bottom:20px;font-size:2em;letter-spacing:-1px} #ourposition .container{overflow:hidden} #ourposition img{max-width:none;width:600px;margin-left:-170px} #partners header { padding: 0px; } div.scrollingHotSpotRight { right: -8%; } div.scrollingHotSpotLeft { left:-8%; } #people .col { padding-top: 0px; } #people header p { font-size:1em; } #people header p br { display:none; } #thumbnails .views-row { width: 50px; height: 63px; } #people #thumbnails { padding-bottom: 20px; } #profiles .photo { width:33%; margin:0px 10px 10px 0px; } #profiles .photo h2 { font-size:1.1em; line-height:1em; padding-top:15px;} #profiles .social_media a{ margin: 0px 1px; } #profiles .info { padding-left:0%; } .case-studies { padding-top:30px; } .case-studies .off { visibility:hidden; } .case-studies tr,.case-studies td, .case-studies table, .case-studies tbody { display:block; border:0px; margin:0px; border-spacing:0px;} .case-studies td { float:left; margin-right:2%; min-width: 100px; min-height:100px; margin-bottom: 2%; border-spacing:0px;width:140px;} .case-studies td td { height:180px; float:none; margin:0px; } .case-studies td a { height:180px;} .case-studies .client { padding:14px 2px 0px 2px; } .case-studies .project { padding:2px 2px 2px 2px; } #scroll-wrap .photos { margin-top:20px;} #scroll-wrap .description { margin-top:20px;} #work>.page{padding-bottom:60px} #work .span_4{display:none} #clients header { padding: 0px; } #services .view-services { padding-left: 0px;width: 98%; } #services header { padding-left:4%; } #services .view-services img { zoom:0.9; } #services .view-services h2 { font-size:1.6em; line-height:1em; padding:5px 0px; } #contact header { padding-top:30px;} #contact .span_5 { padding:30px 0px } #contact td small { font-size:0.5em; line-height:1.9em } #contact td address { padding-top:19px; } #contact .webform-client-form { clear:both; float:none; padding-top:20px;} #scroll-wrap > article { padding: 0px; } .content{width:100%;padding:30px 0 30px} .content #closepage{top:15px} .content .container .row{padding:0} .content h2{font-size:1.25em} .content h2,.content p{margin-bottom:15px} .csscolumns .content .col_2,.csscolumns .content .col_4{-webkit-column-count:1;-moz-column-count:1;column-count:1} .csscolumns .content .col_2-infinity{-webkit-column-width:auto;-moz-column-width:auto;column-width:auto} .content .article-banner.alpha{margin-top:20px} .content .article-banner,.content .article-banner.alpha,.content .article-banner.beta{height:auto;margin-bottom:20px} .content .article-banner .media,.content .article-banner.alpha .media,.content .article-banner.beta .media{width:100%} .content .article-banner img{margin:0;display:block;width:100%;height:auto} .content .article-banner .quote,.content .article-banner.alpha .quote,.content .article-banner.beta .quote{width:100%;height:auto;padding:0} .content .quote blockquote{font-size:1em;padding:10px;line-height:1.3em} .content .body{padding:0} .inline-form .form-header{padding:0 15px}.policy-statement{width:90%;margin:0 auto} .interactive-menu{display:none} .content>footer{padding:0} .col_2-s>.first.column,.col_2-s>.last.column{width:100%} .form-2col{display:none} .inline.form-2col button{min-width:36%} .align-right{float:none} footer .menu { width: 45%; } footer[role=contentinfo]{height:auto;padding:20px 0 40px} .footer-menu,.social-menu{display:block;float:none} .footer-menu li,.social-menu .connect{ font-size:0.8em; width: auto; padding-right: 30px; } .social-menu .connect { float: none; display:block; } .js-watchvideo{display:none} .container{width:84%;padding:0 8%} .container .container{width:100%;padding:0} .no-csscolumns .column{width:100%!important} .csscolumns .col_2{-webkit-column-count:1;-moz-column-count:1;column-count:1} #contact .texture-wrap{background:none} #contact .page{min-height:auto} .contact-us-row { width: 100%; } #banner,.scrollorama{display:block} #homescrollblock{height:131px;background-size:100%;background-position:0!important} #homescrollblock .texture-wrap{background:none}.new-bottom-border{display:none} .container.upgradebrowser{width:84%} } @media screen and (max-width:540px),screen and (max-device-width:540px){ #view-careers h2 { height:auto; min-height:30px; background:none; font-size:1.5em;padding-left: 0px; } #view-careers h2 span { display:block; float:left; background:url('../images/careers-arrow.png') 0px -30px no-repeat; width: 40px; height:30px; margin-bottom:20px; } #view-careers .views-row-open h2 span { background-position: 0px 0px; } .case-studies td, .case-studies td td, .case-studies td td a { height:130px; width:130px; } #clients header { margin-bottom:25px; } .scrollablePartners td { padding:0px 20px; } .scrollableArea td img { zoom:0.9; } #contact .row { padding-left: 0px; } #contact td { display:block;} #contact td.label { padding-bottom: 0px; line-height:1em; } #contact header { padding-bottom:20px; } #contact td small { line-height:1em; } footer .container { padding:0px; } footer .container .logo_copyright { float: none;background: none;width: 70%;margin: 0px auto;text-align: center; padding:0px; height:auto; } footer .container .footer_logo { width:100%; } footer .menu { margin-left:0px; width:70%; margin:0px auto; } footer .menu ul { padding-left:0px; } .footer-menu li { padding:0px; width: 30%; text-align:center; } .social-menu { padding-top:20px; } .social-menu ul { text-align:center; padding-left:0px;} .social-menu li.connect { text-align:center; margin:0px; padding:0px;} } @media screen and (max-width:480px),screen and (max-device-width:480px){ .content .article-banner .media img{margin-left:0} .sub_menu li { font-size:16px; padding-left:0px; padding-right:10px; } .title-description h1 { font-size:2em; } header p { font-size:1em; line-height:1.6em; } .home-intro .logo { float:none; width:100%; background: none; padding:0px 0px 20px 0px; } .home-intro > #content { margin-left:0px; width:100%; padding:0px; } .scrollablePartners div.scrollableArea table { padding: 15px 0px; } div.scrollingHotSpotLeft, div.scrollingHotSpotRight { zoom: 0.8; } .case-studies td, .case-studies td td, .case-studies td td a { height:150px; width:110px; } #people #thumbnails { padding-bottom: 0px; } #people h2 { font-size:1.7em;} #people h4 { font-size:1em; padding-bottom: 0px; } #people h3 { padding-top: 15px; font-size:1.3em; } #profiles .social_media { zoom: 0.9; } #profiles .social_media a { margin:0px; display: block;float: left;} #profiles .photo h2 { font-size:1em; clear:both;} .page { padding-top: 10px; } #services .view-services .views-row { float: none; margin:0px; width:100%; } #services .view-services h2 { font-size:1.3em; } #services header { padding-left:0px; padding-right:0px; } #contact td { font-size:2em; line-height:1em; } #contact td small { font-size:0.6em; } #contact .webform-client-form label { float:none; } fieldset.captcha legend { position:relative; } fieldset.captcha { padding-left: 0px; } #contact .webform-client-form input.form-text, #contact .webform-client-form .form-textarea-wrapper { margin-left: 0px; } #contact .webform-client-form .form-actions { text-align:left; } #contact .social-menu li.connect { font-size: 16px; margin-right: 10px;} #contact .social-menu li { padding-right: 5px; } footer .menu { width:80%; } .footer-menu li { width: 48%; font-size:0.7em; text-align:center;} } @media(max-device-width:1024px)and (orientation:landscape){ #partners .container, #clients .container { width: 84%; } } @media screen and (max-width:360px),screen and (device-width:360px){ .page {padding: 15px 0; } .sub_menu li { font-size:15px; padding-top:10px; padding-bottom:20px; } #post-its { zoom: 0.8; } #people h2 { font-size:1.4em;} #people h4 { font-size:0.8em; } #people h3 { font-size:1.1em; } #clients header { margin-bottom:10px; } div.scrollingHotSpotLeft, div.scrollingHotSpotRight { zoom: 0.6; } .scrollableArea td img { zoom:0.5; } #services .view-services img { zoom:0.8; } #contact td small { font-size:0.5em; } #contact td address { font-size: 0.8em; } #contact .webform-client-form input.form-text, #contact .webform-client-form .form-textarea-wrapper { width: 275px; } #contact .social-menu li.connect { font-size: 15px; margin-right: 8px;} #contact .social-menu li { padding-right: 3px; } } @media (max-height:400px) and (orientation:landscape){ .main-menu>ul { height:190px; overflow-y: scroll; } } @media only screen and (min-width:768px)and (max-width:1023px){ .title-description h1{ 4em; } body{font-size:14px} .content{font-size:16px} .container{width:748px;margin:0 auto;padding-right:10px;padding-left:10px} .page{height:auto} .home-intro{margin:0px 0 40px 0} .home-intro p.tagline { font-size: 2.9em; } .home-intro .logo { min-height: 330px; } .main-menu { margin-left:70px; } .sticky .main-menu { margin-left:30px; } .main-menu li{font-size:1em; margin-right:0px; } .main-menu li a { width: 105px; } .main-menu li a:hover, .main-menu li.active a { background: #666666; -webkit-box-shadow: inset 0px 0px 13px 2px rgba(50, 50, 50, 0.75); -moz-box-shadow: inset 0px 0px 13px 2px rgba(50, 50, 50, 0.75); box-shadow: inset 0px 0px 13px 2px rgba(50, 50, 50, 0.75); } .main-menu li:last-child{} #post-its h2 { font-size: 3.8em; } #post-its .block { padding: 7% 0%; } #post-its p { padding:2px 10% 20px 10%; } #people .col header { padding-right: 5%;} #people .col header br { display:none; } .case-studies { padding-top:20px; } .case-studies .project { line-height:1.2em; } .case-studies .client { line-height:1.2em; padding-bottom:2px; } .case-studies td { display:block; float:left; margin: 0px 12px 12px 0px; border-spacing: 2px; width: 160px; } .case-studies td td, .case-studies td td a { width: 160px; height:160px;float: none; } #services .view-services { padding-left: 0px;width: 98%; } #services header { padding-left:4%; } #blog .page-prev-container,#blog .page-next-container{width:auto} #scroll-wrap > article { padding-left: 40px; } #scroll-wrap header { padding-left:0px; } #contact>.page{min-height:471px} #contact td small {font-size: 0.5em;line-height: 2.2em;} .social-menu ul li{padding-right:2px} .inline-form button{width:49%;min-width:49%} .col_2-s>.column{width:100%} .col_2-s>.first.column{padding-right:19px} .inline.form-2col button{min-width:36%} #banner+,.scrollorama{display:block} #homescrollblock{height:360px} #contact-form{display:none} .container.upgradebrowser{width:718px;padding-left:15px;padding-right:15px} #clients header { margin-bottom:45px; } /* #contact .field-name-body td { display:block; padding-top:0px; line-height: 30px; } #contact td.label{ padding-bottom: 0px; } #contact .webform-client-form { width:400px; } #contact .webform-client-form label { width:100px; } #contact .webform-client-form input.form-text, #contact .webform-client-form .form-textarea-wrapper { width: 280px; margin-left:100px; } fieldset.captcha { padding-left:100px; } #webform-client-form-28 fieldset.captcha { padding-left:116px; }*/ .contact-us-row { width: 100%; } } @media only screen and (width:1024px)and (device-width:1182px){ #contact-form{display:none} #scroll-wrap > article { padding-left:60px; } } @media only screen and (max-width:1024px){ #about .span_10 { width:95%; } #contact-form{display:none} #people #thumbnails { width:100%; height:auto; display:table; height:100px; } #people #thumbnails .views-row { margin-bottom: 10px; max-width:100px; } footer .footer_logo { width: 72%; } footer .logo_copyright { padding-right:3%;width: 39.56%; } .container { width:auto; } } @media only screen and (min-width:768px){ /*#home{background-image:url(../images/texture.png)}*/ .content{width:768px} #work .container { min-height:600px; } } @media only screen and (min-width:1024px){ .content{width:1042px} .scrollorama{display:block} .scrollorama>div{background-position:50% 50%} #homescrollblock{background-image:url(../images/banner-home.jpg);height:466px;margin:0;width:100%} #aboutscrollblock{background-image:url(../images/banner-about.jpg);height:466px;margin:0;width:100%} #partnersscrollblock{background-image: url(../images/banner-partners.jpg);height:466px;margin:0;width:100%} #peoplescrollblock{background-image:url(../images/banner-people.jpg);height:466px;margin:0;width:100%} #workscrollblock{background-image:url(../images/banner-clients.jpg);height:466px;margin:0;width:100%} #servicesscrollblock{background-image:url(../images/banner-services.jpg);height:466px;margin:0;width:100%} #partners { padding-bottom: 65px; } #work .container { min-height:800px; } #scroll-wrap .content { width:90%; } #clients { padding-bottom: 65px; } } @media only screen and (max-width:1024px){ #aboutscrollblock{background-position: 50% -62px;} #partnersscrollblock{background-position: 50% -154px;} #workscrollblock{background-position: 50% -194px;} } @media only screen and (device-width:1024px)and (max-device-height:600px)and (orientation:landscape){ .home-intro{font-size:14px;margin:30px 0 75px} .home-intro .main-quote{margin-bottom:24px} } @media only screen and (min-width:1024px)and (max-width:1181px){ .scrollorama>div{} .main-menu li { margin-right: 10px; } #logo { margin-left:30px;} .main-menu { margin-left: 186px; float:none; display:block; } .sticky .main-menu { margin-left: 45px; } #about .container { width: 100%; } #about .span_10 { width: 90%; } #post-its { max-width: 910px; margin: 0px auto; } #post-its .block{ padding: 8% 0%; } #post-its p { padding: 2px 13% 20px 13%; } #people .col { margin: 0px 0px 0px 30px; } #work .container { width:100%; } #services header { padding-left:50px; } #services .container { width:100%; } #services .view-services { padding-left:0px; width:95%; margin:0px auto; } #contact .container { width:98%; margin:0px auto; } #contact td small { font-size:0.6em; } } @media only screen and (min-width:1082px){ } @media only screen and (min-width:1025px)and (max-width:1400px){ #partners .container { width:100%; } #clients .container { width:100%; } } @media only screen and (min-width:1300px){ .container { width: 1250px; } #scroll-wrap .content { width:1290px; } } @media only screen and (min-width:1902px){ #homescrollblock,#servicesscrollblock,#aboutscrollblock,#partnersscrollblock,#peoplescrollblock,#workscrollblock{background-position:0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} #blog .page{padding-bottom:75px} } .lt-ie9 #contact{height:748px} .lt-ie9 #contact-form .form-section textarea{height:108px} .lt-ie9 #contact-form button[type=submit]{right:0;width:125px} .lt-ie9 #contact-form label{padding-bottom:9px} .lt-ie9 #home{background-image:url(../images/texture.png)} .lt-ie9 #logo{margin-right:125px;width:158px} .lt-ie9 .button{min-width:auto;filter:progid:DXImageTransform.Microsoft.Shadow(color='#d1d1d5',Direction=135,Strength=4);zoom:1;box-sizing:content-box;width:125px} .lt-ie9 .button.gray,.lt-ie9 .not-index #banner{filter:progid:DXImageTransform.Microsoft.Shadow(color='#2c2c2c',Direction=135,Strength=4);zoom:1} .lt-ie9 .scrollorama{display:block} .lt-ie9 .download-button{width:90px;font-size:10px} .lt-ie9 .button-second-line{font-size:8px} .lt-ie8 .center-content{width:90%;margin:0 auto} @media print{ *{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""} pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100%!important} @page{margin:.5cm} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid} #banner{display:none} }