@charset "utf-8";

@font-face {
    font-family: 'GillSansCondC';
    src: url('/assets/fonts/gill_sans/GillSansCondC-Bold.eot');
    src: local('GillSansCondC Bold'), local('GillSansCondC-Bold'),
        url('/assets/fonts/gill_sans/GillSansCondC-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/gill_sans/GillSansCondC-Bold.woff2') format('woff2'),
        url('/assets/fonts/gill_sans/GillSansCondC-Bold.woff') format('woff'),
        url('/assets/fonts/gill_sans/GillSansCondC-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	}

@font-face {
    font-family: 'GillSansCondBlackC';
    src: url('/assets/fonts/gill_sans/GillSansCondBlackC.eot');
    src: local('GillSansCondBlackC'),
        url('/assets/fonts/gill_sans/GillSansCondBlackC.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/gill_sans/GillSansCondBlackC.woff2') format('woff2'),
        url('/assets/fonts/gill_sans/GillSansCondBlackC.woff') format('woff'),
        url('/assets/fonts/gill_sans/GillSansCondBlackC.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
	}

@font-face {
    font-family: 'GillSansCondC';
    src: url('/assets/fonts/gill_sans/GillSansCondC.eot');
    src: local('GillSansCondC'),
        url('/assets/fonts/gill_sans/GillSansCondC.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/gill_sans/GillSansCondC.woff2') format('woff2'),
        url('/assets/fonts/gill_sans/GillSansCondC.woff') format('woff'),
        url('/assets/fonts/gill_sans/GillSansCondC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'GillSansC';
    src: url('/assets/fonts/gill_sans/GillSansC-Italic.eot');
    src: local('GillSansC Italic'), local('GillSansC-Italic'),
        url('/assets/fonts/gill_sans/GillSansC-Italic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/gill_sans/GillSansC-Italic.woff2') format('woff2'),
        url('/assets/fonts/gill_sans/GillSansC-Italic.woff') format('woff'),
        url('/assets/fonts/gill_sans/GillSansC-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
	}

@font-face {
    font-family: 'GillSansC';
    src: url('/assets/fonts/gill_sans/GillSansC-BoldItalic.eot');
    src: local('GillSansC Bold Italic'), local('GillSansC-BoldItalic'),
        url('/assets/fonts/gill_sans/GillSansC-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/gill_sans/GillSansC-BoldItalic.woff2') format('woff2'),
        url('/assets/fonts/gill_sans/GillSansC-BoldItalic.woff') format('woff'),
        url('/assets/fonts/gill_sans/GillSansC-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
	}

@font-face {
    font-family: 'GillSansC';
    src: url('/assets/fonts/gill_sans/GillSansC.eot');
    src: local('GillSansC'),
        url('/assets/fonts/gill_sans/GillSansC.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/gill_sans/GillSansC.woff2') format('woff2'),
        url('/assets/fonts/gill_sans/GillSansC.woff') format('woff'),
        url('/assets/fonts/gill_sans/GillSansC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'GillSansExtraBoldC';
    src: url('/assets/fonts/gill_sans/GillSansExtraBoldC.eot');
    src: local('GillSansExtraBoldC'),
        url('/assets/fonts/gill_sans/GillSansExtraBoldC.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/gill_sans/GillSansExtraBoldC.woff2') format('woff2'),
        url('/assets/fonts/gill_sans/GillSansExtraBoldC.woff') format('woff'),
        url('/assets/fonts/gill_sans/GillSansExtraBoldC.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
	}

@font-face {
    font-family: 'GillSansC';
    src: url('/assets/fonts/gill_sans/GillSansC-Bold.eot');
    src: local('GillSansC Bold'), local('GillSansC-Bold'),
        url('/assets/fonts/gill_sans/GillSansC-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/gill_sans/GillSansC-Bold.woff2') format('woff2'),
        url('/assets/fonts/gill_sans/GillSansC-Bold.woff') format('woff'),
        url('/assets/fonts/gill_sans/GillSansC-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	}

@font-face {
    font-family: 'GillSansLightC';
    src: url('/assets/fonts/gill_sans/GillSansLightC.eot');
    src: local('GillSansLightC'),
        url('/assets/fonts/gill_sans/GillSansLightC.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/gill_sans/GillSansLightC.woff2') format('woff2'),
        url('/assets/fonts/gill_sans/GillSansLightC.woff') format('woff'),
        url('/assets/fonts/gill_sans/GillSansLightC.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
	}

@font-face {
    font-family: 'GillSansLightC';
    src: url('/assets/fonts/gill_sans/GillSansLightC-Italic.eot');
    src: local('GillSansLightC Italic'), local('GillSansLightC-Italic'),
        url('/assets/fonts/gill_sans/GillSansLightC-Italic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/gill_sans/GillSansLightC-Italic.woff2') format('woff2'),
        url('/assets/fonts/gill_sans/GillSansLightC-Italic.woff') format('woff'),
        url('/assets/fonts/gill_sans/GillSansLightC-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
	}













* {
	margin: 0px;
	padding: 0px;
	border: 0px solid #FFF;
	}
html {
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
  	overflow-x: hidden;
  	overflow-y: scroll;
  	background: #000;
    }
html > body {
    display: block;
    position: relative;
    width: 100%;
    min-height: 100vh;
  	font-family: 'GillSansLightC';
    color: #000;
    line-height: 160%;
    font-weight: 400;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    }








@media screen and (max-aspect-ratio: 10/9) and (max-width: 5in) {
    /* мобильная версия */
    html,body {
      	font-size: calc(100vw/25);
  		line-height: 150%;
  		}
    }

@media screen and (max-aspect-ratio: 10/9) and (min-width: 5in) {
    /* портретная */
    html,body {
      	font-size: calc(100vw/35);
  		line-height: 150%;
  		}
    }

@media screen and (min-aspect-ratio: 10/9) and (max-aspect-ratio: 15/9) {
    /* 3x4 */
    html,body { font-size: calc(100vw/75); }
    }

@media screen and (min-aspect-ratio: 15/9) {
    /* 16x9 */
    html,body { font-size: calc(80vw/75); }
    }





/* ========================================================================================================== */
/* ================= РАЗМЕТКА =============================================================================== */
/* ========================================================================================================== */



@media screen and (min-aspect-ratio: 10/9) and (max-aspect-ratio: 15/9) {
    /* 3x4 */
  	.landscape-swaped-blocks-wrap {
        display: block;
        position: relative;
        }
    .landscape-swaped-blocks-wrap .landscape-w25-translate-right-75 {
        display: inline-block;
        position: relative;
        vertical-align: top;
        width: 25%;
        transform: translateX(300%);
        }
    .landscape-swaped-blocks-wrap .landscape-w75-translate-left-33 {
        display: inline-block;
        position: relative;
        vertical-align: top;
        width: 75%;
        transform: translateX(-33.3333%);
        }
    }

@media screen and (min-aspect-ratio: 15/9) {
    /* 16x9 */
  	.landscape-swaped-blocks-wrap {
        display: block;
        position: relative;
        }
    .landscape-swaped-blocks-wrap .landscape-w25-translate-right-75 {
        display: inline-block;
        position: relative;
        vertical-align: top;
        width: 25%;
        transform: translateX(300%);
        }
    .landscape-swaped-blocks-wrap .landscape-w75-translate-left-33 {
        display: inline-block;
        position: relative;
        vertical-align: top;
        width: 75%;
        transform: translateX(-33.3333%);
        }
	}



/* ========================================================================================================== */
/* ================= СТИЛИ ================================================================================== */
/* ========================================================================================================== */

b {
	font-weight: bold;
	}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

@media screen and (min-aspect-ratio: 1/99999) and (max-aspect-ratio: 10/9) {
    /* портретная */
  	.portrait-text-left { text-align: left; } .portrait-text-center { text-align: center; } .portrait-text-right { text-align: right; }
	}
@media screen and (max-aspect-ratio: 10/9) and (max-width: 5in) {
    /* мобильная версия */
    .mobile-text-left { text-align: left; } .mobile-text-center { text-align: center; } .mobile-text-right { text-align: right; }
    }
@media screen and (max-aspect-ratio: 10/9) and (min-width: 5in) {
    /* планшетная */
    .tablet-text-left { text-align: left; } .tablet-text-center { text-align: center; } .tablet-text-right { text-align: right; }
    }


@media screen and (min-aspect-ratio: 10/9) {
  	/* альбомная версия */
  	.landscape-text-left { text-align: left; } .landscape-text-center { text-align: center; } .landscape-text-right { text-align: right; }
	}
@media screen and (min-aspect-ratio: 10/9) and (max-aspect-ratio: 15/9) {
    /* 3x4 */
  	.lay4x3-text-left { text-align: left; } .lay4x3-text-center { text-align: center; } .lay4x3-text-right { text-align: right; }
    }
@media screen and (min-aspect-ratio: 15/9) {
    /* 16x9 */
  	.lay16x9-text-left { text-align: left; } .lay16x9-text-center { text-align: center; } .lay16x9-text-right { text-align: right; }
	}

h1,h2 {
    display: inline;
    font-size: 1em;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: 400;
	}

hr {
  	display: block;
  	position: relative;
  	border-bottom: 1px solid #000;
	}


.title {
    font-family: 'GillSansC';
    text-transform: uppercase;
    font-weight: 400;
	}
@media screen and (min-aspect-ratio: 1/99999) and (max-aspect-ratio: 10/9) {
    /* портретная */
  	.portrait-title { text-transform: uppercase; font-weight: 400; }
	}
@media screen and (max-aspect-ratio: 10/9) and (max-width: 5in) {
    /* мобильная версия */
    .mobile-title { text-transform: uppercase; font-weight: 400; }
    }
@media screen and (max-aspect-ratio: 10/9) and (min-width: 5in) {
    /* планшетная */
    .tablet-title { text-transform: uppercase; font-weight: 400; }
    }
@media screen and (min-aspect-ratio: 10/9) {
  	/* альбомная версия */
  	.landscape-title { text-transform: uppercase; font-weight: 400; }
	}
@media screen and (min-aspect-ratio: 10/9) and (max-aspect-ratio: 15/9) {
    /* 3x4 */
  	.lay4x3-title { text-transform: uppercase; font-weight: 400; }
    }
@media screen and (min-aspect-ratio: 15/9) {
    /* 16x9 */
  	.lay16x9-title { text-transform: uppercase; font-weight: 400; }
	}




a {
  	color: #000;
	}
.hover-underlined { text-decoration: none; cursor: pointer; }
.hover-underlined:hover { text-decoration: underline; cursor: pointer; }




    .block.white {
        background: #fff;
        color: #000;
        }
  	.block.white a {
        color: #000;
        }
  
    .imaged, .imaged a {
        color: #fff;
        }
    







form {
  	display: block;
  	position: relative;
  	font-size: 100%;
  	font-family: 'GillSansLightC';
	}
input[type="text"], input[type="password"] {
    display: inline-block;
    position: relative;
    vertical-align: top;
    box-sizing: border-box;
  	border: none;
  	background: #fff;
    font-size: 100%;
    line-height: 250%;
    padding: 0px 1vw;
    outline: 0;
    width: 100%;
  	font-family: 'GillSansLightC';
    }
input.underlined[type="text"] {
    border-bottom: 0.2vmin solid #000;
    }

textarea {
    display: inline-block;
    position: relative;
    vertical-align: top;
    box-sizing: border-box;
  	border: none;
  	background: #fff;
    font-size: 100%;
    line-height: 130%;
    padding-left: 1vw;
    outline: 0;
    width: 100%;
  	font-family: 'GillSansLightC';
    }
textarea.underlined {
    border-bottom: 0.2vmin solid #000;
    }



select {
	border-bottom: 1px solid #000; 
  	cursor: pointer;
  	background: #fff;
	}

.button {
  	display: inline-block;
    position: relative;
    vertical-align: top;
    line-height: 240%;
    font-size: 100%;
    padding: 0vw 3vw 0vw;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
  	outline: 0;
  	box-sizing: border-box;
  	text-align: center;
    background: #000;
  	color: #fff;
  	border: 0.3vmin solid #000; 
  	white-space: nowrap;
  	font-family: 'GillSansC';
	}
.button:hover {
  	/* box-shadow: inset 0.15vmin 0.15vmin 0px #fff, inset -0.15vmin -0.15vmin 0px #fff; */
	}


@media screen and (min-aspect-ratio: 1/99999) and (max-aspect-ratio: 10/9) {
    /* мобильная версия */
  	.button {
        display: inline-block;
        position: relative;
        vertical-align: top;
        line-height: 300%;
        padding: 0vw 4vw 0vw;
        text-decoration: none;
        cursor: pointer;
        text-transform: uppercase;
        text-transform: uppercase;
        font-weight: 400;
        }
    }



.intext-button {
  	display: inline-block;
  	position: relative;
  	vertical-align: top;
  	cursor: pointer;
  	background: #fff;
  	line-height: 120%;
  	text-align: center;
  	color: #444;
  	padding: 0px 0.5em 0.15em;
	}
.intext-button.green { background: #1b9e32; color: #fff; }


.intext-button.hover-red:hover { background: #bb0000; color: #fff; }
.intext-button.hover-green:hover { background: #1b9e32; color: #fff; }
/* .intext-button.hover-black:hover { background: #000; color: #fff; }*/









/* ========================================================================================================== */
/* ================= ЭЛЕМЕНТЫ =============================================================================== */
/* ========================================================================================================== */









.loading-animation {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
	}
.loading-animation div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
	}
.loading-animation.green div { background: #494; }

.loading-animation div:nth-child(1) {
  	left: 8px;
  	animation: lds-ellipsis1 0.6s infinite;
	}
.loading-animation div:nth-child(2) {
  	left: 8px;
  	animation: lds-ellipsis2 0.6s infinite;
	}
.loading-animation div:nth-child(3) {
  	left: 32px;
  	animation: lds-ellipsis2 0.6s infinite;
	}
.loading-animation div:nth-child(4) {
  	left: 56px;
  	animation: lds-ellipsis3 0.6s infinite;
	}
@keyframes lds-ellipsis1 {
  	0% { transform: scale(0); }
  	100% { transform: scale(1); }
	}
@keyframes lds-ellipsis3 {
  	0% { transform: scale(1); }
  	100% { transform: scale(0); }
	}
@keyframes lds-ellipsis2 {
  	0% { transform: translate(0, 0); }
  	100% { transform: translate(24px, 0); }
	}












.custom-drop-down-list-wrap {
  	display: block;
  	position: relative;
  	cursor: pointer;
  	text-align: left;
	}

.custom-drop-down-list-wrap .title-wrap {
  	display: block;
  	position: relative;
  	border: 0.2vmin solid rgba(0,0,0,0);
  	border-bottom: 0px solid rgba(255,255,255,0);
  	white-space: nowrap;
	}
.custom-drop-down-list-wrap:hover .title-wrap {
  	border: 0.2vmin solid rgba(200,200,200,1);
  	border-bottom: 0px solid rgba(255,255,255,1);
  	background: #fff;
	}

.custom-drop-down-list-wrap .title-wrap .prop-down-glyph {
  	display: inline-block;
  	position: relative;
  	vertical-align: middle;
	}
.custom-drop-down-list-wrap .title-wrap .prop-down-glyph .symbol {
  	display: block;
  	position: absolute;
  	font-size: 120%;
  	line-height: 100%;
  	text-shadow: 0px 2px 0px #000;
  	color: rgba(236,236,236,1);
  	left: 50%;
  	top: 25%;
  	-ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translateX(-50%) translateY( -50%);
	}
.custom-drop-down-list-wrap:hover .title-wrap .prop-down-glyph .symbol {
  	color: #fff;
  	opacity: 0;
	}


.custom-drop-down-list-wrap .drop-down-wrap { display: none; }
.custom-drop-down-list-wrap:hover .drop-down-wrap {
  	display: block;
  	position: absolute;
  	top: calc(100% - 0.2vmin);
  	right: 0px;
  	min-width: 100%;
  	box-sizing: border-box;
  	border: 0.2vmin solid rgba(200,200,200,1);
  	background: #fff;
	}







.shop-pagination-row {
  	display: block;
  	position: relative;
	}
.shop-pagination-row .page-selector {
  	display: inline-block;
  	position: relative;
	}
.shop-pagination-row .page-selector {
  	text-decoration: none;
	}
.shop-pagination-row .page-selector[data-selected="true"] {
  	text-decoration: underline;
	}

/* ================================================================================================================================================================ */

.products-filters-wrap {
  
  
	}


.check-box, .filter-checkbox {
  	display: inline-block;
  	position: relative;
  	vertical-align: top;
  	min-width: 50%;
	cursor: pointer;
  	color: #666;
  	box-sizing: border-box;
  	padding-right: 0.5vw;
  	padding-left: 2.4vmin;
  	font-size: 90%;
	}
@media screen and (min-aspect-ratio: 1/99999) and (max-aspect-ratio: 10/9) {
    /* мобильная версия */
  	.check-box, .filter-checkbox {
      	padding-left: 6.4vmin;
        font-size: 110%;
        }
    }



.check-box[data-checked="true"], .filter-checkbox[data-checked="true"] {
	
	}
.check-box:hover, .filter-checkbox:hover {
  	text-decoration: underline;
	}



.check-box:before, .filter-checkbox:before {
    content: " ";
  	display: block;
  	position: absolute;
  	left: 0px;
  	top: 50%;
  	width: 1.5vmin;
    height: 1.5vmin;
  	background: #fff;
  	border: 1px solid #ddd;
  	transform: translateX(0%) translateY( -50%);
  	border-radius: 99vw;
  
  	-ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    transform: translateX(0%) translateY(-50%);
    }
@media screen and (min-aspect-ratio: 1/99999) and (max-aspect-ratio: 10/9) {
    /* мобильная версия */
  	.check-box:before, .filter-checkbox:before {
        content: " ";
        width: 4.5vmin;
        height: 4.5vmin;
        }
    }
.check-box[data-checked="true"]:before, .filter-checkbox[data-checked="true"]:before {
    content: " ";
    background: #000;
  	border: 1px solid #fff;
    }












.filters-group {
  	user-select: none;
	}

.filters-group.show-hide[data-state="closed"] .filters-list .filter-checkbox {
  	display: none;
	}
.filters-group.show-hide[data-state="closed"] .filters-list .filter-checkbox[data-checked="true"] {
  	display: inline-block;
	}
.filters-group.show-hide[data-state="closed"][data-checked-count="0"] .filters-list {
  	display: none;
	}
.filters-group.show-hide[data-state="opened"] .filters-list {
  	display: block;
	}
.show-hide-corner-button {
  	display: block;
    position: absolute;
    right: 1.5vmin;
    top: 50%;
    height: 3vmin;
    width: 3vmin;
    cursor: pointer;
    text-align: center;
    background: #fff;
    text-decoration: none;
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    transform: translateX(0%) translateY(-50%);
	}
.show-hide-corner-button:hover {
  	background: #000;
	}


.show-hide-corner-button svg {
  	display: block;
  	position: absolute;
  	left: 0px;
  	top: 0px;
  	width: 100%;
  	height: 100%;
	}
.show-hide-corner-button svg g {
    stroke-width: 7;
    fill: none;
    stroke: #000;
	}
.show-hide-corner-button:hover svg g {
  	stroke: #fff;
	}




.filters-group[data-state="closed"] .show-hide-corner-button svg g[data-state="opened"] { stroke: none; }
.filters-group[data-state="opened"] .show-hide-corner-button svg g[data-state="closed"] { stroke: none; }


@media screen and (min-aspect-ratio: 1/99999) and (max-aspect-ratio: 10/9) {
    /* мобильная версия */
  	.show-hide-corner-button {
        right: 0vw;
        top: 50%;
        height: 7vw;
        width: 7vw;
        }
    }















.products_grid {
  
	}
.products_grid .product {
  	
	}

.products_grid .product .hover-image-border {
  	display: none;
  	position: absolute;
  	left: 0px;
  	top; 0px;
  	width: 100%;
  	height: 100%;
  	box-sizing: border-box;
  	box-shadow: inset 2px 2px 0px #000, inset -2px -2px 0px #000;
	}
.products_grid .product:hover .hover-image-border {
  	display: block;
	}
.products_grid .product .hover-image-border .bottom-button {
  	display: block;
  	position: absolute;
  	bottom: 0px;
  	width: 100%;
	}







#go-filter-button-wrap {
  	display: block;
  	position: fixed;
  	left: 0px;
  	top: 100%;
 	width: 100%;
  	background: #fff;
  	opacity: 0;
	}
#go-filter-button-wrap[data-state="in"] {
  	opacity: 1;
  	z-index: 1;
  	border-bottom: 1px solid #ccc;
    box-shadow: 0px 0px 1vmin rgb(0,0,0,0.3);
  	
  	-ms-transform: translate(0%, -100%);
    -o-transform: translate(0%, -100%);
    -webkit-transform: translate(0%, -100%);
    -moz-transform: translate(0%, -100%);
    transform: translateX(0%) translateY(-100%);
	}






.product-images .submodel-images .submodel-image {
  	box-sizing: border-box;
  	border: 1px solid #fff;
	}
.product-images .submodel-images:hover .submodel-image {
  	border: 1px solid #eee;
	}
.product-images .submodel-images:hover .submodel-image:hover {
  	border: 1px solid #000;
	}




#product-page-submodels-selector {
    display: block;
    position: relative;
    text-align: center;
    }
#product-page-submodels-selector > .submodel {
    display: inline-block;
    position: relative;
    vertical-align: top;
    color: #bbb;
  	font-size: 80%;
  	line-height: 140%;
  	border: 1px solid #fff;
    }
#product-page-submodels-selector > .submodel[data-in-stock="0"] {
    border: 0.2vmin solid #eee;
    color: #ddd;
    }
#product-page-submodels-selector > .submodel[data-in-stock="1"] {
    
    }
#product-page-submodels-selector > .submodel[data-selected="true"] { border: 1px solid #000; color: #000; }

#product-page-submodels-selector > .submodel:hover {
    color: #000;
  	text-decoration: underline;
  	cursor: pointer;
    }







.product-page-sabmodels-table {
  	display: table;
  	position: relative;
  	width: 100%;
	}
.product-page-sabmodels-table .submodel, .product-page-sabmodels-table .header {
  	display: table-row;
  	position: relative;
	}
.product-page-sabmodels-table .submodel .cell, .product-page-sabmodels-table .header .cell {
  	display: table-cell;
  	position: relative;
  	cursor: pointer;
	}

.product-page-sabmodels-table .submodel:hover .cell {
  	display: table-cell;
  	position: relative;
  	background: #eee;
	}

.product-page-sabmodels-table .submodel .cell .ckeck-mark {
  	display: inline-block;
    position: relative;
    border: 1px solid #000;
    cursor: pointer;
    background: #fff;
    width: 1em;
    height: 1em;
    vertical-align: text-top;
  	border-radius: 99vw;
	}

.product-page-sabmodels-table .submodel[data-selected="true"] .cell .ckeck-mark {
    background: #000;
  	border: 1px solid #fff;
	}



/* ================================================================================================================================================================ */





.inpage-navigation-row-wrap {
  	display: inline-block;
  	position: relative;
  	border-bottom: 1px solid #bdab9f;
	}


.inpage-navigation-row-wrap .link {
  	display: inline-block;
  	position: relative;
  	vertical-align: top;
  	padding: 0px 3vmin 0px 3vmin;
  	margin-right: 5vmin;
  	line-height: 300%;
  	color: #bdaba1;
    font-family: 'Montserrat SemiBold';
  	cursor: pointer;
	}
.inpage-navigation-row-wrap .link:hover {
  	background: #bdaba1;
  	color: #fff;
	}










/* ================================================================================================================================================================ */

.footer-social-button {
  	display: block;
    position: relative;
  	cursor: pointer;
  	background-position: center center;
  	background-size: 70%;
  	background-repeat: no-repeat;
	}
.footer-social-button:hover {
  	background-color: rgba(255,255,255,0.3);
	}


@media screen and (min-aspect-ratio: 1/99999) and (max-aspect-ratio: 10/9) {
    /* мобильная версия */
    .footer-social-button {
  		width: 13vw;
      	height: 13vw;
  		}
    }
@media screen and (min-aspect-ratio: 10/9) and (max-aspect-ratio: 15/9) {
    /* 3x4 */
    .footer-social-button {
  		width: calc(100vw/20);
      	height: calc(100vw/20);
  		}
    }
@media screen and (min-aspect-ratio: 15/9) {
    /* 16x9 */
   	.footer-social-button {
  		width: calc(80vw/24);
      	height: calc(80vw/24);
  		}
    }






/* ================================================================================================================================================================ */

.popup {
    display: none;
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    font-size: 100%;
    background: rgba(0,0,0,0.65);
    overflow: hidden;
    color: #000;
    text-shadow: none;
    z-index: 9999999;
    }
.popup > .popup_white-box {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #F5F5F5;
    min-width: 90vmin;
    max-width: 99vw;
    max-height: 99vh;
  	border: 1vmin solid #000;
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translateX(-50%) translateY(-50%);
    }
.popup > .popup_white-box > .popup_title-wrap {
    display: block;
    position: relative;
    padding-right: 5vw;
    box-sizing: border-box;
    }
.popup > .popup_white-box > .popup_content-wrap {
    display: block;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    max-height: calc(100vh - 5vw);
    }
.popup > .popup_white-box > .popup_content-wrap form { font-size: 100%; }

    



.popup .popup_close {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 5vw;
    cursor: pointer;
    }
.popup .popup_close:hover { background: #000; }
.popup .popup_close > span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 150%;
    line-height: 150%;
    color: #000;
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translateX(-50%) translateY(-50%);
    }
.popup .popup_close:hover > span { color: #fff; }
.popup .popup_close > span:after {
    content: "✕";
    }




/* =================================================================================================================================== */

.roll-in-popup {
  	display: block;
  	position: fixed;
  	z-index: 10;
  	width: 100vw;
  	background: rgba(0,0,0,0.5);
  	overflow: hidden;
  	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  	overflow: hidden;
  	opacity: 0;

  	-o-transition-property: all;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;

    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
	}
.roll-in-popup[data-state="hidden"] { opacity: 0; }
.roll-in-popup[data-state="visible"] { opacity: 1; }


.roll-in-popup .content {
  	display: block;
  	overflow-x: hidden;
  	overflow-y: auto;
  	background: #fff;
	}
.roll-in-popup.from-top-to-bottom .content {
  	position: relative;
  	width: 100%;
  	height: 100%;
	}
.roll-in-popup.from-left-to-right .content {
  	position: absolute;
  	left: 0px;
  	height: 100%;
	}
.roll-in-popup.from-right-to-left .content {
  	position: absolute;
  	right: 0px;
  	height: 100%;
	}



.roll-in-popup .close {
  	display: block;
    position: absolute;
  	cursor: pointer;
  	z-index: 100;
	}
.roll-in-popup .close svg.icon {
  	display: block;
  	position: absolute;
  	left: 0px;
  	top: 0px;
  	width: 100%;
  	height: 100%;
	}
.roll-in-popup .close svg.icon g {
    fill: none;
    stroke: #222;
    stroke-width: 40;
	}
.roll-in-popup .close:hover svg.icon g { stroke-width: 80; }



@media screen and (max-aspect-ratio: 10/9) and (max-width: 5in) {
    /* мобильная версия */
  	.roll-in-popup .close {
        right: 5vw;
        top: 6vw;
        width: 10vw;
        height: 10vw;
    	}
  	
    .roll-in-popup.from-top-to-bottom {
      	left: 0px;
      	top: 20vw;
      	width: 100%;
      	height: 0px;
  		}
  	.roll-in-popup.from-top-to-bottom[data-state="hidden"] { height: 0px; }
  	.roll-in-popup.from-top-to-bottom[data-state="visible"] { height: calc(100% - 20vw); }
  	
  	
  	.roll-in-popup.from-left-to-right {
      	left: 0px;
      	top: 20vw;
      	width: 0%;
      	height: calc(100% - 20vw);
  		}
  	.roll-in-popup.from-left-to-right[data-state="hidden"] { width: 0%; }
  	.roll-in-popup.from-left-to-right[data-state="visible"] { width: 100%; }
  	.roll-in-popup.from-left-to-right .content { width: 100%; }
  	
  	
  	.roll-in-popup.from-right-to-left {
      	right: 0px;
      	top: 20vw;
      	width: 0%;
      	height: calc(100% - 20vw);
  		}
  	.roll-in-popup.from-right-to-left[data-state="hidden"] { width: 0%; }
  	.roll-in-popup.from-right-to-left[data-state="visible"] { width: 100%; }
  	.roll-in-popup.from-right-to-left .content { width: 100%; }
  	
    }
@media screen and (max-aspect-ratio: 10/9) and (min-width: 5in) {
    /* портретная */
  	.roll-in-popup .close {
        right: 4vw;
        top: 6vw;
        width: 6vw;
    	height: 6vw;
    	}
  	
    .roll-in-popup.from-top-to-bottom {
      	left: 0px;
      	top: 13vw;
      	width: 100%;
      	height: 0px;
  		}
  	.roll-in-popup.from-top-to-bottom[data-state="hidden"] { height: 0px; }
  	.roll-in-popup.from-top-to-bottom[data-state="visible"] { height: calc(100% - 13vw); }
  	
  	
  	.roll-in-popup.from-left-to-right {
      	left: 0px;
      	top: 13vw;
      	width: 0%;
      	height: calc(100% - 13vw);
  		}
  	.roll-in-popup.from-left-to-right[data-state="hidden"] { width: 0%; }
  	.roll-in-popup.from-left-to-right[data-state="visible"] { width: 100%; }
  	.roll-in-popup.from-left-to-right .content { width: 75%; }
  	
  	
  	.roll-in-popup.from-right-to-left {
      	right: 0px;
      	top: 13vw;
      	width: 0%;
      	height: calc(100% - 13vw);
  		}
  	.roll-in-popup.from-right-to-left[data-state="hidden"] { width: 0%; }
  	.roll-in-popup.from-right-to-left[data-state="visible"] { width: 100%; }
  	.roll-in-popup.from-right-to-left .content { width: 75%; }
  	
  	
    }

@media screen and (min-aspect-ratio: 10/9) and (max-aspect-ratio: 15/9) {
    /* 3x4 */
  	.roll-in-popup .close {
      	right: 2vw;
      	top: 1vw;
      	width: calc(100vw/25);
      	height: calc(100vw/25);
  		}
    
  	
  	
  	.roll-in-popup.from-top-to-bottom {
      	left: 0px;
      	top: 5vw;
      	width: 100%;
      	height: 0px;
  		}
  	.roll-in-popup.from-top-to-bottom[data-state="hidden"] { height: 0px; }
  	.roll-in-popup.from-top-to-bottom[data-state="visible"] { height: calc(100% - 5vw); }
  	
  	
  	.roll-in-popup.from-left-to-right {
      	left: 0px;
      	top: 5vw;
      	width: 0%;
      	height: calc(100% - 5vw);
  		}
  	.roll-in-popup.from-left-to-right[data-state="hidden"] { width: 0%; }
  	.roll-in-popup.from-left-to-right[data-state="visible"] { width: 100%; }
  	.roll-in-popup.from-left-to-right .content { width: 40%; }
  	
  	
  	.roll-in-popup.from-right-to-left {
      	right: 0px;
      	top: 5vw;
      	width: 0%;
      	height: calc(100% - 5vw);
  		}
  	.roll-in-popup.from-right-to-left[data-state="hidden"] { width: 0%; }
  	.roll-in-popup.from-right-to-left[data-state="visible"] { width: 100%; }
  	.roll-in-popup.from-right-to-left .content { width: 40%; }
  	
  	
    }
@media screen and (min-aspect-ratio: 15/9) {
    /* 16x9 */
  	.roll-in-popup .close {
      	right: 2vw;
      	top: 1vw;
      	width: calc(80vw/25);
      	height: calc(80vw/25);
  		}
  	
  	.roll-in-popup.from-top-to-bottom {
      	left: 0px;
      	top: 4vw;
      	width: 100%;
      	height: 0px;
  		}
  	.roll-in-popup.from-top-to-bottom[data-state="hidden"] { height: 0px; }
  	.roll-in-popup.from-top-to-bottom[data-state="visible"] { height: calc(100% - 4vw); }
  	
  	.roll-in-popup.from-left-to-right {
      	left: 0px;
      	top: 4vw;
      	width: 0%;
      	height: calc(100% - 4vw);
  		}
  	.roll-in-popup.from-left-to-right[data-state="hidden"] { width: 0%; }
  	.roll-in-popup.from-left-to-right[data-state="visible"] { width: 100%; }
  	.roll-in-popup.from-left-to-right .content { width: 30%; }
  	
  	.roll-in-popup.from-right-to-left {
      	right: 0px;
      	top: 4vw;
      	width: 0%;
      	height: calc(100% - 4vw);
  		}
  	.roll-in-popup.from-right-to-left[data-state="hidden"] { width: 0%; }
  	.roll-in-popup.from-right-to-left[data-state="visible"] { width: 100%; }
  	.roll-in-popup.from-right-to-left .content { width: 30%; }
  	
  	
  	
  	
  	
    }




/* =================================================================================================================================== */