html,body {
padding: 0px;
margin: 0px;
font-family: "Gibson W01 Light", sans-serif;
font-size: 16px;
font-weight: 300;
height:100%;
width: 100%;
text-align: center;
color: #315b6b;
background-color: white;
}
/*
font-family:'Gibson W01 Light';
font-family:'Gibson W01 SemiBold';
font-family:'Gibson W01 Light Italic';
font-family:'UnitSlabWeb-LightIta W03 Rg';
font-family:'Unit Slab Offc W01 Light';
font-family:'Gibson W01 Regular';
*/
body{
}
*:before, *:after { box-sizing: border-box; }
* { box-sizing: border-box; }
#disqus_thread{max-width: 1100px; margin: 0px auto}
.optinmonster-wrapper{max-width: 1100px; margin: 0px auto 65px auto; width: 100%}
input::-webkit-input-placeholder {color:#999999}
input:-moz-placeholder {color:#999999;}
input.middle:focus {outline-width: 0;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
textarea::-webkit-input-placeholder {color:#999999}
textarea:-moz-placeholder {color:#999999;}
textarea.middle:focus {outline-width: 0;}
textarea:focus,select:focus,textarea:focus,button:focus {outline: none;}
.video-wrapper{position: relative;padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.video-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.error404 .banner-content{max-width: 420px; width: 100%; margin: 0px auto; padding-top: 100px; text-align: center; color: white}
.error404 .banner-wrapper{background: url('/images/404.jpg') top center no-repeat #082b43; background-size: cover; color: white}
.error404 h1{color: white}
.error404 h1:after {content: " ";width: 100px;border-bottom: 1px solid #8b979c;display: block;height: 1px;margin: 0px auto;margin-top: 18px;}
#search-results {padding:0px; margin:0px}
#search-results li{list-style-type: none}
h1, h2, h3, h4, h5 {padding: 0px; margin: 0px; font-family:'Gibson W01 Regular'; color: #315b6b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h2{font-size: 30px; line-height: 35px}
h2 a{color: inherit}
div{ padding: 0px;margin: 0px;}
a { padding: 0px; margin: 0px; color: #d61149; text-decoration: none }
img {border: 0px none;padding: 0px; margin: 0px;}
b, strong, .bold {font-weight: normal; font-family:'Gibson W01 SemiBold', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
hr {border: none; border-bottom: 1px solid #cacaca; margin-bottom: 15px}
hr.small{ width: 100px}
.clearfix { }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
.left {float: left}
.right {float: right}
td {font-family: sans-serif; font-size: 14px;font-weight: 300;}
p {line-height: 26px;word-wrap: break-word}
i{font-family:'Gibson W01 Light Italic';}
ul li{padding-bottom: 8px}
ol li{padding-bottom: 8px}
.text-center{text-align: center}
[class*='col-'] {
float: left;
}
.col-1 {width: 8.33%}
.col-2 {width: 16.66%}
.col-3 {width: 25%}
.col-4 {width: 33.33%}
.col-5 {width: 41.66%}
.col-6 {width: 50%}
.col-7 {width: 58.33%}
.col-8 {width: 66.66%}
.col-60 {width: 60%}
.col-40 {width: 40%}
.row:after {
content: "";
display: table;
clear: both;
}
.twitter-tweet {
margin: 0px auto 0px !important;
}
.pager-wrapper{text-align: center; margin-bottom: 40px}
.pager-wrapper a{display: inline-block; color: black; background-color: #e3e3e3; padding: 3px 10px; font-size: 16px; min-width: 40px; line-height: 30px }
.pager-wrapper a.current{background-color: #d61149; color: white;}
.icon {background-image: url('/images/sprite.png'); background-repeat: no-repeat; display: inline-block}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.icon {
background-image: url('/images/sprite@2x.png');
background-size: 660px 673px;
}
}
.authorbox-wrapper{width: 100%; clear:both; overflow: auto; background-color: #315c6d; margin: 80px 0px 40px 0px}
.authorbox{max-width: 1100px; width: 100%; clear:both; overflow: hidden; margin: 0px auto; color: white}
.author-description-wrapper{float: left; width: 70% }
.author-description{padding: 35px 0px 0px 0px}
.author-image-wrapper{float: left; width: 30% ; min-height: 250px;position: relative; height: 100%; overflow: hidden}
.author-image{height: 100%; position: absolute;right: 0;xtop: 0;}
.author-image-wrapper img{height: 100%}
.icon-logo-footer{width: 185px; height: 47px; background-position: -101px -23px}
.icon-logo{width: 45px; height: 45px; background-position: -35px -24px}
.icon-forbes{background-position: -359px -26px; vertical-align: bottom }
.icon-home {background-position: -406px -216px; width: 19px; height: 16px}
.icon-lrt-gray{height: 72px; width: 172px; background-position: -43px -467px;}
.icon-searchmetrics-gray{height: 72px; width: 133px; background-position: -230px -467px;}
.icon-deepcrawl-gray{height: 72px; width: 133px; background-position: -363px -463px;}
.icon-onpage-gray{height: 72px; width: 150px; background-position: -504px -467px;}
.icon-lrt{height: 72px; width: 142px; background-position: -40px -569px;}
.icon-searchmetrics{height: 72px; width: 133px; background-position: -302px -569px;}
.icon-deepcrawl{height: 72px; width: 133px; background-position: -177px -569px;}
.icon-raven{height: 72px; width: 101px; background-position: -434px -569px;}
.row{ padding: 20px 0 20px 20px;}
.row > [class*='col-']:last-of-type {
padding-right: 20px;
}
[class*='col-'] {
padding-right: 20px;
}
[class*='col-']:last-of-type {
padding-right: 0;
}
*:before, *:after { box-sizing: border-box; }
* { box-sizing: border-box; }
div.block-wrapper{clear:both; overflow: auto}
.content div.block{max-width: 1100px; width: 100%; margin: 0px auto}
div.container-wrapper{width: 100%; height: 100%}
div.container{text-align:left;position: relative;margin: 0px auto 0px auto;margin-left: 120px; height: 100%}
div.sidebar-wrapper{width:120px; background-color:#d61149; height: 100%; position: fixed; left: 0px; z-index:1000; min-width: 110px}
div.sidebar-wrapper.wide{width: 560px}
div.sidebar{ position: relative; height: 100%;}
div.logo-wrapper {padding-top: 25px;padding-left: 34px;}
div.logo-wrapper a{display:block; }
div.logo-wrapper span{display: inline-block; color: white}
div.main-wrapper{width: 100%; float: left; height: 100%}
.logo-subtitle{display: block; padding-left: 16px; color: white; padding-top:20px}
.header-wrapper{background-color: #0b3343; color: white; height: 300px}
.contact-page .header-wrapper { background-size: cover}
.header-wrapper h1{color: white}
.header{height: 100%; overflow: hidden}
.header-icon-wrapper{float: left; width: 36.36%; text-align: center; position: relative;height: 100%}
.header-icon-wrapper img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.header-description-wrapper{width: 100%; padding-top: 125px; text-align: center}
.header-description{}
.header-description h1{font-family:'Unit Slab Offc W01 Light' serif; position: relative}
.header-description i{font-family:'UnitSlabWeb-LightIta W03 Rg', serif;}
body.service-details .header-description-wrapper{float: left; width: 54.54%; padding-top: 125px; text-align: left}
body.service-details .header-description{}
.wide div.logo-wrapper a .icon-logo{width: 183px; background-position: -320px -326px}
.content-wrapper{min-height: 200px}
.menu-wrapper{width: 100%; height: 60%; top: 0; left: 0; bottom: 0; right: 0; position: absolute;overflow: auto;margin: auto;}
.wide .menu-wrapper ul{display: block}
.wide .menu{padding-left: 40px}
.wide .menu-trigger-wrapper{display: none}
.wide .search-wrapper input{display: inline-block; }
.wide .title{padding-left: 35px}
.search-wrapper{position: absolute; bottom: 40px; left: 40px}
.search-wrapper input{display: none; background-color: inherit; border:0px; border-bottom: 2px solid white; font-size: 20px; padding-bottom: 10px; color: white; vertical-align: bottom; width: 288px}
.search-trigger{display: inline-block; width: 38px; height: 40px;background: url('/images/lupa.png') no-repeat; }
.menu-trigger{ margin-left: 40px; display: inline-block; width: 34px; height: 33px;background: url('/images/menu.png') no-repeat; }
.menu-trigger-wrapper{}
.menu-close{color: white; font-size: 50px; position: absolute; top: 0px; right: 20px}
.knowledge-base ul{padding:0px; margin:56px 0px 0px 0px; }
.knowledge-base ul li {list-style-type: none; padding:0px; margin:0px; float: left; width: 33.33%; text-align: left; font-size: 26px; padding-right: 15px; margin-bottom: 35px; }
.knowledge-base ul li span{ }
.knowledge-base a{}
.knowledge-base ul li span{color: #2c5b6d; border-color: #64fffb;}
.knowledge-base span.thumb{height: 192px; background-size: cover; width: 100%; display: block; overflow: hidden; position: relative; }
.knowledge-base span.title{border-left: 5px solid #64fffb; display: block; padding-left: 25px; margin-top: 17px; min-height: 70px; }
.knowledge-base ul li a:hover span{color: #dd3e42;border-color: #dd3e42;}
/*.knowledge-base ul li a:hover span.thumb:after{font-family:'Gibson W01 SemiBold', sans-serif; content: "read"; color: white; text-align: center; line-height: 192px; font-size:60px; display: block; position: absolute; width: 100%; height: 192px; top: 0px; left: 0px; background-color: #d61149; z-index: 10 }*/
.knowledge-base ul li a:hover span.thumb:after { font-family:'Gibson W01 SemiBold', sans-serif; content: "read"; color: white; text-align: center; line-height: 192px; font-size:60px; display: block; position: absolute; width: 100%; height: 192px; top: 0px; left: 0px; background-color: #d61149; z-index: 10; }
.knowledge-base ul li div{font-size: 16px; padding-top: 24px;text-align: left;}
.knowledge-base ul li a{text-align: left; position: relative}
.knowledge-base ul li:nth-child(3n+2) {text-align: center; padding: 0px 15px}
.knowledge-base ul li:nth-child(3n+2) div{margin: 0px auto}
.knowledge-base ul li:nth-child(3n+3) {text-align: right; padding-right: 0px; padding-left: 15px}
.knowledge-base ul li:nth-child(3n+3) div {}
div.menu-wrapper ul{ padding:0px; margin:0px; display: none}
div.menu-wrapper ul li {list-style-type: none; padding:0px; margin:0px 0px 10px 0px; line-height: 26px}
div.menu-wrapper ul li a{font-size: 38px; color: white; font-weight: normal; font-family:'Gibson W01 Bold', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div.menu-wrapper ul li a:hover{color: #2d5e6d}
div.menu{height: 100%;}
div.menu .table{height: 100%}
div.menu .table-cell{height: 100%;vertical-align: middle}
.menu-close{display: none}
div.banner-wrapper{width: 100%; height: 75%; background-position: top center; background-repeat: no-repeat; background-size: cover }
div.banner{width: 100%; height: 100%; position: relative}
.homepage div.banner-wrapper{height: 100%}
.post-page .banner-wrapper{height: 75%; max-height: 500px}
.post-page .slogan-wrapper{top: 25%;}
.services-list-page div.slogan-wrapper {bottom: 0px; top: auto;}
.services-list-page div.banner-wrapper .slogan .slogans{display: block; max-width: 555px; padding:0px;line-height: inherit}
.services-list-page div.banner-wrapper .slogan .slogans h1{padding: 13px 25px; box-shadow: none; display: block}
.services-list-page div.banner-wrapper .slogan .slogans span:last-child{box-shadow: none;background-color: white; display: block; width: 100%; font-size: 14px; color: black;padding: 13px 25px; line-height: 20px; font-family:'Gibson W01 Light';}
div.slogan-wrapper{position: absolute; top: 60%; width: 100%;}
div.slogan{max-width: 1100px; margin: 0px auto;width: 100%;}
div.slogan span{display: block; }
div.slogan span h1{display: inline-block; background-color: #315c6d; padding: 13px 25px; color: white; text-decoration: none; font-weight: bold}
/*div.slogan div{padding: 0px 25px; margin: 0px 0px 0px 0px; display: inline-block; }*/
div.slogan div h2{font-size: 72px; color: white; ; display: inline; background-color: #aab0ae;box-shadow: 25px 0 0 #aab0ae, -25px 0 0 #aab0ae; padding-bottom: 10px; font-family:'Unit Slab Offc W01 Light', sans-serif;line-height: inherit; font-weight: normal}
div.slogan span a{display: inline-block; background-color: #315c6d; padding: 13px 25px; color: white; text-decoration: none; font-weight: bold}
.services-list-page div.slogan span b{display: inline-block; background-color: #315c6d; padding: 13px 25px; color: white; text-decoration: none; font-weight: bold}
div.slogan .slogans{font-size: 72px; padding: 0px 25px; color: white; margin: 0px 0px 0px 0px; display: inline-block; font-family:'Unit Slab Offc W01 Light', sans-serif;line-height: inherit }
div.slogan .slogans h1{display: inline; background-color: #aab0ae;box-shadow: 25px 0 0 #aab0ae, -25px 0 0 #aab0ae; padding-bottom: 10px; font-family: inherit; color: inherit; font-size: inherit; font-weight: inherit}
.progress-bar-wrapper{height: 10px;width: 100%; background-color: #e9e9e9; position: fixed; overflow: visible; z-index:200; }
.progress-bar-wrapper.hidden{display: none}
.progress-bar{background-color: #315c6d; width: 0%; height: 10px;}
.progress-bar-wrapper.expanded{height: 80px}
.progress-bar-wrapper.expanded .progress-bar{height: 80px}
.progress-bar ul{clear:both;overflow: visible; margin: 0px; padding: 0px; list-style-type: none; width: 100%; position: absolute;}
.progress-bar ul li{margin: 0px; padding: 0px; list-style-type: none; float: left; text-align: center; position: relative}
.progress-bar ul li a{color: #a4a4a4; display: none}
.progress-bar-wrapper.expanded .progress-bar ul li{display: inline}
.progress-bar-wrapper.expanded .progress-bar .table{height: 80px}
.progress-bar-wrapper.expanded .progress-bar ul li a{display: inline}
.progress-bar ul li .table{height: 10px; }
.progress-bar ul li .table-cell{vertical-align: middle;}
.progress-bar ul li:after{display: block; content: " ";-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; width: 10px; height: 10px; background-color: white; position: absolute; bottom: 0px; left: 50%}
.progress-bar-wrapper.expanded .progress-bar ul li:after{bottom: -5px}
.progress-bar ul li:hover{cursor: pointer; }
.progress-bar ul li:hover:after{background-color: #d61149 }
.progress-bar ul li:hover a{color: #d61149}
.progress-bar ul li.read a{color: white}
.progress-bar ul li.read:hover a{color: #d61149}
.padded-multiline {
line-height: 90px;
font-size: 50px;
padding: 2px 0;
border-left: 20px solid #a9afad;
margin: 0px auto;
}
.padded-multiline > div {
background-color: #a9afad;
padding: 19px 0px 18px 0px;
color: #fff;
display: inline;
margin: 0;
}
.padded-multiline > div strong {
position: relative;
font-family: 'Unit Slab Offc W01 Light', sans-serif;
left: -10px;
}
.caption{font-family:'Gibson W01 Light Italic';}
.table {display: table; width: 100%}
.table-row {display: table-row}
.table-cell {display: table-cell}
.table-cell-50 {width: 50%}
.who-are-we .block{margin:0px}
.homepage .about-us-wrapper{ padding: 60px 4.16% 60px 9.09%}
.homepage .about-us{padding: 0px 20px}
.homepage .about-us h2{font-size: 30px; margin-bottom: 28px; font-family:'Unit Slab Offc W01 Light', sans-serif; }
.homepage .about-us h2 a{ color: #315b6b;}
.homepage .about-us img {width: 100%;}
.homepage .about-us p{line-height: 22px;}
.homepage .slogan > div{margin-left: 25px}
.our-services-wrapper{background-color: #f4f4f4; min-height: 600px; padding: 60px 9.09% 60px 4.16%}
.our-services{padding: 0px 20px}
.our-services h2 { font-family:'Unit Slab Offc W01 Light', sans-serif; }
.homepage .our-services h2 a{color: #315b6b;}
.our-services ul{clear: both; overflow: auto; border: 1px solid #c9c9c9; padding:0px; margin:0px}
.our-services ul li{float: left; width: 50%; text-align: center; font-size: 16px; list-style-type: none}
.our-services ul li a{height: 205px; display: block; padding: 155px 0px 30px 0px; text-decoration: none; color: #315b6b; font-weight: normal; font-family:'Gibson W01 SemiBold', sans-serif; letter-spacing: 3px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.our-services ul li:nth-child(1) a{background: url('/images/off-page.png') center 65px no-repeat}
.our-services ul li:nth-child(2) a{background: url('/images/on-page.png') center 65px no-repeat}
.our-services ul li:nth-child(3) a{background: url('/images/seo-consulting.png') center 65px no-repeat}
.our-services ul li:nth-child(4) a{background: url('/images/seo-trainings.png') center 65px no-repeat}
.our-services ul li:nth-child(2n+1){border-right: 1px solid #c9c9c9}
.our-services ul li:nth-child(1){border-bottom: 1px solid #c9c9c9; }
.our-services ul li:nth-child(2){border-bottom: 1px solid #c9c9c9; }
.case-studies { min-height: 600px; text-align: center; color: white; width: 100%; max-width: 1100px; margin: 0px auto}
.services-list-page .case-studies{max-width: 100%}
.services-list-page .case-studies .block {max-width: 1100px; margin: 0px auto; padding-top: 65px}
.services-list-page .case-studies ul{margin-top: 65px}
.homepage .case-studies{background: url("/uploads/images/our-casestudies.jpg"); max-width: 100%}
.homepage .case-studies .block {max-width: 1100px; margin: 0px auto; padding-top: 65px}
.homepage .case-studies ul{margin-top: 65px}
/*&.case-studies { background: url('/images/case_study_image.jpg') center center transparent scroll no-repeat; padding: 60px 9.09%; color: white; position: relative; }
.case-studies:after { content: ""; z-index: 1; }*/
.case-studies h2{color: white; font-family:'Unit Slab Offc W01 Light', sans-serif; }
.case-studies .block{padding: 0px 0px; margin: 0px}
.services-list-page .case-studies {background: url('/images/effects-of-our-work.jpg') bottom center no-repeat; background-size: cover}
.case-studies ul{clear: both; overflow: auto; padding:0px; margin:0px;margin-top: 0px}
.case-studies ul li{list-style-type: none; float: left; width: 50%; text-align: center; padding-right: 35px;margin-bottom: 50px}
.case-studies ul li:nth-child(2n){padding-left: 50px}
.case-studies ul li:nth-child(2n+1){padding-right: 85px}
.case-study-wrapper{background-color: white; width: 100%; height: 275px;padding: 0px 60px; position: relative; border: 1px solid white }
.case-study{padding-left: 35px; background: url('/images/case-study.png') no-repeat 50% 29px; }
.case-study-wrapper:after{display: block; content: " "; background-color: white; width:36px; height: 100%; position: absolute; height:240px; top: -1px; right:-36px}
.case-studies ul li a{text-decoration: none; color: #315b6b; font-size: 30px; margin-top: 88px; display: inline-block; }
.case-studies ul li a b{clear: both; display: block}
.case-study:after{position: absolute; bottom: -1px; right: -36px; content:" ";width: 0;height: 0;border-style: solid;border-width: 36px 36px 0 0;border-color: #d61149 transparent transparent transparent;}
.case-studies ul li:hover{}
.case-studies ul li:hover .case-study-wrapper{background-color: #d61149; color: white;cursor: pointer !important;border: 1px solid #d61149 }
.case-studies ul li:hover a{color: white}
.case-studies ul li:hover .case-study-wrapper:after{background-color: #d61149}
.case-studies ul li:hover .case-study:after{border-color: #fff transparent transparent transparent}
.knowledge-base{background-color: white; min-height: 600px; text-align: center; padding: 60px 9.09%; clear: both; overflow: auto }
.knowledge-base .block{margin: 0px}
.knowledge-base h2{ font-family: "Unit Slab Offc W01 Light",sans-serif; }
.services-wrapper {margin: 10px 0px 50px 0px}
.services-wrapper .block{width: 100%; max-width: 1100px; margin: 0px auto}
.services-wrapper ul{clear:both; overflow: auto; margin: 0px; padding:0px}
.services-wrapper ul li {float: left; width: 50%; margin-bottom: 4px; list-style-type: none }
.services-wrapper ul li:nth-child(2n+1){padding-right: 2px;}
.services-wrapper ul li:nth-child(2n+2){padding-left: 2px;}
.services-wrapper ul li div.service-wrapper{background-color: #f4f4f4; padding: 40px 50px 40px 50px; }
.services-wrapper ul li div.service{ position: relative; height: 250px}
.services-wrapper ul li div.service p{line-height: 20px}
.services-wrapper ul li div a.title{display: block; min-height: 60px; font-size: 30px; line-height: 30px; padding-left: 90px; font-family:'Gibson W01 Regular'; color: #315b6b;}
.services-wrapper ul li div a.js-link{width: 100%; position: absolute; bottom: 0px;font-size: 15px; color: white; display: block; line-height: 52px; background-color: #305c6e; text-align: center; font-family:'Gibson W01 SemiBold', sans-serif; font-weight: bold;}
.services-wrapper ul li div a.js-link:hover{ background-color: #d61149;}
.services-wrapper ul li div a.title:before{background-image: url('/images/services.png'); background-repeat: no-repeat; display: block;width: 64px; height: 64px; content: " "; position: absolute; left: 0px; top: 0px}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.services-wrapper ul li div a.title:before {
background-image: url('/images/services@2x.png');
background-size: 320px 256px;
}
}
.services-wrapper ul li .link-audit-service div a.title:before{background-position: 0px 0px; top: -10px}
.services-wrapper ul li .seo-for-startups div a.title:before{background-position: -64px 0px; top: -10px}
.services-wrapper ul li .on-page-seo div a.title:before{background-position: -128px 0px; top: -10px}
.services-wrapper ul li .manual-penalty-recovery div a.title:before{background-position: -192px 0px}
.services-wrapper ul li .website-migration-assistance div a.title:before{background-position: -64px -128px}
.services-wrapper ul li .seo-consulting div a.title:before{background-position: -64px -64px; top: -10px}
.services-wrapper ul li .online-reputation-management div a.title:before{background-position: -128px -64px}
.services-wrapper ul li .seo-strategy div a.title:before{background-position: -192px -64px; top: -10px}
.services-wrapper ul li .keyword-market-research div a.title:before{background-position: -256px -64px; top: -10px}
.services-wrapper ul li .technical-seo div a.title:before{background-position: -0px -128px; top: -10px}
.services-wrapper ul li .information-architecture-website-structure div a.title:before{background-position: -128px -128px; top: -10px}
.services-wrapper ul li .content-marketing-services div a.title:before{background-position: -192px -128px; top: -10px}
.services-wrapper ul li .google-panda-recovery div a.title:before{background-position: -256px -128px; top: -10px}
.services-wrapper ul li .link-risk-management div a.title:before{background-position: 0px -192px; top: -10px}
.services-wrapper ul li .link-building-services div a.title:before{background-position: -64px -192px; top: -10px}
.services-wrapper ul li .google-penguin-recovery div a.title:before{background-position: -128px -192px; top: -10px}
.services-wrapper ul li .marketing-outreach div a.title:before{background-position: -192px -192px; top: -10px}
.services-wrapper ul li .e-commerce-seo div a.title:before{background-position: -256px -192px; top: -10px}
.icon-service{background-image: url('/images/services.png'); background-repeat: no-repeat; display: inline-block;width: 64px; height: 64px; content: " "; position: absolute; left: -70px; top: -15px}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.icon-service {
background-image: url('/images/services@2x.png');
background-size: 320px 256px;
}
}
.icon-service.link-audit-service{background-position: 0px 0px; top: -10px}
.icon-service.seo-for-startups{background-position: -64px 0px; top: -10px}
.icon-service.on-page-seo{background-position: -128px 0px; top: -10px}
.icon-service.manual-penalty-recovery{background-position: -192px 0px}
.icon-service.website-migration-assistance{background-position: -64px -128px}
.icon-service.seo-consulting{background-position: -64px -64px; top: -10px}
.icon-service.online-reputation-management{background-position: -128px -64px}
.icon-service.seo-strategy{background-position: -192px -64px; top: -10px}
.icon-service.keyword-market-research{background-position: -256px -64px; top: -10px}
.icon-service.technical-seo{background-position: -0px -128px; top: -10px}
.icon-service.information-architecture-website-structure{background-position: -128px -128px; top: -10px}
.icon-service.content-marketing-services{background-position: -192px -128px; top: -10px}
.icon-service.google-panda-recovery{background-position: -256px -128px; top: -10px}
.icon-service.link-risk-management{background-position: 0px -192px; top: -10px}
.icon-service.link-building-services{background-position: -64px -192px; top: -10px}
.icon-service.google-penguin-recovery{background-position: -128px -192px; top: -10px}
.icon-service.marketing-outreach{background-position: -192px -192px; top: -10px}
.icon-service.e-commerce-seo{background-position: -256px -192px; top: -10px}
.other-services-wrapper ul li a{position: relative}
.other-services-wrapper ul li a:before{background-image: url('/images/services.png'); background-repeat: no-repeat; display: block;width: 64px; height: 64px; content: " "; position: absolute; left: 37%; top: 50px}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.other-services-wrapper ul li a:before {
background-image: url('/images/services@2x.png');
background-size: 320px 256px;
}
}
.other-services-wrapper ul li.link-audit-service a:before{background-position: 0px 0px;}
.other-services-wrapper ul li.seo-for-startups a:before{background-position: -64px 0px;}
.other-services-wrapper ul li.on-page-seo a:before{background-position: -128px 0px;}
.other-services-wrapper ul li.manual-penalty-recovery a:before{background-position: -192px 0px}
.other-services-wrapper ul li.website-migration-assistance a:before{background-position: -64px -128px}
.other-services-wrapper ul li.seo-consulting a:before{background-position: -64px -64px;}
.other-services-wrapper ul li.online-reputation-management a:before{background-position: -128px -64px}
.other-services-wrapper ul li.seo-strategy a:before{background-position: -192px -64px;}
.other-services-wrapper ul li.keyword-market-research a:before{background-position: -256px -64px;}
.other-services-wrapper ul li.technical-seo a:before{background-position: -0px -128px;}
.other-services-wrapper ul li.information-architecture-website-structure a:before{background-position: -128px -128px;}
.other-services-wrapper ul li.content-marketing-services a:before{background-position: -192px -128px;}
.other-services-wrapper ul li.google-panda-recovery a:before{background-position: -256px -128px;}
.other-services-wrapper ul li.link-risk-management a:before{background-position: 0px -192px;}
.other-services-wrapper ul li.link-building-services a:before{background-position: -64px -192px;}
.other-services-wrapper ul li.google-penguin-recovery a:before{background-position: -128px -192px;}
.other-services-wrapper ul li.marketing-outreach a:before{background-position: -192px -192px;}
.other-services-wrapper ul li.e-commerce-seo a:before{background-position: -256px -192px;}
.as-seen-at{background-image: url('/images/as-seen-at-desktop.png'); background-repeat: no-repeat; display: inline-block;margin-top: 20px; width: 450px; height: 50px; content: " "; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.as-seen-at {
background-image: url('/images/as-seen-at-desktop@2x.png');
background-size: 450px 50px;
}
}
.footer{background-color: #f4f4f4;color: #666666; line-height: 20px;}
.footer .block {padding: 30px 0px 20px 0px; margin: 0px auto; max-width: 1100px; width: 100%}
.footer h4{color: #666666; margin-bottom: 17px}
.footer a{color: #666666; text-decoration: none}
.footer ul{clear: both; overflow: auto; padding:0px; margin:0px;}
.footer ul li{float: left; width: 33.33%; list-style-type: none; }
.footer ul > li:last-child { width: 66.66%; padding-left: 15px; }
.footer ul li > ol { margin: 0; padding: 0; list-style: none; float: left; }
.footer ul li > ol > li { width: 100%; display: block; }
.footer ul li > ol:first-child { width: 66.24%; }
.footer ul li > ol:first-child > li { float: left; width: 50%; }
.footer ul li > ol:last-child { width: 33.76%; }
.footer ul li > ol:last-child > li a{display: inline-block; width: 50%; float: left}
/*.footer ul li:nth-child(3) div{float: right; width: 66.66%}
.footer ul li:nth-child(3) div a{display: inline-block; width: 50%; float: left}
.footer ul li:nth-child(3) div a:nth-child(2n+1){}*/
.tools{background-color: #ededed; clear: both; overflow: auto;}
.tools ul{clear: both; overflow: auto; padding:0px; margin:0px;}
.tools .block{ padding: 20px 0px; margin: 0px auto; max-width: 1100px; width: 100% }
.tools ul { display: flex; justify-content: space-between; list-style: outside none none; margin: 0; padding: 0; }
/*.tools ul li{float: left; width: 25%; list-style-type: none; text-align: center}*/
.tools-we-use{background-color: white;margin: 50px 0px;font-family:'Unit Slab Offc W01 Light', sans-serif; font-size: 30px}
.tools-we-use ul{clear: both; overflow: auto; padding:0px; margin:0px;}
.tools-we-use ul li{float: left; width: 20%; list-style-type: none; }
.tools-we-use ul li:first-child{padding-top: 13px}
.tools-we-use .block{padding: 0px 20px}
.copyright-wrapper{ clear: both; overflow: auto; text-align: left; color: #a9a9a9; margin-top: 0px; font-size: 12px; padding-left: 33.33%; }
.copyright { padding-left: 15px; }
.service .col-4{font-size: 85px; padding-right: 40px; text-align: center; line-height: 68px; overflow: hidden}
.service .col-4 span{font-size: 60px}
.service .col-8 h2{font-size: 16px}
.service .clear {margin-bottom: 95px}
.service .clear:last-child{margin-bottom: 53px}
.want-to-learn-more {background-color: #f4f4f4; width: 100%; clear: both; overflow: auto}
.want-to-learn-more .col-4{background-position:top center; background-repeat: no-repeat; height: 290px; background-size: cover; padding-right: 0px}
.want-to-learn-more .col-8{ padding: 30px 0px 0px 20px}
.want-to-learn-more .col-8 h3{margin-bottom: 30px}
.want-to-learn-more .col-8 p{margin-bottom: 25px}
a.read-more{display: inline-block;color: #ec1653; border: 2px solid #ec1653;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 9px 33px 9px 23px; position: relative;font-family:'Gibson W01 SemiBold';}
a.read-more:after{display: block; content:" "; width: 23px; height: 22px; background: url('/images/icon4.png') no-repeat; position: absolute; top: -2px; right: -2px}
.localizer {margin: 27px 0px 27px 0px; overflow: hidden}
.localizer ul{ margin:0px; padding:0px; clear: both; overflow: hidden}
.localizer ul li{list-style-type: none; margin:0px; padding:0px; background-color: #f4f4f4; line-height: 24px; font-size: 12px; color: #b6c6cc;float: left; position: relative}
.localizer ul li:first-child{width: 34px;text-align: center; -webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.localizer ul li:first-child a{ padding: 0px}
.localizer ul li:last-child{background-color: white}
.localizer ul li a{color: #b6c6cc; display: inline-block;padding:0px 10px 0px 20px; }
.localizer ul li:after, .localizer ul li:before{left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 10}
.localizer ul li:last-child:after{display: none}
.localizer ul li:last-child:before{display: none}
.localizer ul li:after {border-color: rgba(136, 183, 213, 0); border-left-color: #f4f4f4; border-width: 10px; margin-top: -10px;}
.localizer ul li:before {border-color: rgba(194, 225, 245, 0); border-left-color: #fff; border-width: 13px; margin-top: -13px;}
.other-services-wrapper{margin: 67px 0px 64px 0px}
.other-services-wrapper ul{ margin:0px; padding:0px; clear: both; overflow: auto}
.other-services-wrapper ul li{list-style-type: none; margin:0px; padding:0px; float: left; width: 33.33%; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-align: center; height: 240px}
.other-services-wrapper ul li:nth-child(3n+1){border-left: 1px solid #e6e6e6}
.other-services-wrapper ul li:nth-child(1){border-top: 1px solid #e6e6e6}
.other-services-wrapper ul li:nth-child(2){border-top: 1px solid #e6e6e6}
.other-services-wrapper ul li:nth-child(3){border-top: 1px solid #e6e6e6}
.other-services-wrapper ul li a{display: block; padding: 155px 0px 30px 0px; text-decoration: none; color: #315b6b; font-weight: bold; font-family:'Gibson W01 SemiBold', sans-serif}
.other-services-wrapper ul li a.on-page-seo{background: url('/images/on-page.png') center 65px no-repeat}
.other-services-wrapper ul li a.off-page-seo{background: url('/images/off-page.png') center 65px no-repeat}
.other-services-wrapper ul li a.seo-consulting{background: url('/images/seo-consulting.png') center 65px no-repeat}
.other-services-wrapper ul li a.seo-trainings{background: url('/images/seo-trainings.png') center 65px no-repeat}
.contact-page .header-description-wrapper{text-align: center; width: 100%; padding-top: 133px}
.contact-page h1{font-family:'Unit Slab Offc W01 Light' serif;}
.contact-page h1:after{content:" "; width: 100px; border-bottom: 1px solid #8b979c; display: block; height: 1px; margin: 0px auto; margin-top: 18px}
.contact-page .block-wrapper.contact-information{margin-bottom: 37px}
.contact-page .contact-information .col-6:first-child .table-cell:first-child{font-family:'Gibson W01 SemiBold', sans-serif;}
.contact-page .contact-information .col-6:first-child{padding-right: 50px} : 50px}
.contact-page .contact-information .col-6:first-child .table-cell {padding-top: 30px}
.contact-page .contact-information .col-6:last-child{background-color: #f4f4f4; padding: 30px 35px}
.contact-page .contact-information .block {width: 100%; max-width: 1100px; margin: 0px auto}
.contact-page .contact-information .col-6 .table-cell{padding-top: 47px; padding-bottom: 62px; border-bottom: 1px solid #a9b0ae;}
.contact-page .table-row:last-child .table-cell{border-bottom: 0px}
form ul{margin:0px; padding:0px;}
form li{list-style-type: none; margin:0px 0px 20px 0px; padding:0px;}
input.text{height: 50px; line-height: 50px; padding-left: 23px; border: 1px solid white; width: 100%;-webkit-appearance: none; font-family: "Gibson W01 Light", sans-serif}
textarea.textarea{height: 220px; padding-left: 23px;border: 1px solid white; width: 100%; padding-top: 20px;resize: none;-webkit-appearance: none;font-family: "Gibson W01 Light", sans-serif}
input.submit{cursor: pointer; padding:0px; background-color: #305c6e; width: 100%;height: 50px; line-height: 50px;text-align: center; color: white; border: none; font-size: 16px;font-family:'Gibson W01 SemiBold', sans-serif; cursor: pointer;-webkit-appearance: none;font-family: "Gibson W01 Light", sans-serif}
input.text.error{border: 1px solid #d61149 !important}
textarea.textarea.error{border: 1px solid #d61149 !important}
.case-list-page .case-studies{background-color: white;}
.case-list-page .case-study-wrapper{border: 1px solid #e5e5e5}
.case-list-page .case-study-wrapper:after{border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5}
.case-list-page li:hover .case-study-wrapper:after{border-top: 1px solid #d61149;border-right: 1px solid #d61149}
.contact-information .col-6:last-child{height: 700px}
.case-list-page .header-description-wrapper{text-align: center; width: 100%; padding-top: 113px}
.case-list-page h1{font-family:'Unit Slab Offc W01 Light', sans-serif;}
.case-list-page h1:after{content:" "; width: 100px; border-bottom: 1px solid #8b979c; display: block; height: 1px; margin: 0px auto; margin-top: 18px}
.case-study-content{height: 100%}
.case-study-content .col-6:first-child{height: 100%; position: relative}
.case-study-content .col-6{padding-right: 0px; overflow: hidden}
.case-study-background{height: 100%; margin-right: 20%}
.case-study-content h1{font-size: 60px; margin-bottom: 40px;border-top: 1px solid #d1d5d4; padding-top:38px;font-family:'Unit Slab Offc W01 Light', serif;}
.case-study-content {padding-right: 9.09%}
.case-study-content p{padding-bottom: 50px; margin: 0px}
.case-study-content hr {border: 0px; border-bottom: 1px solid #d1d5d4; width: 100%}
.case-study-stats {padding: 42px 0px 52px 0px}
.case-study-stats .table{margin-top: 8px}
.case-study-stats .table-cell{padding: 8px 0px}
.case-study-stats .table-cell:first-child{width: 40%}
.case-study-stats .table-cell:last-child{width: 60%; padding-right: 80px}
.case-study-stats .bar-wrapper{width: 100%; background-color: #e5e5e5;height: 7px;position: relative}
.case-study-stats .bar{background-color: #d61149; position: absolute; top:0px; left: 0px; height: 7px;}
.case-study-background-wrapper{position: fixed;top: 0px; left: 0px; height: 100%; width:inherit;}
.case-study-background{position: relative}
.case-study-achievement-wrapper{height: 100%; position: absolute; top: 0; left: auto; bottom: 0; right: -72px; overflow: auto; margin: auto 0px auto 0px; width: 154px}
.case-study-achievement{font-size: 36px; background-color: #48d4d6; height: 154px; width: 154px; text-align: center; line-height: 154px; font-family:'Gibson W01 SemiBold', sans-serif; font-weight: bold; color: white; position: relative;-webkit-border-radius: 77px;-moz-border-radius: 77px;border-radius: 77px;}
.case-study-achievement span{font-size: 12px; display: inline-block; width: 100%; text-align: center;position: absolute; top: 20px; left: 0px; line-height: 50px}
.case-study-achievement-wrapper .table{height: 100%}
.case-study-achievement-wrapper .table-cell{vertical-align: middle}
.back-button{color: #d61149}
.back-button a{font-family:'Gibson W01 SemiBold', sans-serif; font-weight: bold;}
.block-wrapper.about-us .table:first-child { }
.block-wrapper.about-us > .table:first-child .table-cell { width: 50%; vertical-align: top; font-size: 18px; }
.block-wrapper.about-us > .table:first-child .table-cell:first-child { background: #0b3343; color: #FFF; color: #FFF; padding: 65px 110px; }
.block-wrapper.about-us > .table h1, .block-wrapper.about-us > .table h2 { color: #FFF; font-family: "Unit Slab Offc W01 Light", sans-serif; }
.block-wrapper.about-us > .table h1 { font-size: 44px; }
.block-wrapper.about-us .about-us-ceo-content { padding: 65px 110px; }
.block-wrapper.about-us .team-image { width: 100%; height: auto; position: relative; }
.block-wrapper.about-us .team-image img { width: 100%; height: auto; display: block; }
/*.block-wrapper.about-us{background-color: #0b3343; color: white}
.block-wrapper.about-us h1{color: white}
.block-wrapper.about-us h2{color: white}
.block-wrapper.about-us .table{height: 100%}
.block-wrapper.about-us .table-cell{height: 50%}
.block-wrapper.about-us .table-cell div{}
.block-wrapper.about-us .table-cell:first-child{width: 45.45%;}
.block-wrapper.about-us .table-cell:first-child div{margin: 0px 20%}
.block-wrapper.about-us .table-cell:last-child{width: 54.54%;}
.block-wrapper.about-us .table-row:first-child .table-cell:first-child div{padding-top: 60px}
.block-wrapper.about-us .table-row:last-child .table-cell:last-child{background-color: white; color: #305c6e; vertical-align: middle }
.block-wrapper.about-us .table-row:last-child .table-cell:last-child div.table-cell-content{ padding: 0px 10%; font-size: 22px}
.block-wrapper.about-us .table-row:last-child .table-cell:last-child div span{font-size: 16px}
*/
.about-us > .block-wrapper.content .block{margin:0px; max-width: 100%}
.about-us > .block-wrapper.content .table{border-top: 1px solid #d8d8d8; padding: 0px 9.09%; }
.about-us > .block-wrapper.content .table p{line-height: 40px}
.about-us > .block-wrapper.content .table-cell{vertical-align: middle; padding: 60px 0px; font-size: 20px}
.about-us > .block-wrapper.content .table:nth-child(2n+1) .table-cell:first-child{width: 60%; padding-right: 60px;border-right: 1px solid #d8d8d8;}
.about-us > .block-wrapper.content .table:nth-child(2n+1) .table-cell:last-child{width: 40%; padding-left: 60px}
.about-us > .block-wrapper.content .table:nth-child(2n+2) .table-cell:first-child{width: 40%; padding-right: 60px;border-right: 1px solid #d8d8d8;}
.about-us > .block-wrapper.content .table:nth-child(2n+2) .table-cell:last-child{width: 60%; padding-left: 60px}
.posts-page .header-description-wrapper{text-align: center; width: 100%; padding-top: 113px}
.posts-page h1{font-family:'Unit Slab Offc W01 Light' serif;}
.posts-page h1:after{content:" "; width: 100px; border-bottom: 1px solid #8b979c; display: block; height: 1px; margin: 0px auto; margin-top: 18px}
.posts-page .posts .block {max-width: 1100px; width: 100%; margin: 0px auto}
.posts span.date{display: block; margin-bottom: 20px}
.posts a.title {display: block; color: #305c6e; font-size: 26px; text-align: left; background-size: 100% auto !important; }
.posts a.title span.thumb{height: 192px; background-size: cover; width: 100%; display: block; overflow: hidden; margin-bottom: 30px; background-position: top center;}
.posts a.title span.title{display: block;margin-bottom: 24px}
.latests-posts a{position: relative}
.latests-posts .post-wrapper{cursor: pointer; height: 192px; background-size: cover; width: 100%; display: block; overflow: hidden; margin-bottom: 20px; position: relative}
.latests-posts .post {display: block;margin-bottom: 24px; background-color: #aab0ae; position: absolute; bottom: 0px; padding: 10px; width: 100%}
.latests-posts .post a{color: white; line-height: 20px;font-size: 16px; margin-bottom: 8px; display: block}
.latests-posts .post span.date{color: white; font-size: 13px; margin-bottom: 0px}
.latests-posts h3{margin: 40px 0px 20px 0px}
.latests-posts .post-wrapper:hover .post {background-color: #d61149}
.latests-posts ul {clear: both; overflow: auto; list-style-type: none; padding:0px !important; margin:0px !important}
.latests-posts li {list-style-type: none; margin:0px !important}
.posts .table-cell:nth-child(2n+1){padding-right: 5.55%}
.posts .table-cell:nth-child(2n+2){padding-left: 5.55%}
.posts .table-cell{padding-bottom: 64px; width: 50%}
.posts .table{margin-top: 10px}
.post-page .main-content-left p{margin-bottom: 38px;word-wrap:break-word; max-width: 1100px; margin: 0px auto 35px auto; padding-right: 315px}
.post-page .main-content-left p.wide{max-width: 100%; padding-right: 0px; text-align: center}
.post-page .main-content-left p.wide img{max-width: 1100px}
.post-page .main-content-left h2{font-size: 22px;margin: 0px auto 25px auto; max-width: 1100px;}
.post-page .main-content-left h3{font-size: 20px;margin: 0px auto 25px auto; max-width: 1100px;}
.post-page .main-content-left h4{font-size: 18px;margin: 0px auto 25px auto; max-width: 1100px;}
.post-page .main-content-left h5{font-size: 18px;margin: 0px auto 25px auto; max-width: 1100px;}
.post-page .main-content-left ul{font-size: 18px;margin: 0px auto 25px auto; max-width: 1100px;}
.post-page .main-content-left ol {font-size: 18px;margin: 0px auto 25px auto; max-width: 1100px;}
.post-page .main-content-left ol li{}
.post-page .main-content-left ul {font-size: 18px;margin: 0px auto 25px auto; max-width: 1100px;}
.post-page .main-content-left ul li{}
.post-page .main-content-left hr{max-width: 1100px; margin: 0px auto 30px auto}
.post-page .main-content-left img {max-width: 1100px; height: auto !important;width: 100% !important}
.post-page .main-content-left img.fixed {width: auto !important; max-width: 100%;}
.addthis_sharing_toolbox{margin: 0px auto 25px auto; max-width: 1100px;}
.addthis_sharing_toolbox_bottom{margin: 0px auto 0px auto; max-width: 1100px;}
.post-page hr{width: inherit}
.post-page .content .block{margin: 0px auto; width: 100%; font-size: 18px; line-height: 24px; max-width: 100%;}
.post-page .heading .block{margin: 0px auto; max-width: 1100px;}
.main-content-wrapper{overflow: auto; clear: both}
.post-image-wrapper{padding: 35px 20px; margin-bottom: 45px}
.post-image-wrapper.dark{background-color: #315c6d; color: white}
.post-image-wrapper.light{background-color: #f4f4f4}
.post-image-wrapper span{display: block; text-align: left; max-width: 1100px; margin: 0px auto; width: 100%}
.service-details .content .block{margin: 0px auto; max-width: 1100px; font-size: 18px; line-height: 24px;}
.service-details .heading .block{margin: 0px auto; max-width: 1100px;}
.main-content-left-wrapper{float: left; width: 100%; margin-right: -315px}
.main-content-left{margin-right: 315px; padding-right: 20px}
.post-page .main-content-left{margin-right: 0px; padding-right: 0px}
.main-content-right-wrapper{float: right; width: 315px; position: relative}}
.main-content-right{padding-left: 20px;width: 315px}
.main-content-right.fixed{position: fixed; top: 20px; width: 315px}
.main-content-right.absolute{position: absolute;width: 315px; bottom: 0px}
.main-content-right .contact-form{background-color: #f4f4f4; padding: 30px 35px}
.main-content-right .contact-form ul {margin: 0px !important; padding: 0px !important; list-style-type: none}
.main-content-right .contact-form .textarea{height: 120px}
.main-content-right .contact-form p {font-size: 14px; line-height: 18px; margin-bottom: 15px}
.post-page span.date{display: block; margin: 0px auto 50px auto; max-width: 1100px}
.post-page h1{font-size: 42px; line-height: 55px; font-family: 'Unit Slab Offc W01 Light', sans-serif; max-width: 1100px; margin: 0px auto 25px auto}
/*.post-page h2{margin: 0px 27.27% 24px 9.09%; font-size: 18px}
.post-page h3{margin: 0px 27.27% 24px 9.09%; font-size: 16px}
.post-page h4{margin: 0px 27.27% 24px 9.09%; font-size: 15px}
.post-page h5{margin: 0px 27.27% 24px 9.09%; font-size: 14px}
.post-page hr{margin: 0px 9.09% 38px 9.09%; width: inherit}
*/
.post-page .block-wrapper.content{overflow:hidden}
.content-wrapper p img{max-width: 100% !important; height: auto !important}
.content-wrapper .block {max-width: 1100px; width: 100%; margin: 0px auto}
blockquote {position: relative; margin-top: 20px; margin-bottom: 40px; font-size: 18px;}
.post-page blockquote{ padding-right: 315px !important}
blockquote:before{content:"“"; font-size: 80px; font-family: "Times New Roman", serif; position: absolute; left: -40px; top: -30px}
blockquote p:last-child:after{ content:"”";font-size: 80px; font-family: "Times New Roman", serif; position: absolute; right: -40px; bottom: -60px}
.post-page blockquote:before{left: 0px}
.post-page p:last-child:after{right: 0px}
blockquote p{margin: 0px; padding:0px; font-family:'Gibson W01 Light Italic'; font-style: italic; position: relative}
.post-page blockquote {margin: 100px auto 100px auto; max-width: 1100px;padding: 0px }
blockquote p{padding:0px !important; margin: 0px 80px !important 0px 80px !important}
@media only screen and (min-width: 990px) and (max-width: 1300px){
.block-wrapper.content{}
.block-wrapper.heading{}
}
@media only screen and (min-width: 990px) and (max-width: 1200px){
.services-wrapper ul li div a.title{font-size: 22px; line-height: 25px}
.case-study-wrapper {padding: 0px}
.case-studies ul li a{font-size: 21px}
.case-study-wrapper{height: 195px}
.case-study-wrapper:after{height: 195px}
.case-list-page .case-study-wrapper:after{border-bottom: 1px solid #e5e5e5}
}
@media only screen and (min-width: 320px) and (max-width: 989px){
.progress-bar-wrapper{display: none;}
div.menu-wrapper ul li{margin-bottom: 5px}
.case-study-content h1 {font-size: 30px}
.case-studies ul{margin-top: 0px}
.contact-page .contact-information .col-6 .table-cell{padding: 20px 0px}
.wide .menu-close{display: block}
#disqus_thread{padding: 0px 20px}
div.menu-wrapper ul li a{font-size: 24px}
div.menu-wrapper ul li{text-align: center}
.wide .menu{padding-left: 0px}
.main-content-right-wrapper{display: block; float: none; width: 100%}
.main-content-left-wrapper{margin-right: 0px; float: none}
.main-content-left{margin-right: 0px; padding: 0px 0px}
.service-details .main-content-left{padding: 0px 20px}
.block-wrapper.heading{ padding: 0px 20px}
.latests-posts li{width: 50%; float: left}
.latests-posts li:nth-child(2n+1) {padding-right: 10px}
.latests-posts li:nth-child(2n+2) {padding-left: 10px}
.latests-posts{padding: 0px 20px}
div.slogan p{font-size: 38px}
div.sidebar-wrapper{width: 100%; height:60px}
div.logo-wrapper{padding-top: 9px}
div.sidebar-wrapper.wide{width: 100%; height: 100%}
div.logo-wrapper {margin: 0px; width: 184px; padding-left: 15px; display: inline-block}
div.logo-wrapper a .icon-logo{width: 183px; background-position: -320px -326px}
.menu-trigger-wrapper{position: absolute; right: 20px; top: 15px}
.search-wrapper{position: relative}
.search-trigger{display: none}
.wide .search-trigger{display: inline-block}
.menu-wrapper{height: auto; left: auto; bottom: auto; overflow: inherit}
div.container{margin-left: 0px}
.wide .menu-wrapper {position: relative;}
.wide .search-wrapper{bottom: auto; left: auto; width: 300px; margin: 0px auto}
.search-wrapper input{width: 240px}
.wide .search-trigger{}
.homepage .about-us-wrapper{padding: 60px 7.14% 60px 7.14%}
.homepage .our-services-wrapper{padding: 60px 7.14% 60px 7.14%; min-height: auto}
.our-services ul li {width: 25%; border: none; border-top: 1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;border-right: 1px solid #c9c9c9}
.our-services ul li:first-child{border-left: 1px solid #c9c9c9}
.case-studies{padding: 60px 7.14% 60px 7.14%}
.table {display: block;}
.table-row{display: block}
.table-cell{display: block}
.table-cell-50 {width: 100%}
.knowledge-base{padding: 60px 7.14% 60px 7.14%}
.knowledge-base ul li{width: 50%}
.knowledge-base ul li:nth-child(3n+1){text-align: left; padding: 0px}
.knowledge-base ul li:nth-child(3n+2){text-align: left; padding: 0px}
.knowledge-base ul li:nth-child(3n+3){text-align: left; padding: 0px}
.knowledge-base ul li:nth-child(2n+1){text-align: left; padding: 0px 27px 0px 0px}
.knowledge-base ul li:nth-child(2n+2){text-align: left; padding: 0px 0px 0px 27px}
.footer .block{}
.footer .col-8{width: 50%}
.footer .col-4{width: 50%}
.footer ul li:nth-child(2){width: 66.66%}
.footer ul li:nth-child(3){width: 100%; margin-top:33px}
.footer ul li:nth-child(3) div{width: 66.66%;padding-left: 33.33%; float: none}
.main-wrapper{padding-top: 60px}
.about-page .block-wrapper .table-row .table-cell{padding: 15px 0px 15px 0px !important; }
/*.about-page .team-image{height: 300px !important}*/
.block-wrapper.about-us .about-us-ceo-content { padding: 0px 20px; }
/*.about-page .block-wrapper.about-us .table-cell div.wrapper{margin: 0px 65px}*/
/*.block-wrapper.about-us > .table:first-child .table-cell { padding: 15px 65px !important; }*/
.about-page .block-wrapper.about-us .top-table .table-cell:first-child div.wrapper{padding: 0px 20px !important}
.about-page .block-wrapper.about-us .table{display: block; height: auto}
.about-page .block-wrapper.about-us .table-row:last-child .table-cell:last-child div.table-cell-content{padding: 0px 0px}
.about-page .block-wrapper.about-us .table-cell{height: auto}
.about-page .block-wrapper.about-us .table-cell:first-child{width: 100%}
.about-page .block-wrapper.about-us .table-cell:last-child{width: 100%; background-position: center center !important; height: auto}
.about-page .block-wrapper.content .table{display: block; height: auto; border-top: 0px; padding: 0px 20px}
.about-page .block-wrapper.content .table-cell{height: auto; width: 100% !important; border-right: 0px !important; padding: 60px 0px !important; border-bottom: 1px solid #d8d8d8; font-size: 22px }
.about-page .block-wrapper.content .table-cell:first-child{width: 100%}
.about-page .block-wrapper.content .table-cell:last-child{width: 100%; background-position: center center !important; height: auto}
.table-cell .wrapper{padding: 0px !important}
.about-page .block-wrapper.content .table-cell{padding: 30px 0px !important;line-height: inherit !important; font-size: 18px}
.about-us > .block-wrapper.content .table p{line-height: inherit !important; font-size: 18px}
.services-wrapper .block{padding: 0px}
.services-wrapper ul li div.service p {display: none}
.services-wrapper ul li div.service{height: 90px;}
.services-wrapper ul li div.service-wrapper{padding: 40px 15px 40px 15px}
.services-wrapper ul li div a.title{font-size: 17px; line-height: 20px}
.services-wrapper ul li div a.js-link{bottom: -20px}
.case-study-content{ padding: 0px 65px}
.case-study-content .col-6{width: 100%}
.case-study-content .col-6:first-child{display: none}
/*div.block{ margin: 0px 65px}
.footer .block{margin: 0px 65px}
.post-page p{padding: 0px 65px}
.post-page h2{margin: 0px 65px}
.post-page p.dark{padding: 25px 65px}
.post-page p.light{padding: 25px 65px}
*/
.posts .table-cell{width: 100%}
.posts .table-cell:nth-child(2n+1){padding-right: 0px}
.posts .table-cell:nth-child(2n+2){padding-left: 0px}
.services-wrapper ul li div h2{line-height: inherit; min-height: 65px}
.services-list-page div.banner-wrapper .slogan{padding-right: 65px}
}
@media only screen and (min-width: 768px) and (max-width: 990px){
.case-studies ul li:nth-child(2n+1){padding-right:40px}
.case-studies ul li:nth-child(2n+2){padding-left:10px}
.case-study-wrapper {padding: 0px}
.case-studies ul li a{font-size: 21px}
.case-study-wrapper{height: 195px}
.case-study-wrapper:after{height: 195px}
.case-list-page .case-study-wrapper:after{border-bottom: 1px solid #e5e5e5}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.tools-we-use ul li{width: 50%}
.tools-we-use ul li:first-child{width: 100%}
.case-studies ul li {width: 100%}
.case-studies ul li:nth-child(2n+1){padding-right:35px}
.case-studies ul li:nth-child(2n+2){padding-left:0px}
.our-services ul li{width: 50%}
.knowledge-base ul li{width: 100%; padding:0px !important}
.footer ul li:first-child{width: 100%}
.footer ul li:nth-child(3) div{padding-left: 0%}
.header-icon-wrapper img{width: 30%}
.tools ul { display: block; justify-content: unset; }
.tools ul li{width: 50%; text-align: center; float: left; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-width: 320px) and (max-width: 479px) and (min-device-pixel-ratio: 2){
.as-seen-at {
background-image: url('/images/as-seen-at-mobile@2x.png') !important;
background-size: 300px 68px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px){
.as-seen-at{background-image: url('/images/as-seen-at-mobile.png'); width: 300px; height: 68px; }
.services-list-page div.banner-wrapper .slogan .slogans h1{font-size: 40px}
.post-page .banner-wrapper{display: none}
.latests-posts li{width: 100%; float: left}
.latests-posts li:nth-child(2n+1) {padding: 0px}
.latests-posts li:nth-child(2n+2) {padding: 0px}
.tools-we-use ul li{width: 100%; text-align: center}
.tools-we-use ul li:first-child{width: 100%}
.tools ul { display: block; justify-content: unset; }
.tools ul li{width: 100%; text-align: center; float: left; }
.case-studies ul li {width: 100%}
.case-studies ul li:nth-child(2n+1){padding-right:35px}
.case-studies ul li:nth-child(2n+2){padding-left:0px}
.our-services ul li{width: 100%}
.knowledge-base ul li{width: 100%; padding:0px !important}
.footer ul li{width: 100%}
.footer ul li:nth-child(3) div{padding-left: 0%}
.about-page .block-wrapper.content .table{display: block; height: auto; border-top: 0px; padding: 0px 20px}
.case-study-content{ padding: 0px 25px}
/*.post-page p{padding: 0px 25px}
.post-page h2{margin: 0px 25px}
.post-page p.dark{padding: 25px 25px}
.post-page p.light{padding: 25px 25px}*/
.service .col-4 {width: 50%}
.service .col-8 {width: 50%}
.header-icon-wrapper img{width: 50%}
.services-list-page div.banner-wrapper .slogan{padding-right: 25px}
.case-study-wrapper {padding: 0px}
.case-studies ul li a{font-size: 21px}
.case-study-wrapper{height: 195px}
.case-study-wrapper:after{height: 195px}
.case-list-page .case-study-wrapper:after{border-bottom: 1px solid #e5e5e5}
}
@media only screen and (min-width: 320px) and (max-width: 1250px){
.posts-page .posts .block{padding: 0px 20px}
.content-wrapper .block{padding: 0px 20px}
.post-page .main-content-left p{padding: 0px 20px}
.post-page .main-content-left p.wide{max-width: 100%; padding: 0px}
.post-page .main-content-left h1{padding: 0px 20px}
.post-page .main-content-left h2{padding: 0px 20px}
.post-page .main-content-left h3{padding: 0px 20px}
.post-page .main-content-left h4{padding: 0px 20px}
.post-page .main-content-left h5{padding: 0px 20px}
.post-page .main-content-left ul{margin: 0px 20px}
.post-page .main-content-left ol{margin: 0px 20px}
.author-description-wrapper{padding: 0px 20px}
#disqus_thread{margin: 0px 20px}
.addthis_sharing_toolbox{padding: 0px 20px}
.post-page span.date{padding: 0px 20px}
div.slogan-wrapper{padding-left: 20px}
.post-page blockquote {padding: 0px 60px !important;}
.post-page blockquote:before{left: 20px}
.post-page blockquote p:last-child:after{right: 20px;}
}
@media only screen and (min-width: 320px) and (max-width: 767px){
.contact-page .col-6{width: 100%;}
.contact-page .content .block{padding: 0px 25px}
.contact-page .contact-information .col-6:first-child{padding: 0px 25px}
.contact-page .col-6 .table-cell{padding: 20px 0px }
.contact-page .col-6 .table-cell{border: none}
textarea.textarea{height: 120px}
.services-wrapper ul li{width: 100%}
.contact-page .contact-information .col-6:last-child{height: 600px;padding: 25px 25px 25px 25px}
.services-list-page div.banner-wrapper .slogan p{width: 100%}
.header-wrapper{height: 120px}
.header-description-wrapper{padding-top: 25px}
.posts-page .header-description-wrapper{padding-top: 15px}
.case-list-page .header-description-wrapper{padding-top: 15px}
.contact-page .header-description-wrapper{padding-top: 15px}
.other-services-wrapper ul li{width: 100%;border: 0px; border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;}
.other-services-wrapper ul li:last-child{border-bottom: 1px solid #e6e6e6;}
.want-to-learn-more .col-4{display: none}
.want-to-learn-more .col-8{width: 100%}
body.service-details .header-description-wrapper{padding-top: 23px; width: 100%; padding-left: 75px}
body.service-details .header-description-wrapper p {display: none}
body.service-details .header-description-wrapper h1{font-size: 24px}
body.service-details .header-icon-wrapper {display: none}
.author-image-wrapper{display: none;}
.author-description-wrapper{width: 100%}
.footer{text-align: center}
.footer ul li > ol:first-child > li{width: 100%}
.footer ul li:nth-child(2){width: 100%}
.footer ul li > ol:first-child{width: 100%}
.footer ul li > ol:last-child{width: 100%}
.footer ul li > ol:last-child > li a{width: 100%}
.copyright-wrapper{padding-left: 0px; text-align: center}
div.slogan-wrapper{top: 20%}
div.slogan div h2{font-size: 50px}
}