@charset 'UTF-8';
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600,800,400&subset=cyrillic-ext,latin);

/* 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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, credentials, 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%; }
article, aside, credentials, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }


/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html { height:100%; }
body { background:#FFFFFF; height:100%; }
body, input, textarea, select { font-family:'Open Sans', sans-serif; font-weight:300; font-size:100%; color:#39454B; line-height:1.5em; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; color:inherit; text-transform:uppercase; margin-bottom: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:inherit; text-decoration:none; }
h2 { font-size:1.5em; letter-spacing:0.2px; line-height:1.25em; text-align:center; }
strong { font-weight: 700; color:inherit; }
b { font-weight:700; color:inherit; }
em, i { font-style:italic; }
a { color:#990126;-moz-transition:all 0.2s ease-in-out, color 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out, color 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out, color 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out, color 0.2s ease-in-out; transition:all 0.2s ease-in-out, color 0.2s ease-in-out; }
sub { position:relative; top:0.5em; font-size:0.8em; }
sup { position:relative; top:-0.5em; font-size:0.8em; }
hr { border:0; border-top:solid 1px #DDDDDD; }
blockquote { border-left:solid 0.5em #DDDDDD; padding:1em 0 1em 2em; font-style:italic; }
p, ul, ol, dl, table { margin-bottom:0.8em; font-size:0.9em; line-height:1.4em; }
header { margin-bottom:1em; }
header p { display:block; margin:1em 0 0; padding:0 0 0.5em 0; }
footer { margin-top:2em; }
br.clear { clear:both; }
input[placeholder] { text-overflow:ellipsis; }
input::-webkit-input-placeholder { color:#351B11; opacity:1; transition:opacity 0.3s ease; }
input:focus::-webkit-input-placeholder { opacity:0; transition:opacity 0.3s ease; }

/* burger icon */
.hamburger { display: inline-block; }
.hamburger:hover { cursor:pointer; }
.hamburger .line { width:50px; height:5px; background-color:#fff; display:block; margin:8px auto;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.hamburger.active .line:nth-child(2) { opacity:0; }
.hamburger.active .line:nth-child(1) { -webkit-transform:translateY(13px) rotate(45deg);-ms-transform:translateY(13px) rotate(45deg);-o-transform:translateY(13px) rotate(45deg); transform:translateY(13px) rotate(45deg); }
.hamburger.active .line:nth-child(3) { -webkit-transform:translateY(-13px) rotate(-45deg);-ms-transform:translateY(-13px) rotate(-45deg);-o-transform:translateY(-13px) rotate(-45deg); transform:translateY(-13px) rotate(-45deg); }

/* mobile menu */
#nav.active ul.hide-on-small-only { display: block !important; background: #fff; position: absolute;top: 100%;left: 0;right: 0; }
#nav.active ul li { display: block; float: none; }
#nav.active ul li a.active, 
#nav.active ul li.selected a,
#nav.active ul li a,
#nav.active ul li a:hover { border-bottom: none; }

.gallery ul { padding: 0; margin-bottom: 0; }
.gallery ul li { margin-bottom: 1.500rem; }
.gallery .image.responsive { display: block; background: #fff; border: 1px solid #b8b8b8; border-radius: 4px; padding: 5px; box-sizing: border-box; transition: all .4s ease-in-out; }
.gallery .image.responsive:hover { border-color: #990126; }
.gallery .image.responsive img { padding: 10px; margin: 0; box-sizing: border-box; }
.gallery-block .bx-wrapper { margin: 0; }

.flex.gallery { overflow: hidden; padding: 0; margin: 0; }
.flex.gallery .col { padding: 0 0.75rem; margin: 0; box-sizing: border-box; flex-shrink: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; }
/*
.flex.gallery .image.responsive { border: 1px solid #96d0f3; border-radius: 5px; background-color: #fff; box-sizing: border-box; transition: all 0.4s ease-in-out; }
.flex.gallery .image.responsive:hover { border-color: #216AA6; }
.flex.gallery .image.responsive img { padding: 10px; box-sizing: border-box; }
*/
.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex.middle { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.flex.wrap { -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex.full-line { -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.flex-separator { flex: 1; }

.row:after { content: ""; display: table; clear: both; }
.row { margin-left: -15px; margin-right: -15px; }
.row .col { padding-left: 15px; padding-right: 15px; }
@media only screen and (max-width: 600px) {
    .row { margin-left: -10px; margin-right: -10px; }
    .row .col { padding-left: 10px; padding-right: 10px; }
}
.col { display: inline-block; float: left; vertical-align: top; box-sizing: border-box; }
    .s1 { width: 8.3333333333%; }
    .s2 { width: 16.6666666667%; }
    .s3 { width: 25%; }
    .s4 { width: 33.3333333333%; }
    .s5 { width: 41.6666666667%; }
    .s6 { width: 50%; }
    .s7 { width: 58.3333333333%; }
    .s8 { width: 66.6666666667%; }
    .s9 { width: 75%; }
    .s10 { width: 83.3333333333%; }
    .s11 { width: 91.6666666667%; }
    .s12 { width: 100%; }
@media only screen and (min-width: 601px) {
    .m1 { width: 8.3333333333%; }
    .m2 { width: 16.6666666667%; }
    .m3 { width: 25%; }
    .m4 { width: 33.3333333333%; }
    .m5 { width: 41.6666666667%; }
    .m6 { width: 50%; }
    .m7 { width: 58.3333333333%; }
    .m8 { width: 66.6666666667%; }
    .m9 { width: 75%; }
    .m10 { width: 83.3333333333%; }
    .m11 { width: 91.6666666667%; }
    .m12 { width: 100%; }
}
@media only screen and (min-width: 993px) {
    .l1 { width: 8.3333333333%; }
    .l2 { width: 16.6666666667%; }
    .l3 { width: 25%; }
    .l4 { width: 33.3333333333%; }
    .l5 { width: 41.6666666667%; }
    .l6 { width: 50%; }
    .l7 { width: 58.3333333333%; }
    .l8 { width: 66.6666666667%; }
    .l9 { width: 75%; }
    .l10 { width: 83.3333333333%; }
    .l11 { width: 91.6666666667%; }
    .l12 { width: 100%; }
}

@media only screen and (max-width:600px) { .hide-on-small-only, .hide-on-small-and-down { display:none !important; }
}@media only screen and (max-width:992px) { .hide-on-med-and-down { display:none !important; }
}@media only screen and (min-width:601px) { .hide-on-med-and-up { display:none !important; }
}@media only screen and (min-width:600px) and (max-width:992px) { .hide-on-med-only { display:none !important; }
}@media only screen and (min-width:993px) { .hide-on-large-only { display:none !important; }
}@media only screen and (min-width:1201px) { .hide-on-extra-large-only { display:none !important; }
}@media only screen and (min-width:1201px) { .show-on-extra-large { display:block !important; }
}@media only screen and (min-width:993px) { .show-on-large { display:block !important; }
}@media only screen and (min-width:600px) and (max-width:992px) { .show-on-medium { display:block !important; }
}@media only screen and (max-width:600px) { .show-on-small { display:block !important; }
}@media only screen and (min-width:601px) { .show-on-medium-and-up { display:block !important; }
}@media only screen and (max-width:992px) { .show-on-medium-and-down { display:block !important; }
}@media only screen and (max-width:600px) { .center-on-small-only { text-align:center; justify-content: center; }
}

/* Banner slider */
.banner-slider { position: relative; }
.banner-slider .banner-title { position: absolute; padding: 2em; transform: translateY(-50%); top: 50%; left: 0; z-index: 2; color: #fff; }
.banner-slider .banner-title h1 { font-size: 2em; text-transform: none; max-width: 900px; line-height: 1.2; }
@media only screen and (min-width: 601px) {
    .banner-slider .banner-title h1 { font-size: 3em; }
}
@media only screen and (min-width: 993px) {
    .banner-slider .banner-title h1 { font-size: 4em; }
}
.banner-slider-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 100%; }
.banner-slider .item-slider { height: calc(100vh - 65px); min-height: 360px; width: 100%; position: relative; flex-shrink: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; }
.banner-slider .item-slider:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background: linear-gradient(70.47deg, rgb(6 29 119 / 79%) 1.03%, rgba(6, 92, 119, 0.42) 32.54%, rgba(6, 92, 119, 0.19) 52.87%, rgba(6, 92, 119, 0) 82.94%); }
.banner-slider .item-slider img {display: block;width: 100%;height: 100%;object-fit: cover;-o-fit-object: cover;}
.banner-slider .wrap-slider { position:absolute; max-width: 650px; left:5%; right: 5%; bottom: 10%; z-index:1; }
.banner-slider .bx-wrapper { margin: 0; }
.banner-slider .bx-wrapper .bx-viewport { border: none; border-radius: 0; }
.banner-slider .bx-wrapper .bx-pager { bottom: 30px; z-index: 2; }

.none { display:none!important; }
.center { text-align: center; }
.float-right { float: right; }
.float-left { float: left; }
.share { font-size: 0.9em; margin-right: 10px; }

.search form { width: 100%; min-width: 270px; max-width: 400px; margin-left: auto; position: relative; top: 0.05em; }
.search form input { outline: 0; border: 0; width: 100%; height: 38px; line-height: 38px; font-size: 14px; box-sizing: border-box; border-radius: 4px;  -moz-appearance:none; -webkit-appearance:none; padding: 0 40px 0 15px; box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(117, 76, 44, 0.79); border-bottom: 1px solid rgba(195, 158, 109, 0.68);}
.search form button {height: 38px;padding: 0 10px;margin: 0;color: #fff;border: 0;outline: 0;position: absolute;right: 0;top: 0;border-radius: 0 3px 3px 0;cursor: pointer;}
.search form input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; }

/* Сalculator
---------------------- */
.calc_block {
    float: right;
    max-width: 400px;
    width: 100%;
}
.calc_block h3 { 
    font-size: 1.3em;
    text-align: center;
    margin-bottom: 20px;
    color: rgb(235, 212, 139);
}
.calc {
    background: #713E21 url('img/calc.jpg') repeat-x 0 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: inset 0 -2px 10px 0 #E0C69E, 0 1px 10px 0 #000;
}
.calc ul {
    margin: 0;
    padding: 0;
    height: 50px;
    font-size: 0.75em;
}
.calc ul li {
    float: left;
    display: block;
    line-height: 45px;
    height: 50px;
    width: 50%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.32);
    border-radius: 0 0 5px 5px;
    box-shadow: inset 0 -5px 8px 0 rgba(0, 0, 0, 0.4);
    cursor: pointer;
    overflow: hidden;
}
.calc ul li.select {
    background-color: transparent;
    box-shadow: none;
    cursor: default;
}
.calc ul li span {
    border-bottom: 1px dashed;
    text-transform: uppercase;
    color: #FFEB9B;
}
.calc ul li:hover span { color: #fff; }
.calc ul li.select span {
    border-bottom: 0;
    color: #FFFFCC;
}
.calc p {
    margin: 0;
    font-size: 0.8em;
}
.calc input {
    width: 40%;
    padding: 8px 0.5em;
    background: rgb(39, 17, 10);
    background: linear-gradient(to top, rgba(213, 179, 133, 0.47), rgba(39, 17, 10, 0.94));
    border: 1px solid rgba(145, 106, 62, 1);
    border-top: 1px solid #513619;
    border-bottom: 1px solid #BA9061;
    color: #FFFFFF;
    border-radius: 4px;
    outline: none;
}
.calc input:focus {
    border-color: rgba(228, 206, 136, 1);
}
.calc .button {
    float: right;
    margin-top: 0;
}

.calc .calc_content {
    margin: 5px 25px 25px 25px;
    color: #fff;
}

.logo_block {
    max-width: 400px;
    width: 100%;
    height: 97px;
    background: url('img/logo_opacity.png') no-repeat 50% 0;
    float: right;
    margin-bottom: 30px;
}


#pre-full{
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1000;
	overflow: auto;
	top:0;
	left:0;
}
#full-window{
	width:100%;
	height:100%;
	display:table;
	z-index:10000;
	background:url(img/wh2.png);
	background:rgba(255,255,255,0.5);
	padding:10px 0 150px 0;
}
	#full-window .cross{
		font-size:17px;
		right:0;
		color: #990126;
		cursor:pointer;
		position:absolute;
		padding:15px;
		z-index:100;
	}
	
	#full-window .form-cent{
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		max-height:100%;
	}
		#full-window .form-cent2 {
			position:relative;
			display:inline-block;
			vertical-align:middle;
			text-align:left;
			max-width: 900px;
			width:100%;
			background-color:white;
			box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
			padding-bottom:65px;
		}
        #full-window .form-cent2 p { 
            margin-top: 65px;
            font-size: 1.2em;
        }    

