@charset "UTF-8";

/*
 * Gridiculous
 *
 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.
 *
 * created by c.bavota
 * released under GPL v2
 *
 * March 4th, 2013
 */

/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}

/* =Gridiculous
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body{font-size:100%;line-height:1.6875}
.grid{margin:0 auto;max-width:990px;width:100%}
img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;}
.row.mb{margin-bottom: 20px;}
.row .row{width:auto;}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
.c5th{width:20%;}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c5th{min-height:1px;float:left;padding-left:20px;padding-right:20px;position:relative}
.c1.alpha,.c2.alpha,.c3.alpha,.c4.alpha,.c5.alpha,.c6.alpha,.c7.alpha,.c8.alpha,.c9.alpha,.c10.alpha,.c11.alpha,.c12.alpha,.c5th.alpha {padding-left:0;}
.c1.omega,.c2.omega,.c3.omega,.c4.omega,.c5.omega,.c6.omega,.c7.omega,.c8.omega,.c9.omega,.c10.omega,.c11.omega,.c12.omega,.c5th.omega {padding-right:0;}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}

table.gridlike {
	table-layout: fixed;
}
table.gridlike > tr > td,
table.gridlike > tbody > tr > td {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* =Media query for tablets - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (max-width:991px){
	.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12,.row .row .c5th{width:100%;margin-bottom:20px}
	.row .row > div:last-child{margin-bottom:0 !important}
}

/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
	body{font-size:90%}
	.row{margin-bottom:0!important}
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c5th{width:100%;margin-right:0;margin-left:0;margin-bottom:20px}
	table.gridlike,
	table.gridlike > tr,
	table.gridlike > tbody > tr,
	table.gridlike > tr > td,
	table.gridlike > tbody > tr > td {
		display: block;
		width: 100%;
	}

	table.gridlike > tr > td,
	table.gridlike > tbody > tr > td {
		width:100%;margin-right:0;margin-left:0;margin-bottom:20px
	}
	.row-nm:after {clear:none;}
	.row-nm:before,
	.row-nm:after { display: none;}
	.row-m:after {clear:both;}
	.row-m:after,
	.row-m:before { display: table;content:'';}
	.m-c6 {
		float: left;
		width: 50% !important;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
	}
}

/* CSS reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block}body{line-height: 1}ol, ul{list-style: none}blockquote, q{quotes: none}blockquote:before, blockquote:after,q:before, q:after{content: '';content: none}table{border-collapse: collapse;border-spacing: 0}

/* Base CSS */
body {position: relative;font-family: "Titillium Web", sans-serif;background: #1d1c1a; color: #fff; font-size: 1em;}
html,
body {min-height: 100%; height: 100%;}
#top,
#snippet--content { position: relative;}
.fleft {float: left;}
.fright {float: right;}
.aright {text-align: right !important;}
.acenter {text-align: center !important;}
.ajust {text-align: justify;}
.hidden {display: none;}
.block {display: block;}
.iblock {display: inline-block; max-width: 100%;}

strong,
b {font-weight: bold !important;}
em,
i {font-style: italic;}
del {text-decoration: line-through;}
.clearfix:before,
.clear:before,
form.styled:before,
.clearfix:after,
.clear:after,
form.styled:after,
.grid:before,
.grid:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after,
.clear:after,
form.styled:after,
.grid:after {clear: both;}
.clearfix,
.clear,
form.styled,
.grid {zoom: 1;}
.dtb {display: table;}
.dtr {display: table-row;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.relative { position: relative;}

#header {
	background: url("../images/layout/bg_header.jpg") no-repeat top center;
	width: 100%;
	height: 520px;
	padding-top: 150px;
}

#header h1,
#office h2 {
	display: inline-block;
	color: #0C0A04;
	font-size: 4.875em;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: -2px;
	background: #eea800;
	padding: 15px 20px;
	margin-bottom: 15px;
	line-height: 1;
}
#header h1 strong,
#office h2 strong {
	font-weight: 700;
}
#header h2,
#office h3 {
	display: inline-block;
	color: #EEA800;
	font-size: 3.125em;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: -2px;
	background: #1d1c1a;
	padding: 10px 20px;
	line-height: 1;
}
#header h2 strong,
#office h3 strong {
	font-weight: 600 !important;
}

#benefits > .grid {
	position: relative;
}

#money {
	background: url("../images/layout/money.png") no-repeat;
	width: 447px;
	height: 260px;
	position: absolute;
	top: -240px;
	left: -72px;
}

#benefits {
	background: url("../images/layout/bg_gold.jpg") repeat-y top center;
	border-top: 10px solid #c58b00;
	border-bottom: 10px solid #c58b00;
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: center;
	color: #1D1C1A;
	font-size: 1.313em;
	font-weight: 400;
	line-height: 1;
}

#benefits .c4 + .c4 {
	background: url("../images/layout/separator.png") no-repeat left center;
}

#benefits .row + .row {
	margin-top: 1em;
}

