@CHARSET "utf-8"; /* ============================================================================= HTML5 Boilerplate CSS: h5bp.com/css ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: Tahoma,Geneva,sans-serif; color: #555; } ::-moz-selection { background: #5d4738; color: #fff; text-shadow: none; } ::selection { background:#5d4738; color: #fff; text-shadow: none; } a { text-decoration:none; } a:visited { } a:hover { } a:focus { outline: 0; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } body, html { height:100%; min-height:100%; } body { font-family:'Gotham-Book', sans-serif; margin:0; padding:0; font-size:13px; color:#414042; line-height:22px; } input, textarea, select, td, th { font-family:'Gotham-Book', sans-serif; font-size:12px; color:#4c4c4c; line-height:19px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .clearfix { clear:both; height:0px; font-size:0px; line-height:0px; } a:focus, input:focus, textarea:focus { outline:none; } a { text-decoration:none; color:#414042; } .nomarginright { margin-right:0px!important; } .noborder { border:none!important; } h1, h2, h3, h4 { margin:0; padding:0px 0px 12px 0px; } .nomargin { margin:0!important; } .nomarginbottom { margin-bottom:0!important; } .nopaddingbot { padding-bottom:0!important; } p { margin:0; padding:0px 0px 15px 0px; } ul, ol { margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:12px; } ul, ol { padding-left:15px; } table { margin-bottom:12px; } .font16-light { font-size:16px!important; line-height:24px; font-family:'Gotham-Book', sans-serif; } .font16-reg { font-family:'Gotham-Medium', sans-serif; font-size:16px; line-height:28px; } .font18-reg { font-family:'Gotham-Medium', sans-serif; font-size:18px; line-height:32px; } .font22-light { font-size:22px; line-height:28px; font-family:'Gotham-Book', sans-serif; } .font23-reg { font-family:'Gotham-Medium', sans-serif; font-size:23px; font-weight:normal; line-height:34px; } .gotham-light { font-family:'Gotham-Book', sans-serif; } .gotham-medium { font-family:'Gotham-Medium', sans-serif; } .learn-more { font-family:'Gotham-Medium', sans-serif; display:inline-block; color:#fff; text-decoration:none; font-size:12px; text-transform:uppercase; line-height:14px; padding:12px 28px 12px 28px; border:2px solid #fff; } .full-width { } h2.font23-reg { padding-bottom:30px; } h2.font16-light { font-weight:normal; } a.learn-more:hover { background-color:rgba(255, 255, 255, 0.2); } .max850 { max-width:850px; } .overlay { display:none; position:fixed; top:0; left:0; background-color:#1a1a1a; opacity:0.93; filter:alpha(opacity=93); width:100%; height:100%; z-index:1100; } .overlay1 { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1200; } .overlay-content { margin:0 auto; position:relative; top:150px; color:#fff; width:940px; height:300px; } a.close { position:absolute; top:0; right:0; width:23px; height:22px; display:block; background:url(images/close.png) no-repeat left top; } a.close>span { display:none; } .row2cols .col1 { width:300px; float:left; } .row2cols .col2 { width:630px; float:left; } .overlay-content h3 { margin:0; padding:0px 0px 8px 0px; font-size:20px; line-height:25px; font-family:RotisSemiSerifStd, Georgia, Helvetica, sans-serif; font-weight:normal; width:275px; border-bottom:3px solid #fff; } input#keyword { width:930px; font-family:arial, georgia, sans-serif; font-size:84px; line-height:100px; border:none; border-bottom:1px solid #bcbcbc; background:transparent; color:#fff; margin-bottom:4px; } span.newline { display:block; } .nopaddingbottom { padding-bottom:0px!important; } .nopaddingright { padding-right:0!important; } a.mobilemenu { width:37px; height:27px; background:url(images/mobile-menu.jpg) no-repeat left top; position:absolute; top:25px; right:0px; display:none; } a.mobilemenu>span { display:none; } div.mobile-menu { display:none; } .mobile-only { display:none; } a img { border:none; } div.aside-menu { width:155px; float:left; background:#414042; position:fixed; top:0; left:0; padding:0px 40px 0px 40px; height:100vh; overflow-x:hidden; overflow-y:auto; } div.aside-menu>div { min-height:600px; position:relative; height:100%; } div.content { padding:0px 0px 0px 235px; min-height:100vh; } div.slideshow { position:relative; width:100%; min-width:965px; min-height:100%; height:100vh; } div.slides { width:100%; min-width:965px; height:100vh; position:absolute; top:0; left:0; z-index:1000; } div.slides>div.slide { width:100%; min-width:965px; height:100%; background-size:cover!important; background-position:center center; background-repeat:no-repeat; } div.slides>div.slide>div.caption { display:table; width:100%; height:100%; max-width:525px; margin:0 auto; } div.slides>div.slide>div.caption>div { display:table-cell; vertical-align:middle; text-align:center; color:#fff; } a.asnext, a.asprev { position:absolute; z-index:1201; display:block; width:27px; height:27px; background:url(images/arrow-nav1.png) no-repeat left top; top:49%; right:0; } a.asprev { background-position:left bottom; right:auto; left:0; } a.asnext>span, a.asprev>span { display:none; } div.slidenav { height: 24px; overflow: hidden; position: absolute; width:100%; bottom:95px; left:0; z-index:1300; } ul#ulnav, ul#tnav { float: left; left: 50%; list-style-type: none; margin: 8px 0 0; padding: 0; position: relative; } ul#ulnav li, ul#tnav li { float: left; position: relative; right: 50%; } ul#ulnav a, ul#tnav a { background: url(images/slide-nav1.png) no-repeat scroll 0px -16px transparent; display: block; height: 16px; margin-left: 3px; margin-right: 3px; width: 16px; } ul#ulnav .activeSlide a, ul#tnav .activeSlide a { background-position: 0px 0px; } ul#ulnav span, ul#tnav span { display: none; } ul#tnav a { background-image:url(images/slide-nav1.png); } div.tnav { height: 24px; overflow: hidden; width:100%; } .icon-scroll, .icon-scroll:before { position: absolute; left: 50%; bottom:45px; z-index:1300; } .icon-scroll { width: 16px; height: 25px; margin-left: -8px; box-shadow: inset 0 0 0 1px #fff; border-radius: 5px; } .icon-scroll:after { content:'SCROLL'; color:#fff; text-transform:uppercase; font-size:10px; position:relative; top:30px; left:-11px; } .icon-scroll:before { content: ''; width: 1px; height: 5px; background: #fff; margin-left: -1px; top: 4px; border-radius: 0px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; } @-webkit-keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(17px); transform: translateY(17px); } } @keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(17px); transform: translateY(17px); } } a.logo { display:inline-block; margin:40px 0px 30px 0px; } div.menu ul { margin:0; padding:0; list-style-type:none; } div.menu ul a, div.lang-selector a { text-transform:uppercase; font-size:12px; font-family:'Gotham-Book', sans-serif; text-transform:uppercase; color:#fff; line-height:13px; height:13px; display:inline-block; padding:13px 0px 13px 0px; } div.menu ul a:hover, div.menu ul a.current, div.lang-selector a:hover, div.lang-selector a.current { color:#dc6026; font-family:'Gotham-Medium', sans-serif; } div.lang-selector { padding:0px 0px 20px 0px; } div.lang-selector>span { color:#fff; line-height: 8px; font-family: arial, sans-serif; display: inline-block; padding:0px 1px 0px 1px; height: 10px; overflow: hidden; position: relative; top: 1px; } div.copyright { font-size:10px; line-height:18px; color:#808080; position:absolute; bottom:15px; } a.amfb>span, a.aminst>span, a.amlin>span { display:none; } a.amfb, a.aminst, a.amlin { display:inline-block; width:18px; height:18px; background:url(images/social-logo.png) no-repeat left top; margin:0px 15px 0px 0px; } a.amfb { margin-right:10px; } a.aminst { background-position:0px -36px; } a.amlin { background-position:0px -18px; } div.home-content { padding:0px 0px 35px 0px; } div.home-content>div.intro { padding:60px 90px 15px 90px; max-width:780px; text-align:center; margin:0 auto; margin-bottom:80px; background:url(images/border-short.png) no-repeat center bottom; } div.intro>h1 { font-size:23px; text-transform:uppercase; padding-bottom:45px; } div.home-testimonials { width:780px; margin:0 auto; text-align:center; padding:0px 0px 60px 0px; } /*div.tslides>div.item { height:230px; }*/ p.tcontent { height:85px; overflow:hidden; padding-bottom:0; margin-bottom:15px; font-size:22px; line-height:28px; font-family:'Gotham-Book', sans-serif; } p.tname { line-height:22px; } p.tname>span.name { font-weight:bold; } div.home-content h3 { font-size:23px; text-transform:uppercase; padding-bottom:45px; text-align:center; } div.home-projects { width:936px; margin:0 auto; padding:0px 0px 155px 0px; } div.hprojects>div.project { width:312px; padding:0px 0px 12px 0px; float:left; } div.hprojects>div.project:nth-child(3n+1) { clear:left; } div.project>div.pcontainer { width:290px; margin:5px; padding:0px 0px 5px 0px; -webkit-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); -moz-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); background:#fff; text-align:center; min-height:442px; } h4.pname { padding:0; } p.pimg { padding-bottom:32px; } p.pimg a { display:inline-block; position:relative; } p.pimg a:after { content:''; border-bottom:11px solid #fff; border-left:12px solid transparent; border-right:12px solid transparent; display:block; width:0px; height:0px; position:absolute; bottom:0; left:140px; z-index:100; } p.ptype { background:url(images/border-short1.png) no-repeat center bottom; margin-bottom:15px; } p.pverb { width:260px; height:95px; overflow:hidden; padding:0; margin:0px auto 20px auto; } h4.pname>a { font-size:14px; text-transform:uppercase; color:#523e31; } a.padetail>span { display:none; } a.padetail { display:inline-block; width:32px; height:32px; background:url(images/read-more.png) no-repeat left top; } div.home-blogs { margin:0px auto; padding-top:0; padding-bottom:35px; } div.hblogs { /* max-width:890px; */ max-width:920px; margin:0 auto; } div.hblogs>div.blog { width:50%; float:left; } div.hblogs>div.blog:nth-child(2n+1) { clear:left; } div.hblogs>div.blog>div.blog-container { -webkit-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); -moz-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); background:#fff; /* margin:5px 8px 5px 5px; */ margin:5px 8px 5px 0px; padding:30px 20px 17px 20px; } div.hblogs>div.blog:nth-child(2n)>div.blog-container { margin:5px 0px 5px 8px; } div.blog p.full-width>img, div.page-content p.full-width>img { margin-left:-45px; min-width:100%; height:auto; max-width:none; } div.blog p.full-width { display:none; } div.home-blogs>div.blog.blog-0 { /*padding-left:45px; padding-right:45px;*/ max-width:936px; margin:0 auto; float:none; } div.home-blogs>div.blog.blog-0 p.full-width>img { width:100%; margin:0; max-width:100%; } div.home-blogs>div.blog.blog-0 p.full-width { display:block; } div.home-blogs>div.blog.blog-0>div.blog-container { background:none; margin:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } div.blog-container { color:#414042; } div.blog-container h4 a { text-transform:uppercase; font-size:15px; } div.blog-container h4 { padding-bottom:4px; } div.hblogs div.blog-container h4 { height:27px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; } div.blog-container p.bpara { padding-top:20px; padding-bottom:25px; } div.blog-0>div.blog-container p.bpara { padding-top:10px; } div.posted-info { font-size:11px; font-family:'Gotham-Book', sans-serif; } div.posted-info a { color:#414042; } div.posted-info>div.l, div.posted-info>div.r { width:50%; float:left; } div.posted-info p { padding-bottom:7px; } div.posted-info>div.r { text-align:right; } div.hblogs div.posted-info { padding-bottom:15px; } div.hblogs div.posted-info>div.r { display:none; } div.hblogs div.posted-info>div.l { width:100%; float:none; } div.hblogs div.bcontent { border-top:1px solid #cccccc; } div.hblogs div.blog-container p.bpara { min-height:88px; } a.areadmore { display:inline-block; padding:5px 10px 5px 45px; line-height:22px; color:#523e31; text-transform:uppercase; background:url(images/read-more.png) no-repeat left top; font-family:'Gotham-Medium', sans-serif; } div.newsletter-box { background-color:#414042; background-repeat:no-repeat; color:#fff; width:360px; padding:30px 20px 5px 540px; min-height:370px; margin:0 auto; font-size:15px; line-height:24px; } div.newsletter-box h3 { font-size:16px; text-align:left; padding-bottom:22px; } div.page-content div.newsletter-box p { padding-bottom:15px; } div.newsletter-box>p { padding-bottom:20px; } form#frmSubscribe input[type=text], form#frmSubscribe input[type=email] { font-size:16px; font-family:'Gotham-Medium', sans-serif; line-height:18px; height:18px; padding:16px 30px 16px 30px; width:300px; border:none; } form#frmSubscribe input[type=submit] { border:1px solid #dc6026; background:transparent; padding:12px 50px 12px 50px; text-transform:uppercase; font-size:13px; font-family:'Gotham-Medium', sans-serif; color:#dc6026; } ::placeholder { color:#b2b2b2; } /* ul.sub-nav { list-style-type:none; padding:0; margin:45px 0px 70px 45px; height:13px; } ul.sub-nav>li { float:left; padding:0px 60px 0px 0px; } ul.sub-nav>li>a { color:#808080; text-transform:uppercase; line-height:13px; font-family:'Gotham-Medium', sans-serif; } ul.sub-nav>li>a:hover, ul.sub-nav>li>a.current { color:#523e31; } */ div.page-content { padding:0px 20px 45px 45px; } div.page-content h1, div.page-content h3.h1 { font-size:18px; line-height:28px; text-transform:uppercase; font-family:'Gotham-Book', sans-serif; padding-bottom:35px; /* font-weight:normal; */ } div.page-content p { padding-bottom:25px; max-width:850px; } div.page-content p.video-iframe{ max-width:100%; } div.separator { background:url(images/border-short.png) no-repeat 0px 5px; height:10px; padding:0px 0px 30px 0px; } div.page-content h2 { font-size:18px; color:#513d30; text-transform:uppercase; line-height:18px; font-family:'Gotham-Book', sans-serif; padding-bottom:45px; /* font-weight:normal; */ } ul.partners, ul.teams { margin:0; padding:0; list-style-type:none; max-width:850px; } ul.partners>li { width:33%; float:left; } ul.partners>li:nth-child(3n+1) { clear:left; } ul.partners>li:nth-child(3n-1) { text-align:center; } ul.partners>li:nth-child(3n) { text-align:right; } ul.partners>li img { max-width:90%; height:auto; } ul.teams { max-width:880px; overflow:hidden; padding-bottom:35px; } ul.teams>li { float:left; width:160px; text-align:center; padding:0px 60px 0px 0px; } ul.teams>li:nth-child(4n+1) { clear:left; } ul.teams>li>a { display:inline-block; } h1.team { display:none; } ul.teams h3 a { font-size:12px; color:#523e31; font-family:'Gotham-Medium', sans-serif; font-weight:normal; } ul.teams h3 { padding-bottom:0; } ul.teams p { font-size:12px; line-height:15px; } ul.teams a>img, img.imgteam { -webkit-border-radius: 160px; -moz-border-radius: 160px; border-radius: 160px; -webkit-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); -moz-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); } div.team-content { text-align:center; max-width:850px; } div.team-content h1 { padding-bottom:0; } div.testimonials>div.testimonial, div.partners>div.partner { width:320px; padding:40px 40px 20px 40px; float:left; -webkit-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); -moz-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); background:#fff; margin:0px 20px 20px 0px; } div.partners>div.partner { width:325px; margin:0px 30px 40px 0px; } div.testimonial, div.partner { font-size:16px; } div.testimonial img { max-width:300px; height:auto; } div.page-content p.timg { padding-bottom:50px; padding-top:10px; } div.page-content p.tname { padding-bottom:0; font-family:'Gotham-Medium', sans-serif; } p.full-width>img { max-width:100%; } div.page-content div.partner p.full-width>img { margin-left:-40px; max-width:none; } div.page-content div.partner p.full-width { padding-bottom:45px; } div.page-content p.plogo { padding:0px 0px 40px 0px; height:45px; vertical-align:middle; display:table-cell; } div.page-content.pt133 { padding-top:133px; } p.tweb>span { text-transform:uppercase; } div.projects { padding:0px 0px 0px 20px; } div.projects>div.project { width:300px; margin:0px 15px 15px 0px; float:left; } div.projects>div.project p.pimg img { min-width:100%; max-width:100%; height:auto; } div.projects>div.project p.pimg a { display:block; } div.projects p.pimg { padding-bottom:20px; } div.projects p.pname a { color:#523e31; font-family:'Gotham-Medium', sans-serif; font-size:14px; text-transform:uppercase; line-height:15px; height:37px; overflow:hidden; display:block; } div.projects p.pname { padding-bottom:0; } div.projects p.ptype { height:46px; overflow:hidden; line-height:23px; background:none; margin-bottom:5px; } ul.category-filter, ul.sub-nav, dl#dpcategory, div.mobile-cover-top { list-style-type:none; padding:45px 0px 45px 18px; margin:0; margin-left:-45px; height:43px; position:fixed; top:0; background:#fff; z-index:1500; width:100%; } ul.category-filter>li, ul.sub-nav>li { float:left; padding:0px 8px 0px 0px; } ul.category-filter>li>a, ul.sub-nav>li>a { display:block; color:#808080; font-family:'Gotham-Medium', sans-serif; line-height:15px; padding:14px 22px 14px 22px; text-transform:uppercase; } ul.category-filter>li>a.current, ul.category-filter>li>a:hover, ul.sub-nav>li>a.current, ul.sub-nav>li>a:hover { border:2px solid #523e31; color:#523e31; padding:12px 20px 12px 20px; } div.page-content h1.ptitle { font-size:30px; line-height:30px; font-family:'Gotham-Book', sans-serif; padding-bottom:25px; } div.project-detail { margin:0px 25px 50px 25px; background:#fff; -webkit-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); -moz-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); padding:25px 20px 5px 20px; color:#808080; } div.pleft { width:60%; float:left; } div.pleft p { max-width:90%; } div.pright { width:40%; float:right; } div.pright p.pcat, div.pright p.pyear { padding-bottom:25px; } div.project-images { padding:0px 45px 45px 45px; } figure { padding:0px 0px 35px 0px; } figure img { max-width:100%; min-width:100%; height:auto; } figcaption { max-width:850px; margin:0; text-align:left; padding:20px 0px 0px 0px; } div.project-detail h2, div.project-detail h3 { font-size:13px; text-transform:uppercase; line-height:15px; color:#523e31; padding:0px 0px 10px 0px; } p.pcat>a { font-size:12px; display:inline-block; background-color:#414042; line-height:14px; padding:4px 7px 4px 7px; color:#fff; } a.atoport { display:inline-block; line-height:19px; background:url(images/thumbnails.png) no-repeat left top; padding:0px 0px 0px 45px; font-family:'Gotham-Medium', sans-serif; text-transform:uppercase; } a.aclientweb { display:block; line-height:32px; background:url(images/read-more.png) no-repeat left top; padding:0px 0px 7px 50px; font-family:'Gotham-Medium', sans-serif; text-transform:uppercase; } div.page-content.withpadtop { padding-top:45px; } div.page-content.withonlypadtop { padding:45px 0px 0px 0px; } div.services { max-width: 850px; } div.services>div.service { width:230px; float:left; margin:0px 70px 10px 0px; text-align:center; } div.services>div.service img { max-width:225px; height:auto; } div.services>div.service:nth-child(3n) { margin-right:0; } div.services>div.service:nth-child(3n+1) { clear:left; } div.services>div.service h2 { font-size:13px; max-width:225px; padding-bottom:20px; min-height:36px; } div.services>div.service p { max-width:225px; } p.scontent { height:176px; overflow:hidden; padding-bottom:20px; } a.viewdet { display:block; font-family:'Gotham-Medium', sans-serif; line-height:15px; border:2px solid #523e31; color:#523e31; padding:12px 20px 12px 20px; text-transform:uppercase; } div.service-detail { max-width:880px; color:#808080; } div.sleft { width:110px; margin:0px 40px 0px 0px; float:left; } div.sleft img { max-width:100%; height:auto; } div.page-content div.sright h1 { padding-bottom:20px; color:#523e31; } div.page-content div.sright h2 { font-size:16px; padding-top:45px; padding-bottom:30px; } div.sright { width:720px; float:right; } a.aback { display:inline-block; font-family:'Gotham-Medium', sans-serif; line-height:15px; border:1px solid #523e31; color:#523e31; padding:12px 30px 12px 30px; text-transform:uppercase; } ul.thservices { margin:0; padding:0; list-style-type:none; max-width:485px; } ul.thservices>li { float:left; width:110px; padding:0px 45px 45px 0px; } ul.thservices>li a { display:inline-block; font-family:'Gotham-Medium', sans-serif; font-size:12px; line-height:15px; text-align:center; } ul.thservices>li a>span.name { display:block; padding:20px 0px 0px 0px; } ul.thservices>li img { max-width:100%; height:auto; } ul.thservices>li:nth-child(3n+1) { clear:left; } dl.dropdown dd, dl.dropdown dt, dl.dropdown ul { margin:0px; padding:0px; width:265px; } dl.dropdown dd { position:relative; } dl.dropdown dd a:hover, .dropdown dd a.current { color:#f2f2f2; } dl.dropdown dt a { display:block; font-size:13px; line-height:14px; padding:11px 35px 11px 15px; cursor:pointer; border:2px solid #523e31; color:#523e31; font-family:'Gotham-Book', sans-serif; font-weight:bold; background:url(../images/arrow-down.png) no-repeat 230px 14px; text-transform:uppercase; } dl.dropdown dd ul { background:#523e31; color:#fff; display:none; left:0px; position:absolute; top:0px; width:100%; list-style:none; z-index:1100; max-height:250px; overflow-y:auto; overflow-x:hidden; z-index:1300; } dl.dropdown span.value { display:none;} dl.dropdown dd ul li { padding:0px 12px 0px 12px; } dl.dropdown dd ul li a { display:block; font-size:13px;font-weight:bold; line-height:15px; padding:11px 3px 11px 3px; cursor:pointer; color:#fff; font-family:'Gotham-Book', sans-serif; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #fff; } dl.dropdown dd ul li:last-child a { border-bottom:none; } dl.dropdown dd ul li a:hover { color:#f2f2f2; } dl.dropdown ul li { padding:0px; background:none; } div.clients>div.client { width:170px; height:160px; display:table; float:left; margin:0px 8px 8px 0px; } div.clients>div.client>div { display:table-cell; text-align:center; vertical-align:middle; } div.career-page { color:#808080; } div.page-content.withpadtop.career-page h1 { color:#523e31; padding-bottom:60px; } div.page-content.withpadtop.career-page h2, div.page-content.withpadtop.career-page h3 { padding-bottom:30px; color:#523e31; } div.page-content.withpadtop.career-page p.full-width { padding-bottom:10px; } div.cleft, div.cright { width:50%; float:left; min-height:400px; } div.page-content.withonlypadtop h1 { padding-left:45px; } div.cright iframe { width:100%; min-height:100%; display:block; } div.g-recaptcha { height:78px; padding:0px 0px 25px 0px; } div.cleft>div { padding:0px 45px 0px 45px; } div.cleft>div>p { padding-bottom:18px; } form#frmContact, form#frmCustomSubscribe { margin:0; padding:15px 0px 45px 0px; } form#frmContact label, form#frmCareer label, form#frmCustomSubscribe label { display:block; font-weight:bold; line-height:30px; color:#523e31; } form#frmContact p, form#frmCareer p, form#frmCustomSubscribe p { padding-bottom:15px; } form#frmContact input[type=text], form#frmContact input[type=email], form#frmContact select, form#frmContact textarea, form#frmCareer input[type=text], form#frmCareer input[type=email], form#frmCareer select, form#frmCareer textarea, form#frmCustomSubscribe input[type=text], form#frmCustomSubscribe input[type=email], form#frmCustomSubscribe select, form#frmCustomSubscribe textarea { background:#f8f8f8; border:none; font-size:13px; color:#523e31; line-height:16px; padding:10px 10px 10px 10px; width:320px; color:#808080; } form#frmContact select, form#frmCareer select { width:340px; height:36px; } form#frmContact textarea, form#frmCareer textarea { resize:none; height:145px; } form#frmCareer p, form#frmCustomSubscribe p { min-width:100%; } span.helper { color:#523e31; } input.btnSendContact, input.btnCancel, input.btnCustomSubscribe, input.btnSubscribeCancel { border:none; background-color:#414042; color:#fff; text-transform:uppercase; font-size:12px; font-weight:bold; line-height:14px; height:35px; padding:10px 30px 10px 30px; } input.btnCancel, input.btnSubscribeCancel { background-color:#cccccc; margin-left:5px; } div.message { font-weight:bold; font-style:italic; color:#414042; padding:0px 0px 15px 0px; } div.careers>div.career { width:240px; padding:30px 20px 10px 20px; float:left; -webkit-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); -moz-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); background:#fff; text-align:center; margin:0px 20px 20px 0px; cursor:pointer; } div.page-content.withpadtop.career-page div.career h2 { height:36px; overflow:hidden; padding-bottom:10px; font-size:16px; font-weight:normal; } div.page-content div.ccontent { height:66px; padding-bottom:15px; overflow:hidden; } div.career-detail { text-align:center; max-width:770px; } div.page-content.withpadtop.career-page.career-detail h1 { font-size:24px; font-weight:normal; padding-bottom:25px; } div.page-content.withpadtop.career-page.career-detail h2 { font-size:13px; padding:10px 0px 0px 0px; line-height:25px; } div.page-content.withpadtop.career-page.career-detail p { padding:0; line-height:25px; } div.page-content.withpadtop.career-page h3.appform { color:#414042; font-size:13px; line-height:15px; padding:40px 0px 40px 0px; text-transform:uppercase; } div.blogs>div.blog { width:280px; float:left; margin:0px 20px 20px 0px; -webkit-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); -moz-box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); box-shadow: 0px 3px 10px 0px rgba(204,203,203,1); background:#fff; } div.blogs>div.blog p.full-width { display:block; padding-bottom:17px; } div.blogs>div.blog div.top { border-bottom:1px solid #cccccc; } div.blog-container div.bcontent { padding:5px 0px 0px 0px; } div.blog-container { padding:30px 20px 0px 20px; } div.blogs>div.blog p.full-width>img { margin-left:-20px; max-width:100%; } div.blogs>div.blog div.posted-info { color:#999999; padding-bottom:10px; } div.blogs { padding:0px 0px 20px 0px; } div.page-content.withpadtop.blog-page { position:relative; } div.mw900 { max-width:900px; } div.page-content.withpadtop.blog-page h1 { padding-bottom:50px; color:#523e31; } div.page-content.withpadtop.blog-page h2 { font-size:15px; line-height:18px; padding-bottom:7px; color:#523e31; } div.page-content.withpadtop.blog-page h2.sbloginfo { font-size:30px; line-height:31px; padding:30px 0px 34px 0px; color:#523e31; } div.page-content.withpadtop.blog-page h3 { font-size:14px; line-height:16px; padding:0px 0px 30px 0px; text-transform:uppercase; color:#523e31; } div.page-content.withpadtop.blog-page { color:#808080; } div.page-content.withpadtop div.posted-info p { padding-bottom:10px; } div.borderseparator { border-top:1px solid #523e31; padding:0px 0px 35px 0px; } dl#dmonth, dl#dcategory, dl#dpcategory { display:inline-block; margin:0; } dl#dmonth { margin-right:20px; margin-left:0; } form#frmSearchBlog { position:absolute; top:45px; right:45px; display:inline-block; } form#frmSearchBlog input[type=image] { position:absolute; top:9px; right:10px; } form#frmSearchBlog input[type=text] { background:#fff; border:none; color:#808080; line-height:16px; padding:7px 28px 7px 12px; height:16px; width:165px; } div.page-content img { max-width:100%; height:auto; } div.page-content.withpadtop.blog-page h3.h1 { padding-bottom:70px; } div.page-content.withpadtop.blog-page h1.blogtitle { font-size:14px; line-height:15px; padding:0px 0px 5px 0px; } div.page-content.withpadtop.blog-page h4 { text-transform:uppercase; font-size:12px; padding:10px 0px 5px 0px; } div.addthis_sharing_toolbox { padding:0px 0px 45px 0px; } div.at-share-btn { width:36px; height:36px; } .at-share-tbx-element .at-icon-wrapper { background:none!important; } a.at-svc-twitter>span.at-icon-wrapper, a.at-svc-facebook>span.at-icon-wrapper { background-color:#513d30!important; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } a.at-svc-twitter>span.at-icon-wrapper>svg, a.at-svc-facebook>span.at-icon-wrapper>svg { width:28px!important; height:28px!important; margin:2px 0px 0px 2px; } .at-share-tbx-element .at-share-btn { margin:0px 10px 0px 0px!important; } img#imgloading { position:absolute; top:-100px; left:0; } div.page-content.withpadtop.blog-page div.newsletter-box p { color:#fff; } a.mobile-menu, a.menu-close, div.mobile-only { display:none; } /* div.content, div.page-content, div.blog, div.project { -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } */ div.mobile-cover-top { display:none; } #fancybox-overlay { z-index:1500; } #fancybox-wrap { z-index:1501; } #fancybox-content { z-index:1502; } #fancybox-close { z-index:1504; } .video-iframe { position: relative; width:90%; padding-bottom: 56.27%!important; padding-top: 0px; height: 0; overflow: hidden; margin:0px 0px 15px 0px; } .max850 .video-iframe { width:100%; } .video-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display:block; } div.row { clear:left;} div.row>div.image { float:left; margin:0px 15px 15px 0px; } div.row>div.image>img { max-width:100%; height:auto; } div.row>div.fluidcontent { padding:0px 0px 0px 315px; } div.form-error { font-weight:bold; text-align:center; font-style:italic; } div.intro>h1, div.home-content h3, div.newsletter-box h3, a.areadmore, div.page-content h1, div.page-content h3.h1, div.page-content h2, div.page-content.withpadtop.blog-page h3, div.page-content.withpadtop.career-page h1, div.page-content.withpadtop.career-page h3, div.page-content.withonlypadtop h1 { color:#dc6026; } div.services>div.service h2 { color:#414042; } a.wa-icon { display:block; width:50px; height:50px; position: fixed; bottom:50px; right:50px; z-index:99999; } a.wa-icon>img { max-width: 100%; height:auto; } @media screen and (max-width:1199px) { div.desktop-only { display:none; } div.mobile-only { display:block; } div.aside-menu { display:none; position:fixed; top:0; left:0; width:100%; padding-left:0; padding-right:0; text-align:center; z-index:1520; max-height:100vh; overflow-x:hidden; overflow-y:auto; } div.menu { padding-bottom:100px; position:relative; } div.menu ul a { display:block; } a.logo { margin:77px 0px 75px 0px; } a.logo>img { width:212px; height:auto; } div.copyright { left:50%; margin-left:-50px; text-align:center; bottom:10px; } div.content { padding-left:0; } div.slideshow, div.slides, div.slides>div { max-width:100%; min-width:100%; } a.mobile-menu { display:block; width:29px; height:21px; position:absolute; top:30px; left:26px; z-index:1510; background:url(images/menu.png) no-repeat left top; } a.mobile-menu.opages { background-position:0px -21px; position:fixed; } a.mobile-menu>span, a.menu-close>span { display:none; } a.menu-close { display:block; width:23px; height:23px; background:url(images/close.png) no-repeat left top; position:absolute; top:30px; right:30px; } ul.category-filter, ul.sub-nav, dl#dpcategory, div.mobile-cover-top { padding:55px 0px 35px 65px; margin-left:-70px; } dl#dpcategory, div.mobile-cover-top { padding:65px 0px 25px 65px; } div.mobile-cover-top { display:block; height:0; padding-bottom:10px; } div.home-content div.mobile-cover-top { display:none; } div.intro>h1 { padding-top:50px; } div.page-content { padding-left:70px; padding-right:45px; } div.blog p.full-width>img, div.page-content p.full-width>img { margin-left:-70px; } div.page-content p { max-width:635px; } div.page-content p.video-iframe { max-width:100%; } div.testimonials>div.testimonial, div.partners>div.partner { width:240px; padding:30px 30px 15px 30px; margin:0px 35px 35px 0px; } div.page-content div.partner p.full-width>img { margin-left:-30px; } div.projects { padding:0px 0px 0p 15px; width:670px; margin-left:50px; } div.project-detail { margin-left:70px; margin-right:70px; } div.project-images { padding:0px 70px 0px 70px; } div.services>div.service:nth-child(3n+1) { clear:none; } div.services>div.service:nth-child(2n+1) { clear:left; } div.services>div.service:nth-child(3n) { margin-right:70px; } div.services>div.service:nth-child(2n) { margin-right:0px; } div.services>div.service { margin-bottom:20px; } div.page-content.withpadtop, div.page-content.withonlypadtop { padding-top:75px; } div.service-detail { position:relative; } div.sleft { float:none; position:absolute; top:0; } div.sright { width:auto; padding-left:150px; float:left; } div.clients>div.client { width:150px; height:142px; } div.page-content.withpadtop.blog-page { padding-left:60px; padding-right:35px; } div.blogs>div.blog>div.blog-container { padding-left:20px; padding-right:20px; } div.page-content.withpadtop.blog-page p.full-width>img { margin-left:-60px; } div.page-content.withpadtop.blog-page div.blogs>div.blog p.full-width>img { margin-left:-20px; } div.careers>div.career { width:270px; } div.cleft, div.cright { width:auto; float:none; } div.cleft { margin:0px 70px 0px 70px; } div.cleft>div { padding:0; } div.cright, div.cright iframe { height:400px; min-height:400px; } div.page-content.withonlypadtop h1 { padding-left:70px; } form#frmContact input[type=text], form#frmContact input[type=email], form#frmContact select, form#frmContact textarea { padding-left:0; padding-right:0; text-indent:10px; width:100%; } dl#dindustry { display:none; } div.page-content.withpadtop.blog-page h3.h1 { padding-bottom:30px; } } @media screen and (max-width:965px) { div.content { padding-left:0; } div.slideshow, div.slides, div.slides>div.slide { max-width:100%; min-width:100%; } div.home-projects { max-width:624px; margin:0 auto; padding-bottom:80px; } div.hprojects>div.project:nth-child(3n+1) { clear:none; } div.hprojects>div.project:nth-child(2n+1) { clear:left; } div.home-content>div.intro { padding-left:10px; padding-right:10px; max-width:650px; margin:0 auto; margin-bottom:50px; } div.home-blogs>div.blog.blog-0>div.blog-container { padding-top:0; } div.blog-container { padding-left:0; padding-right:0; } div.newsletter-box { width:auto; max-width:100%; margin-left:24px; margin-right:24px; background-size:395px 322px; padding-left:420px; padding-right:15px; padding-top:25px; min-height:197px; padding-bottom:0; } form#frmSubscribe input[type=text], form#frmSubscribe input[type=email] { padding-left:0; padding-right:0; text-indent:25px; max-width:100%; font-size:13px; line-height:16px; height:16px; padding-top:10px; padding-bottom:10px; } form#frmSubscribe input[type=submit] { height:36px; line-height:16px; padding-top:10px; padding-bottom:10px; } div.home-blogs { width:auto; max-width:100%; margin-left:24px; margin-right:24px; } div.newsletter-box h3 { font-size:13px; line-height:14px; padding-bottom:20px; } div.newsletter-box>p { font-size:12px; line-height:18px; } div.aside-menu>div { min-height:auto; } } @media screen and (max-width:635px) { body { font-size:12px; } h2.font23-reg { font-size:14px; line-height:24px; padding-bottom:20px; } .font16-reg { font-size:12px; line-height:20px; } div.slides>div.slide>div.caption { max-width:80%; } div.home-content>div.intro { padding:35px 15px 10px 15px; margin-bottom:35px; } div.intro>h1, div.home-content h3 { font-size:20px; line-height:25px; padding-bottom:20px; } div.home-testimonials { width:auto; margin:0px 15px 0px 15px; padding-bottom:0; } div.home-projects { max-width:100%; width:auto; margin:0px 15px 0px 15px; padding-bottom:45px; } div.hprojects>div.project { float:none; width:100%; max-width:290px; margin:0 auto; } div.project>div.pcontainer { margin:0; width:100%; min-height:300px; } div.home-blogs { margin-left:15px; margin-right:15px; } div.newsletter-box { margin:0; max-width:100%; padding-left:15px; padding-right:15px; background:#513d30; background-image:none!important; } div.hblogs>div.blog { max-width:290px; width:100%; float:none; margin:0 auto; } div.hblogs>div.blog:nth-child(2n) { display:none; } div.newsletter-box h3 { font-size:13px; line-height:15px; } form#frmSubscribe input[type=submit] { padding-left:38px; padding-right:38px; font-size:12px; } a.menu-close { top:15px; right:15px; } a.logo { margin:50px 0px 40px 0px; } a.logo>img { width:125px; height:auto; } div.copyright { bottom:0; } div.copyright p { padding-bottom:10px; } div.menu ul a { padding:10px 0px 10px 0px; } dl#dpcategory { padding-left:20px; margin-left:-20px; } div.page-content { width:auto; margin:0px 20px 0px 20px; padding-left:0; padding-right:0; } a.mobile-menu { top:15px; left:15px; } div.blog p.full-width>img, div.page-content p.full-width>img { margin-left:-20px; } div.page-content h1, div.page-content h3.h1 { padding-bottom:15px; } .font18-reg { font-size:12px; line-height:22px; } .font16-light { font-size:12px!important; } div.page-content h2 { padding-bottom:30px; font-size:16px; } ul.partners>li { float:none; width:100%; padding-bottom:20px; padding-top:0; } ul.partners>li:nth-child(3n-1),ul.partners>li:nth-child(3n) { text-align:left; } div.teams>h2 { text-align:center; } ul.teams>li { float:none; text-align:center; width:auto; padding:0; padding-bottom:15px; } ul.teams p { padding-bottom:10px; } div.testimonial, div.partner { font-size:12px; } div.testimonials>div.testimonial, div.partners>div.partner { margin:0 auto; margin-bottom:20px; width:auto; max-width:240px; padding:30px 25px 10px 25px; float:none; } div.testimonials>div.testimonial p, div.partners>div.partner p { padding-bottom:20px; } div.testimonials>div.testimonial p.tname, div.partners>div.partner p.tname { padding-bottom:0; } div.page-content div.partner p.full-width>img { margin-left:-25px; } .font22-light { font-size:13px; line-height:22px; } div.page-content div.partner p.full-width { padding-bottom:30px; } div.projects { width:auto; padding:0; margin:0; width:320px; margin:0 auto; } div.projects>div.project { width:auto; margin:0px 20px 25px 20px; min-width:280px; max-width:300px; } div.page-content h1.ptitle { font-size:20px; line-height:25px; } div.project-detail { margin-left:20px; margin-right:20px; } div.pleft, div.pright { width:auto; float:none; } a.aclientweb { background-size:28px 28px; line-height:28px; padding-bottom:20px; } div.project-images { width:auto; padding:0; margin:0px 20px 0px 20px; } div.page-content h1>br, div.page-content h3.h1>br { display:none; } div.services>div.service { margin:0px auto; margin-bottom:20px; float:none; } div.services { padding-top:20px; padding-bottom:20px; } div.services>div.service h2 { min-height:auto; } div.services>div.service:nth-child(2n) { margin-right:auto; } div.sleft { position:inherit; } div.sright { float:none; padding-left:0; } ul.thservices>li:nth-child(3n+1) { clear:none; } div.clients>div.client { width:135px; height:123px; margin:0px 5px 5px 0px; } form#frmSearchBlog { display:none; } div.page-content.withpadtop.blog-page { padding-left:0; padding-right:0; } div.page-content.withpadtop.blog-page p.full-width>img { margin-left:-20px; } dl.dropdown dt a { font-size:12px; } dl#dmonth { margin-bottom:10px; } div.page-content.withpadtop.blog-page h2.sbloginfo { font-size:18px; line-height:25px; padding-top:20px; padding-bottom:20px; } a.aback { padding-top:10px; padding-bottom:10px; } div.page-content.withpadtop.career-page h1 { padding-bottom:40px; } div.careers>div.career { width:auto; min-width:250px; padding-left:15px; padding-right:15px; padding-bottom:0px; padding-top:25px; float:none; margin-left:auto; margin-right:auto; } div.page-content.withonlypadtop h1 { padding-left:20px; } div.cleft { margin-left:20px; margin-right:20px; } div.page-content.withonlypadtop { margin-left:0; margin-right:0; padding-top:70px; } div.page-content.withonlypadtop h1 { font-size:15px; line-height:25px; } /* a.mobile-menu, a.mobile-menu.opages { position:absolute; } */ div.mobile-cover-top { margin-left:-45px; } #fancybox-wrap { z-index:1600; position:fixed!important; top:0!important; left:0!important; border-width:10px!important; padding:0!important; max-height:100vh; overflow:auto; width:100%!important; } #fancybox-content { width:auto!important; padding:0!important; border-width:0!important; min-height:100vh; } #fancybox-content>div { padding:40px 20px 20px 20px!important; } #fancybox-content div.page-content { padding:0!important; } div.row>div.image, div.row>div.fluidcontent { float:none; width:100%; } div.row>div.image { text-align:center; } div.row>div.image>img { width:100%; height:auto; } div.row>div.fluidcontent { padding:0; } div.g-recaptcha { transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin:0 0;-webkit-transform-origin:0 0; } form#frmCustomSubscribe input[type=text], form#frmCustomSubscribe input[type=email], form#frmCustomSubscribe select, form#frmCustomSubscribe textarea { padding-left:0; padding-right:0; max-width:100%; } }