/* Multi-column layout
---------------------- */
.row { clear: both; }
.col { float: left; }
.col.w1 { width: 50%; }
.col.w2 { width: 33.33%; }
.col.w3 { width: 60%; }
.col.w4 { width: 40%; }
.col.w5 { width: 70%; }
.col.w6 { width: 30%; }
		
/* Mail */
.wa-error-msg { font-size: 16px; color: #CF0202; }
form input[type="text"].wa-error, form input[type="password"].wa-error { border-color: #CF0202; }

.wa-form { width: 500px; margin: 0 auto; }
.captcha { float: left; padding: 20px 0 0 0; }
.wa-captcha p { margin: 0; }
.wa-captcha .wa-captcha-img { display: inline-block; vertical-align: bottom; cursor: pointer; }
.wa-captcha .wa-captcha-input { width: 120px; display: inline-block; font-size: 120%; padding: 0.6em; }
.wa-captcha-refresh { display: none; }
.wa-submit {float: right; padding: 10px 0; }
.wa-form .marg10 { margin: 0 10px; }

/* Images */
.image {
	position: relative;
	display: inline-block;
}

	.image:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url('css/images/overlay.png');
	}

	.image img {
		display: block;
		width: 100%;
	}

	.image.featured {
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}
	
	.image.full {
		display: block;
		width: 100%;
	}
	
	.image.left {
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image.centered {
		display: block;
		margin: 0 0 2em 0;
	}

		.image.centered img {
			margin: 0 auto;
			width: auto;
		}

	/* Lists */

		ul.default {
			list-style: disc;
			padding-left: 1em;
		}
		
			ul.default li {
				padding-left: 0.5em;
			}		

		ul.icons {
			cursor: default;
		}	
		
			ul.icons li {
				display: inline-block;
			}
			
				ul.icons a {
					display: inline-block;
					width: 2em;
					height: 2em;
					line-height: 2em;
					text-align: center;
					border: 0;
				}

		ul.menu {
			cursor: default;
		}
		
			ul.menu li {
				display: inline-block;
				line-height: 1em;
				border-left: solid 1px rgba(145,146,147,0.25);
				padding: 0 0 0 0.5em;
				margin: 0 0 0 0.5em;
			}
			
			ul.menu li:first-child {
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
			}

		ul.actions {
			cursor: default;
		}
		
			ul.actions li {
				display: inline-block;
				margin: 0 0 0 0.5em;
			}
			
			ul.actions li:first-child {
				margin-left: 0;
			}

		ol.default {
			list-style: decimal;
			padding-left: 1.25em;
		}

			ol.default li {
				padding-left: 0.25em;
			}

	/* Forms */

			form label {
				display: block;
			}
			
		    form input[type="email"],
			form input[type="text"],
			form input[type="password"],
			form select,
			form textarea {
				display: block;
				width: 100%;
				padding: 0.75em;
				background: rgba(255,255,255,0.9);
				border: solid 2px rgba(185,186,187,0.25);
				color: #4E4E4E;
				border-radius: 0.5em;
				outline: none;
				box-sizing: border-box;

				-moz-appearance: none;
				-webkit-appearance: none;
				-o-appearance: none;
				-ms-appearance: none;
				appearance: none;

				-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
			}

				form input[type="text"]:hover,
				form input[type="password"]:hover,
				form select:hover,
				form textarea:hover {
				}

				form input[type="text"]:focus,
				form input[type="password"]:focus,
				form select:focus,
				form textarea:focus {
					border-color: #F2AC3F;
				}

			form input[type="text"],
			form input[type="password"],
			form select {
				line-height: 1em;
			}
				
			form textarea {
				min-height: 8em;
			}

			form .formerize-placeholder {
				color: rgba(145,146,147,0.85) !important;
			}

			form ::-webkit-input-placeholder {
				color: rgba(145,146,147,0.85) !important;
			}

			form :-moz-placeholder {
				color: rgba(145,146,147,0.85) !important;
			}

			form ::-moz-placeholder {
				color: rgba(145,146,147,0.85) !important;
			}

			form :-ms-input-placeholder {
				color: rgba(145,146,147,0.85) !important;
			}

			form ::-moz-focus-inner {
				border: 0;
			}
			
	/* Tables */
	
		table {
			width: 100%;
		}
		
			table.default {
				width: 100%;
			}
			
				table.default tbody tr:nth-child(2n+2) {
					background: #f4f4f4;
				}
				
				table.default td {
					padding: 0.5em 1em 0.5em 1em;
				}
				
				table.default th {
					text-align: left;
					font-weight: 700;
					padding: 0.5em 1em 0.5em 1em;
				}
			
				table.default thead {
					background: #444;
					color: #fff;
				}
				
				table.default tfoot {
					background: #eee;
				}
				
				table.default tbody {
				}

	/* Buttons */
    input[type="button"], input[type="submit"], button, .button { background-color:#990126; border:0; border-bottom:2px solid #73001D; border-radius:4px; color:#FFFFFF; cursor:pointer; display:inline-block; height:40px; line-height:40px; outline:0; padding:0 1em; position:relative; font-size:1.1em; text-align:center; text-decoration:none; margin-top:10px;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;-ms-appearance:none; appearance:none;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
    input[type="button"]:hover, input[type="submit"]:hover, button:hover, .button:hover { background-color:#D00033; }
    .button.down { width:5em; height:5em; line-height:4.5em; padding:0; background-image:url('css/images/dark-arrow.svg'); background-position:center center; background-repeat:no-repeat; text-indent:-10em; overflow:hidden; }
    .button.down.anchored { bottom:0; border-bottom:0; border-radius:3em 3em 0 0; height:4.5em; margin-left:-2.5em; }
    .button.anchored { position:absolute; left:50%; }
    .button:active { background-color:#88B583; }
    .button.style2 { background-color:transparent; border:solid 2px #E5E6E7; color:inherit; }
    .button.style2:hover { background-color:rgba(145, 146, 147, 0.035); }
    .button.style2.down { background-image:url('css/images/arrow.svg'); }
    .more i { display:inline-block; margin-left:10px; background:#CCCCCC; padding:4px 7px 2px; color:#FFFFFF; border-bottom:2px solid #BABABA; border-radius:3px; }
    
	/* Main */
    .container { max-width: 1200px; margin:0 auto; padding:0 30px; }
    .container:before, .container:after { content:" "; visibility:hidden; display:block; height:0; clear:both; }
    .container h2 { color:#130A4D; margin-bottom:35px; }
    .main { position:relative; margin:0; }
    .main.fon { background:#ECECEC url('img/graylaminate.jpg') repeat; box-shadow:inset 0 -5px 10px 0 rgba(0, 0, 0, 0.2), inset 0 10px 10px -5px rgba(0, 0, 0, 0.2); }
    .main.style1 { min-height: 432px; overflow:hidden; }
    .main.style1 h1 { font-size:3em; line-height:1.2em; letter-spacing:-1px; margin-bottom:12px; text-transform:initial; text-shadow:0 1px 5px rgb(0, 0, 0); }
    .main.style1 .container { padding-top:50px; opacity:1.0;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease; transition:all 1s ease;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0); transform:translateZ(0); }
    .main.style1.inactive .container { opacity:0; }
    .main.style2 { padding: 2.45em 0; overflow:hidden; color:#39454B; }
    .main.style2 .container { position:relative;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease; transition:all 1s ease;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0); transform:translateZ(0); }


	/* Dark */

		.dark {
			color: #fff;
		}

			.dark a {
				color: #fff;
			}
		
			.dark .button.style2 {
				border-color: inherit;
				background-color: rgba(64,64,64,0.05);
			}

				.dark .button.style2:hover {
					background-color: rgba(207, 2, 2, 0.5);
				}
				
				.dark .button.style2.down {
					background-image: url('css/images/dark-arrow.svg');
				}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header { position:fixed; z-index:10000; left:0; top:0; width:100%; background:#A26E49 url('img/header_L.jpg') repeat; box-shadow:inset 0 -2px 4px 0 #E0C69E, 0 0 10px rgba(0, 0, 0, 0.9); }
#header .col { padding-left:15px; padding-right:15px; }
body { padding-top:65px; }
#logo { float:left; }
#logo a { font-size:1.25em; color:inherit; text-decoration:none; display:block; height:65px; line-height:65px; }
#logo a img { width: 100%; max-width: 204px; min-width: 160px; }
#nav { float:left; font-size:1.3em; }
#nav ul { margin:0; padding:0; float:left; }
#nav ul li { display:inline-block; float:left; margin-left:0; font-size:0.9em; }
#nav ul li a { display:block; color:#000000; text-decoration:none; height:63px; line-height:63px; padding:0 10px; outline:0; font-weight:700; border-bottom:2px solid transparent; text-shadow:0 1px 4px rgb(245, 225, 188); }
#nav ul li a.active, #nav ul li.selected a { color:#990126; border-bottom:2px solid #990126; }
#nav ul li a:hover { color:#990126; border-bottom:2px solid #990126; background:rgba(255, 255, 255, 0.26); }
#tel { float:right; height:50px; margin:0 30px; line-height:1em; position:relative; padding:12px 0 0; text-align:center; font-size:1.2em; }
#tel:before { position:absolute; right:100%; top:20px; margin-right:10px; color:#990126; font-size:1.5em; }
#tel a { text-decoration:none; }
#tel .telnumber { color:#FFFFFF; font-weight:700; font-size:1.2em; display:block; }
.telnumber_m { display:none; font-size:2.2em; text-align:center; text-decoration:none; }
#tel .callback { font-size:0.7em; color:#990126; border-bottom:1px dashed #990126; font-family:'Open Sans', sans-serif; }
#lang { float:right; margin:0 30px; line-height:65px; }
#lang ul { margin:0; padding:0; height:65px; line-height:65px; }
#lang ul li { display:inline-block; float:left; margin-left:0; }
#lang ul li a { text-decoration:none; padding:6px 10px; font-weight:700; background-color:rgba(0, 0, 0, 0.6); color:#A2753A; border-bottom:2px solid rgba(0, 0, 0, 0.39); position:relative; }
#lang ul li.selected a { background-color:rgba(255, 255, 255, 0.5); color:#000000; }
#lang ul li a:hover { top:2px; }
#lang ul li:first-child a { border-radius:4px 0 0 4px; }
#lang ul li:last-child a { border-radius:0 4px 4px 0; }


/*********************************************************************************/
/* Banner                                                                         */
/*********************************************************************************/

	#banner {
		background: #000 url('img/banner.jpg');
		background-position: bottom center;
		background-repeat: no-repeat;
		box-shadow: inset 0 -10px 20px 0 rgba(0, 0, 0, 0.5);
		min-height: auto;
	}
	#banner.inside {
	    height: 133px;
	}
	#banner.inside h1 {
	    font-size: 2.5em;
	}
/*********************************************************************************/
/* Brand                                                                           */
/*********************************************************************************/

	#brand {
		background: #fff;
		background-attachment: fixed;
		background-position: center center;
	}
	.brand { 
	    margin: 20px 0 20px 20px;
        font-size: 0.8em;
        line-height: 1.45em;
	}
	.brand_img { 
	    float: left;
        text-align: center;
        width: 100px;
        height: 100px;
        border: 2px solid #D2D2D2;
        padding: 10px;
        margin: 0 20px 20px 0;
    }
    .brand_img:hover {
        border: 2px solid #990126;
    }

/*********************************************************************************/
/* Topical                                                                           */
/*********************************************************************************/

	.topical {
		margin: 20px;
	}
	.topical h3 {
	    color: #130A4D;
	    margin: 10px 0;
	}
	.topical_img,
	.miniature_block {
	    text-align: center;
	    border: 2px solid #D2D2D2;
	    background: #fff;
	    line-height: 0;
	}
	.topical_img img {
	    max-width: 500px;
        max-height: 200px;
        vertical-align: middle;
	}
	.topical_img div {
	    overflow: hidden;
	    margin: 10px;
	    text-align: center;
	}
	
.room { margin-right: 40px; }

/*********************************************************************************/
/* Advantages                                                                       */
/*********************************************************************************/
#advantages .advant [class^="icon-"], #advantages .advant [class*=" icon-"] { 
    font-size: 5em; 
    color: #996633;
}
#advantages .advant {
    margin: 20px;
}
#advantages h3 {
    font-size: 1.4em;
    margin: 15px 0;
}

/*********************************************************************************/
/* About                                                                       */
/*********************************************************************************/
.about_img	{ 
    max-height: 250px;
    overflow: hidden;
    margin: 0 20px;
    border: 2px solid #fff;
    border-radius: 5px;
}
.about_img img	{ 
    width: 100%;
}

/*********************************************************************************/
/* Contact                                                                       */
/*********************************************************************************/
	#contact {
		padding-bottom: 0;
		background: #000 url('img/footer.jpg') no-repeat;
		background-position: bottom center;
	}
	#contact .call_now {
	    font-size: 1.4em;
	    margin: 0;
        padding: 0;
	}
	#contact .telnumber {
	    font-size: 2em;
	    margin-bottom: 0;
	}
	
		#contact .box {
			position: relative;
			bottom: 0;
			
			-moz-transition: all 1s ease;
			-webkit-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
			
			-moz-transform: translateZ(0);
			-webkit-transform: translateZ(0);
			-o-transform: translateZ(0);
			-ms-transform: translateZ(0);
			transform: translateZ(0);
		}
		
		#contact.inactive {
		}

			#contact.inactive .box {
				bottom: -30em;
			}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