#benefits .icon {
	display: block;
	margin: 10px auto;
	width: 142px;
	height: 136px;
	background: url("../images/layout/icons.png") no-repeat center bottom;
}
#benefits .icon.icon_1 { background-position: 0 0;}
#benefits .icon.icon_2 { background-position: -142px 0;}
#benefits .icon.icon_3 { background-position: -284px 0;}
#benefits .icon.icon_4 { background-position: -426px 0;}
#benefits .icon.icon_5 { background-position: -568px 0;}
#benefits .icon.icon_6 { background-position: -710px 0;}

#kontakt {
	background: url("../images/layout/bg_dark.jpg") repeat-y top center;
}

#kontakt_inner {
	padding-top: 60px;
	padding-bottom: 75px;
	background: url("../images/layout/bg_form_elements.png") no-repeat top center;
}

#kontakt h2 {
	color: #fff;
	font-size: 27px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 45px;
}

#kontakt p,
#top > p {
	color: #fff;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.25;
}
#kontakt p {
	line-height: 1.4;
	font-weight: 300;
}
#top > p {
	padding: 20px;
}
#kontakt p + p {
	margin-top: 30px;
}
#kontakt p strong {
	font-weight: 600 !important;
}

#kontakt .row + .row {
	margin-top: 30px;
}

#kontakt h3 {
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
	margin: 20px 0;
}

#kontakt ul {
	margin: 0;
	list-style: none;
	font-size: 17px;
	font-weight: 300;
	color: #fff;
}

#kontakt ul strong {
	font-weight: 600 !important;
	color: #EDA100;
}

#kontakt ul li {
	display: block;
	line-height: 26px;
	min-height: 23px;
	background: url("../images/layout/list_arrow.png") no-repeat 6px top;
	padding-left: 35px;
}

#kontakt ul li + li {
	margin-top: 18px;
}

#kontakt form,
#kontakt .success {
	display: block;
	width: 100%;
	border: 2px solid #c58a00;
	background: url("../images/layout/bg_gold_sm.jpg");
	-webkit-background-size: cover;
	background-size: cover;
	padding: 35px;
}

#kontakt .success {
	font-weight: bold;
	text-align: center;
	color: #1D1C1A;
}

#kontakt form .help-inline {
	margin-top: 5px;
	font-weight: 600;
	font-size: 16px;
	color: #881a1a;
}
#kontakt form .info-error:before {
	content: '!';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	text-align: center;
	line-height: 16px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background: #881a1a;
	border-radius: 100%;
}
#kontakt form .fileinput .help-inline {
	margin-top: 0;
	position: absolute;
	right: 0;
	top: 100%;
}

#kontakt form input[type="text"] {
	display: block;
	width: 100%;
	margin-top: 18px;
	background: #fff;
	border: 2px solid #C58A00;
	outline: 0;
	padding: 10px 18px;
	color: #aaa;
	font-family: "Titillium Web", sans-serif;
	font-size: 21px;
	font-weight: 400;
}

#kontakt form select {
	display: block;
	width: 100%;
	margin-top: 18px;
	background: #fff;
	border: 2px solid #C58A00;
	outline: 0;
	padding: 10px 18px;
	color: black;
	font-family: "Titillium Web", sans-serif;
	font-size: 21px;
	font-weight: 400;
}

#kontakt form input.name {
	margin-top: 0;
	background: url("../images/layout/icon_name.png") no-repeat right center #fff;
	-webkit-background-size: 40px 30px;
	background-size: 40px 30px;
}
#kontakt form input.phone {
	background: url("../images/layout/icon_phone.png") no-repeat right center #fff;
	-webkit-background-size: 40px 33px;
	background-size: 40px 33px;
}
#kontakt form input.email {
	background: url("../images/layout/icon_mail.png") no-repeat right center #fff;
	-webkit-background-size: 40px 19px;
	background-size: 40px 19px;
}
#kontakt form input.city {
	background: url("../images/layout/icon_city.png") no-repeat right center #fff;
	-webkit-background-size: 40px 33px;
	background-size: 40px 33px;
}

#kontakt form label.checkbox {
	display: block;
	position: relative;
	padding: 10px 0;
	color: #1d1c1a;
	font-size: 16px;
}
#kontakt form label.checkbox .help-inline.info-error {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: -5px;
}
#kontakt form label.checkbox a {
	color: #1d1c1a;
	text-decoration: underline;
}
#kontakt form label.checkbox a:hover {
	text-decoration: none;
}

#kontakt form input[type="submit"] {
	display: block;
	width: 50%;
	margin: 18px auto 0;
	border: 2px solid #fff;
	padding: 10px 0;
	font-family: "Titillium Web", sans-serif;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	background: none;
	cursor: pointer;
}
#kontakt form input[type="submit"]:hover {
	background: #fff;
	color: #c58a00;
}

#kontakt .fileinput {
	position: relative;
	color: #1D1C1A;
	font-size: 21px;
	font-weight: 600;
	line-height: 38px;
	cursor: pointer;
	padding-bottom: 10px;
	border-bottom: 2px dotted #c78d00;
	margin-top: 18px;
	overflow: hidden;
}
#kontakt .fileinput label {
	font-size: 18px;
}
#kontakt .fileinput .btn {
	float: right;
	background-color: #9C6E00;
	border: 1px solid #c78d00;
	padding: 10px 30px;
	color: #FFF;
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
}
#kontakt .fileinput:hover .btn {
	background-color: #1d1c1a;
}
#kontakt .fileinput input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	font-size: 10000px;
	height: 100%;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity: 0);
	cursor: pointer;
}

