/* Theme Name: Custom WP Theme Description: Semantic, SEO Optimised, Custom Wordpress Theme for Telepartner Author: # Author URI: # Version: 11.0 */ /* Uncomment. Just done for now: .variation-Bag {display:none !important} */ @font-face { font-family: 'proxima_nova_ththin'; src: url('assets/fonts/proxima_nova_thin-webfont.eot'); src: url('assets/fonts/proxima_nova_thin-webfont.eot?#iefix') format('embedded-opentype'), url('assets/fonts/proxima_nova_thin-webfont.woff2') format('woff2'), url('assets/fonts/proxima_nova_thin-webfont.woff') format('woff'), url('assets/fonts/proxima_nova_thin-webfont.ttf') format('truetype'), url('assets/fonts/proxima_nova_thin-webfont.svg#proxima_nova_ththin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_rgbold'; src: url('assets/fonts/proxima_nova_bold-webfont.eot'); src: url('assets/fonts/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'), url('assets/fonts/proxima_nova_bold-webfont.woff2') format('woff2'), url('assets/fonts/proxima_nova_bold-webfont.woff') format('woff'), url('assets/fonts/proxima_nova_bold-webfont.ttf') format('truetype'), url('assets/fonts/proxima_nova_bold-webfont.svg#proxima_nova_rgbold') format('svg'); font-weight: normal; font-style: normal; }@font-face { font-family: 'proxima_nova_rgregular'; src: url('assets/fonts/proxima_nova_regular-webfont.eot'); src: url('assets/fonts/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'), url('assets/fonts/proxima_nova_regular-webfont.woff2') format('woff2'), url('assets/fonts/proxima_nova_regular-webfont.woff') format('woff'), url('assets/fonts/proxima_nova_regular-webfont.ttf') format('truetype'), url('assets/fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_thextrabold'; src: url('assets/fonts/proxima_nova_extrabold-webfont.eot'); src: url('assets/fonts/proxima_nova_extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('assets/fonts/proxima_nova_extrabold-webfont.woff2') format('woff2'), url('assets/fonts/proxima_nova_extrabold-webfont.woff') format('woff'), url('assets/fonts/proxima_nova_extrabold-webfont.ttf') format('truetype'), url('assets/fonts/proxima_nova_extrabold-webfont.svg#proxima_nova_thextrabold') format('svg'); font-weight: normal; font-style: normal; } /* Reset */ a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline} /* Defaults */ :focus {outline:0} a, a:visited {color:#069;text-decoration:none;} a:hover {text-decoration:underline;} abbr, acronym, dfn {border-bottom:1px dotted;cursor:help} blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em} blockquote p {margin:.5em} body {background:#f8f8f8;color:#141414;font:18px/28px proxima_nova_rgregular, Arial, Sans-Serif} code, pre {font-size:1em} del {text-decoration:line-through} dfn {font-style:italic;font-weight:bold} dt {font-weight:bold} dd {margin:0 0 1em 10px} fieldset {border:0} fieldset p {margin:0 0 5px} img {border:0;vertical-align:bottom} ins {text-decoration:none} h1 {font:bold 1.75em/1.25em Georgia, Garamond, Serif;} h2 {font:bold 1.5em/1.25em Georgia, Garamond, Serif} h3 {font:bold 1.25em/1.25em Georgia, Garamond, Serif} h4 {font:bold 1em/1.25em Georgia, Garamond, Serif} hr {margin:0 0 0.5em} p {margin:0 0 1em} ul, ol {list-style:none;margin:0 0 1em} textarea {font:1em Arial;overflow:auto} tt {display:block;margin:0.5em 0;padding: 0.5em 1em} th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px} td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px} table {border:solid #CCC;border-width:0 1px 1px 0} /* Containers */ #page {width:100%;overflow:hidden;position:relative;} /* Header */ #header {background:#fff;padding:31px 56px 28px;text-align:center;position:relative;z-index:20;} #header:after{display:block;clear:both;content:'';} #header #logo{width:326px;float:left;margin:0} #header #logo img{max-width:100%;height:auto;display:block} #header .tel{font:20px/30px proxima_nova_rgbold,Arial,sans-serif;float:right; background: url(assets/img/bg-tel.png) no-repeat 0 1px;padding:0 0 0 48px;margin:19px 0 0 0;letter-spacing:3px;} #header #nav{position:static!important;display:inline-block;float: right;vertical-align:top;margin:0;padding:14px 106px 0px 0;list-style:none;} #header #nav li{position:relative;letter-spacing:2px;font:16px/20px proxima_nova_rgregular,Arial,sans-serif;text-transform:uppercase;float:left;margin:0 44px;} #header #nav > li.current-page-ancestor > a{color:#fff;background:#0d1f26;} #header #nav > li.current-menu-item > a{color:#fff;background:#0d1f26;} .post-type-archive-testimonials #header #nav > li#menu-item-19 > a{color:#fff;background:#0d1f26;} #header #nav > li:hover > a{color:#fff;background:#0d1f26;} #header #nav li a:hover{text-decoration:none;} #header #nav > li:hover ul{display:block;} #header #nav li a{color:#0e2834;float:left;padding:12px 20px 11px;} #header #nav ul{ display:none;background:#0d1f26 url(assets/img/bg-drop.gif) no-repeat 0 100%;background-size:100% 5px;z-index:20;position:absolute;top:41px;left:0;min-width:180px;padding:14px 20px;list-style:none;overflow:hidden;margin:0;} #header #nav ul li{font:16px/20px proxima_nova_rgregular,Arial,sans-serif;margin:0 0 10px;float:none;text-transform:none;vertical-align:top;overflow:hidden;} #header #nav ul li a{text-align:left;float:left;padding:0;color:#e74c3c;letter-spacing:0;} #header #nav ul li.current-menu-item a{color:#fff;} #header #nav ul li a:hover{color:#fff;} /* Content*/ #main{width:100%;overflow:hidden;position:relative;} #content{max-width:1200px;margin:0 auto;padding-bottom:80px;} #content:after{display:block;clear:both;content:'';} #main .title-area{margin:0 0 86px;width:100%;overflow:hidden;background: url(assets/img/bg-visual.jpg) no-repeat 50% 100%;background-size:cover;} #main .title-h{max-width:1200px;overflow:hidden;margin:0 auto;padding:74px 0 97px} #main .title-h h1{font:300 75px/85px 'Raleway', Arial, sans-serif;margin:0;color:#fff;} #main .visual{width:100%;overflow:hidden;background-position:50% 0!important;background-size:cover!important;} #main .visual .text-holder{max-width:1484px;overflow:hidden;margin:0 auto;padding:190px 0 139px} #main .visual .text{margin:0 -5px 0 0;color:#f3cf3f;font:italic 22px/31px proxima_nova_rgregular, Arial,sans-serif;width:46%;padding:0 2% 0 0;display:inline-block;vertical-align:top;} #main .visual .img{width:52%;display:inline-block;vertical-align:middle;} #main .visual img{max-width:100%;height:auto;display:block;} #main .visual h2{position:relative;padding:0 0 11px 142px;color:#fff;font:300 75px/85px 'Raleway', Arial, sans-serif;margin:0 0 36px;} #main .visual h2:after{content:'';position:absolute;bottom:0;left:142px;width:64px;height:2px;margin:0 ;background:#c9c3c4;} #main .visual .text p{margin:0 0 0 142px} #main .visual .btn-h{padding:31px 0 0 142px;overflow:hidden;} #main .visual .btn-h .btn{letter-spacing:3px;margin:0 40px 0 0;font:800 14px/20px 'Raleway', Arial, sans-serif;float:left;background:#e73c3c;padding:24px 51px;color:#fff;text-transform:uppercase;} #main .visual .btn-h .btn:hover{text-decoration:none;background:#fff;color:#e73c3c} #main .visual .btn-h .btn-url{padding:0 13px 0 0;letter-spacing:3px;float:left;margin:23px 0 0;font:800 14px/20px 'Raleway', Arial, sans-serif;color:#fff;text-transform:uppercase;background: url(assets/img/bg-link-ar.png) no-repeat 100% 5px;} #main .visual .btn-h .btn-url:hover{text-decoration:none;color:#e73c3c;background: url(assets/img/bg-link-ar-h.png) no-repeat 100% 5px;} #content h1{color:#03638f;font:50px/62px 'Raleway', Arial, sans-serif;margin:0 0 50px} #content h2{color:#11262f;font:600 35px/40px 'Raleway', Arial, sans-serif;margin:67px 0 28px} #content h3{color:#e73c3c;font: 25px/30px 'proxima_nova_rgbold', Arial, sans-serif;margin:67px 0 42px} #content img{border-radius:9px;-webkit-border-radius:9px;overflow:hidden;-webkit-box-shadow: 0 0 23px 3px rgba(0,0,0,0.2);box-shadow: 0 0 23px 3px rgba(0,0,0,0.2);} #content p{margin:0 0 30px} #content p a{color:#e73c3c;} #content p a:hover{text-decoration:none;color:#d38888;} #content ul{margin:0 0 29px;padding:0;list-style:none;overflow:hidden;} #content ul li{vertical-align:top;padding:0 0 0 38px;overflow:hidden;background: url(assets/img/bullet.png) no-repeat 10px 8px;} #content .gform_wrapper{overflow:hidden;background:#0d1f26;padding:22px 0 48px;margin:0 0 20px} #content .gform_body{max-width:862px;overflow:hidden;margin:0 auto;} #content .gform_body ul{margin:0 -5% 0 0;padding:0;list-style:none;overflow:hidden;} #content .gform_body ul li{padding:0;background:none;width:95%;vertical-align:top;overflow:hidden;margin:0 0 51px} #content .gform_body ul li.half{width:47%;margin:0 3% 28px 0;float:left;} #content .gform_body ul li textarea, #content .gform_body ul li input[type="text"]{letter-spacing: 2px;border:1px dashed #fff;border-width:0 0 1px;padding:15px 0;font:15px/30px proxima_nova_rgregular, Arial,sans-serif;color:#7e7e7e;margin:0;background:none;width:100%; -moz-box-sizing: border-box;box-sizing: border-box;height:60px;-webkit-box-sizing: border-box;} #content .gform_body ul li textarea{border-width:1px;padding:15px 23px;height:222px;} #content .gform_body ul li.gfield_error textarea, #content .gform_body ul li.gfield_error input[type="text"]{border-color:#e73c3c} .validation_message{display:none;} .validation_error{display:none;} #content .gform_body ul li textarea::-webkit-input-placeholder, #content .gform_body ul li input[type="text"]::-webkit-input-placeholder { color:#7e7e7e;opacity:1;} #content .gform_body ul li textarea::-moz-placeholder, #content .gform_body ul li input[type="text"]::-moz-placeholder {color:#7e7e7e;opacity:1;} #content .gform_body ul li textarea:-ms-input-placeholder, #content .gform_body ul li input[type="text"]:-ms-input-placeholder { color:#7e7e7e;opacity:1;} #content .gform_body ul li textarea:-ms-input-placeholder, #content .gform_body ul li input[type="text"]:-moz-placeholder { color:#7e7e7e;opacity:1;} #content .gform_footer{max-width:862px;overflow:hidden;margin:0 auto;} #content .gform_footer input[type="submit"]{letter-spacing:3px;height:68px;width:220px;text-transform:uppercase;font:14px/68px proxima_nova_rgregular, Arial,sans-serif;background:#e73c3c;padding:0;margin:0;cursor:pointer;border:none;color:#fff;} #content .gform_footer input[type="submit"]:hover{background:#fff;color:#e73c3c} #content .gform_body ul li label{display:none;} #main .services-block{background:#222;overflow:hidden;position:relative;} #main .services-block .left{float:left;width:50%;padding:121px 0 107px;} #main .services-block .left-h{float:right;width:552px;padding:0 50px 0 0} #main .services-block .left-h h2{position:relative;padding:0 0 12px;color:#fff;font:300 75px/85px 'Raleway', Arial, sans-serif;margin:0 0 36px;} #main .services-block .left-h h2 span{width:113px;height:10px;text-indent:-9999px;overflow:hidden;background:url(assets/img/bg-serv-title.png) no-repeat ;display:block;margin:0 0 11px 10px} #main .services-block .right{position:relative;float:right;width:50%;} #main .services-block .left-h h2:after{content:'';position:absolute;bottom:0;left:0;width:64px;height:2px;margin:0 ;background:#c9c3c4;} #main .services-block .left-h .list{margin:0;padding:0;list-style:none;overflow:hidden;} #main .services-block .left-h .list h3{float:left;cursor:pointer;color:#6a6a6a;font:22px/25px 'Raleway', Arial, sans-serif;margin: 0 47px 23px 0;} #main .services-block .left-h .list .th{overflow:hidden;} #main .services-block .left-h .list .active h3{color:#fff;} #main .services-block .left-h .list .th span{display:none;overflow:hidden;content:'';background: url(assets/img/bg-srv-h.gif) no-repeat;height:2px;background-size:100% 2px;margin:13px 0 0} #main .services-block .left-h .list .active .th span{display:block;} #main .services-block .left-h .list li{vertical-align:top;overflow:hidden;margin:0 0 1px} #main .services-block .left-h .list .text{overflow:hidden;color:#f3cf3f;font-size:16px;line-height:26px} #main .services-block .left-h .list .text-h{padding:0 0 50px;overflow:hidden;} #main .services-block .left-h .list .text p{margin:0;} #main .services-block .img-h{position:relative;margin:0;padding:0;list-style:none;overflow:hidden;width:100%;height:100%} #main .services-block .img-h li{position:absolute;top:0;left:0;width:100%;overflow:hidden;height:100%;z-index:1;} #main .services-block .img-h li.active{z-index:2;} #main .services-block .img-h li img{min-width:100%;min-height:100%;display:block;position:absolute;top:0;left:0;} #main .services-block .img-h .hold{position:absolute;bottom:43px;left:0;width:100%} #main .services-block .img-h .hold h2{color:#fff;margin:0;padding:0 47px;font:bold 22px/25px 'Raleway', Arial, sans-serif;} .page-id-9 #main .title-area{margin:0;} .page-id-9 #content{padding:0;} .error404 .testimonials {display:none;} #main .about-section{background:url(assets/img/bg-about.jpg) no-repeat 100% 100%;max-width:1514px;overflow:hidden;margin:0 auto 138px;padding:114px 0 504px } #main .about-section h2{position:relative;padding:0 0 28px;color:#222;font:300 75px/85px 'Raleway', Arial, sans-serif;margin:0 0 36px;} #main .about-section h2 span{text-indent:-9999px;overflow:hidden;font:15px/20px proxima_nova_thextrabold, Arial, sans-serif;display:block;text-transform:uppercase;color:#03638f;margin:0 0 11px 10px;width:92px;height:10px;background: url(assets/img/bg-about-title.png) no-repeat } #main .about-section h2:after{content:'';position:absolute;bottom:0;left:0;width:64px;height:2px;margin:0;background:#c9c3c4;} #main .about-h{max-width:664px;overflow:hidden;padding:0 0 0 157px;} #main .about-h p{margin:0 0 29px;} .testimonials{padding:120px 0 87px;width:100%;overflow:hidden;background: #f8f8f8 url(assets/img/bg-test.png) no-repeat 50% -200px;} .testimonials h2{position:relative;padding:0 0 11px;color:#222;font:300 75px/85px 'Raleway', Arial, sans-serif;margin:0 0 36px;text-align:center;} .testimonials h2 span{text-indent:-9999px;overflow:hidden;font:15px/20px proxima_nova_thextrabold, Arial, sans-serif;display:block;text-transform:uppercase;color:#03638f;margin:0 auto 11px;width:203px;height:10px;background: url(assets/img/bg-test-title.png) no-repeat } .testimonials h2:after{content:'';position:absolute;bottom:0;left:50%;width:64px;height:2px;margin:0 0 0 -32px;background:#c9c3c4;} .testimonials .gallery{max-width:1200px;overflow:hidden;margin:0 auto;position:relative;padding:0 170px;} .testimonials .gallery .gmask{overflow:hidden;position:relative;margin:0;padding:0;} .testimonials .gallery .gmask ul {position:relative;margin:0;padding:0;list-style:none;overflow:hidden;} .testimonials .gallery .gmask ul li{color:#222;font:40px/50px proxima_nova_ththin,Arial,sans-serif;text-align:center;position:absolute;top:0;left:0;width:100%;overflow:hidden;} .testimonials .gallery .gmask ul li p{margin:0;} .testimonials .gallery .gmask ul li .cite{display:block;text-align:center;padding:71px 0 0} .testimonials .gallery .gmask ul li .author{display:inline-block;vertical-align:top;color:#222;font:16px/20px proxima_nova_ththin,Arial,sans-serif;} .testimonials .gallery .gmask ul li .author:before{content:'-';margin:0 4px 0 0} .testimonials .gallery .gmask ul li .link{display:inline-block;vertical-align:top;color:#e73c3c;text-transform:uppercase;font:14px/20px proxima_nova_ththin,Arial,sans-serif;background: url(assets/img/sep-03.gif) no-repeat 0 4px;padding:0 0 0 12px;} .testimonials .prev, .testimonials .next{width:37px;z-index:3;height:122px;text-indent:-9999px;overflow:hidden;position:absolute;top:50%;left:15px;margin:-133px 0 0;background: url(assets/img/bg-gall-arrows.png) no-repeat} .testimonials .next{background-position:-37px 0;left:auto;right:15px;} .post-type-archive-testimonials div.testimonials{display:none;} .post-type-archive-testimonials #main .title-area{margin:0} .post-type-archive-testimonials article.testimonials{background:none;color:#222;font:40px/50px proxima_nova_ththin,Arial,sans-serif;text-align:center;width:100%;overflow:hidden;} .post-type-archive-testimonials .post-hold{overflow:hidden;background:#f8f8f8 url(assets/img/bg-test.png) no-repeat 50% -200px;background-size:cover;} .post-type-archive-testimonials article.testimonials p{margin:0;} .post-type-archive-testimonials article.testimonials .cite{display:block;text-align:center;padding:71px 0 0} .post-type-archive-testimonials article.testimonials .author{display:inline-block;vertical-align:top;color:#222;font:16px/20px proxima_nova_ththin,Arial,sans-serif;} .post-type-archive-testimonials article.testimonials .author:before{content:'-';margin:0 4px 0 0} .post-type-archive-testimonials article.testimonials .h{max-width:1200px;margin:0 auto;overflow:hidden;} /* Post */ #content .post {border-bottom:1px solid #CCC;margin:0 0 25px} #content .post .meta {font-style:italic} #content .post h1 {border:0;margin:0} #content .sticky {background:#f5efca} /* Pagination */ #content #prev-next {list-style:none} #content #prev-next #prev {float:left} #content #prev-next #next {float:right} /* Sidebar */ #sidebar {float:right;padding:10px 0 20px;width:200px} #sidebar ul {list-style:none;margin:0 0 1em 18px} #sidebar ul ul {list-style:disc} /* Footer */ #footer {background:#0d1f26;overflow:hidden;padding:92px 0 96px;} #footer .top{max-width:1200px;overflow:hidden;margin:0 auto} #footer .bottom{padding:96px 0 0;max-width:1200px;overflow:hidden;margin:0 auto} #footer .top .left{float:left;} #footer #logof{float:left;width:287px;margin:9px 16px 0 0;} #footer #logof img{max-width:100%;height:auto;display:block;} #footer .info{float:left;padding:0 0 9px 46px;margin:0 0 0 20px;border-left:2px solid #323232;} #footer .info .email{display:block;color:#e74c3c;font:30px/35px proxima_nova_ththin, Arial,sans-serif} #footer .info .email a{color:#e74c3c;} #footer .info .tel{display:block;color:#fff;font:30px/35px proxima_nova_ththin, Arial,sans-serif} #footer .info .tel a{color:#fff;} #footer .social-networks{float:right;margin:0;padding:0;list-style:none;} #footer .social-networks li{float:left;margin:0 0 0 20px} #footer .social-networks li a{width:77px;height:77px;text-indent:-9999px;overflow:hidden;float:left;background: url(assets/img/bg-social.png) no-repeat;} #footer .social-networks li a.facebook{background-position:0 0;} #footer .social-networks li a.linkedin{background-position:100% 0;} #footer .social-networks li a:hover{opacity:0.8} #footer .copy{letter-spacing: 1px;float:left;color:#696969;font:14px/20px proxima_nova_ththin, Arial,sans-serif} #footer .bottom #sub-menu{float:right;margin:0 -14px 0 0;padding:0;list-style:none;} #footer .bottom #sub-menu li{letter-spacing: 1px;background: url(assets/img/sep-02.gif) no-repeat 0 5px;padding:0 14px;float:left;text-transform:uppercase;font:14px/20px proxima_nova_ththin, Arial,sans-serif} #footer .bottom #sub-menu li:first-child{background:none} #footer .bottom #sub-menu li a:hover{text-decoration:none;color:#fff;} #footer .bottom #sub-menu li a{color:#696969;} #footer .bottom #sub-menu ul{display:none!important;} /* Image Alignment */ img.aligncenter {display:block;margin-left:auto;margin-right:auto} img.alignright {display:inline;margin:10px 0 30px 47px;padding:0} img.alignleft {display:inline;margin:10px 47px 30px 0;padding:0} .alignright {float:right} .alignleft {float:left} /* 2.7+ Comments */ #comments_wrap ol {list-style:none} #comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px} #comments_wrap .commentmetadata {margin:0 0 10px} #comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;} #comments_wrap .comment-author img {float:left;margin:0 10px 0 0} #comments_wrap .comment-author cite {font-weight:bold} /* Captions */ .wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;padding-top:4px;text-align:center} .wp-caption img {border:0 none;margin:0;padding:0} .wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px} body{ -webkit-text-size-adjust:100%; -ms-text-size-adjust: none; } input[type="image"]{padding:0;border:none;} input[type=text], input[type=password], input[type=file], input[type=submit], textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;} @media only screen and (max-width: 1700px) { #header #nav{padding:14px 30px 0px 0;} #header #nav li{margin:0 20px;} } @media only screen and (max-width: 1500px) { #main .about-h{width:56%;} #main .about-section{background-size: 81% auto;} #main .about-section{padding:0 0 32%} #header #nav li{margin:0;} } @media only screen and (max-width: 1300px) { #header #nav li{font-size:14px;} #header #nav{padding:14px 13px 0px 0;} } @media only screen and (max-width: 1240px) { #footer .bottom, #main .title-h, #content, #footer .top{padding-left: 20px;padding-right:20px;} #main .services-block .left-h{padding-left:20px;width:auto} #main .visual h2{padding-left:20px;} #main .visual h2:after{left:20px;} #main .visual .text p{margin-left:20px} #main .visual .btn-h{padding-left:20px} #main .about-h{padding:0 0 0 20px} .testimonials .gallery{padding:0 70px} #header{padding:31px 20px 28px} #header #nav{display:none} #main .visual h2{font-size:59px;line-height:70px;} #main .visual .text-holder{padding:37px 0 139px} #main .services-block .left{padding:40px 0} #header #logo{width:230px} #header #nav li a{padding:12px 12px 11px} #header #nav li{font-size:13px;} #header #nav{padding:3px 17px 0px 0;} #header .tel{margin:9px 0 0} } #header .opener{display:none;} @media only screen and (max-width: 980px) { #footer .top .left{float:none;overflow:hidden;text-align:center;} #footer #logof{float:none;display:block;margin:0 auto 20px} #footer .info{float:none;display:block;margin:0;border:none;overflow:hidden;text-align:center;padding:0} #footer .social-networks{float:none;overflow:hidden;padding:20px 0 0;text-align:center} #footer .social-networks li{float:none;display:inline-block;vertical-align:top;margin:0 10px} #footer .bottom{text-align:center;} #footer .copy{float:none;margin:0 0 20px;display:block;} #footer .bottom{padding-top:20px} #footer .bottom #sub-menu{float:none;overflow:hidden;} #footer{padding:42px 0 26px} #footer .bottom #sub-menu li{float:none;display:inline-block;vertical-align:top;} #content .gform_wrapper{padding-left: 20px;padding-right:20px;} #content img.alignleft, #content img.alignright, #content img{max-width:100%;float:none;height:auto;display:block;margin:0 auto 15px;} #header .opener{margin:10px 16px 0 0;display:block;float:right;text-transform:uppercase;color:#03638f;padding:0 0 0 23px;background: url(assets/img/bg-opener2.png) no-repeat 0 9px;} #header #nav{position:absolute!important;top:100%;float:none;overflow:hidden;width:100%;padding:20px 0;left:0;background:#0d1f26 url(assets/img/bg-drop.gif) no-repeat 0 100%;text-align:center;background-size:100% 2px} #header #nav li{float:none;overflow:hidden;margin:0;} #header #nav li a{color:#fff;padding:5px;margin:0;float:none;display:block;} #header #nav > li:hover > a, #header #nav > li.current-page-ancestor > a{color:#e73c3c;} #header #nav > li.current-menu-item > a{color:#e73c3c;} #header #nav ul{ position:static;width:100%;text-align:center;padding:10px 0;} #header #nav ul li a{float: none;padding:5px;text-align:center;display:block;} #header #nav ul li.current-menu-item a{color:#fff;} #header #nav ul li a:hover{color:#fff;} .post-type-archive-testimonials article.testimonials{padding:20px 0 20px;} .post-type-archive-testimonials article.testimonials .h{padding:0 20px} } #main .visual .img.mobile{display:none;} @media only screen and (max-width: 767px) { #main .title-h h1{font-size:45px;line-height:55px;} .post-type-archive-testimonials article.testimonials{font-size: 20px;line-height: 30px;} .post-type-archive-testimonials article.testimonials .cite{padding:26px 0 0} .post-type-archive-testimonials .post-hold{padding:30px 0 0} #header #logo{width:165px;} #header .tel{display:none;} #header .opener{margin:3px 0 0} #main .title-area{margin:0 0 48px;} #content h1{font-size:30px;line-height:38px;margin:0 0 20px} #content h2{margin:31px 0 20px;font-size:25px;line-height:30px;} #content h3{font-size:20px;line-height:30px;margin:20px 0 23px;} #content{padding-bottom:20px} .testimonials .gallery .gmask ul li{font-size:20px;line-height:30px;} .testimonials h2{font-size:45px;line-height:55px;} .testimonials{padding:43px 0 27px;} .testimonials .prev, .testimonials .next{width:18px;height:61px;background-size:36px auto;margin:-70px 0 0} .testimonials .gallery .gmask ul li .cite{padding:30px 0 0} .testimonials .next{background-position:-18px 0;} .testimonials .gallery{padding:0 35px} #content .gform_body ul li.half{width:95%;margin:0 0 28px} #footer #logof{width:244px} #footer .bottom #sub-menu{display:none;} #footer .info .tel, #footer .info .email{font-size:25px;} #main .visual .img.mobile{display:block;width:100%;} #main .visual .img{display:none;} #main .visual .text{width:auto;text-align:center;padding:0;display:block;padding:0 20px} #main .visual h2{padding-left:0;font-size:45px;line-height:50px;margin:0 0 19px} #main .visual h2:after{left:50%;margin:0 0 0 -32px;} #main .visual .btn-h .btn-url{display:none;} #main .visual .text p{margin-left:0} #main .services-block .left-h h2, #main .about-section h2{font-size:45px;line-height:50px;} #main .visual .btn-h .btn{padding:24px 20px;float:none;display:block;margin:0 auto;width:180px} #main .visual .text-holder { padding: 37px 0 304px;} #main .about-section{margin-bottom:66px;} #main .about-section{margin-top:-117px ;padding:0;background:none} #main .about-h{width:auto;padding:0 20px;max-width:100%} #main .services-block .left{padding:95px 0;float:none;width:100%;overflow:hidden;} #main .services-block .right{display:none;} #main .services-block .left-h{padding:0 20px;float:none;overflow:hidden;} #main .services-block .left-h .list h3{margin:0 27px 23px 0} .testimonials{padding:97px 0 81px;} }