/* CSS Document */
body {font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif; line-height: 1.25; font-weight: 400; }
a { color: #B10000; }

.btn { font-family: 'Roboto', sans-serif; padding-left: 30px; padding-right: 30px; }
.btn-white { background-color:transparent; border: 1px solid #fff; color: #fff;   }
.btn-white:hover, .btn-white:focus .btn-white:active  { color: #fff; }
.btn-black { background-color:transparent; border: 1px solid #000; color: #000;   }
.btn-black:hover, .btn-white:focus .btn-white:active  { color: #000; }
.btn-danger { background-color: #D60000; }
	
.bodyline { height: 4px; background: #E30013; margin-bottom: 10px;  }

.logo-wrapper { display: inline-block; width:184px; margin-bottom: 5px;  }
.logo-wrapper img { display: block; max-width: 100%; width: 100%; height: auto; }

.menuline { height: 5px; background: #262968;  }

.hero-wrapper { margin-bottom: 50px; }
.hero {
	background-image: url("../images/theme/hero.jpg");
	background-repeat: no-repeat;
	background-position: center center; /* fixed*/ 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	
	padding-top: 200px; 
}

.heroline { height: 5px; background: #E30013;  }

.mapline { display: block; }
.mapline iframe { display: block;  width: 100%; height: 360px;  }

.welcome { 
	margin-bottom: 66px; width: 500px; padding: 30px; 
	background-color: rgba(01,04,30,0.8);
	color: #fff;  
	
}

.title-welcome { display: block; border-left: 5px solid #E50F29; padding-left: 10px; font-size: 28px; }

.contacts { display:inline-block; position: absolute; top:5px; right: 0; }
.contacts ul { margin: 0; padding: 0; list-style: none none; }
.contacts ul li { display: inline-block; float: left; font-size: 18px;  }
.contacts .fa-phone-square { color: #262968; font-size: 19px; }

.contacts-divider { padding: 0 10px; color: rgba(184,184,184,1.00); }

.webart-wrapper { text-align: right; }
.webart { 
	font-size:10px; line-height: 1.1; 
	display: inline-block; float: right; width: 100px; text-align: right;
	background: url('../images/theme/webart.png') no-repeat right;
	background-size: 22px 22px;
	padding-right:28px;
	color: #999999;
	opacity: 0.5;
	-webkit-transform:all 0.5s; -moz-transform:all 0.5s; transition:all 0.5s;
}
.webart:hover,
.webart:focus,
.webart:active { color: #999999; text-decoration: none; opacity: 1.0; }

.themenu { display:inline-block; position: absolute; right: 0; bottom: 0; }
.themenu > ul { margin: 0; padding: 0; list-style: none none; }
.themenu > ul > li {  font-family: 'Roboto Condensed', sans-serif; display: inline-block; float: left; font-size: 18px; }
.themenu > ul > li > a { display: block; padding: 10px 35px; background-color: #D5D5D5;  text-transform: uppercase; color: #262968;  }
.themenu > ul > li.active > a { background-color: #262968; color: #ffffff;  }

.page-spacer { height: 20px; }

.welcome-text { margin-bottom: 25px; }

.title-regular { font-size: 24px; color: #262968; }
.title-wrapper { margin-bottom: 20px; }
.title-wrapper .title { font-size: 24px; color: #262968; margin: 0; text-transform: uppercase; }

.hrline { margin: 10px 0 30px 0; }

.redlist { margin: 0 0 20px 0; padding: 0; list-style: none none; }
.redlist li { margin-bottom:5px; color: #E00000; padding-left: 24px; background: url('../images/theme/tick-red.svg') no-repeat left; background-size:16px 16px; }

.area-content { margin-bottom: 30px; }
.autopark-photo { margin-bottom: 30px; }


.thefooter { background-color: #F6F6F6; padding: 30px 0 0px 0; border-top: 3px solid #D60000; }
.footer-terms { border-top:1px solid #CCCCCC; padding-top: 15px; padding-bottom: 15px; }

.copyright { font-size: 13px; color: #8F8F8F; }

.certificates { margin-bottom: 20px; }
.certificates ul {margin: 0; padding: 0; list-style: none none;}
.certificates ul li { width: 120px; display: inline-block; float: left; margin-right: 20px; margin-bottom: 20px; }
.certificates ul li:last-child { margin-right:0; }
.certificates ul li img { max-width: 100%; }

.contact-form { margin-bottom: 50px; }

.button-questions { display: inline-block; padding:6px 20px; background: #fff; border: 1px solid #CCCCCC;  }

.hamburger { display: block; width: 36px; height: 36px; position: absolute; top:2px; left: 0; }
.hamburger img { display: block; width: 100%; max-width: 100%; }


/* #######################################################################################################################################################
                    _
     ,,,           ((_           +++           ___           /777       `  ___  '        xxx           |||           (((           '*`           >X<      
    (o o)         (o o)         (o o)         (o o)         (o o)      -  (O o)  -      (o o)         (o o)         (o o)         (o o)         (o o)     
ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-

/* #################################################################################################################################################### */


/* XS - PRIMARY - USE THIS */
/* Small devices (landscape phones, 576px and up) */
@media (max-width:767px) { 
	body { font-size:14px; }
	.logo-wrapper { width: 80px; margin-left: 52px;  }
	.contacts { top: 0; }
	.contacts ul li { display: block; float: none; font-size:13px; }
	.contacts .fa-phone-square { font-size: 12px; }
	
	.welcome { margin-bottom: 30px; width: 100%; }
	.title-welcome { font-size: 22px; }
	.hero { padding-top: 50px; }
	.hero-wrapper { margin-bottom: 20px; }
	.area-content { margin-bottom: 20px; }
	.buttons-margin { margin-bottom: 20px; }
	
	.title-regular,
	.page-title .title { font-size: 22px; }
	.certificates ul li { width: 70px; }
	
	.themenu { display: none; position: static; width: 100%;  }
	/* .themenu.themenu-show { display: block; } */
	.themenu > ul > li { display: block; float: none; width: 100%; font-size: 15px; }
	.themenu > ul > li > a { display: block; width: 100%; padding: 8px 17px; }
	
} /* End of @media ----------------------------------------------------------------------------- */

/* SM - SECONDARY */
/* Old small -screen devices (tablets, 575px and up) : KEEP IT AFTER :  @media (max-width:767px) */
@media (max-width:575px) {} 
/* @media ==================================================================================== */
@media (max-width:575px) and (orientation:landscape) {} 
/* @media ==================================================================================== */
/* --------------------------------------------------------------------------------------------- */

/* MD */
/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px) { 
	.logo-wrapper {  width: 140px; }
	.contacts { top: 0; }
	.contacts ul li { font-size: 16px; }
	.themenu > ul > li { font-size: 14px; }
	.themenu > ul > li > a { padding: 8px 25px; }
	
	.title-welcome { font-size: 24px; }
	.hero { padding-top: 70px; }
	.hero-wrapper { margin-bottom: 35px; }
	.area-content { margin-bottom: 30px; }
	.buttons-margin { margin-bottom: 30px; }
	
} /* End of @media ----------------------------------------------------------------------------- */

/* The following codes are specifically for iPad (portrait and landscape): */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {} /* @media iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { } 
/* @media iPad Portrait  ==================================================================================== */

/* LG */
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1247px) {	
	.certificates ul li { width: 90px; }
} /* End of @media ----------------------------------------------------------------------------- */

/* XL: 1280x1024 */
/* Extra large devices (large desktops, 1280 and up) */
@media (min-width:1248px) and (max-width: 1333px) {	
	.container { width: 1170px; }
} /* End of @media ----------------------------------------------------------------------------- */

/* 2XL: 1366 x 768 */
/* Extra large devices (large desktops, 1366px and up) */
@media (min-width:1334px) and (max-width: 1407px) {
    .container { width: 1170px; }
    
} /* End of @media ----------------------------------------------------------------------------- */

/* 3XL: 1440×900 */
/* Extra large devices (large desktops, 1440 and up) */
@media (min-width:1408px) and (max-width: 1879px) {
    .container { width: 1170px; }
    
} /* End of @media ----------------------------------------------------------------------------- */

/* SPECIAL OCCASIONS ONLY  */
@media (max-width:575px) {}
@media (min-width:576px) {}
@media (min-width:768px) {}
@media (min-width:992px) {}
@media (min-width:1248px) { /* DEFAULT 1200px  changed to 1248px */
} /* End of @media ----------------------------------------------------------------------------- */
@media (min-width:1334px) {}
@media (min-width:1408px) {}
@media (min-width:1880px) { /* 1920×1080px AND UP  */
    .container { width: 1170px; }
    
} /* End of @media ----------------------------------------------------------------------------- */