#footer { line-height:4em; margin:0; color:rgba(185, 186, 187, 0.5); overflow:hidden; }
#footer .copyright { padding-left:1em; font-size:0.9em; text-transform:uppercase; }
#footer img { height:20px; vertical-align:middle; margin:0 20px 0 0; }
#footer a { text-decoration:none; color:#fff; }
#footer a:hover { color:#BBBBBB; color:rgba(185, 186, 187, 1.0); }
#footer .actions { margin:0; padding: 0; }
#footer .actions li { font-size:1.25em; margin:0; }
#footer .actions li a { display: block; height: 3em; line-height:3em; padding:0.5em; }
#footer .menu { position:absolute; right:2em; top:0; height:5em; line-height:5em; margin:0; }
#footer .menu li { font-size:0.9em; }

.mail_button { 
    position:fixed;
    bottom:0;
    background: #996633;
    right: 13px; 
    color:#FFF;
    font-weight:600;
    line-height:40px; 
    z-index: 888; 
    height: 0; 
    width: 220px; 
    text-align: center;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
}
.mail_button:hover { 
    background: #845526;
}

/*********************************************************************************/
/* Blog                                                                       */
/*********************************************************************************/
.post_more {
    padding: 0;
    margin: 0;
    font-size: 1em;
}
.post_more li {
    padding: 0;
    list-style: none;
}
.miniature_block .miniature_img {
    width: 100%;
}
.post {
margin-bottom: 60px;
}
.post p {
    font-size: 1em;
}
.postimage-plugin { margin-bottom: 20px; }
.postimage-plugin img { width: 100%; }

