/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
body{
background: url(../images/main-bg.gif) repeat 0 0;
font:14px/22px Arial, Helvetica, sans-serif;
color:#666666;
position:relative;
}
p{ padding-top:23px;}
a {
color: #4f4f4f;
outline: none;
cursor: pointer;
text-decoration: none;
}
a:hover{text-decoration:underline}
a[href^="tel:"] {
color: inherit;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.3em;
display: block;
color: #606060;
font-size: 26px;
font-weight: normal;
line-height: 36px;
padding-bottom: 26px;
border-bottom: 5px solid #F1F1F1;
}
h1{font-size:32px;}
h2{font-size:30px;}
h3{font-size:26px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;}
h3 {
line-height: 26px;
margin-top: 37px;
}
.first {
margin-top: 42px;
}
h7 {
line-height: 1.3em;
display: block;
color: #606060;
font-size: 26px;
font-weight: normal;
line-height: 36px;
padding-bottom: 3px;
padding-left: 8px;
border-bottom: 5px solid #F1F1F1;
}
h7{font-size:30px;}
h8 {
line-height: 1.3em;
display: block;
color: #606060;
font-size: 26px;
font-weight: normal;
line-height: 36px;
padding-bottom: 3px;
padding-left: 0px;
border-bottom: 5px solid #F1F1F1;
}
h8{font-size:26px;}
* {
-webkit-text-size-adjust: none;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.extra-wrap{overflow:hidden;display:block;}
.wrapper {width:100%; overflow:hidden;}
.btn {
background: url("../images/marker1.png") right 3px no-repeat;
color: #202020;
display: inline-block;
font-size: 14px;
line-height: 17px;
padding-right: 16px;
transition: all 0.4s ease 0s;
}
.btn:hover {
color: #7e7e7e;
text-decoration: none;
}
.green { background: url(../images/green.png) no-repeat right 4px; }
.blue { background:url(../images/blue.png) no-repeat right 4px ;}
.blue2 { background:url(../images/blue2.png) no-repeat right 4px ;}
.yellow { background:url(../images/yellow.png) no-repeat right 4px ;}
.figure-img {
float: left;
margin-right: 33px;
margin-top: 5px;
}
.figure-img img {
width: 100%;
}
.img-wrapper {
width: 100%;
}
.border-1 {
border-bottom: 5px solid #F1F1F1;
width: 975px;
margin-left: -7px;
}
.border-2 {
border-bottom: 1px solid #EFEFEF;
margin-top: 32px;
}
.list {
margin-top: 25px;
}
.list li {
background: url("../images/marker1.png") no-repeat scroll 0px 2px transparent;
display: block;
line-height: 16px;
padding-bottom: 10px;
padding-left: 23px;
}
.list a {
color: #727272;
font-size: 11px;
text-transform: uppercase;
}
.bg {
background:#fff;
max-width:2000px;
margin:0 auto;
}
/************Header************/
h1 {
padding: 41px 0 0;
font-size: 0;
border: none;
line-height: 0;
float: left;
margin: 0 0 0 -6px;
}
h2 {
padding-bottom: 23px;
}
h7 {
padding-bottom: 10px;
}
.logo {
display:block;
width:225px;
height:138px;
text-indent:-5000px;
background:url(../images/logo_gm.png) 0 0 no-repeat;
}
.social-icons {
text-align: right;
margin: 0 auto;
}
.social-icons li {
display: block;
list-style-type:none;
-webkit-user-select:none;
-moz-user-select:none;
}
.social-icons li a {
border-bottom: none;
}
.social-icons li img {
text-align: right;
margin: 0 auto;
}
.soc-links {
display:block;
}
.soc-links li {
display: block;
float: right;
margin-left: 2px;
}
.soc-links a {
width: 19px;
height: 18px;
float: right;
}
.soc-links a:hover {
background-position: 0 -28px;
}
.soc-link1 {
float: right;
background: url(../images/facebook.png) no-repeat 0 0;
}
.soc-link2 {
background: url(../images/facebook.png) no-repeat 0 0;
}
.telephone {
color: #C6C6C6;
float: right;
font-size: 18px;
font-weight: bold;
margin: 85px -7px 0 0;
}
.telephone .inside .extra-wrap {
margin-bottom: 5px;
padding-left: 30px;
padding-top: 2px;
background: url(../images/teleph.png) no-repeat 0 0;
text-align: right;
float: right;
}
.telephone span {
display: block;
font-weight: normal;
color: #b2b2b2;
font-size: 12px;
padding-right: 6px;
line-height: 16px;
}
/*slider */
.camera_width.camera_wrap {
width:977px;
margin: 38px 0 0 -8px;
min-height: 417px;
}
.camera_caption {
overflow: hidden;
position: absolute;
top: 189px;
text-align: center;
left: 0px;
z-index: 15;
}
.camera_caption span {
display: block;
}
.line-1 {
background: #000;
text-transform: uppercase;
color: #ffbd32;
font-size: 40px;
line-height: 48px;
padding: 9px 33px;
}
.camera_caption span.line-2 {
background: none repeat scroll 0 0 #353535;
color: #B6B6B6;
display: inline-block;
font-size: 30px;
line-height: 36px;
width: auto;
text-align: center;
display: inline-block;
margin-left: 102px;
padding: 0 22px 7px 27px;
}
.text2 {
display: block;
color: #1998cf;
font-size: 26px;
line-height: 32px;
}
.text2 + p {
color: #7e7e7e;
padding-bottom: 15px;
padding-top: 13px;
font-size: 18px;
line-height: 22px;
padding-left: 2px;
}
/************Content***********/
.text1 {
display: block;
color: #606060;
font-size: 30px;
line-height: 36px;
}
.text1 strong,
h2 strong,
h7 strong,
h8 strong,
h3 strong {
color: #a3a3a3;
font-weight: normal;
}
#search-form1 {
padding-top: 18px;
position: relative;
width: 100%;
}
#search-form1 input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #CFCFCF;
border-radius: 20px;
color: #B4B4B4;
display: inline-block;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
height: 42px;
line-height: 22px;
outline: medium none;
padding: 9px 51px 9px 12px;
width: 100%;
}
#search-form1 a {
background: url("../images/search-marker1.png") no-repeat scroll 0 0 transparent;
display: block;
height: 24px;
position: absolute;
right: 10px;
top: 26px;
width: 30px;
z-index: 999;
}
#search-form1 a:hover {
background-position: 0 -62px;
}
.text3 {
display: block;
color: #727272;
font-size: 13px;
padding-top: 8px;
}
.maxheight {
position: relative;
}
.row-1 > div {
margin-top: 10px;
margin-bottom: 35px;
}
.navrow > nav {
margin-top: 12px;
margin-bottom:35px;
}
.vert-border {
position: absolute;
bottom: 0px;
top: 0px;
left: 50%;
width: 1px;
background: #e8e8e8;
}
.block-left {
margin: 0 -10px;
}
.block-left .block-1 {
margin-top: 40px;
}
.block-1 .img-wrapper {
margin-bottom: 21px;
}
.text-4 {
line-height: 1.3em;
color: #464646;
font-size: 21px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin-bottom: 16px;
display: block;
}
.text-5 {
line-height: 1.3em;
color: #464646;
font-size: 21px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin-bottom: 16px;
display: block;
}
.font1 {
color: #727272;
font-size: 13px;
line-height: 20px;
padding-bottom: 11px;
padding-top: 0px;
}
.block-2 {
padding-top: 12px;
}
.block-2 .inside {
margin-top: 17px;
background: #F9F9F9;
overflow: hidden;
padding: 42px 0px 46px 43px;
}
.block-2 .inside .text1,
.block-2 .inside h3 {
margin-right: 35px;
}
.block-2 .inside + .inside {
padding-top: 33px;
padding-bottom: 32px;
}
.text5 {
color: #3C3B3B;
display: block;
font-size: 14px;
line-height: 21px;
margin-bottom: 15px;
padding-left: 5px;
text-transform: uppercase;
margin-top: 21px;
}
.text5 + p {
padding-top: 0px;
padding-bottom: 19px;
}
.block-2 .inside .btn {
float: right;
margin: 9px 40px 0 0;
}
.block-2 .list {
float: left;
}
.block-2 h3 + .list {
margin-right: 40px;
}
.block-2 h3,
.block-2 .text1 {
border-bottom: 5px solid #F1F1F1;
padding-bottom: 24px;
margin-top: 0px;
}
.block-2 .inside {
border-bottom: 5px solid #F1F1F1;
padding-bottom: 0px;
margin-top: 0px;
}
.border-1.p1 {
margin-top: 30px;
}
/*services*/
.text6 {
display: block;
color: #525252;
margin-top: 23px;
}
.text8 {
color: #4F4F4F;
display: block;
font-size: 20px;
margin-bottom: 8px;
line-height: 23px;
margin-top: -8px;
}
aside .btn {
float: right;
margin-top: 19px;
padding-right: 17px;
}
.box-3 {
background: none repeat scroll 0 0 #F9F9F9;
border-bottom: 5px solid #F1F1F1;
margin-top: 42px;
padding: 23px 18px 19px;
}
.box-19 .figure-img {
margin: 1px 16px 0px 6px;
}
.box-19 {
background: none repeat scroll 0 0 #F9F9F9;
border-bottom: 5px solid #F1F1F1;
margin-top: 5px;
padding: 5px 18px 19px;
}
.box-3 .figure-img {
margin: 1px 16px 0px 6px;
}
.text7 {
color: #1998cf;
font-size: 20px;
line-height: 24px;
padding-top: 0;
}
.link3 {
color: #727272;
font-size: 13px;
}
.border-1.header-border {
margin-top: 38px;
}
.block-4 .inside {
background: none repeat scroll 0 0 #FBFBFB;
margin-top: 0px; /*47px*/
padding: 0px 45px 27px; /*40px 45px 27px;*/
}
.text9 {
color: #3C3B3B;
display: inline-block;
margin-bottom: 5px;
margin-top: -2px;
text-transform: uppercase;
}
.text9 + p {
padding-top: 0px;
}
.block-4 .figure-img {
margin: 24px 19px 0 0;
}
.block-4 .extra-wrap {
margin-top: 20px;
}
.block-4 .extra-wrap ul {
margin-top: 18px;
}
.block-4 .box-1 {
margin-bottom: 9px;
margin-left: 3px;
}
.block-4 h2 + .box-1 {
margin-top: 3px;
}
.border-1.footer_border {
margin-top: 28px;
}
.block-5 {
background: none repeat scroll 0 0 #FBFBFB;
margin: 45px 10px 0;
padding-bottom: 31px;
}
.block-5 .inside .grid_16 {
margin: 0 -10px;
}
.block-5 .first {
margin: 0px 44px 0px;
padding-top: 42px;
}
.box-4 {
margin: 0 -10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 21px 0 0 54px ;
margin-bottom: 31px;
}
.box-4 .figure-img {
margin-right: 20px;
}
.box-4 p {
font-style: italic;
color: #b2b2b2;
padding-top: 0px;
}
/*prices*/
.block-6 {
background: none repeat scroll 0 0 #FBFBFB;
margin-top: 45px;
padding: 41px 44px 28px 44px;
}
.block-6 table {
width: 100%;
margin-top: 26px;
}
.block-6 table tr td + td {
width: 30%;
padding-bottom: 8px;
color: #4F4F4F;
line-height: 14px;
text-align: left;
vertical-align: bottom;
white-space: nowrap;
}
.block-6 table tr td:first-child {
background: url(../images/marker6.gif) 0 bottom repeat-x;
padding-right: 10px;
}
.block-6 table a {
display: inline;
margin-top: 8px;
background: #fbfbfb;
color: #B2B2B2;
font-size: 14px;
line-height: 14px;
}
.box-6 {
background: none repeat scroll 0 0 #FBFBFB;
border-bottom: 6px solid #F1F1F1;
line-height: 21px;
margin-bottom: 19px;
margin-top: 8px;
padding: 24px 0;
text-align: center;
}
.box-5 {
background: none repeat scroll 0 0 #FBFBFB;
border-bottom: 6px solid #F1F1F1;
line-height: 21px;
margin-top: 20px;
padding: 24px 0;
text-align: center;
}
.box-5:first-child {
margin-top: 45px;
}
.text10 {
color: #1998CF;
display: block;
font-size: 44px;
line-height: 47px;
margin-bottom: 7px;
text-transform: uppercase;
}
.text11 {
color: #4F4F4F;
display: block;
font-size: 18px;
line-height: 24px;
margin-bottom: 12px;
}
.link5 {
color: #4f4f4f;
font-size: 12px;
line-height: 21px;
}
/*privacy*/
.privacy {
padding: 42px 46px 32px;
background: #FBFBFB;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-top: 46px;
}
.privacy h2 {
padding-bottom: 20px;
}
.privacy span {
display: block;
color: #4f4f4f;
}
.privacy .link2 {
padding-top: 8px;
}
/*toTop*/
#toTop {
display:none;
text-decoration:none;
position:fixed;
cursor:pointer;
overflow:hidden;
width:15px;
height:18px;
border:none;
text-indent:-999px;
z-index:20;
background:url(../images/ui.totop.png) no-repeat left 0px;
margin-right: -670px !important;
right: 50%;
bottom: 20px;
}
#toTop:hover {
background:url(../images/ui.totop.png) no-repeat left -18px;
width:15px;
height:18px;
display:block;
overflow:hidden;
float:left;
}
#toTop:active, #toTop:focus {
outline:none;
}
/************Footer************/
footer {
padding-bottom: 34px;
}
footer .inside > div {
margin-top: 31px;
}
footer p {
line-height: 20px;
padding-top: 0;
}
.footer-col-1 {
color: #949494;
font-size: 14px;
}
.footer-col-1 span {
color: #5a5a5a;
}
.footer-col-1 a {
color: #aba9a9;
}
.footer-col-1 strong {
display: inline-block;
margin: 0 5px;
}
.link2 {
color: #393939;
display: inline-block;
font-size: 14px;
margin-top: -3px;
text-decoration: underline;
}
.link2:hover {
text-decoration: none;
}
footer .figure-img {
margin: 4px 12px 0px 3px;
}
footer .figure-img.last {
margin: 0 10px 0 1px;
}
footer .link2 {
margin-top: 0px;
}
footer .col-3, footer .col-2 { float: right; }
footer .col-1 { float: left; }
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
h1 {margin-left: 10px;}
.border-1 { width:100%; margin-left: 0px;}
.telephone {margin-top: 35px;}
.soc-links, .telephone {margin-right: 10px; }
.list + .list { margin-top: 0px;}
.box-3 .figure-img {float: none;}
.box-4 .extra-wrap {overflow: visible; margin-top: 10px;}
.block-5 {margin: 45px 0 0;}
.block-2 .inside {padding-right: 10px;}
.text7 { font-size: 16px;font-weight: bold; }
.text8 {font-size: 18px;}
.text10,
.text11,
.link5 {
display: block;
margin: 0 10px;
white-space: normal;
}
.text11 {margin: 0 9px; }
.text10 {font-size: 38px;line-height: 38px; }
/*slider*/
.camera_width.camera_wrap { width:100%; margin-left: 0px;}
.camera_width .camera_caption { bottom:30%; top: auto;}
.camera_width.camera_wrap { min-height: 328px;}
.p-contacts #contact-form {
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
h1 {margin-left: 10px;}
.soc-links, .telephone {margin-right: 0px; }
.vert-border {display: none;}
.row-1 > div.bord { margin:0px; }
.container_16 .grid_4.block-1 { width: 200px;}
.block-2 h3 + .list {margin: 25px 20px 0 0; }
.block-2 h8 + .list {margin: 12px 20px 0 0; }
.block-2 .list + .list {margin-top: 25px;}
.block-4 .figure-img {width: 100%;float: none; margin-right: 0px;}
.box-3 .figure-img {float: left;}
.block-5 .first {margin: 0 10px;}
.block-6 table tr td + td { white-space: normal; }
.text7, .text8 { font-size: 20px;font-weight: normal;}
.text10 {font-size: 44px; }
.box-4 {padding: 18px 10px 0;}
.marg-1 { margin: 0px;}
/*slider*/
.camera_caption span.line-1 {font-size: 20px;padding: 0px 33px; }
.camera_caption span.line-2 {font-size: 24px;padding-bottom: 0px; }
.camera_width.camera_wrap { min-height: 200px;}
.p-contacts .map_wrapper,
.p-contacts .form_wrapper,
.privacy {
padding: 42px 15px 0;
}
footer .col-3, footer .col-2 { float: left; }
}
@media only screen and (max-width: 480px) {
.soc-links {margin-top: 15px; }
.box-4 {float: left;margin: 0; }
.box-4 .figure-img {float: none;margin-right: 0; }
.container_16 .grid_4.block-1 { width: 200px;}
.block-2 .list + .list {margin-top: 25px;}
.block-6 { padding: 41px 10px 36px 10px; }
.block-6 table tr td:first-child { padding-top: 10px; }
.block-2 .inside { padding-left: 10px; }
.camera_width.camera_wrap { min-height: 200px;}
.block-4 .inside {
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width: 470px) {
.block-2 .list + .list { margin-top: 0px; }
.container_16 .grid_4.block-1 { width: 140px; }
}
@media only screen and (max-width: 320px) {
}
/*Flex Table with Logos*/
.LogoRow {
display: flex;
flex-wrap: wrap;
padding: 0 5px;
}
/* Create four equal columns that sits next to each other */
.LogoColumn {
flex: 30%;
max-width: 30%;
padding: 0 65px;
}
.LogoColumn img {
margin-top: 75px;
vertical-align: middle;
}
.LogoColumn img:hover {
margin-top: 75px;
vertical-align: middle;
opacity: 0.5;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
.LogoColumn {
flex: 50%;
max-width: 50%;
}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.LogoColumn {
flex: 100%;
max-width: 100%;
}
}