/* Theme Name: Theme URI: Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net Author: Adrian Jones Version: 1.0 License: License URI: Tags: */ * {margin: 0; border: 0; padding: 0; outline: 0;} p, a, small, li, textarea, input, td, tr, .gform_confirmation_message {font-family: 'Asap', sans-serif;} h1, h2, h3, h4, h5 {font-family: 'Asap', sans-serif; font-weight: 500;} .clear {clear: both;} a {text-decoration: none;} html {overflow-y: scroll; background-color: #fff;} ul {list-style-type: none;} img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} .alignright {float:right; } .alignleft {float:left; } .aligncenter {display: block; margin-left: auto; margin-right: auto} img {max-width: 100%; height: auto;} .wrapper {width: 1100px; margin: 0 auto; position: relative;} .wider {width: 1200px;} .wrapper:after {content: ""; display: block; clear: both;} .section {padding: 40px 0;} .centered {text-align: center;} #header {padding: 20px 0; position: relative;} #header .top {position: absolute; right: 0; top: 0; height: 40px;} #header .top > a.toplinks {display: inline-block; background-image: url(images/topbg.png); background-repeat: no-repeat; background-size: auto 100%; text-indent: -9999px; height: 40px; margin: 0 3px; vertical-align: top;} #header .top .toptwit {width: 30px; background-position: 6px -2px;} #header .top .toplink {width: 30px; background-position: -26px -1px;} #header .top .topsearch {width: 40px; background-position: -62px -1px;} #header .top .login {display: inline-block; height: 40px; line-height: 40px; color: #fff; background: #DF0613; font-size: 12px; padding: 0 25px; font-weight: 700;} #header .top #searchbutton {cursor: pointer;} #header .top #searchbox {position: absolute; right: 190px; top: 0;} #header .top #searchbox .search-field {border: 6px solid #DF0613; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 250px; padding: 3px; color: #000; font-size: 16px; -webkit-appearance: none;} #header .logo {max-height: 80px;} #header .menu-menu-1-container {position: absolute; bottom: 20px; right: 0;} #header .menu > li {display: inline-block;} #header .menu > li > a {font-weight: 500; font-size: 13px; color: #000; text-transform: uppercase; padding-left: 2px;} #header .menu > li > a:after {content: "/"; color: #DF0613; padding-left: 6px;} #header .menu > li:last-of-type > a:after {content: ""; padding: 0;} #header .menu > li.active > a, #header .menu > li.current-page-ancestor > a {color: #DF0613;} .banner {position: relative; overflow: hidden;} .banner .baninner {width: 1200px; margin: 0 auto; height: 400px; position: relative;} .banner .baninner .slideleft {position: absolute; height: 400px; top: 0; left: -900px; z-index: -250;} .banner .baninner .slideright {position: absolute; height: 400px; top: 0; right: -815px; z-index: -250;} .banner .baninner .wrapper {height: 400px;} .banner .baninner .wrapper:before {content: ""; display: inline-block; vertical-align: middle; height: 100%;} .banner .baninner .wrapper .overlay {display: inline-block; vertical-align: middle; max-width: 50%;} .banner .baninner .wrapper .overlay h2 {color: #fff; text-transform: uppercase; font-weight: 700; font-size: 70px; line-height: 70px; margin-bottom: 20px;} .banner .baninner .wrapper .overlay h2 span.registered {font-size: 16px; line-height: 22px; vertical-align: top; padding-left: 5px;} .banner .baninner .wrapper .overlay p {color: #fff; font-weight: 700; line-height: 20px;} .banner .baninner .wrapper > a > img {position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -85px; max-height: 170px; max-width: 170px;} .home .intro p {color: #DF0613; font-weight: 700; font-size: 24px; line-height: 32px;} .home .intro a {display: inline-block; color: #DF0613; font-weight: 700; text-transform: uppercase; font-size: 20px; border: 3px solid #DF0613; padding: 3px 8px; margin-top: 20px;} .homeserv {background: url(images/homeservbg.jpg) no-repeat center; background-size: cover; min-height: 400px;} .homeserv .col2 {width: 48%; display: inline-block; border-right: 1px dotted #fff;} .homeserv .wrapper > .column:last-of-type {border: 0;} .homeserv .column img {display: inline-block; margin: 0 auto 10px; max-height: 175px;} .homeserv .column h2 {font-weight: 700; font-size: 70px; line-height: 70px; color: #fff; margin-bottom: 20px; text-transform: uppercase;} .homeserv .wrapper > .column:first-of-type h2 span {color: #24CCFA;} .homeserv .wrapper > .column:last-of-type h2 span {color: #EF8E00;} .homeserv .column p {color: #fff; font-weight: 700; padding-bottom: 20px;} .homeserv .column a {display: inline-block; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 20px; border: 3px solid #fff; padding: 3px 8px;} .tcm .col {width: 48%; float: left;} .tcm .wrapper > div:first-of-type {margin-right: 4%;} .tcm .col h2 {font-size: 40px; margin-bottom: 30px;} .tcm .col p {color: #fff; font-size: 18px; line-height: 24px; padding-bottom: 20px;} .tcm .col img {display: inline-block;} .tcm .col a.button {display: inline-block; background: #fff; color: #ff0000; padding: 3px 8px; font-weight: 700; text-transform: uppercase; font-size: 20px;} .home .process .col {width: 48%; float: left;} .home .process > div:first-of-type {margin-right: 4%;} .home .process .col h2 {font-size: 40px; margin-bottom: 30px;} .home .process .col p {font-size: 18px; line-height: 24px; padding-bottom: 20px;} .home .process .col img {display: inline-block;} .reviews {background: #969696;} .reviews .half {width: 50%; float: left; height: 350px;} .reviews .icon {text-align: center;} .reviews .icon:before {content: ""; display: inline-block; vertical-align: middle; height: 100%;} .reviews .icon img {display: inline-block; vertical-align: middle; max-width: 55%;} .reviews .review {background: #F9F9F9; position: relative;} .reviews .review img.quotetl {position: absolute; top: 30px; left: 30px;} .reviews .review img.quotebr {position: absolute; bottom: 30px; right: 30px;} .reviews .review p.reviewtext {font-style: italic; font-size: 24px; line-height: 30px; padding: 100px 100px 15px 30px;} .reviews .review p.reviewtext span {color: #DF0613;} .reviews .review p.author {padding-left: 30px; color: #DF0613; font-weight: 700;} .reviews .review p.role {padding-left: 30px; font-weight: 700;} .casestudies {background: url(images/cstudybg.jpg) no-repeat center; background-size: cover;} .casestudies h2 {color: #fff; font-size: 40px; margin-bottom: 40px; text-transform: uppercase; text-align: center; font-weight: 700;} .casestudies .flexslider {width: 970px; margin: 0 auto;} .casestudies .flexslider .half {width: 46%; margin: 0 2%; float: left; min-height: 300px;} .casestudies .flexslider .text {color: #fff;} .casestudies .flexslider .text h3 {font-size: 28px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase;} .casestudies .flexslider .text p.subtitle {font-weight: 700; padding-bottom: 15px;} .casestudies .flexslider .text a {display: inline-block; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 20px; border: 3px solid #fff; padding: 3px 8px; margin: 15px 0 0;} .homenews h2 {color: #DF0613; font-size: 40px; margin-bottom: 40px; text-transform: uppercase; font-weight: 700;} .homenews .homepost {width: 320px; float: left; border: 1px solid #DF0613; border-width: 1px 0; padding: 15px; min-height: 380px;} .homenews .section > div:nth-of-type(2) {margin: 0 25px;} .homenews .homepost .img {margin: 0 0 15px;} .homenews .homepost .img:before {content: ""; display: block; padding-top: 50%;} .homenews .homepost p {line-height: 20px;} .homenews .homepost h3 {color: #DF0613; font-weight: 700; text-transform: uppercase; font-size: 24px; min-height: 80px;} .homenews .homepost a.more {color: #DF0613; font-weight: 700; display: inline-block; padding-top: 8px;} .homenews .section > a {display: inline-block; color: #DF0613; font-weight: 700; text-transform: uppercase; font-size: 20px; border: 3px solid #DF0613; padding: 3px 8px; margin: 25px 0 0;} #about .aboutintro p {font-size: 20px; line-height: 28px;} #about .aboutintro p:first-of-type {padding-bottom: 15px;} #about .aboutsects .aboutsect {margin-bottom: 40px;} #about .aboutsects > div:last-of-type {margin: 0;} #about .aboutsects .aboutsect .img {width: 40%; float: left;} #about .aboutsects .aboutsect.imgright .img {float: right;} #about .aboutsects .aboutsect .img:before {content: ""; display: block; padding-top: 66%;} #about .aboutsects .aboutsect .text {width: 55%; float: right; position: relative; min-height: 290px;} #about .aboutsects .aboutsect.imgright .text {float: left;} #about .aboutsects .aboutsect .text img.quotetl {position: absolute;} #about .aboutsects .aboutsect .text img.quotebr {position: absolute; bottom: 30px; right: 30px;} #about .aboutsects .aboutsect .text h3 {color: #DF0613; font-weight: 700; padding-top: 70px; margin-bottom: 5px;} #about .aboutsects .aboutsect .text p {font-size: 14px; padding-bottom: 15px; line-height: 20px;} #about .aboutslide {background: url(images/aboutslidebg.jpg) no-repeat center; background-size: cover;} #about .staff h3 {color: #DF0613; margin-bottom: 5px;} #about .staff p {color: #fff; line-height: 20px;} #about .staff .teamgrid {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #fff;} #about .staff .employee {width: 22%; margin-right: 4%; float: left; padding-top: 25px;} #about .staff .teamgrid > div:nth-of-type(4) {margin: 0;} #about .staff .employee:hover {cursor: pointer;} #about .staff .employee .img {display: block; margin-bottom: 15px;} #about .staff .employee .img:before {content: ""; display: block; padding-top: 66%;} #about .staff .employee p {padding: 0;} #about .staff .empbio p {padding: 20px 0 0;} #about .staff .wrapper > div:last-of-type {border: 0; margin: 0; padding: 0;} #about .cta a {display: inline-block; color: #DF0613; font-weight: 700; text-transform: uppercase; font-size: 20px; border: 3px solid #DF0613; padding: 3px 8px;} .childlist {height: 50px; background: url(images/childlistbg.jpg) no-repeat center; background-size: cover;} .childlist ul {text-align: center;} .childlist ul li {display: inline-block;} .childlist ul li a {color: #000; text-transform: uppercase; line-height: 50px; font-weight: 700; display: block; margin-right: 6px;} .childlist ul.blue li a:after {content: "/"; color: #24CCFA; padding-left: 10px;} .childlist ul.gold li a:after {content: "/"; color: #EF8E00; padding-left: 10px;} .childlist ul li:last-of-type a:after {content: "";} .childlist .blue li.current_page_item a {color: #24CCFA;} .childlist .gold li.current_page_item a {color: #EF8E00;} #toplvlserv .servcont .intro p {font-size: 20px; padding-bottom: 15px; line-height: 28px;} #toplvlserv .servcont .cols1 {text-align: center;} #toplvlserv .servcont .cols1 > div {display: inline-block; width: 20%; margin: 0 2%; vertical-align: top; border-top: 1px solid #24CCFA; text-align: left;} #toplvlserv .servcont .cols1 > div h3 {border-bottom: 1px dotted #24CCFA; font-size: 56px; color: #24CCFA; padding: 10px 0;} #toplvlserv .servcont .cols1 > div h3 span {display: inline-block; vertical-align: top; padding-top: 8px; font-size: 28px;} #toplvlserv .servcont .cols1 > div p {padding-top: 10px; line-height: 20px;} #toplvlserv .servcont .cols1 > div p span {color: #24CCFA; font-weight: 700;} #toplvlserv .servcont .cols2 {text-align: center; position: relative;} #toplvlserv .servcont.blue .cols2 .coloverlay {position: absolute; top: 90px; left: 37px; width: 1025px;} #toplvlserv .servcont.gold .cols2 .coloverlay {position: absolute; top: 90px; left: 68px; width: 965px;} #toplvlserv .servcont .cols2 > div {display: inline-block; width: 20%; margin: 0 2%; vertical-align: top; text-align: center; height: 560px; background: rgba(36,204,250,0.7);} #toplvlserv .servcont .cols2 > div h3 {color: #fff; text-transform: uppercase; padding: 20px; font-size: 26px; height: 260px;} #toplvlserv .servcont .cols2 > div p {padding: 0 20px; min-height: 200px; line-height: 20px;} #toplvlserv .servcont .cols2 > div a {display: inline-block; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 20px; border: 3px solid #fff; padding: 3px 8px;} #toplvlserv .servcont.gold .cols1 > div {border-color: #EF8E00;} #toplvlserv .servcont.gold .cols1 > div p span {color: #EF8E00;} #toplvlserv .servcont.gold .cols1 > div {width: 25%; margin: 0 3%;} #toplvlserv .servcont.gold .cols2 > div {width: 25%; margin: 0 3%; background: rgba(232,138,0,0.7);} #solutions .intro p {font-weight: 700; font-size: 20px; line-height: 28px;} #solutions .solcontent .left {width: 60%; float: left; text-align: left;} #solutions .solcontent .left p {padding-bottom: 20px; line-height: 20px;} #solutions .solcontent .right {width: 30%; float: right; background: #DF0613; color: #fff; padding: 25px 0;} #solutions .solcontent .right ul {padding: 20px 15px 0;} #solutions .solcontent .right ul li {padding: 10px 0; border-bottom: 0.01em solid #fff;} #solutions .solcontent .right ul li a {color: #fff;} #solutions .solcontent .right ul li a:hover {text-decoration: underline;} #solutions .solcontent .right ul li:last-of-type {border: 0;} #contact .contactboxes:after {content: ""; display: block; clear: both;} #contact .contactboxes .box {width: 31%; float: left; margin-right: 3%; background: #fff;} #contact .contactboxes > div.box:last-of-type {margin: 0;} #contact .contactboxes .box .inner {padding: 30px 15px 0; min-height: 375px;} #contact .contactboxes .box .inner h2 {font-size: 48px; margin-bottom: 20px; text-transform: uppercase; font-weight: 700;} #contact .contactboxes .box .inner p {padding-bottom: 15px; line-height: 20px;} #contact .contform h2 {color: #DF0613; font-weight: 700; font-size: 32px;} #contact .gform_wrapper {margin-bottom: 40px;} #contact .gform_wrapper .gfield label {display: none;} #contact .gform_wrapper ul.gform_fields li.gfield {padding: 0;} #contact .gform_wrapper .top_label li.gfield.gf_left_half {padding: 0 10px 0 0;} #contact .gform_wrapper .top_label li.gfield.gf_right_half {padding: 0 0 0 10px;} #contact .gform_wrapper .gform_body input, #contact .gform_wrapper .gform_body textarea {padding: 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} #contact .gform_wrapper .gform_footer {text-align: center;} #contact .gform_footer .button {background: #DF0613; color: #fff; padding: 10px 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} #contact .contform > ul li {display: inline-block; vertical-align: top; background: url(images/twit.png) no-repeat center top; padding-top: 45px; margin: 0 30px;} #contact .contform > ul li a {color: #DF0613; font-weight: 700;} #contact .contform > ul li.linkedin {background-image: url(images/linkedin.png);} #news .post {padding-bottom: 20px; border-bottom: 0.01em solid #000; margin-bottom: 20px;} #news .section > div:last-of-type {border: 0; padding: 0; margin: 0;} #news .post:after {content: ""; display: block; clear: both;} #news .post .img {width: 25%; float: left;} #news .post .text {width: 65%; float: right;} #news .section > div:nth-of-type(even) .img {float: right;} #news .section > div:nth-of-type(even) .text {float: left;} #news .post .text h2 {color: #DF0613; margin-bottom: 15px; font-weight: 700;} #news .post .text p.date {font-weight: 700;} #news .post .text a {font-weight: 700; color: #DF0613; display: inline-block; margin-top: 5px;} #news .post .text .newscontent p {padding-bottom: 15px;} #news .post .text p {line-height: 20px;} #news .contform > ul li {display: inline-block; vertical-align: top; background: url(images/twit.png) no-repeat center top; padding-top: 45px; margin: 0 30px;} #news .contform > ul li a {color: #DF0613; font-weight: 700;} #news .contform > ul li.linkedin {background-image: url(images/linkedin.png);} #childserv .childservcont .left {width: 27%; float: left;} #childserv .childservcont .left p {padding-bottom: 10px;} #childserv .childservcont .left .quote {position: relative; padding-bottom: 70px; margin-bottom: 40px;} #childserv .childservcont .left .quote img.quotetl {position: absolute;} #childserv .childservcont .left .quote img.quotebr {position: absolute; bottom: 0; right: 0;} #childserv .childservcont .left .quote p {font-weight: 700; font-size: 22px; padding: 70px 0 0;} #childserv .childservcont .right {width: 65%; float: right;} #childserv .childservcont .right img {display: block;} #childserv .childservcont.gold .right .inner {padding: 25px; background: #EF8E00;} #childserv .childservcont.blue .right .inner {padding: 25px; background: #24CCFA;} #childserv .childservcont.blue .right .inner .cbt p {padding-bottom: 10px;} #childserv .childservcont.blue .right .inner .cbt ul {margin: 0 0 0 30px;} #childserv .childservcont.blue .right .inner .cbt li {list-style-type: disc; padding: 3px 0;} #childserv .childservcont .right .inner:after {content: ""; display: block; clear: both;} #childserv .childservcont .right .col {width: 48%; float: left; margin-right: 4%;} #childserv .childservcont .right .col h3 {font-weight: 700; margin-bottom: 10px; color: #fff;} #childserv .childservcont .right .inner > div:nth-of-type(2) {margin: 0;} #childserv .childservcont .right .col ul {padding: 10px 0 0;} #childserv .childservcont .right .col ul li {border-bottom: 0.001em solid #000; padding: 3px 0;} #childserv .childservcont .botbut a {display: inline-block; margin: 40px 0 20px; color: #24CCFA; font-weight: 700; text-transform: uppercase; font-size: 20px; border: 3px solid #24CCFA; padding: 3px 8px;} #childserv .childservcont.gold .botbut a {color: #EF8E00; border-color: #EF8E00;} #childsols .childlist ul li a {font-size: 14px;} #childsols .childlist ul.red li a:after {content: "/"; color: #DF0613; padding-left: 10px;} #childsols .childlist ul li:last-of-type a:after {content: "";} #childsols .childlist .red li.current_page_item a {color: #DF0613;} #childsols .intro p {font-size: 20px; line-height: 28px;} #childsols .intro p:first-of-type {font-weight: 700; padding-bottom: 20px;} #childsols .solcontent .left {width: 47%; float: left;} #childsols .solcontent .right {width: 47%; float: right; background: #fff; position: relative; min-height: 300px; text-align: left;} #childsols .solcontent .right .quotetl {position: absolute; top: 30px; left: 30px;} #childsols .solcontent .right .quotebr {position: absolute; bottom: 30px; right: 30px;} #childsols .solcontent .right p.quote {font-style: italic; font-size: 20px; line-height: 28px; padding: 100px 30px 20px 30px;} #childsols .solcontent .right p.author {font-size: 14px; font-weight: 700; color: #df0613; padding: 0 0 0 30px;} #childsols .solcontent .right p.role {font-size: 14px; font-weight: 700; padding: 0 0 0 30px;} #childsols .cols {} #childsols .cols .col {width: 30%; float: left; margin-right: 5%; text-align: left;} #childsols .cols > div:nth-of-type(3) {margin: 0;} #childsols .cols .col img {max-height: 50px; display: block; margin-bottom: 15px;} #childsols .cols .col h3 {color: #df0613; font-weight: 700;} #childsols .cols .col ul {padding: 10px 0 0;} #childsols .cols .col ul li {border-bottom: 0.001em solid #000; padding: 3px 0;} #childsols .cols .col ul > li:last-of-type {border: 0;} #cstudies .intro p {font-size: 20px; line-height: 28px; color: #df0613; font-weight: 700;} #cstudies .left p {line-height: 20px;} #cstudies .csgrid {margin-top: 50px;} #cstudies .csgrid .cstile {width: 32%; float: left; margin: 0 5px 5px 0; position: relative;} #cstudies .csgrid .cstile:before {content: ""; display: inline-block; padding-top: 80%;} #cstudies .csgrid .cstile .overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: background 1s; transition: background 1s; background: rgba(0,0,0,0.6); padding: 20px; text-align: left;} #cstudies .csgrid .cstile .overlay p {color: #fff; font-weight: bold; padding-bottom: 10px;} #cstudies .csgrid .cstile .overlay h3 {display: inline-block; vertical-align: middle; max-width: 75%; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 26px;} #cstudies .csgrid .cstile:hover > .overlay {background: transparent;} #cstudy .left {width: 66%; float: left;} #cstudy .left .img:before {content: ""; display: block; padding-top: 45%;} #cstudy .left .section .col {width: 47%; float: left; margin-right: 6%;} #cstudy .left .section > div:last-of-type {margin-right: 0;} #cstudy .left .section:after {content: ""; display: block; clear: both;} #cstudy .left .col h2 {color: #df0613; margin: 20px 0 5px;} #cstudy .left p {padding-bottom: 15px; line-height: 20px;} #cstudy .left .col li {padding: 4px 0; border-bottom: 0.001em solid #000;} #cstudy .left .col ul > li:last-of-type {border: 0;} #cstudy .right {width: 30%; float: right; background: #df0613; padding: 40px 0;} #cstudy .right h3 {color: #fff; margin-bottom: 20px;} #cstudy .right p {color: #fff; line-height: 22px;} #inner .content p {padding-bottom: 15px;} #inner .content li {list-style-type: disc; padding: 5px 0;} #inner .content ul {margin: 10px 0 0 30px;} #inner.singlepost .content h1 {margin-bottom: 20px;} #inner.singlepost .content .left {width: 70%; float: left;} #inner.singlepost .content .right {width: 20%; float: right; background: #df0613; padding: 20px 0;} #inner.singlepost .content li {list-style-type: none; padding: 0 20px;} #inner.singlepost .content .widget h2 {color: #fff; margin-bottom: 20px;} #inner.singlepost .content .widget ul {margin: 0;} #inner.singlepost .content .widget li {padding: 6px 0; border-bottom: 0.001em solid #fff;} #inner.singlepost .content .widget ul > li:last-of-type {border: 0;} #inner.singlepost .content .widget li a {color: #fff;} .footer {background: #969696; padding: 30px 0;} .footer ul {margin-bottom: 20px; height: 70px;} .footer ul.leftimages {float: left; text-align: left;} .footer ul.rightimages {float: right; text-align: right;} .footer li {display: inline-block; vertical-align: middle;} .footer ul.rightimages li {margin-left: 6px;} .footer li img {max-height: 45px; max-width: 250px;} .footer p, .footer p a {color: #000; font-weight: 700; font-size: 14px;} .gform_confirmation_message {color: #DF0613;} .gform_wrapper input, .gform_wrapper textarea {} .gform_footer .button {background: #DF0613; color: #fff; padding: 10px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .gform_wrapper div.validation_error, .gform_wrapper .ginput_container + .gfield_description.validation_message {display: none;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required, .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {margin: 0!important; padding: 0!important;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border: 0!important; background-color: transparent!important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required {padding-left: 0!important;} @media all and (max-width : 1200px) { .wrapper.wider {width: auto;} } @media all and (max-width : 1100px) { .wrapper, .banner .baninner {width: auto;} #header, .wrapper.home, .homenews, .homeserv .wrapper, #about > div .wrapper, .banner .baninner .wrapper, .servcont, #solutions > div .wrapper, #cstudies > div .wrapper, #news > div .wrapper, #contact > div .wrapper, .childservcont, #childsols > div > .section, #cstudy > div > .wrapper {margin: 0 15px;} .footer .wrapper {padding: 0 15px;} .homenews .homepost {width: 28%; float: none; display: inline-block; vertical-align: top;} .homenews .section > div:nth-of-type(2) {margin: 0 2%;} .casestudies .flexslider {width: 80%;} .slideleft, .slideright {display: none;} .banner .baninner {height: auto;} #toplvlserv .servcont.blue .cols2 .coloverlay {left: 35px; width: 93%;} #toplvlserv .servcont.gold .cols2 .coloverlay {width: 87%;} #contact .contactboxes {text-align: center;} #contact .contactboxes .box {display: inline-block; margin: 0 1%; float: none;} iframe {max-width: 100%;} #childsols .solcontent .right p.quote {padding-bottom: 90px;} .childlist {height: auto;} } @media all and (max-width : 999px) { #header .menu-menu-1-container {position: static; margin-top: 20px; text-align: center;} #toplvlserv .servcont.gold .cols2 .coloverlay {left: 60px;} } @media all and (max-width : 899px) { .homenews .homepost {width: 60%;} .home .process .col {width: auto; float: none;} .home .process > div:first-of-type {margin-right: 0;} .footer ul.leftimages, .footer ul.rightimages {float: none; text-align: center;} .reviews {margin: 0 15px 40px;} .reviews .wrapper.section {padding: 0;} .reviews .half {width: auto; float: none;} #about .aboutsects .aboutsect .text img.quotebr {bottom: 0;} #toplvlserv .servcont.blue .cols2 .coloverlay {left: 26px; width: 94%;} #toplvlserv .servcont .cols2 > div {height: 600px;} #toplvlserv .servcont.gold .cols2 .coloverlay {left: 56px; top: 125px;} #cstudies .csgrid .cstile .overlay h3 {font-size: 20px; max-width: 95%;} #contact .contactboxes .box .inner p {overflow-wrap: break-word;} .banner .baninner .wrapper > a > img {left: 75%;} } @media all and (max-width : 799px) { .casestudies .flexslider .half {width: auto; float: none; min-height: 0;} .casestudies .flexslider .half.img {margin-top: 30px;} .casestudies .flexslider .half.img:before {content: ""; display: inline-block; padding-top: 50%;} .homeserv .col2 {width: auto; padding-bottom: 30px; margin-bottom: 30px; border: 1px dotted #fff; border-width: 0 0 1px 0;} .homeserv .wrapper > .column:last-of-type {padding: 0; margin: 0;} .banner .baninner .wrapper .overlay {max-width: 70%;} .banner .baninner .wrapper .overlay h2 {font-size: 50px; line-height: 50px;} #toplvlserv .servcont.blue .cols2 .coloverlay {width: 93%;} #toplvlserv .servcont.gold .cols2 .coloverlay {left: 50px; top: 150px;} #toplvlserv .servcont .cols2 > div p {font-size: 14px;} #solutions .solcontent .left, #solutions .solcontent .right {width: auto; float: none;} #childserv .childservcont .left {width: auto; float: none; margin-bottom: 40px;} #childserv .childservcont .left .quote {width: 47%; float: left; margin-right: 4%;} #childserv .childservcont .right {width: auto; float: none;} #childserv .childservcont .right img {width: 100%;} #childsols .solcontent .left {width: auto; float: none; text-align: center; margin-bottom: 20px;} #childsols .solcontent .right {width: auto; float: none;} #childsols .cols .col, #cstudy .right {width: auto; float: none; margin: 0 0 20px;} #cstudy .left {width: auto; float: none;} .tcm .col {width: auto; float: none;} .tcm .wrapper > div:first-of-type {margin: 0 0 40px;} } @media all and (max-width : 699px) { #toplvlserv .servcont.blue .cols2 .coloverlay, #toplvlserv .servcont.gold .cols2 .coloverlay {display: none;} #toplvlserv .servcont .cols2 > div {width: 44%; margin: 0 2% 30px; height: 330px;} #toplvlserv .servcont .cols2 > div h3 {height: 75px;} #toplvlserv .servcont .cols2 > div p {min-height: 150px;} #toplvlserv .servcont.gold .cols2 > div {width: auto; margin: 0 0 30px; height: auto; padding-bottom: 20px;} #toplvlserv .servcont .cols2 > div h3, #toplvlserv .servcont .cols2 > div p {min-height: 0; height: auto;} #cstudies .csgrid {text-align: center;} #cstudies .csgrid .cstile {width: 47%; float: none; display: inline-block; text-align: left; margin: 0 1% 20px;} } @media all and (max-width : 650px) { .homenews .homepost {width: 90%;} .reviews .half.review {height: auto; padding-bottom: 20px;} .reviews .half.icon {height: 300px;} .home .intro p {font-size: 18px; text-align: justify!important;} .casestudies .flexslider {width: 70%;} .footer ul {height: auto;} .footer ul.rightimages li {margin-bottom: 15px;} #about .staff .employee {float: none; display: inline-block; vertical-align: top; width: 45%; margin: 0 2%;} #about .aboutsects .aboutsect .img, #about .aboutsects .aboutsect.imgright .img {float: none; width: auto; margin-bottom: 20px;} #about .aboutsects .aboutsect .text {float: none; width: auto;} #about .aboutsects .aboutsect .text img.quotebr {right: 0;} .banner .baninner .wrapper {height: 300px;} .banner .baninner .wrapper .overlay {max-width: 85%;} .banner .baninner .wrapper .overlay h2 {font-size: 32px; line-height: 32px;} .banner .baninner .wrapper .overlay p {font-size: 12px; line-height: 16px;} #toplvlserv .servcont .cols2 > div p {font-size: 14px;} #contact .contactboxes .box {display: block; width: auto; margin: 0 0 20px;} #contact .contactboxes .box .inner {min-height: 0; padding: 15px;} #childserv .childservcont .left {text-align: center;} #childserv .childservcont .left .quote {width: auto; float: none; text-align: left;} #cstudy .left .section .col {width: auto; float: none;} .banner .baninner .wrapper > a {display: none;} } @media all and (max-width : 550px) { #header .top {display: none;} #header .logo {display: block; margin: 0 auto;} .banner .baninner .wrapper {height: 250px;} #toplvlserv .servcont .cols1 > div {width: 43%; margin: 0 2% 30px;} #toplvlserv .servcont .cols2 > div {width: auto; margin: 0 0 30px; height: auto; padding-bottom: 20px;} #toplvlserv .servcont .cols2 > div h3 {height: auto;} #toplvlserv .servcont .cols2 > div p {min-height: 0; padding-bottom: 20px;} #toplvlserv .servcont.gold .cols1 > div {width: 100%; margin: 0 0 20px;} #cstudies .csgrid .cstile .overlay h3 {font-size: 16px;} #news .post .img {width: auto; float: none; text-align: center; margin: 0 0 20px;} #news .post .text {width: auto; float: none;} #childserv .childservcont .right .col {float: none; width: auto; margin-right: 0; margin-bottom: 20px;} } @media all and (max-width : 430px) { .childlist ul li a {font-size: 14px; margin-right: 3px;} .childlist ul.blue li a:after, .childlist ul.gold li a:after {padding-left: 7px;} #cstudies .csgrid .cstile {width: 100%; margin: 0 0 20px;} #cstudies .csgrid .cstile .overlay h3 {font-size: 28px;} #news .contform > ul li, #contact .contform > ul li {display: block; margin: 15px 0;} }