/*********************************************************************************/
/* Error                                                                      */
/*********************************************************************************/
.redirect_url { font-size: 1.2em; }

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-ja87dy');
	src:url('fonts/icomoon.eot?#iefix-ja87dy') format('embedded-opentype'),
		url('fonts/icomoon.woff?-ja87dy') format('woff'),
		url('fonts/icomoon.ttf?-ja87dy') format('truetype'),
		url('fonts/icomoon.svg?-ja87dy#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"], .b-share-icon_linkedin {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
    
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-bowlingmarket:before{content:"\e600";}
.icon-bottom:before{content:"\e601";}
.icon-class:before{content:"\e602";}
.icon-close:before{content:"\e603";}
.icon-facebook:before{content:"\e604";}
.icon-google:before{content:"\e605";}
.icon-left:before{content:"\e606";}
.b-share-icon_linkedin:before, .icon-linkedin:before{content:"\e607";}
.icon-lock:before{content:"\e608";}
.icon-ok:before{content:"\e609";}
.icon-right:before{content:"\e60a";}
.icon-rub:before{content:"\e60b";}
.icon-spec:before{content:"\e60c";}
.icon-support:before{content:"\e60d";}
.icon-tel:before{content:"\e60e";}
.icon-twitter:before{content:"\e60f";}
.icon-vk:before{content:"\e610";}

.share .b-share_theme_counter .b-share-btn__linkedin,
.share .b-share_theme_counter .b-share-btn__linkedin:hover { background: #0177b5; font-size: 1.3em; }
.share .b-share_theme_counter .b-share-icon { line-height: 24px; text-align: center;  color: #fff;}
.share .b-share_theme_counter .b-share__handle { background-color: #B27E4F; box-shadow: inset 0 -2px 10px 0 rgba(0, 0, 0, 0.33), 0 1px 10px 0 #000; }

@media screen and (max-width: 1000px) {
    .wa-captcha strong { display: none!important; }
}
@media screen and (max-width: 1200px) {
    #lang, #tel { display: none!important; }
    .telnumber_m { display: block!important; }
    .logo_block { background: transparent!important;}
}

/* image */
.image { position: relative; display: inline-block; max-width: 100%; display: block\9; }
.image img { max-width: 100%; height: auto; }
.image.responsive { position: relative; }
.image.responsive:before { padding-top: 100%; content: ''; position: relative; width: 100%; display: inline-block; line-height: 0; vertical-align: top; background: none; }
.image.responsive img { position: absolute; right: 0; transform: translateY(-50%); top: 50%; width: 100%; height: auto; }

.corner { position: absolute; z-index:10; font-size: 0.8em; color: #fff; font-weight: bold; }
.corner.top { top:-8px; }
.corner.bottom { bottom:-8px; }
.corner.left { left:-8px; }
.corner.right { right:-8px; }

/* thumbs */
ul.thumbs { padding: 0; margin: 0; }
ul.thumbs.row { margin-left: -15px; margin-right: -15px; }
ul.thumbs li { vertical-align:top; padding: 0; position: relative; display: block; float: left; margin-bottom: 30px; }
ul.thumbs li p { margin-bottom: 0; }

ul.thumbs li .product-block { height: 100%; box-sizing: border-box; border: 2px solid #E8E8E8; padding: 14px; background: #fff; 
position:relative; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column; flex-direction:column;
}
ul.thumbs li .product-block .action { margin-top: auto; }
ul.thumbs li .product-block:hover { border-color: #990126; }
ul.thumbs li .product-block a { text-decoration: none; }
ul.thumbs li .product-block .image { display: block; }
ul.thumbs li .product-block .image.responsive img { max-height: 100%; object-fit: cover; -o-fit-object: cover; }
ul.thumbs li .product-block .image.responsive:before { padding-top: 83.33333333333334%; }

ul.thumbs li .product-block .title { display: block; color: #0E025D; text-align: left; font-weight: 500; font-size: 15px; margin-bottom: 0; margin-top: 1em; }
ul.thumbs li .product-block .price-block { padding: 5px 0; height: 20px; }

ul.thumbs .badge { font-size: 1em;  }
ul.thumbs .badge span { line-height: 50px; }

.price { color: #333; font-weight: 600; font-size: 1.467em; }
.compare-at-price { text-decoration: line-through; color: #c66; margin: 0 3px; }
.out-of-stock { color: #a77; }
.disabled { color: #777; }
.description { margin-bottom: 20px; }
.error { color: #a33; }
.vendorcode { font-size: 12px; line-height: 22px; color: #999; }
.nowrap { white-space: nowrap; }

.badge { padding: 1px; font-size: 1.2em; border-radius: 50%; overflow: hidden; }
.badge span { display: block; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; border: 2px solid #fff; }
.badge.new { background: rgba(255, 238, 34, 0.58); color: #000; }
.badge.bestseller { background: rgba(173, 206, 130, 0.78); color: #030; }
.badge.low-price { background: rgba(245, 182, 197, 0.74); color: #300; }
.badge.percent { background: rgba(220, 78, 78, 0.85); }

/* modal */
.ss-modal { font-size:0; overflow:auto; position:fixed; top:0; left:0; visibility:hidden; width:100%; height:100%; z-index:99998;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden; backface-visibility:hidden; }
.ss-modal_active { visibility:visible; }
.ss-modal_active .ss-modal__popup { opacity:1; transform:scale(1); }
.ss-modal-wrap { background-color: rgba(51, 54, 84, 0.6); cursor:pointer; opacity:0; position:fixed; top:0; right:0; bottom:0; left:0; transition:all .25s ease-in-out; visibility:hidden; width:100%; height:100%; z-index:99998; }
.ss-modal-wrap_active { opacity:1; visibility:visible; }
.ss-modal-loading { color:#EEEEEE; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.ss-modal__popup { background: #fff; border-radius: 12px; display:inline-block; font-size:14px; font-size:.875rem; margin: 1em; opacity:0; padding: 2em; position:relative; transform:scale(1.1); transition:all .25s ease-in-out; vertical-align:middle; max-width:calc(100% - 60px); box-sizing: border-box; }
.ss-modal__close { cursor:pointer; font-size:1rem; line-height: 1em; margin: 0; position:absolute; left: auto; top: auto; right: 0; bottom: calc(-2rem + 100%); }
.ss-modal__close .icon { font-size: 1em; font-style: normal; font-weight: 700; padding: .5em; background-color: #fff; border-radius: 50%; vertical-align: middle; transition: all 0.3s ease-in-out; display: block; width: 1em; height: 1em; }
.ss-modal__close .icon:hover { background-color: #990126; color: #fff; }
.ss-modal__popup > * { max-width: 900px; }
.ss-modal__content { height:100%; text-align:center; }
.ss-modal__content:before { content:""; display:inline-block; height:100%; vertical-align:middle; }
@media only screen and (min-width:601px) {
    .ss-modal__popup { margin:30px; padding: 3.500em 4.000em; }
    .ss-modal__close { left: calc(0.938rem + 100%); top: 0; right: auto; bottom: auto; }
}

.poptrox-popup .closer { font-size: 1em !important; font-style: normal; font-weight: 700; padding: .5em; background-color: #fff !important; color: #000 !important; border-radius: 50%; vertical-align: middle; transition: all 0.3s ease-in-out; display: block; width: 1em !important; height: 1em!important; line-height: 1em!important; }
.poptrox-popup .closer:hover { background-color: #990126 !important; color: #fff !important; }

/* product */
.product_modal { font-size: 1rem; text-align: left; }
.product_modal ul.store-slider { width: 100%; display: flex; padding: 0; margin: 0 0 20px 0; border: 2px solid #D2D2D2; overflow: hidden; box-sizing: border-box; border-radius: 5px; }
.product_modal ul.store-slider li { width: 100%; display: block; flex-shrink: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; }
.product_modal .product_images .image { width: 100%; display: block; }
.product_modal .bx-wrapper ul.store-slider { margin: 0; border: none; border-radius: 0; }
.product_modal .bx-wrapper .bx-pager.bx-default-pager a { background: #cecece;border-bottom: 2px solid #8a8a8a; width: 12px; height: 11px; }
.product_modal .bx-wrapper .bx-pager.bx-default-pager a.active { background: #990126; border-bottom: 2px solid #73001D; 
    
}
.product_modal .title { margin-bottom: 1em; text-align: left; }

.product_modal table { border-collapse: collapse; }
.product_modal table td, 
.product_modal table th { background: #fff; color: #182e4f; border: 1px solid #ddd; line-height: normal; padding: 8px 12px; }
.product_modal table td p { margin-bottom: 0; }
@media only screen and (max-width: 1023px) and (min-width: 320px) {
    .product_modal table td { padding: 5px; }
    .product_modal table td + td { min-width: 100px; }
}
.product_modal .description { overflow-y: auto; }

.product_modal .wa-form { width: auto; margin-left: -15px; margin-right: -15px; }
.product_modal .wa-form .wa-field { width: 100%; clear: none; float: left; box-sizing: border-box;  padding-left: 15px; padding-right: 15px; }
.product_modal .wa-form .wa-field .wa-name { font-size: 0.8em; }
.product_modal .wa-form .wa-field.above.fldc_name,
.product_modal .wa-form .wa-field.above.fldc_email { width: 50%; }
.product_modal .wa-form .wa-field.above .wa-value input[type="text"], 
.product_modal .wa-form .wa-field.above .wa-value input[type="email"] { font-size: 1rem; min-width: auto; width: 100%; box-sizing: border-box; }
.product_modal .wa-form .wa-field.above .wa-value textarea { min-width: 100%; width: 100%; }
.product_modal .wa-form .errormsg { margin-left: 0; }

/* Tabs */
ul.mytabs { font-size: 1.500em; width: 100%; margin: 0; padding: 0; position:relative; z-index:1; color: #1C1C1C; }
ul.mytabs, ul.mytabs li { list-style:none; display: inline-block; }
ul.mytabs li { text-align: center; margin: 0 0 20px; }
ul.mytabs li a, ul.mytabs li > span { position: relative; z-index: 1; border: 2px solid #dcdcdc; margin: 0 .2em; padding: 0 .8em; display:block; text-decoration:none; cursor:pointer; border-radius: 4px; transition: border 0.4s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
ul.mytabs li > span:hover { border-color: #990126; }
ul.mytabs li.current > span { color: #fff!important; background: #990126!important; border-color: #990126; cursor: default; }
ul.mytabs li.current > span:before { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #990126 transparent transparent transparent; }
.mytabs-container { position:relative; top: 0; width: 100%; }
.mytabs-container #page { margin: 0;}
.mytabs-container .box .rating { font-size: 0.9em; }
.box { display:none; }
.box.visible { display:block; }