#kontakt .fileinput_file {
	color: #1D1C1A;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 0;
	border-bottom: 2px dotted #c78d00;
}

#office {
	background: url("../images/layout/bg_office.jpg") no-repeat top center;
	height: 500px;
	padding-top: 120px;
}

.branches__boxes {
    display: flex;
    gap: 1.00rem;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-inline: 8.00rem;
}

.branches__title {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 27px;
    font-weight: 400;
}

.branches__branch {
    flex-basis: 100%;
    background-color: #ec9f00;
    background-image: url('/images/layout/bg_gold_sm.jpg');
    background-size: cover;
    padding-inline: 0.50rem;
    padding-block: 0.50rem 1.50rem;
    text-align: center;
    font-size: 20px;
    line-height: 1.50;
    color: black;
}

.branches__branch h3 {
    text-align: center;
    color: black;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
}


#faq {
	padding-top: 50px;
	padding-bottom: 100px;
}

#faq h2 {
	text-align: center;
	color: #fff;
	font-size: 27px;
	font-weight: 400;
	margin-bottom: 40px;
}
#faq h2 strong {
	font-weight: 700;
}

.faq h3 {
	display: block;
	background: #ec9f00;
	padding-left: 25px;
	height: 70px;
	line-height: 70px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
}
.faq h3 .arrow {
	float: right;
	width: 70px;
	height: 70px;
	background: #c58a00;
}
.faq h3 .arrow:after {
	display: block;
	content: '';
	width: 28px;
	height: 28px;
	background: url("../images/layout/icon_arrow.png") no-repeat top center;
	margin-top: 21px;
	margin-left: 21px;
}
.faq h3:hover .arrow {
	background: #9c6d00;
}
.faq h3.active .arrow:after,
.faq h3:hover .arrow:after {
	background-position: bottom center;
}

.faq .text {
	display: none;
	background: #fff;
	padding: 25px;
	color: #1D1C1A;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.25;
	text-align: justify;
}
.faq .text p + p {
	margin-top: 15px;
}
.faq .text strong {
	font-weight: 600 !important;
}
.faq h3.active + .text {
	display: block;
}

#faq .row + .row {
	margin-top: 20px;
}

/* ELEMENTS */

#ajax-spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 96px;
	height: 96px;
	margin-left: -48px;
	margin-top: -48px;
	background: url("../images/loading.gif") no-repeat center center #2A3A4C;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 1000;
}

/** RESPONSIVE **/

/* TABLETS */
@media only screen and (max-width:991px) {

	/* code */

}

.xs-only {
	display: none !important;
}

/* MOBILES */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait) {


	.xs-only {
		display: block !important;
		
		
	}

	#benefits .c4 + .c4 {
		background: none;
	}

	#header h1,
	#office h2,
	#header h2,
	#office h3 {
		display: block;
		width: 100%;
		text-align: center;
	}

	#header {
		height: auto;
		padding-top: 0;
		background: none;
	}

	#header .c12 {
		margin-top: 40px;
/*		margin-bottom: -100%;*/
float:none;
	}

	#money {
		width: 60%;
		background-image: url("../images/layout/money_sm.png");
		-webkit-background-size: contain;
		background-size: contain;
		left: 20%;
		top: -235px;
	}

	#benefits {
		padding-top: 140px;
	}

	#kontakt form input[type="submit"] {
		width: 100%;
	}

	.faq h3 {
		font-size: 16px;
	}

	.faq h3 .arrow {
		display: none;
	}

	.faq .text {
		display: block;
	}

	#kontakt form,
	#kontakt .success {
		padding: 20px;
	}

}

/* SMALL MOBILES */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (min--moz-device-pixel-ratio : 2),
only screen and (max-width:320px),
only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2),
only screen and (device-width: 320px) and (device-height: 568px) and (-moz-device-pixel-ratio: 2),
only screen and (device-width: 360px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait),
only screen and (device-width: 360px) and (-moz-device-pixel-ratio: 3) and (orientation: portrait)
{

	/* code */


	#header h1,
	#office h2 {
		font-size: 2.6em;
	}
	#header h2,
	#office h3 {
		font-size: 1.6em;
	}

}

/* RETINA */
.retina-only,
.retina-only-inline-block {
	display: none !important;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

	.retina-only {
		display: block !important;
	}
	.retina-only-inline-block {
		display: inline-block !important;
	}

	#benefits .icon {
		background-image: url('../images/layout/icons@2x.png');
		-webkit-background-size: cover;
		background-size: cover;
	}

	#kontakt form input.name { background-image: url('../images/layout/icon_name@2x.png');}
	#kontakt form input.phone { background-image: url('../images/layout/icon_phone@2x.png');}
	#kontakt form input.email { background-image: url('../images/layout/icon_mail@2x.png');}

}

.errors {
    background-color: rgba(255, 0, 0, 0.3);
}