/* Theme Name: Agence IN Author: jkosinski Interactive Agency Author URI: http://jkosinski.pl Description: Version: 1.0 Tags: Text Domain: agencein */ @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&subset=latin,latin-ext); /* Light: 300 Normal: 400 Bold: 700 */ * {margin: 0; padding: 0;} html {overflow-y: scroll;} /* Reset styles */ html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, /* sup, */ tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0;} body {line-height: 1; color: #000;} strong {font-weight:700} /* General styles */ body {float:left; width:100%; height:100%; background-color:#f7f7f7; margin:0; padding:0;} body, p, a, input, textarea {color:#878787; font-family:'Roboto Condensed', arial, tahoma, verdana; font-size:14px; line-height:24px;} img {border:0px;} *::before, *::after {box-sizing: border-box;} a {text-decoration:none; color:#878787; font-size:14px; font-weight:700;} a, a span, a strong, input {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} a:hover {color:#000;} a:active {outline: none;} a:focus, object {outline: none;} input, input:focus, input:active {outline:none;} /* Main styles */ .skip {display:none;} .relative {position:relative!important;} .taCenter {text-align: center!important;} .mTop10px {margin-top: 10px!important;} #top {float:left; width:100%; padding:25px 0; height:93px; position:absolute; top:0px; left:0px; position:fixed; z-index:9100; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #top.noTransparent {background-color: #fff; height:55px; padding: 10px 0 15px 0;} #main {float:left; width:100%;} .center {width:100%; max-width:1400px; margin:0 auto;} h1 {float:left; padding:0px; margin:20px 0 0 0; clear: left;} #top.noTransparent h1 {margin:0;} h1 a {float:left; width:157px; height:57px; background:transparent url(images/logo.png) no-repeat top left; text-indent:-9999px; margin-top: 2px;} h1 a.logoFr {background:transparent url(images/logoFr.png) no-repeat top left;} #top.noTransparent h1 a {background:transparent url(images/logoColor.png) no-repeat top left;} #top.noTransparent h1 a.logoFr {background:transparent url(images/logoColorFr.png) no-repeat top left;} #logoClaim {display: none; margin-left: 23px; width: 226px; height: 63px; background: transparent url(images/logoClaim.png) no-repeat top left; text-indent:-9999px;} #logoClaimFr {display: none; margin-left: 23px; width: 280px; height: 63px; background: transparent url(images/logoClaimFr.png) no-repeat top left; text-indent:-9999px;} #top.noTransparent #logoClaim, #top.noTransparent #logoClaimFr {float: left; display: inline-block;} #topNav {float: right; list-style: none; padding: 0px; margin: 0px 30px 20px 0; clear: right;} #top.noTransparent #topNav {display: none;} #topNav li {float: left;} #topNav li a {float: left; text-transform: uppercase;} .lang-item a {width:25px; height: 22px; margin-right: 10px; line-height: 22px; border: 1px solid #fff; text-align: center; font-size: 14px; color:#fff; font-weight: 400;} .lang-item a:hover {color:#7d3e00; background-color: #fff;} .current-lang {display:none;} #fbBtn {width: 25px; height: 24px; background: transparent url(images/fbBtn.png) no-repeat top left; text-indent: -9999px;} #fbBtn:hover {opacity: 0.7;} #mobileMenu {float:right; width:22px; height:22px; background:transparent url(images/mobileNavWhite.png) no-repeat center center; text-indent:-9999px; margin:1px 35px 0 0; display:none;} #top.noTransparent #mobileMenu {float:right; width:22px; height:22px; background:transparent url(images/mobileNav.png) no-repeat center center; text-indent:-9999px; margin:16px 35px 0 0; display:none;} #mobileNav {float:left; width:100%; position:absolute; top:80px; background-color:#fff; z-index:9000; text-align:center; border-bottom:1px solid #005f20; display:none;} #mobileNav ul {float: left; width: 100%; padding: 10px 0; margin: 0px; list-style: none;} #mobileNav ul li {float: left; width: 100%;} #mobileNav li a {padding: 20px 0; width: 100%; float: left; text-align: center; font-size: 22px;} #menu-nav, #menu-navfr {float: right; list-style: none; padding: 0px; margin:0px; border-bottom: 1px solid #fff; clear: right;} #top.noTransparent #menu-nav, #top.noTransparent #menu-navfr {border-bottom: 1px solid #888; margin-top: 15px;} #menu-nav li, #menu-navfr li {float: left;} #menu-nav li a, #menu-navfr li a {display:inline-block; position:relative; padding:0px 30px 20px 30px; color:#fff; font-size:18px; font-weight:700; text-transform:uppercase; background:transparent url(images/navBreak.png) no-repeat top left;} #top.noTransparent #menu-nav li a, #top.noTransparent #menu-navfr li a {color:#888; background:transparent url(images/navBreak2.png) no-repeat top left; padding: 0px 30px 12px 30px;} #menu-nav li a::before, #menu-navfr li a::before {background-color: #fff; content: ""; display: block; height: 3px; left: auto; position: absolute; right: 0; top: 100%; transition: width 0.15s ease-out 0s; width: 0;} #top.noTransparent #menu-nav li a::before, #top.noTransparent #menu-navfr li a::before {background-color: #888;} #menu-nav li a:hover::before, #menu-navfr li a:hover::before {left: 0; right: auto; transition: width 0.3s ease-out 0s; width: 100%;} #menu-nav li a:hover, #menu-navfr li a:hover {color:#ddd;} #top.noTransparent #menu-nav li a:hover, #top.noTransparent #menu-navfr li a:hover {color:#999;} #menu-nav li.current_page_item a, #menu-navfr li.current_page_item a, #menu-nav li.current-page-ancestor a, #menu-navfr li.current-page-ancestor a {border-bottom:3px solid #fff; color:#ddd;} #top.noTransparent #menu-nav li.current_page_item a, #top.noTransparent #menu-navfr li.current_page_item a, #top.noTransparent #menu-nav li.current-page-ancestor a, #top.noTransparent #menu-navfr li.current-page-ancestor a {border-bottom:3px solid #444; color:#444;} #menu-nav li:first-child a, #menu-navfr li:first-child a {background:none;} #top.noTransparent #menu-nav li:first-child a, #top.noTransparent #menu-navfr li:first-child a {background:none;} #headerHP {float:left; width:100%; height:838px; /*background:#fff url(images/header1.jpg) no-repeat top center; background-size: cover; */ position:relative; background-attachment:fixed;} #galleryHP {float:left; width:100%; height:838px; position:absolute; z-index:1;} #switchHP {float:left; width:10px; position:absolute; top:300px; right:60px; z-index:10; /*text-align:center;*/} #switchHP a {display:inline-block; width:7px; height:7px; background-color:#fff; margin:20px 0; cursor: pointer !important; border:5px solid rgba(255,255,255,0); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-clip: padding-box;} #switchHP a .switchCircle {display:inline-block; width:28px; height:28px; background-color:#fff; opacity:0; margin:-11px 0 0 -11px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} #switchHP a.active, #switchHP a:hover {border:5px solid #fff;} #switchHP a.active .switchCircle, #switchHP a:hover .switchCircle {opacity:0;/*opacity:0.1;*/} #switchHP a .hpText {display: none; font-size: 0px;} #imgSwith {position:relative; width: 100%; height:838px;} #imgSwith .bgImage {display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;} #headerHP h2 {float:left; width:100%; text-align: center; color:#fff; font-size:90px; line-height: 80px; font-weight: 300; text-transform: uppercase; position: absolute; z-index: 9; top: 280px;} #headerHP h2 strong {font-weight: 700;} .arrowDown {position: absolute; left: 0; bottom: 115px; right: 0; z-index: 9; margin: auto; width: 85px; height: 85px; text-indent: -9999px; cursor: pointer;} .arrowDown {width: 85px; height: 85px; background-image: url(images/sprite.png); -webkit-animation: play 2s steps(24) infinite; -moz-animation: play 2s steps(24) infinite; -ms-animation: play 2s steps(24) infinite; -o-animation: play 2s steps(24) infinite; animation: play 2s steps(24) infinite; } @-webkit-keyframes play { from { background-position: 0px; } to { background-position: -2040px; } } @-moz-keyframes play { from { background-position: 0px; } to { background-position: -2040px; } } @-ms-keyframes play { from { background-position: 0px; } to { background-position: -2040px; } } @-o-keyframes play { from { background-position: 0px; } to { background-position: -2040px; } } @keyframes play { from { background-position: 0px; } to { background-position: -2040px; } } #header {float:left; width:100%; height:458px; position: relative; background-color: #fff; background-repeat: no-repeat; background-position: top center; background-attachment:fixed;} #header h2 {float:left; width:100%; text-align: center; color:#fff; font-size:70px; line-height: 70px; font-weight: 300; text-transform: uppercase; position: absolute; z-index: 9; top: 210px;} #header h2 strong {font-weight: 700;} #content {float: left; width: 100%; margin: 50px 0;} .row {float:left; margin:30px 0;} .HP h3 {float:left; width: 30%; text-align: right; text-transform: uppercase; color: #7c3e00; font-size: 70px; line-height: 64px; font-weight: 300;} .HP p {float:right; width: 60%; text-align: left; color: #878787; font-size: 30px; line-height: 44px; font-weight: 300; box-sizing: border-box; padding:50px 100px 0 0; background: transparent url(images/lineBlack.jpg) no-repeat top left; margin-top: 30px;} .HP p span {background-color:#7d3e00; padding:3px 6px; color:#fff;} #pageTitle {float:left; width: 100%; margin: 20px 0 70px 0;} #pageTitle h3 {float:left; text-align: left; width: auto; padding-right: 150px; color: #7c3e00; font-size: 90px; font-weight: 300; text-transform: uppercase; background: transparent url(images/lineBlack.jpg) no-repeat right center;} .services {float:left; width: 50%; margin:30px 0;} .services h4 {float:left; width: 45%; text-align: right; text-transform: uppercase; color: #e72b37; font-size: 60px; line-height: 60px; font-weight: 700; padding-right: 30px;} .services p {float:right; width: 45%; text-align: left; color: #878787; font-size: 16px; line-height: 28px; font-weight: 300; box-sizing: border-box;} .newsBox {float:left; width: 100%; margin:30px 0;} .newsBox h4 {float:left; width: 278px; background-color: #7c3e00; padding: 50px 0; text-align: center; color: #fff; font-size: 30px; font-weight: 700;} .newsBox .newsDesc {float:left; width: 66%; max-width: 1120px; background-color: #fff; padding: 50px 70px;} .newsBox .newsDesc { -webkit-box-shadow: 0px 31px 30px 0px rgba(50, 50, 50, 0.24); -moz-box-shadow: 0px 31px 30px 0px rgba(50, 50, 50, 0.24); box-shadow: 0px 31px 30px 0px rgba(50, 50, 50, 0.24); } .newsBox .newsDesc p {float:left; width: 100%; color: #878787; font-size: 18px; line-height: 28px; margin:10px 0; font-weight: 300;} .newsBox .newsDesc p strong {color: #e72b37;} .newsBox .newsDesc p a {color: #e72b37; font-size: 18px;} .newsBox .newsDesc p a:hover {color: #7c3e00;} .member {float: left; width: 100%; margin: 40px 0; position:relative;} .member img {float: left; position:relative; z-index: 10;} .moveRight img {float: right; position:relative; z-index: 10;} .member .memberDesc {float: right; position:absolute; right: 0px; top: 70px; z-index: 20; width: 640px; background-color: #fff; padding: 70px 70px;} .moveRight .memberDesc {float: left; position:absolute; left: 0px; top: 70px; z-index: 20; width: 640px; background-color: #fff; padding: 70px 70px;} .member .memberDesc, .moveRight .memberDesc { -webkit-box-shadow: 0px 31px 30px 0px rgba(50, 50, 50, 0.24); -moz-box-shadow: 0px 31px 30px 0px rgba(50, 50, 50, 0.24); box-shadow: 0px 31px 30px 0px rgba(50, 50, 50, 0.24); } .member .memberDesc h4 {float: left; color: #7c3e00; font-size: 50px; font-weight: 300; margin: 0px; padding: 0px; width: 100%;} .member .memberDesc h5 {float: left; color: #e72b37; font-size: 18px; font-weight: 700; margin: 20px 0 0 0; padding: 0px; width: 100%;} .member .memberDesc a {float: left; color: #e72b37; font-size: 18px; font-weight: 400; margin: 0; padding: 0px; width: 100%;} .member .memberDesc a:hover {color: #7c3e00;} .member .memberDesc p {float: left; color: #878787; font-size: 18px; line-height: 28px; font-weight: 300; margin: 20px 0 0 0; padding: 0px; width: 100%;} .member .memberDesc .additional p {float: left; color: #e72b37; font-size: 18px; line-height: 28px; font-weight: 300; margin: 20px 0 0 0; padding: 0px; width: 100%;} .moveRight h4, .moveRight h5, .moveRight a, .moveRight p {text-align: right;} #contactForm {float: left; width: 100%; margin: 80px 0;} #contactForm h3 {float:left; width: 30%; text-align: right; text-transform: uppercase; color: #7c3e00; font-size: 70px; line-height: 64px; font-weight: 300;} #fields {float: right; width: 60%;} #fields input {float: left; width: 35%; padding: 20px 30px; color: #000; font-size: 22px; font-weight: 300; border: 2px solid #e52e3a; margin:0 20px 20px 0; background-color: transparent;} #fields textarea {float: left; width: 80%; height: 200px; padding: 20px 30px; color: #000; font-size: 22px; font-weight: 300; border: 2px solid #e52e3a; margin-bottom:20px; background-color: transparent;} #fields input#submitBtn {float: left; border: none; background-color: #7c3e00; text-transform: uppercase; font-weight: 700; color: #fff; width: auto; cursor: pointer;} #fields input#submitBtn:hover {background-color: #e62e3a;} .send #pageTitle {float:left; width: 100%; margin: 20px 0 30px 0;} .send #pageTitle h3 {float:left; text-align: left; width: auto; padding-right: 150px; color: #7c3e00; font-size: 40px; font-weight: 300; text-transform: uppercase; background: transparent url(images/lineBlack.jpg) no-repeat right center;} .send p {float:left; width: 100%; text-align: left; color: #878787; font-size: 30px; line-height: 44px; font-weight: 300; box-sizing: border-box; margin-bottom: 30px;} .send a {float:left; padding: 20px 30px; border: none; background-color: #7c3e00; text-transform: uppercase; font-size: 22px; font-weight: 700; color: #fff; width: auto; margin-right: 20px; cursor: pointer;} .send a:hover {background-color: #e62e3a;} #mapHolder {float: left; width: 100%; height: 653px; position: relative;} #map {float: left; width: 100%; height: 653px; position: absolute; z-index: 10;} #contactDetails {float: right; background-color: #fff; padding: 60px; position: absolute; z-index: 11; top: 100px; right: 0px;} #contactDetails { -webkit-box-shadow: 0px 31px 30px 0px rgba(50, 50, 50, 0.24); -moz-box-shadow: 0px 31px 30px 0px rgba(50, 50, 50, 0.24); box-shadow: 0px 31px 30px 0px rgba(50, 50, 50, 0.24); } #contactDetails img {float: left; clear: both; margin-bottom: 50px;} #contactDetails p {float: left; text-align: left; color: #4c4c4c; font-size: 18px; line-height: 28px; font-weight: 400; clear: both; margin-left: 107px;} #contactDetails a {float: left; text-align: left; color: #4c4c4c; font-size: 18px; line-height: 28px; font-weight: 400; clear: both;} #contactDetails a:hover {color: #7c3e00;} .slider {float: left; width: 100%; margin-top: 180px;} .slide {text-align: center;} .slide p {display: inline-block; width: 80%; clear: both; text-align: center; color: #f7f7f7; font-size: 26px; line-height: 36px; font-weight: 300; margin-bottom: 35px;} .slide h4 {display: inline-block; width: 80%; clear: both; text-align: center; color: #f7f7f7; font-size: 16px; line-height: 20px; font-weight: 700;} .slide span {display: inline-block; width: 80%; clear: both; text-align: center; color: #f7f7f7; font-size: 16px; line-height: 20px; font-weight: 300;} #clients {float: left; width: 100%; background-color: #e9e9e9; padding: 90px 0;} #clients .slider2 {margin-top: 0px; float: left; width: 100%;} #clients h4 {float:left; width: 100%; color: #7c3e00; font-size: 52px; font-weight: 300; text-transform: uppercase; text-align: center; line-height: 56px; margin-bottom: 40px;} /*.carousel div {max-width: 264px; max-height: 148px; margin: 0px;}*/ /*#clients .slider .slide {height: 400px;}*/ #clients .ssslide {text-align: center;} /*#clients .slider .slide div {float: left; width: 25%; height: 155px;} #clients .slider .slide div img {height: auto;}*/ #clients .slider2 .slide div {display: inline-block; width: 20%; height: 135px; position: relative;} #clients .slider2 .slide div img {height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;} #content-sidebar {float: left; max-width: 320px; width:30%} #content-sidebar ul {float: left; width: 100%; padding: 0px; margin: 0px; list-style: none;} #content-sidebar ul li {float: left; width: 100%;} #content-sidebar ul li a {float: left; width: 100%; color: #2a373f; font-size: 18px; font-weight: 300; text-transform: uppercase; padding: 16px 0; border-bottom: 1px solid #acacac;} #content-sidebar ul li.current_page_item a {color: #7c3e00; font-weight: 700;} #content-sidebar ul li a:hover {color: #7c3e00; border-bottom: 1px solid #7c3e00;} .widget-title {display: none;} #contentHolder {float: right; width: 65%; max-width: 850px;} #contentHolder div {float: left; width: 100%; text-align: center; margin-bottom: 100px;} #contentHolder div img {display: inline-block; margin: 0px auto; width: 100%; max-width: 100%;} #footer {float: left; width: 100%; margin-top: 10px; border-top: 1px solid #979797;} #footer ul.menu {display: inline-block; padding: 0px; margin: 0px; list-style: none; clear: both;} #footer ul.menu li {float: left;} #footer ul.menu li a {float: left; padding:10px 20px; background: transparent url(images/footerNavBreak.png) no-repeat center left; border-top:3px solid #f7f7f7;} #footer ul.menu li a:hover {color:#444;} #footer ul.menu li.current_page_item a, #footer ul.menu li.current-page-ancestor a {border-top:3px solid #444; color:#444;} #footer ul.menu li:first-child a {background:none;} .footerLogo {float: left; margin:25px 0; width: 100%; height: 46px; background: transparent url(images/footerLogo.png) no-repeat top center; text-indent: -9999px;} .footerLogoFr {float: left; margin:25px 0; width: 100%; height: 46px; background: transparent url(images/footerLogoFr.png) no-repeat top center; text-indent: -9999px;} /* WordPress Styles */ /* ::selection { background: #24890d; color: #fff; text-shadow: none; } ::-moz-selection { background: #24890d; color: #fff; text-shadow: none; } */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } /* Alignment */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } blockquote.alignleft, img.alignleft { margin: 7px 24px 7px 0; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } blockquote.alignright, img.alignright { margin: 7px 0 7px 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .site-content blockquote.alignleft, .site-content blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } .site-content blockquote.alignleft p, .site-content blockquote.alignright p { margin-bottom: 17px; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding-right: 10px; } .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } /* Fix styles */ #mx-toolbar, #comments, .edit-link {display:none;} /* Slider Testimonials */ .sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden; } .ssslide { width: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; } /*.ssslide img { max-width: 100%; height: auto; margin: 0; padding: 0; position: relative; display: block; }*/ .sssnext, .sssprev { width: 31px; height: 180px; margin: 0; position: absolute; top: 0; background: url('images/arr.png') no-repeat; } #clients .sssnext, #clients .sssprev { width: 31px; height: 280px; margin: 0; position: absolute; top: 0; background: url('images/arrRed.png') no-repeat; } .sssprev { left: 3%; background-position: 0 50%; } #clients .sssprev { left: 3%; background-position: 0 50%; } .sssnext { right: 3%; background-position: -31px 50%; } #clients .sssnext { right: 3%; background-position: -31px 50%; } .sssprev:hover, .sssnext:hover { cursor: pointer; } /* Media queries --------------------------------------------------------------------------------- */ @media screen and (max-width: 1400px) { #top.noTransparent #menu-nav li a, #top.noTransparent #menu-navfr li a {font-size: 16px;} #top.noTransparent #menu-nav li a, #top.noTransparent #menu-navfr li a {padding: 0px 20px 12px 20px;} #clients h4 {font-size: 42px;} h1, #top.noTransparent h1, #pageTitle h3, #content-sidebar {margin-left: 30px;} } @media screen and (max-width: 1250px) { .services h4 {font-size: 40px; line-height: 40px;} .member .memberDesc, .moveRight .memberDesc {width: 550px;} #contactForm {text-align: center;} #contactForm h3 {width: 100%; text-align: center;} #contactForm h3 br {display: none;} #fields {width: 90%; text-align: center; margin-top: 50px; float: none; display: inline-block;} #fields input, #fields textarea, #fields input#submitBtn {float: none; display: inline-block;} #pageTitle h3 {font-size: 70px;} #headerHP h2 {font-size: 70px; line-height: 70px; top: 320px;} } @media screen and (max-width: 1200px) { #primaryNavHolder {display: none;} #top.noTransparent #topNav {display: block; margin-top: 15px;} #top.noTransparent #topNav li a {color:#888; border: 1px solid #888;} #top.noTransparent #topNav li a#fbBtn {border: none; background: transparent url(images/fbBtnColor.png) no-repeat center center;} #mobileMenu, #top.noTransparent #mobileMenu {display: block;} h1 {margin-top: 0px;} #clients h4 {line-height: 46px;} #clients .slider2 .slide div {width: 23%;} .member .memberDesc, .moveRight .memberDesc {width: 500px;} .newsBox h4, .newsBox .newsDesc {clear: both;} .newsBox h4 {width: auto; padding: 20px 70px; font-size: 20px;} #mapHolder {height: auto;} #map {position: static; height: 500px;} .taCenter {text-align: center;} #contactDetails {float: none; margin: 0px auto; position: static; display: inline-block; background: none;} #contactDetails { -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.24); -moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.24); box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.24); } } @media screen and (max-width: 1100px) { #headerHP, #galleryHP, #imgSwith {height: 700px;} #headerHP h2 {top: 220px} #header h2 {font-size: 60px; line-height: 60px; top: 180px;} #clients .slider2 .slide div {width: 24%;} .member .memberDesc, .moveRight .memberDesc {width: 400px;} .member .memberDesc h4 {font-size: 40px;} } @media screen and (max-width: 1000px) { #headerHP h2 {font-size: 50px; line-height: 50px;} .HP h3 {font-size: 50px; line-height: 44px;} .HP p {padding: 20px 100px 0 0; font-size: 24px; line-height: 36px; margin-top: 20px;} #switchHP a.active .switchCircle, #switchHP a:hover .switchCircle {display: none;} .slide p {font-size: 24px; line-height: 32px;} #clients .slider2 .slide div {width: 42%;} #clients {text-align: center;} #clients h4 {width: 80%; float: none; display: inline-block; text-align: center;} .member .memberDesc, .moveRight .memberDesc {width: 350px;} .member .memberDesc p {font-size: 16px; line-height: 24px;} .services h4 {font-size: 34px; line-height: 34px;} } @media screen and (max-width: 960px) { #headerHP, #galleryHP, #imgSwith {height: 600px;} #switchHP {top: 190px;} #pageTitle {text-align: center;} #pageTitle h3 {background: none; text-align: center; float: none; margin: 0px; padding: 0px;} #header h2 {font-size: 50px; line-height: 50px;} .services {width: 100%;} #content-sidebar {width: 100%; max-width: none; margin-bottom: 60px; margin-left: 0px;} #content-sidebar ul li a {text-align: center;} #contentHolder {max-width: none; width: 100%; float: left; text-align: center;} #contentHolder div img {width: 70%;} .member {text-align: center;} .member img {width: 100%; position: static;} .member .memberDesc, .moveRight .memberDesc {width: 100%; position: static; padding: 70px 0px; text-align: center;} .member .memberDesc p, .member .memberDesc h4, .member .memberDesc h5, .member .memberDesc a, .member .memberDesc .additional p {width: 80%; float: none; display: inline-block;} .moveRight h4, .moveRight h5, .moveRight a, .moveRight p {text-align: center!important;} } @media screen and (max-width: 800px) { .slider {margin-top: 130px;} #pageTitle h3 {font-size: 50px; line-height: 50px;} #headerHP h2 {width: 80%; float: none; display: inline-block; position: relative;} #headerHP {text-align: center;} .HP p {font-size: 20px; line-height: 30px; width: 63%;} .HP h3 {font-size: 40px; line-height: 34px;} } @media screen and (max-width: 700px) { #headerHP h2 {top: 160px;} #header h2 {top: 200px; font-size: 40px; line-height: 40px;} #contactForm h3 {font-size: 50px;} #fields input {width: 80%; margin-right: 0px;} #top.noTransparent #logoClaim, #top.noTransparent #logoClaimFr {display: none;} } @media screen and (max-width: 600px) { #switchHP {display: none;} .row {text-align: center;} .HP h3 {float: none; width: 80%; display: inline-block; text-align: center; margin: 0 0 30px 0; padding: 0px;} .HP p {float: none; width: 80%; display: inline-block; text-align: center; background: none; margin: 0px; padding: 0px;} .HP h3 br {display: none;} .slide p {font-size: 18px; line-height: 26px;} #clients .slider2 .slide div {width: 52%;} #footer ul.menu {float: left; width: 100%; margin: 30px 0 20px 0;} #footer ul.menu li {float: left; width: 100%;} #footer ul.menu li a {float: left; width: 100%; background: none; padding: 10px 0;} #footer ul.menu li.current_page_item a, #footer ul.menu li.current-page-ancestor a {border-top: none;} .services {text-align: center} .services h4, .services p {width: 80%; float: none; display: inline-block; text-align: center; margin: 10px 0; padding: 0px;} } @media screen and (max-width: 500px) { #headerHP h2 {font-size: 40px; line-height: 40px;} } @media screen and (max-width: 400px) { #headerHP h2 {font-size: 34px; line-height: 34px;} }