/* =Basic
-------------------------------------------------------------- */

html { width: 100%; height: 100%; }
body { font-family: calibri; font-size: 16px; font-weight: 300; background: #FFF; margin: 0; padding: 0; vertical-align: baseline; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; }
body.page { padding-top: 156px; }
form{margin: 0px}


/* =Helpers
-------------------------------------------------------------- */
*:before, *:after { box-sizing: border-box; }
* { box-sizing: border-box; }

.left { float: left; }
.right { float: right; }
.clearfix { }
.clearfix:after, .clear:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
.display-block{display: block !important}
/***********/
.left20{float: left; width: 20%}
.left30{float: left; width: 30%}
.left35{float: left; width: 35%}
.left33{float: left; width: 33%}
.left50{float: left; width: 50%}
.left65{float: left; width: 65%}
.left80{float: left; width: 80%}
.col25{float: left; width: 25%}
.col30{float: left; width: 30%}
.col33{float: left; width: 33%}
.col35{float: left; width: 35%}
.col50{float: left; width: 50%}
.col65{float: left; width: 65%}
.col70{float: left; width: 70%}
.flex {display: flex}
/**********/
h1,h2,h3,h4,h5{font-weight: normal}
button{font-family: calibri; }
h1{font-size: 40px;  margin: 0px 0px 32px 0px;font-family: NSKTSRE-Regular; }
h2{font-size: 24px; margin: 0px 0px 24px 0px;font-family: NSKTSRE-Medium;}
h3{font-size: 16px; margin: 0px 0px 24px 0px;font-family: NSKTSRE-Regular;}
h4{font-size: 16px; margin: 0px 0px 20px 0px;font-family: NSKTSRE-Bold;}
h5{font-size: 12px; margin: 0px 0px 12px 0px;font-family: NSKTSRE-Bold;}
a{color: #000000}
p{ margin-bottom: 16px}
.hidden{display: none !important;}
.relative{position: relative}


.icon-facebook{width: 25px; height: 25px; background: url('/images/frontend/facebook.svg'); background-size: auto auto; display: inline-block; background-repeat: no-repeat}
.icon-instagram{width: 25px; height: 25px; background: url('/images/frontend/instagram.svg'); background-size: auto auto; display: inline-block; background-repeat: no-repeat}



/* =Localizer
-------------------------------------------------------------- */
.localizer {margin: 0px}
.localizer ul {margin:0px; padding: 0px; list-style-type: none}
.localizer ul li { float: left; padding-right: 10px; line-height: 16px; font-size: 12px;  }
.localizer ul li:after{margin-left: 10px; font-family: icomoon-nsk-portal; content: '\e909'; display: inline-block}
.localizer ul li:last-child { margin-right: 0; }
.localizer ul li:last-child:after{display: none}
.localizer ul li a { color: #000000; line-height: 16px;}


/******* formularze/*/

input.text {font-family: Calibri; outline: none; border: 1px solid #E7E8F0; border-radius: 4px; border: 1px solid #E7E8F0; line-height: 40px; height: 40px; padding-left: 20px; font-size: 16px}
input.text.error{border-color: #ff0000; color: #ff0000}
input:disabled{background-color: #F5F6FA; color: #838591}
textarea.textarea {font-family: Calibri;outline: none;border: 1px solid #E7E8F0; border-radius: 4px; border: 1px solid #E7E8F0; line-height: 40px; height: 40px; padding-left: 20px; font-size: 16px; width: 100%; min-height: 100px}
textarea.textarea.error{border-color: #ff0000; color: #ff0000}
.form-field{position: relative}
.error-message{color: #ff0000; border-left: 4px solid red; line-height: 14px; font-size: 12px; padding-left: 8px; margin-top: 9px}





.checkbox-wrapper {font-weight: lighter; display: block;position: relative;padding-left: 28px; margin-bottom: 12px; cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;   user-select: none;}
.checkbox-wrapper input{position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.checkbox-wrapper .checkbox{position: absolute; top: 0; left: 0; height: 16px;width: 16px;  }
.checkbox-wrapper .checkbox:before{left:0px; position: absolute; content: '\e903'; font-family: icomoon-nsk-portal; font-size: 20px; color: #A4A8BA}
.checkbox-wrapper .checkbox:after {position: absolute; display: none; content: '\e900'; font-family: icomoon-nsk-portal;font-size: 20px; color: #A4A8BA}
.checkbox-wrapper input:checked ~ .checkbox:after {display: block;}
.checkbox-wrapper input:checked ~ .checkbox:before {display: none;}
.checkbox-wrapper .checkbox:after {}
.checkbox-wrapper.error .checkbox:before{color: red}

.graph-box-wrapper.my-account-box-wrapper{padding-right: 40px}
.graph-wrapper{background-color: #F5F6FA; padding: 32px 32px; border-radius: 4px; width: 100%; }
.quarters{list-style-type: none;margin:0px; padding:0px; clear:both; overflow: auto}
.quarters li{float: left; width: 25%; margin:0px; padding:0px}
.quarters li a{text-decoration: none; font-family: NSKTSRE-Bold; font-size: 12px; display: inline-block; padding: 0px 18px; line-height: 36px;}
.quarters li a.active{color:#003FF1; background-color: #FFFFFF; border-radius: 8px;}
.graph-wrapper table{width: 100%; border-spacing: 0px}

.graph-wrapper tr td{font-size:12px; font-family: Calibri; height: 30px}
.graph-wrapper tr td:first-child{width: 50px; vertical-align: bottom; text-align: right; padding-right: 20px}
.graph-wrapper tr td:last-child{border-bottom: 1px solid #D3D5E0 }
.graph-wrapper tr:first-child td:last-child{border-bottom: none }
.quarter{display: none}
.quarter.active{display: block}
.graph-wrapper .months{clear:both; overflow:visible; padding-left: 50px}
.graph-wrapper .months:after{clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden;}
.graph-wrapper .month{margin-top: 14px;position: relative; font-family: NSKTSRE-Bold; font-size: 12px; text-align: center; width: 33%; float: left}
.graph-wrapper .month span{background-color: #D3D5E0; width: 36px; border-radius: 8px 8px 0px 0px; display: inline-block; position: absolute; bottom:28px; left: calc(50% - 13px)}
.graph-wrapper .month p{margin:0px}

.btn {outline: none;display: inline-block;cursor: pointer; box-shadow: 0px 8px 12px #0000001F;border-radius: 4px;line-height: 40px; height: 40px;text-align: center; letter-spacing: 0.56px; color:black; padding: 0px 27px; border: 0px; text-decoration: none; position: relative; font-size: 14px}
.btn.btn-navy-blue{background-color: #0D295D; color: white; font-weight: bold}
.btn.btn-blue{background-color: #003FF1; color: white; font-weight: bold;transition: all 0.3s ease-in-out;}
.btn.btn-blue:hover{background-color: #0D295D;transition: all 0.3s ease-in-out;}
.btn.btn-blue:disabled{background-color: #E7E8F0; color: white}
.btn.btn-transparent{background-color: transparent; border: 2px solid white; color: white; font-weight: bold}
.btn.btn-arrow{text-align: left; padding-left: 20px; line-height: 47px; height: 52px;  padding-right: 47px; max-width: 244px; width: 100%}
.btn.btn-arrow:after{content:"\e909"; font-family: "icomoon-nsk-portal"; color: white; display: inline-block; position: absolute; right: 12px; font-size: 22px; font-weight: normal}
.btn.btn-arrow:hover:after{animation: animate-arrow 1s ease-in-out;}
.btn-nude{text-align: left; padding-left: 20px; line-height: 52px; height: 52px;  padding-right: 47px; max-width: 244px; width: 100%; box-shadow: none}


.btn.btn-outline{background-color: transparent; border: none; box-shadow: none; color: #000000; padding-left: 0px}
.btn.btn-outline:after{color: black}
.btn.btn-outline-blue{background-color: transparent; border: 2px solid #003FF1; box-shadow: 0px 8px 12px #0000001F;color: #003FF1; padding-left: 20px; font-weight: bold; line-height: 47px; height: 52px}
.btn.btn-outline-blue.btn-arrow:after{color: #003FF1;font-size: 18px}
.btn.btn-favorites{width: 52px !important; height: 52px; background-color: #0D295D; color: white; padding: 0px;line-height: 52px; font-size: 24px }
.btn.btn-favorites i{line-height: 52px}
.btn.btn-order{line-height: 52px;height: 52px; padding-left: 20px; text-align: left; overflow: hidden }
.btn.btn-order i{float: right; font-size: 24px; margin-top: 15px}
.btn.btn-white{background-color: white;}

@keyframes animate-arrow {
    25%{transform:translateX(-10px);}
    50%{transform:translateX(0px);}
    75%{transform:translateX(-10px);}
    100%{transform:translateX(0px);}
}


.btn.btn-favorites:before{content: '\e916'; font-family: icomoon-nsk-portal;}
.btn.btn-favorites.active:before{content: '\e915'; font-family: icomoon-nsk-portal;}
.btn.btn-favorites:hover:before{animation: animate-arrow 1s ease-in-out; content: '\e915'; font-family: icomoon-nsk-portal;}

.btn.btn-success{background-color: #1ba200 !important; color: white !important; padding-right: 20px !important}
.btn.btn-success:after{display: none}
.btn.btn-error{background-color: #ff0000 !important; color: white !important; padding-right: 20px !important}
.btn.btn-error:after{display: none}
/*******/

.header-wrapper {width: 100%;}
.header{max-width: 1036px; margin: 0px auto}
.header-wrapper.fixed{background-color: white;box-shadow: 0px 32px 40px #0000000A;position: fixed; top:0px; left: 0px; width: 100%; z-index: 1000;}

.login-box-wrapper{background-color: #003FF1; height: 76px; float: right; padding: 24px 22px 0px 22px; font-size: 16px; text-align: center;font-family: NSKTSRE-Regular; }
.login-box-wrapper .login-box > span {display: block; letter-spacing: 1px}
.login-box-wrapper .login-box > span a span{display: block; font-size: 12px}
.login-box-wrapper a{color: white; text-decoration: none; font-size: 14px;}
.login-box-wrapper.logged{padding: 0px 29px; line-height: 76px; font-size: 24px}
.login-box-wrapper.logged a{margin-right:8px;transition: all 0.3s ease-in-out;}
.login-box-wrapper.logged a i{font-size: 24px;}
.login-box-wrapper.logged a:hover{color: #0D295D;transition: all 0.3s ease-in-out;}

.logo-wrapper{float: left; padding-top:20px}
.favorites-box{background-color: #0D295D; float: right;height: 76px; width: 64px; line-height: 76px; text-align: center }
.favorites-box a {color: white; text-decoration: none; display: block; font-size: 24px; width: 100%; height: 100%; line-height: 76px}
.favorites-box a:before{content: '\e916'; font-family: icomoon-nsk-portal;}
.favorites-box a:hover:before{animation: animate-heart 0.3s ease-in-out;content: '\e915'; font-family: icomoon-nsk-portal;}


@keyframes animate-heart {
    0%{content: '\e915'; font-family: icomoon-nsk-portal; opacity: 0}
    100%{content: '\e915'; font-family: icomoon-nsk-portal; opacity: 1}
}


.favorites-box a i{line-height: inherit}
.slogan{float: right; background-color: #F5F6FA;height: 76px;}
.slogan span{display: block; text-align: center; float: left}
.slogan span:last-child{border-left: 1px solid black; margin-top: 18px; padding: 0px 27px 0px 27px; text-align: left; font-size: 12px; line-height: 16px;}
.slogan span:first-child{padding: 0px 11px 0px 15px}
.slogan span:first-child img{ height: 66px}
.cart{float: right}

.additional-header-wrapper{background-color: white;}
.additional-header{max-width: 1036px; margin: 0px auto}


.menu-wrapper{height: 80px; line-height: 80px; float: left; font-family: NSKTSRE-Regular; height: 80px}
.menu-wrapper .menu{}
.menu-wrapper ul{margin: 0px; padding:0px; list-style-type: none}
.menu-wrapper ul > li{margin:0px; padding:0px; float: left; padding-right: 20px; position: relative;height: 80px}
.menu-wrapper ul > li:last-child{padding-right: 0px;}
.menu-wrapper ul > li > a{ color: #292A2E; font-size: 16px; text-decoration: none}
.menu-wrapper ul > li > a.expand:after{content:'\e91a'; font-family: icomoon-nsk-portal; font-size: 12px}
.menu-wrapper ul > li ol{top: 66px; left: 0px; display: none; position: absolute; z-index: 10;border: 1px solid #E7E8F0; border-radius: 4px;margin: 0px; padding:0px; list-style-type: none}
.menu-wrapper ul > li ol li{border-bottom: 1px solid #E7E8F0; width: 297px;background-color: white}
.menu-wrapper ul > li ol li > a{display: block; width: 100%; height: 42px; font-family: Calibri; font-weight: lighter; line-height: 42px;margin: 0px; padding:0px 0px 0px 20px; text-decoration: none}
.menu-wrapper ul > li ol li > a:hover{background-color: #EBF1FF}
.menu-wrapper ul > li:hover ol{display: block}
.menu-wrapper ul > li:hover a.expand:after{content: '\e91b'; }




.search-form-wrapper{float: right; padding-top:0px; padding-bottom: 30px}
.search-form-wrapper .btn{margin-left: 12px; font-weight: bold}

.movie-wrapper{position: relative; height: 396px; overflow: hidden}
.movie-wrapper .player-wrapper{display: none; position: fixed; top:0px; left: 0px; width: 100%; height: 100%; background-color: black; z-index: 1000}
.movie-wrapper .player-wrapper a{color: white; text-decoration: none; position: absolute; top: 10px; right: 10px; font-size: 30px}
.movie-wrapper .player{padding: 50px}



.movie{height: auto;max-width: 100%; width: 100%}
.movie-content-wrapper{position: absolute; top:0px; width: 100%}
.movie-content{max-width: 1036px; margin: 0px auto; color: white; padding-top:80px; position: relative }

.movie-content b{font-size: 40px; font-weight: bold}
.movie-content p{max-width: 420px; font-size: 16px; line-height:24px}
.movie-content .btn.btn-blue{height: 52px; line-height: 52px; text-align: left; padding: 0px 0px 0px 20px; font-weight: bold; min-width: 244px}
.movie-content .btn.btn-transparent{height: 52px; line-height: 52px; position:absolute; top: 40px; right: 0px}

.content-wrapper{background-color: #F5F6FA}
.content{clear:both; overflow: auto}

.categories-list-wrapper{}
.categories-list{max-width: 1036px; margin: 0px auto; padding: 60px 0px}
.categories-list-wrapper ul{ margin:0px; padding: 0px; list-style-type: none}
.categories-list-wrapper li{float: left; width: 25%; margin:0px 0px 20px 0px; padding: 0px 10px 0px 10px;}
.categories-list-wrapper li:nth-child(4n+1){padding-left:0px; padding-right: 10px}
.categories-list-wrapper li:nth-child(4n+4){padding-right:0px; padding-left: 10px}
.categories-list-wrapper li a{background-color: white;border-radius: 4px;box-shadow: 0px 32px 40px #0000000A; display: block; padding: 18px; font-size: 16px; text-decoration: none; color: #000000; clear: both; overflow: auto; font-family: NSKTSRE-Regular; }
.categories-list-wrapper li img{width: 76px; height: 76px; float: left; margin-right: 16px}
.categories-list-wrapper li span{display: inline;}


.product-rotator-section-wrapper {padding-bottom: 20px; background-color: white; margin: 0px 0px 30px 0px}
.product-rotator-section{max-width: 1036px; margin: 0px auto; padding: 30px 0px 0px 0px}
.product-rotator-section-wrapper h2{border-bottom: 1px solid #E7E8F0; padding-bottom:20px}
.product-rotator-section-wrapper h2 a{font-size: 14px; display: inline-block; padding-left: 25px; border-left: 2px solid #000000; margin-left: 25px; text-decoration: none; font-weight: normal; letter-spacing: 0.5px; line-height: 24px; color: #000000}

.footer-wrapper{background-color: #000000; color: white}
.footer-wrapper .footer{max-width: 1036px; margin: 0px auto; padding: 60px 0px}
.footer-wrapper a{color: white}

.footer-wrapper{background-color: #000000; color: white}
.footer-wrapper .footer{max-width: 1036px; margin: 0px auto; padding: 60px 0px; clear: both; overflow: auto}
.footer-wrapper .footer ul{margin:0px; padding:0px; list-style-type: none}
.footer-wrapper .footer ul li{margin:0px; padding:0px; margin-bottom: 16px}
.footer-wrapper .footer h3{font-family: NSKTSRE-Medium; margin: 0px 0px 26px 0px}
.footer-wrapper .footer a{text-decoration: none}
.footer-wrapper .footer .col25:last-child h3{visibility: hidden}

.dealer-banner-wrapper{color: white; position: relative}
.dealer-banner-wrapper:after{background: url('/images/frontend/dealers.png'); background-size: cover; position: absolute;content : ""; display: block; top: 0; left: 0; width: 100%; height: 100%;z-index: -1; -webkit-filter: brightness(40%);filter:brightness(40%);}
.dealer-banner{max-width: 1036px; margin: 0px auto; padding: 83px 0px;}
.dealer-banner p{width: 50%; margin-bottom: 40px}

.newsletter-wrapper{max-width: 1036px; margin: 60px auto; background-color: white}
.newsletter{padding: 40px 40px; clear: both; overflow: auto; }
.newsletter input.text{width: 100%; margin: 12px 0px 0px 0px}
.newsletter .left50:first-child{padding-right: 30px}
.newsletter .left50:last-child{padding-left: 30px;}


.catalog-wrapper{max-width: 1036px; margin: 60px auto; background-color: white; position: relative}
.catalog-wrapper:before{background-image: url('/images/frontend/catalog.png');  position: absolute;content : ""; display: block; top: 0px; right: 0px; width: 50%; height: 100%; z-index: 1; background-repeat: no-repeat;  padding: 0px; background-position: right top; }
.catalog{padding: 40px 40px; clear: both; overflow: auto; }
.catalog .left50:first-child{padding-right: 30px}
.catalog p{margin-bottom: 40px}
.catalog .left50:last-child{padding-left: 30px;}

.product-rotator-section-wrapper h2 a{position: relative; padding-right: 40px}
.product-rotator-section-wrapper h2 a:after{content: "\e909"; font-family: icomoon-nsk-portal; display: inline-block; margin-left: 33px; font-size: 24px; position: absolute; right: 0px}

.news-section-wrapper{}
.news-section{max-width: 1036px; margin: 0px auto;}
.news-section .news-left-wrapper{float: left; width: 70%}
.news-section .news-right-wrapper{float: left; width: 30%}

.news-section .news-left-wrapper {padding-right: 10px}
.news-section .news-left-wrapper ul li{flex-basis: 50%; max-width: 50%}
.news-section .news-left-wrapper ul li:nth-child(2n+1){padding-right: 10px}
.news-section .news-left-wrapper ul li:nth-child(2n+2){padding-left: 10px}

.posts ul{margin:0px; padding: 0px; list-style-type: none;display: flex; flex-wrap: wrap; overflow: hidden}
.posts li{margin:0px; padding: 0px; align-items: stretch;flex-grow: 1; margin-bottom: 20px; display: flex; flex-direction: column;}
.posts .news-date{display: block}
.posts .news-image{background-size: cover; width: 100%; padding-top: 56.25%; display:block}
.posts .news-box-wrapper{}
.posts .news-box-wrapper{background-color: white; }


.posts .news-box-content{padding: 28px}
.posts .news-date{color: #838591; font-size: 12px; display: block; margin-bottom: 16px}
.posts .news-title{line-height: 24px; font-weight: bold; text-decoration: none;font-family: NSKTSRE-Regular;}
.posts .news-title:after{content: " ";max-width: 68px; width: 100%;line-height: 24px; border-bottom: 1px solid #E7E8F0; display: block; margin: 24px 0px}
.posts  p{line-height: 24px; font-weight: lighter}

.news-section .news-right-wrapper ul{margin:0px; padding: 0px; list-style-type: none}
.news-section .news-right-wrapper ul li{margin:0px; padding: 0px; margin-bottom: 20px}
.news-section .news-right-wrapper {padding-left: 10px}
.news-section .news-right-wrapper .news-box-wrapper{height: auto}




.product-rotator-wrapper{ width: 100%; overflow: hidden}
.product-rotator{}
.product-rotator .rotator-item-wrapper{float: left;}
.product-rotator .rotator-item-wrapper:nth-child(3n+1) .rotator-item{padding-right: 10px}
.product-rotator .rotator-item-wrapper:nth-child(3n+2) .rotator-item{padding-right: 5px;padding-left: 5px}
.product-rotator .rotator-item-wrapper:nth-child(3n+3) .rotator-item{padding-left: 10px}

.product-box-wrapper{position: relative; margin-bottom: 20px}
.product-box-wrapper .product-thumbnail{height: 220px; border-left: 1px solid #E7E8F0; border-right: 1px solid #E7E8F0; border-bottom: 1px solid #E7E8F0; overflow: hidden}
.product-box-wrapper .product-thumbnail img{width: 100%}
.product-box-wrapper .product-name{margin: 28px 0px 12px 0px; font-family: NSKTSRE-Regular; padding: 10px 20px;}
.product-box-wrapper .product-name a{text-decoration: none; height: 57px; display: inline-block;}
.product-box-wrapper .product-price{font-weight: bold; color: #003FF1; font-family: NSKTSRE-Bold; padding: 10px 20px;}

.related-products .product-box-wrapper .product-name{padding: 10px 20px; margin: 0;}
.related-products .product-box-wrapper .product-price{padding: 10px 20px;}


.product-box-wrapper .product-price .price-description{font-size: 12px; color: black; font-family: Calibri; display: block; font-weight: normal;}
.product-box-wrapper .price-old{font-family: NSKTSRE-Bold; font-size: 12px; text-decoration: line-through; display: inline-block; color: #A4A8BA}

.product-box-wrapper .add-to-comparision-wrapper{position: absolute; top: 23px; right: 37px; z-index: 10; display: none}
.product-box-wrapper:hover .add-to-comparision-wrapper{display: block}
.add-to-comparision-wrapper{text-align: right}
.add-to-comparision-wrapper a{text-decoration: none}

.offer-section-wrapper{background-color: #F5F6FA}
.offer-section{max-width: 1036px; margin: 0px auto; padding: 28px 0px 60px 0px}


.offer-wrapper{background-color: white; clear: both; overflow:auto; position:relative;margin-top: 28px }
.offer-categories-wrapper{width: 332px; padding: 12px 0px; }
.offer-categories-wrapper ul{margin:0px; padding: 0px; list-style-type: none}
.offer-categories-wrapper ul li{margin:0px; padding: 16px 28px 16px 28px;border-bottom: 1px solid #E7E8F0 }
.offer-categories-wrapper ul li a{padding: 0px 0px 0px 24px; display: block;  font-family: NSKTSRE-Regular; text-decoration: none; position: relative; border-left: 4px solid #003FF1;  }
.offer-categories-wrapper ul li:last-child {border-bottom: none;}
/*.offer-categories-wrapper ul li a:before{display: block;border: 2px solid #003FF1; width: 4px; height: 20px; content: ' '; border-radius: 2px; position: absolute; left: 0px; top:16px}*/


.offer-banner-wrapper{position: absolute; width: calc(100% - 332px); top: 0px; right: 0px; height: 100%;}
.offer-banner {height: 100%}
#slideshow-wrapper{width: 100%; height: 100%; position: relative}
#slideshow-wrapper #pager ul{margin:0px; padding: 0px; list-style-type: none; clear: both; overflow: auto}
#slideshow-wrapper #pager ul li{ border:2px solid #595C64; border-radius: 2px; height: 4px; width: 32px; margin:0px; padding: 0px;float: left; margin-right: 8px }
#slideshow-wrapper #pager ul li.on{ border-color: #E7E8F0}
#slideshow-wrapper #pager-wrapper{margin: 0px auto; position: absolute;bottom: 20px;  left: 40px; z-index: 101}
#slideshow-wrapper #pager{position: relative}

#slideshow-wrapper #slideshow {width: 100%; height: 100%; margin: 0px; padding: 0px}
#slideshow-wrapper #slideshow li{margin:0px; padding: 0px; list-style-type: none; width: 100%; height: 100%; background-size: cover}
#slideshow-wrapper .slide-wrapper{margin: 0px auto; position: relative; height: 100%; cursor: pointer; width: 100%}
#slideshow-wrapper .slide{position:absolute; left: 0px; top: 0px; height: 100%; width:500px; padding: 60px 40px; color: white}

.slide-title{font-family: NSKTSRE-Regular; font-size: 40px}

.about-section-wrapper{background-color: #F5F6FA;padding: 0px 0px 60px 0px}
.about-section{max-width: 1036px; margin: 0px auto; }
.about-section .about-left{float: left; width: 50%; padding-right: 10px}
.about-section .about-right{float: left; width: 50%; padding-left: 10px}
.about-section .col33:first-child{padding-right: 10px}
.about-section .col33:nth-child(2){padding-left: 5px;padding-right: 5px}
.about-section .col33:last-child{padding-left: 10px}

.homepage .about-section-wrapper {background-color: white; padding-top: 60px}


.product-featured-section-wrapper{}
.product-featured-section{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto;padding: 0px 0px 60px 0px}
.featured-item-wrapper{width: 33.33%; float: left}

.product-featured-section-wrapper h2 a{position: relative; padding-right: 40px}
.product-featured-section-wrapper h2 a{font-size: 14px; display: inline-block; padding-left: 25px; border-left: 2px solid #000000; margin-left: 25px; text-decoration: none; font-weight: normal; letter-spacing: 0.5px; line-height: 24px; color: #000000}
.product-featured-section-wrapper h2 a:after{content: "\e909"; font-family: icomoon-nsk-portal; display: inline-block; margin-left: 33px; font-size: 24px; position: absolute; right: 0px}
.product-featured-section p{width: 50%; margin-bottom: 32px}

.product-box-wrapper.extended{ }
.product-box-wrapper.extended .product-thumbnail{border-right: 0px; border-left: 0px}
.product-box-wrapper.extended .product-name{padding: 0px 28px}
.product-box-wrapper.extended .product-price{padding: 0px 28px}
.product-box-wrapper.extended .product-attributes:before{width: 68px; content: ' ';border-top: 1px solid #E7E8F0; display:block;margin-bottom: 24px  }
.product-box-wrapper.extended .product-attributes{padding: 20px 28px 28px 28px; }
.product-box-wrapper.extended .product-attributes table{width: 100%}
.product-box-wrapper.extended .product-attributes table td{width: 50%; font-size: 14px; padding:6px 0px}
.product-box-wrapper.extended .product-attributes table td:first-child{padding-right: 10px}
.product-box-wrapper.extended .product-attributes table td:last-child{padding-left: 10px; font-weight: lighter}
.product-box{background-color: white;border-top-width: 4px; border-top-style: solid;  }

/*.blog .posts ul li {flex-basis: 33%; max-width: 33%; flex-grow: 1;display: flex; flex-direction: column;}*/
/*.blog .posts ul li .news-box-wrapper {height: 100%; flex: 1;}*/

.category-banner-wrapper{background-size: cover; width: 100%;  display:block; max-height: 250px; height: 100%; background-position: center}
.category-banner{}
.category-header-wrapper{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto; padding: 28px 0px}
.category-header-wrapper h1{margin: 0px; padding: 0px; margin-top: 28px}

.category-products-wrapper{margin-bottom: 60px; padding-top: 40px}
.category-products{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto;}
.category-products h2{margin-bottom: 36px}
.category-products h2 a{text-decoration: none; float: right; font-family: Calibri;font-size: 16px; font-weight: normal}
.category-products{}
/* .category-products .product-box{height: 100%; flex: 1;} */

.filters-wrapper{float: left; width: 33%; padding-right: 10px }
.filters{background-color: white;box-shadow: 0px 32px 40px #0000000A; padding: 32px}
.filters ul{margin:0px 0px 29px 0px; padding: 0px; list-style-type: none;}
.filters ul li{margin:0px; padding: 0px; }
.filters b{display: block; font-family: NSKTSRE-Bold; margin-bottom: 23px}

.category-content-wrapper{}
.category-content{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto; padding-top: 40px}

.subcategories-wrapper{background-color: white;box-shadow: 0px 32px 40px #0000000A;margin-bottom: 20px }
.subcategories{padding: 32px}
.subcategories ul{margin:0px; padding:0px; list-style-type: none;margin-bottom: 20px}
.subcategories ul li{margin:0px; padding:0px; list-style-type: none; }
.subcategories ul li a{}

.subcategory-box-wrapper {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.subcategory-box-wrapper .subcategory-box {position: relative; text-decoration: none; padding: 20px; background-color: white;box-shadow: 0px 32px 40px #0000000A;margin-bottom: 20px;width: calc((100% - 20px) / 2); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.subcategory-box-wrapper .subcategory-box:nth-child(even) {margin-left: 20px;}
.subcategory-box-wrapper .subcategory-box .subcategory-thumbnail {border-left-width: 3px;border-left-style: solid;width: 76px; height: 76px; margin-right: 30px}
.subcategory-box-wrapper .subcategory-box .subcategory-thumbnail, .subcategory-box-wrapper .subcategory-box .subcategory-logotype,
.subcategory-box-wrapper .subcategory-box .subcategory-thumbnail p, .subcategory-box-wrapper .subcategory-box .subcategory-logotype p{display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.subcategory-box-wrapper .subcategory-box .subcategory-thumbnail p, .subcategory-box-wrapper .subcategory-box .subcategory-logotype p{margin: 0;}
.subcategory-box-wrapper .subcategory-box::after {font-family: icomoon-nsk-portal;content: '\e909';display: inline-block; position: relative; margin-left: auto; font-size: 24px; top: -2px}
.subcategory-box-wrapper .subcategory-box .subcategory-logotype {max-width: calc(100% - 76px - 30px - 24px);}
.subcategory-box-wrapper .subcategory-box .subcategory-logotype__label {font-family: NSKTSRE-Regular; font-size: 16px;}

.products-wrapper{float: left; width: 67%; padding-left: 10px }
.products-wrapper .products {display: flex; flex-wrap: wrap}
.products-wrapper .products .product-box-wrapper{width: calc((100% - 20px)/2);    flex-basis: calc((100% - 20px)/2);    background: white;}
.products-wrapper .products .product-box-wrapper:nth-child(2n+1){margin-right: 10px}
.products-wrapper .products .product-box-wrapper:nth-child(2n+2){margin-left: 10px}



.category-products-wrapper.full-width .products-wrapper{width: 100%; padding-left: 0px}
/* .category-products-wrapper.full-width .products-wrapper .products .product-box-wrapper{width: 33.33%; flex-basis: 33.33%} */
.category-products-wrapper.full-width .products-wrapper .products .product-box-wrapper{width: calc((100% - 2 * 15px)/ 3); flex-basis: calc((100% - 2 * 15px)/ 3); background: white;}
.category-products-wrapper.full-width .products-wrapper .products .product-box-wrapper:nth-child(3n+1){margin-right: 10px; margin-left: 0px}
.category-products-wrapper.full-width .products-wrapper .products .product-box-wrapper:nth-child(3n+2){margin-left: 5px; margin-right: 5px}
.category-products-wrapper.full-width .products-wrapper .products .product-box-wrapper:nth-child(3n+3){margin-left: 10px; margin-right: 0px}

.comparision-table-wrapper{}
.comparision-table{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto; background-color:white;box-shadow: 0px 32px 40px #0000000A; margin-bottom: 	30px }
.comparision-table-wrapper ul{margin:0px 0px 0px 0px; padding: 0px; list-style-type: none;}
.comparision-table-wrapper table{width: 100%}
.comparision-table-wrapper tr:nth-child(2n+2) td{background-color:#F5F6FA}
.comparision-table-wrapper tr td{text-align: center; padding: 13px 14px; font-size: 14px}
.comparision-table-wrapper tr td:first-child{text-align: right}
.comparision-table-wrapper tr:first-child td:first-child{text-align: left; padding: 52px; vertical-align: top}
.comparision-table-wrapper i:before{font-size: 20px; color:#BACCFF }
.comparision-table-wrapper tr:nth-child(n+1){vertical-align: top}

.product-wrapper{margin-bottom: 60px}
.product{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto;}

.product-info-wrapper{}
.product-info{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto;}



.find-dealer-wrapper{padding: 60px 0px}
.find-dealer{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto; background-color: white; padding: 40px; background: url('/images/frontend/how-to-buy.png') #ffffff; background-repeat: no-repeat; background-position: top right; background-size: auto 100%; box-shadow: 0px 32px 40px #0000000A;border-radius: 4px;}
.find-dealer p{margin-bottom: 40px}
.find-dealer h2{margin-top:0px}

.inquire-form-wrapper{background-color: white}
.inquire-form{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto; padding: 60px 88px}
.inquire-form label{display: block; font-weight: bold; margin-bottom: 12px}
.inquire-form input{display: block; width: 100%}
.inquire-form input:last-of-type{margin-bottom: 0px}
.inquire-form textarea{height: 189px}
.inquire-form .col50:first-child{padding-right: 10px}
.inquire-form .col50:last-child{padding-left: 10px}
.inquire-form button{margin-top: 40px; float: right}

label{display: block; font-weight: bold; margin-bottom: 12px}
.form-field{margin-bottom: 24px}
input.text{display: block; width: 100%}

.related-products-wrapper{}
.related-products{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto;}

.breadcrump-wrapper{}
.breadcrump{max-width: 1036px; margin: 30px auto; clear:both;overflow: auto;}

.product-page .product-name-wrapper{}
.product-page .product-name{position: relative; max-width: 1036px; margin: 30px auto; clear:both;overflow: auto; border-bottom: 1px solid #E7E8F0}
.product-page .product-name h1{margin-top: 0px; padding-right: 200px}
.product-page .product-name-wrapper .add-to-comparision-wrapper {position: absolute; right: 0px; top:10px}
.product-page .product-name-wrapper .add-to-comparision-wrapper .checkbox{right: 110px; left: auto;}

.product-gallery { width: 50%; float: left}
.product-gallery {}
.product-gallery .gallery-main-wrapper{clear: both;overflow: auto;width: 100%; display: block ; padding-right: 100px; margin-bottom: 10px}
.product-gallery .gallery-main{overflow:hidden; width: 100%; }
.product-gallery .gallery-main ul{margin:0px 0px 0px 0px; padding: 0px; list-style-type: none; width: 10000px}
.product-gallery .gallery-main ul li{margin:0px; padding: 0px; float: left  }
.product-gallery .gallery-main ul li a{display:block}
.product-gallery .gallery-main ul li img{width: 100%}
.product-gallery .gallery-thumbs-wrapper{clear: both;overflow: auto;width: 100%;}
.product-gallery .gallery-thumbs-wrapper ul{margin:0px; padding: 0px; list-style-type: none;}
.product-gallery .gallery-thumbs-wrapper ul li{margin:0px 10px 0px 0px; padding: 0px; float: left}

.product-details {width: 50%; float: left}
.product-details .product-details-top{margin-bottom: 56px}
.product-details .product-details-top a i{font-size: 18px; position: absolute; left:0px; top: 2px}
.product-details .product-details-top a {font-size: 14px; text-decoration: none;padding-left: 36px; position: relative; display:inline-block}
.product-details .product-details-top a:first-child{margin-right: 34px}
.product-details .price-wrapper{margin-bottom: 8px}
.product-details .price-current{font-family: NSKTSRE-Medium; font-size: 40px; display: inline-block}
.product-details .price-regular-description{font-size: 12px; margin-bottom: 5px}
.product-details .price-old{font-family: NSKTSRE-Bold; font-size: 12px; text-decoration: line-through; display: inline-block; color: #A4A8BA}
.product-details .price-discount-wrapper{font-size: 12px; margin-bottom: 65px }
.product-details .price-discount-wrapper span{font-family: NSKTSRE-Bold; background-color: #0D295D; display: inline-block;border-radius: 4px; color: white; padding:6px 11px; margin-right: 20px}

.product-details-bottom {position: relative}
.product-details-bottom .action-wrapper{width: 100%; padding-left: 174px; padding-right: 72px}
.product-details-bottom .action-wrapper .btn{width: 100%;}
.product-details-bottom .quantity-wrapper{position: absolute; top:0px; left: 0px}
.product-details-bottom .btn-favorites{position: absolute; right:0px; top: 0px}
.quantity-wrapper{line-height: 52px; position: relative; padding: 0px 36px 0px 36px;margin-top:5px}
.quantity-wrapper a{font-size: 26px; text-decoration: none; display:inline-block; position: absolute; top: 0px; line-height: 56px}
.quantity-wrapper a i{line-height: 43px;}
.quantity-wrapper a.quantity-plus{right: 0px; z-index: 10}
.quantity-wrapper a.quantity-minus{left:0px; z-index: 10}
.quantity-wrapper input{width:68px; padding:0px; text-align: center}

.product-info-wrapper{clear: both; overflow: auto; padding-bottom: 60px}
.product-description-wrapper{float: left; width: 50%}

.product-attributes-wrapper{float: left; width: 50%; padding-right: 100px}
.product-page .product-attributes table{width: 100%; border-bottom:1px solid #E7E8F0}
.product-page .product-attributes table td{padding: 13px 20px; background-color: white}
.product-page .product-attributes table tr:nth-child(2n+2) td{background-color: #F5F6FA}
.product-page .product-attributes a{letter-spacing: 0.56px; width: 100%; text-align: center;font-size: 14px; display:block; line-height: 50px; text-decoration: none}
.product-page .product-attributes a i{margin-left: 24px; display: inline-block; font-size: 22px; vertical-align: middle}
.product-page .product-attributes{border-bottom:1px solid #E7E8F0; padding-bottom: 40px;margin-bottom: 32px}
.product-page .product-attributes .show-less{display: none}

.product-downloads ul{margin:0px; padding: 0px; list-style-type: none;}
.product-downloads ul li{margin:0px 0px 18px 0px; padding: 0px;}
.product-downloads ul li a{font-size: 14px; text-decoration: none}
.product-downloads ul li a i{vertical-align: middle;font-size: 22px; margin-right: 17px}

.product-video-wrapper{background-color: white; padding: 60px 0px}
.product-video-wrapper h2{ margin: 0px 0px 40px 0px}
.product-video{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto;}
.video-wrapper{}
.video-wrapper .video {position: relative;padding-bottom: 56.25%;  padding-top: 25px; height: 0;}
.video-wrapper .video iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%; margin-bottom: 24px}
.video-wrapper { width: 50%; float: left; }
.video-wrapper:first-child{padding-right: 10px}
.video-wrapper:last-child{padding-left: 10px}
.video-wrapper a{font-family: NSKTSRE-Regular;text-decoration: none; display: block; margin-top: 24px}
.play-button-wrapper{position: absolute; top:40%; width: 100%;}
.play-button{margin: 0px auto; margin-top: 0px !important; display: inline-block;width: 68px; height: 68px; position: relative}
.play-button:after{position: absolute; content:" ";display: block; width: 68px; height: 68px; border-radius: 34px; background-color:#003FF1; opacity: 60%; z-index: 9}
.play-button:before{width: 68px; height: 68px;font-size: 40px;position: absolute; content: "\e91f"; font-family: icomoon-nsk-portal; color: white; z-index: 10; top: 14px; left: 14px}

.play-button:hover:before{color: #003FF1}

.comparision-wrapper{}
.comparision-wrapper .comparision{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto;}
.comparision-wrapper .comparision-categories-wrapper{margin-bottom: 32px;clear:both;overflow: auto;}
.comparision-wrapper .comparision-categories-wrapper ul{margin:0px; padding: 0px; list-style-type: none;}
.comparision-wrapper .comparision-categories-wrapper ul li{margin:0px 24px 0px 0px; padding: 0px; float: left; }
.comparision-wrapper .comparision-categories-wrapper ul li a{font-family: NSKTSRE-Regular; text-decoration: none}
.comparision-wrapper .comparision-categories-wrapper ul li a.active{color: #003FF1}
.comparision-wrapper .comparision-categories-wrapper ul li a{color: #000000}
.comparision-wrapper table{width: 100%}
.comparision-wrapper td{width: 25%; vertical-align: top}
.comparision-wrapper td img{max-width: 100%; max-height: 162px}
.comparision-wrapper .description h2{border-top: 0px}
.comparision-wrapper tr:first-child td:first-child{vertical-align: middle}
.comparision-wrapper tr:first-child td{position: relative;padding:28px 10px; border-top: 1px solid #E7E8F0; border-bottom: 1px solid #E7E8F0; border-right: 1px solid #E7E8F0}
.comparision-wrapper tr:first-child td:last-child{border-right: 0px}

.comparision-wrapper tr:nth-child(1n+3) td{background-color: #FFFFFF; padding: 14px 16px}
.comparision-wrapper tr.featured td{background-color: #F5F6FA}

.comparision-wrapper tr:last-child td{background-color: #F5F6FA; border-right: 1px solid #E7E8F0}
.comparision-wrapper tr:last-child td:last-child{ border-right: none}
.comparision-wrapper tr:nth-last-child(2) td{background-color: #F5F6FA}
.comparision-wrapper .label{padding: 0px !important; border-top: 1px solid #E7E8F0; border-bottom: 1px solid #E7E8F0}
.comparision-wrapper .label h3{padding:20px 10px; margin: 0px; font-family: NSKTSRE-Regular; font-size: 24px}
.comparision-wrapper .label h3 a{font-weight: normal; font-size: 12px; padding-top: 3px}
.comparision-wrapper .product-name{font-family: NSKTSRE-Regular;margin: 26px 0px 12px 0px}
.comparision-wrapper .product-price{color: #003FF1; font-family: NSKTSRE-Bold}
.comparision-wrapper .price-old{ont-family: NSKTSRE-Bold; font-size: 12px; text-decoration: line-through; display: inline-block; color: #A4A8BA}
.comparision-wrapper h2{clear:both; overflow: auto; padding: 20px 0px 0px 0px; border-top: 1px solid #E7E8F0}
.comparision-wrapper h2 a{font-size: 14px; text-decoration: none; float: right; margin-right: 36px; font-family: calibri}
.comparision-wrapper h2 a:first-child{margin-right:5px}
.comparision-wrapper h2 a i{font-size: 24px; margin-right: 20px; vertical-align: middle}
.comparision-wrapper .icon-toggle-right{color: #003FF1}
.comparision-wrapper .more{ text-decoration: none; position: absolute; top: 38px; right: 10px; width: 24px; height: 24px; font-size: 24px}
.comparision-wrapper .more:hover{color: #003FF1}

.comparision-wrapper .delete{display: none; text-decoration: none; position: absolute;background: #FFFFFF 0% 0% no-repeat padding-box;border: 1px solid #BACCFF;  border-radius: 4px; padding: 0px 10px 0px 40px; height:40px; line-height: 40px; right: 15px; top: 68px}
.comparision-wrapper .delete i{font-size: 24px; position: absolute; left: 10px; top: 8px}
.comparision-wrapper .delete:hover{color: #003FF1}
.comparision-wrapper .delete:hover i{color: #003FF1}

.comparision-wrapper .price-regular-description { font-size: 12px; margin-bottom: 5px; font-family: Calibri; color: black}

.blog-wrapper{}
.blog{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto;}
.blog .posts ul li {flex-basis: 33%; max-width: 33%; flex-grow: 1;display: flex; flex-direction: column;}
.news-box-wrapper {height: 100%; flex: 1;}

.blog .posts ul li {flex-basis: 33%; max-width: 33%;}
.blog .posts ul li:nth-child(3n+1){padding-right: 10px}
.blog .posts ul li:nth-child(3n+2){padding: 0px 5px}
.blog .posts ul li:nth-child(3n+3){padding-left: 10px}

.article-heading-wrapper{background-color: #0D295D; background-size: cover; background-repeat: no-repeat;background-color: hsla(360,100%,0%,0.3);background-blend-mode: overlay;}
.article-heading{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto; padding: 100px 175px; }
.article-heading h1{color: white}

.article-content-wrapper{background-color: white}
.article-content{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto; padding: 60px 175px; position: relative}
.article-content p img{width: 100% !important; height: auto !important}
.article-information{font-size: 14px}
.article-information span{font-weight: lighter}
.go-back{transition: all 0.3s ease-in-out;position: absolute; top: 60px; left: 0px; height: 52px; display: inline-block; border-radius: 4px; border: 2px solid #A4A8BA; padding: 0px 14px; line-height: 48px; font-weight: bold; text-decoration: none; color: #A4A8BA; letter-spacing: 0.56px; font-size: 14px}
.go-back:hover{color: #003FF1; border-color: #003FF1;transition: all 0.3s ease-in-out;}
.go-back:before:hover{color: #003FF1;}
.go-back:before{content: '\e90b'; display: inline-block ; font-family: icomoon-nsk-portal; margin-right: 18px; font-size: 24px; vertical-align: middle; font-weight: normal}

.popup-wrapper {background-color: hsla(360,100%,0%,0.3);background-blend-mode: overlay; position: fixed; top:0px; left:0px; width: 100%; height: 100%; display: none; z-index: 10000;top: 0;
    bottom:0;
    position:fixed;
    overflow-y:scroll;
    overflow-x:hidden;}
.popup{border-radius: 4px; background-color: white; padding: 28px; margin: 150px auto 0px auto; max-width: 500px; max-height: calc(100% - 300px); position: relative}
.popup .dealer-name{font-family: NSKTSRE-Medium; font-size: 24px; }
.popup .dealer-name:after{border-bottom: 1px solid #E7E8F0; display: block; content:' '; margin-top: 24px; margin-bottom: 28px}



.close-popup{position: absolute; top: 28px; right: 28px;text-decoration: none}
.close-popup:after{content: '\e90f'; font-family: icomoon-nsk-portal; font-size: 24px; width: 24px; height: 24px; border-radius: 12px; background-color: #eb725b; color: white; line-height: 24px; text-align: center; }
.dealers-wrapper{}
.dealers{max-width: 1036px; margin: 0px auto; clear:both;overflow: hidden; position: relative}
.dealers h2{margin-bottom: 24px;}
.dealers-container-wrapper{position: relative; padding-left: 440px; margin-bottom: 60px}
.dealers-container{width: 440px; position: absolute; left: 0px; height: 600px}
.dealers-map-wrapper{height: 600px; width: 100%}

.dealers-container label{font-weight: bold; display: block; margin-bottom:13px}
.dealers-city-search{margin-bottom: 24px; padding-right: 148px; position: relative}
.dealers-city-search .btn{width: 100px; position: absolute; right: 28px; top:0px}
.dealers-city-search input{width: 100%}
.dealers-list{padding-top: 28px; overflow-y: scroll; height: 420px}
.dealers-list-wrapper{height: 414px;overflow: scroll;padding-top: 20px;}

.dealer-box{margin-left: 12px; background-color: white; padding:20px; margin-right: 58px; position:relative; overflow: visible; box-shadow: 0px 8px 12px #0000001F; border-radius: 4px;border: 2px solid #ffffff; margin-bottom: 24px}
.dealer-box:hover{border: 2px solid #BACCFF}
.dealer-box .dealer-name{font-family: NSKTSRE-Bold; margin-bottom: 12px}
.dealer-box .dealer-phone{margin-bottom: 0px}
.dealer-box .dealer-email{margin-bottom: 20px}
.dealer-box .btn-popup{font-size:12px}
.dealer-box .iterator{z-index: 10; position: absolute; left: -12px; top: -12px; width: 24px; height: 24px; border: 2px solid #003FF1; border-radius: 12px; background-color: white; color: #003FF1; display: block; text-align: center; line-height: 20px; font-size: 12px; font-weight: bold}

#map{height: 100%; background-color: black}

.support-wrapper{}
.support{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto; padding-bottom: 120px}
.support .left50:first-child img{width: 100%;}
.support .left50:first-child { padding-right: 19px}
.support .left50:last-child {padding-left: 19px}

.contact-box-wrapper{}
.contact-box{background-color: white; padding:28px; box-shadow: 0px 32px 40px #0000000A;max-width: 332px; width: 100%}
.contact-box img{margin-bottom: 20px; display: block; width: 68px}
.contact-box b{margin-bottom: 11px; font-family: NSKTSRE-Bold}
.contact-box span{margin-bottom: 19px; display: block}
.contact-box a{margin-bottom: 11px}

.downloads-wrapper{}
.downloads{}
.downloads-categories-wrapper{padding-bottom: 20px; border-bottom: 1px solid #E7E8F0;max-width: 1036px; margin: 0px auto 0px auto}
.downloads-categories-wrapper ul{margin:0px; padding: 0px; list-style-type: none; clear: both;overflow: auto}
.downloads-categories-wrapper ul li{margin:0px; padding: 0px; margin-right: 20px; float: left}
.downloads-categories-wrapper ul li a{text-decoration: none; font-family: NSKTSRE-Regular;color: #000000}
.downloads-categories-wrapper ul li a.active{color: #003FF1}



.downloads-container-wrapper{padding: 60px 0px; }
.downloads-container{display: flex;max-width: 1036px; margin: 0px auto; clear:both;overflow: auto; padding-bottom: 0px}
.downloads-container-wrapper h2{ font-size: 24px; max-width: 1036px; margin: 0px auto 40px auto;}
.downloads-container a{display: block; width: 16.66%;text-decoration: none; padding-left: 4px; font-weight: bold; }
.downloads-container a:before{content: '\e911'; display:block; font-family: icomoon-nsk-portal; font-size: 40px; margin-bottom: 24px; color: #979797; margin-left: -4px; font-weight: normal}
.downloads-container-wrapper:nth-child(2n+2){background-color: white}
.downloads-container-wrapper.selected{background-color: white}


.error-page-wrapper{padding: 60px 0px}
.error-page{text-align: center; max-width: 684px; margin: 0px auto 0px auto; background-color: white;box-shadow: 0px 32px 40px #0000000A; padding: 40px 88px; border-radius: 4px}
.error-page h1{color: #003FF1; font-family: NSKTSRE-Regular; font-size: 160px; margin-bottom: 0px}
.error-page p {margin: 24px 0px}
.error-page p span{font-family: NSKTSRE-Regular; display: block; padding: 0px 120px}
.error-page .btn{margin-top: 16px;}


.contact-page-wrapper{}
.contact-page-wrapper .contact-page{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto; padding-bottom: 40px;}
.contact-page-wrapper .contact-page .contact-form-wrapper{width: 50%; float: right; padding-right: 100px}
.contact-page-wrapper .contact-page .detailed-info-wrapper{width: 50%; float: right}
.contact-page-wrapper .contact-page .detailed-info-wrapper .col50{padding-right: 60px}
.contact-page-wrapper .direct-contact-wrapper{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto;}
.contact-page-wrapper .direct-contact{}
.contact-page-wrapper label {font-weight: bold; clear:both; margin-bottom: 12px; display:block}
.contact-page-wrapper input.text{width: 100%;}
.contact-page-wrapper textarea{width: 100%; }
.contact-page-wrapper .form-field{margin-bottom: 24px}
.contact-page-wrapper .checkbox-wrapper{font-weight: lighter}
.contact-page-wrapper .btn{margin-top: 24px}
.contact-page-wrapper .direct-contact h2{margin-top: 60px; margin-bottom: 24px}
.contact-page-wrapper .direct-contact p{margin-bottom: 40px; width: 33%}

.contact-page-wrapper .contact-boxes{display: flex;}
.contact-page-wrapper .contact-box-wrapper{width: calc(100% / 3); margin-bottom: 60px;}
.contact-page-wrapper .contact-box{ max-width: 100%; height: 100%}
.contact-page-wrapper .contact-box-wrapper:nth-child(3n+1){padding-right: 10px }
.contact-page-wrapper .contact-box-wrapper:nth-child(3n+2){padding-right: 5px;padding-left: 5px}
.contact-page-wrapper .contact-box-wrapper:nth-child(3n+3){padding-left: 10px }

.account-wrapper{padding-bottom: 60px;max-width: 1036px; margin: 0px auto; clear:both;overflow: auto;}
.login-wrapper{}
.login{}
.form-login {padding-right: 54px; margin-right: 54px; border-right: 1px solid #D3D5E0}
.form-login a{font-size: 12px}

.information-box{border-radius: 4px; margin-bottom: 20px; padding: 20px; padding: 24px 75px 24px 32px; position: relative}
.information-box ul,li{margin:0px; padding:0px}
.information-box a{position: absolute; right: 32px; top: 25px; text-decoration: none; }
.information-box a:after{content:"\e90f"; font-family: icomoon-nsk-portal; font-size: 20px; }
.information-box.success{background-color:#F3FFD8; color:#292A2E;border: 1px solid #ACD947;}
.information-box.success a:after{color: #ACD947}
.information-box.error{background-color:#FFEBE8; color:#292A2E;border: 1px solid #FF6952; }
.information-box.error a:after{color: #FF6952}

.my-account-menu-wrapper{width: 100%; padding-right: 10px}
.my-account-menu{background-color: white;padding: 8px 20px; border-radius: 4px}
.my-account-menu ul{margin:0px; padding: 0px; list-style-type: none; }
.my-account-menu ul li{margin:0px; padding: 0px; line-height: 52px; padding-left: 20px; position: relative; border-bottom: 1px solid #E7E8F0}
.my-account-menu ul li:last-child{border-bottom: 0px}
.my-account-menu ul li a{display: block; width: 100%;font-family: NSKTSRE-Regular; text-decoration: none}
.my-account-menu ul li:before{position: absolute; top: 16px; left: 0px;display: block;content: " "; width: 4px; height: 20px; background-color:#E7E8F0; border-radius: 4px}
.my-account-menu ul li.active:before{background-color: #003FF1}
.my-account-menu ul li.active a{font-family: NSKTSRE-Bold}
.my-account-content{padding-left: 10px}
.my-account-box-wrapper{border-radius: 4px; background-color: white; padding: 40px 30% 40px 40px; margin-bottom: 40px}

.orders-box{padding-right: 40px}
.orders-box table{width: 100%; text-align: left}
.orders-box table td{border-bottom:1px solid #E7E8F0; line-height: 50px}
.orders-box table td:last-child{text-align: right}
.orders-box table tr:last-child td{border-bottom:0px}

.discount-box {padding-right: 40px}
.discount-box table{width: 100%; text-align: left}
.discount-box table th{font-weight: bold}
.discount-box table td:nth-child(3n+1){width:40%;}
.discount-box table td:nth-child(3n+2){width:40%;}
.discount-box table td:nth-child(3n+3){width:20%;color: #003FF1}
.discount-box table td{border-bottom:1px solid #E7E8F0; line-height: 50px}
.discount-box table th{border-bottom:1px solid #E7E8F0; line-height: 50px}


.basket-wrapper{margin-bottom: 60px}
.basket{max-width: 1036px; margin: 0px auto; clear:both;overflow: visible;}
.basket-wrapper .basket-list-wrapper{background-color: white; padding: 36px 40px; margin-bottom: 40px; border-radius:4px; box-shadow: 0px 32px 40px #0000000A;}
.basket-action .btn-blue{float: right}
.basket-action .btn-nude{float: left}

.basket table{width: 100%;border-spacing: 0px; border-collapse: separate;}
.basket table td{vertical-align: top; position: relative; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #E7E8F0}
.basket table tr:last-child td{border-bottom: 1px solid #000000}
.basket .remove-from-basket{font-size: 12px; position: absolute; bottom: 20px; left: 24px}
.basket .remove-from-basket a{font-weight: lighter}
.basket .product-link{font-size: 24px; font-family: NSKTSRE-Medium; margin-bottom:12px; }
.basket .product-link a{text-decoration: none}
.basket .price-current{color: #003FF1; font-size: 15px; font-family: NSKTSRE-Medium}
.basket td.total{width: 100px}
.basket td.quantity{width: 150px;vertical-align: middle}
.basket td.quantity .quantity-wrapper{margin-top: 0px}
.basket td.total{text-align:right; color: #003FF1; font-size: 15px; font-family: NSKTSRE-Medium; vertical-align: middle}
.basket td.thumbnail{vertical-align: middle; width: 156px}
.basket td.thumbnail div{border: 1px solid #E7E8F0; width: 156px; height: 103px; overflow: hidden; text-align: center; vertical-align: middle}
.basket .basket-summary{font-family: NSKTSRE-Medium; font-size: 24px; text-align: right; margin-top: 36px}
.basket .basket-summary span{color: #003FF1; font-family: NSKTSRE-Medium; font-size: 20px; display: inline-block; margin-left: 150px}
.basket .price-old{font-family: NSKTSRE-Bold; font-size: 12px; text-decoration: line-through; display: inline-block; color: #A4A8BA}

td.product{padding-left: 24px}

.checkout-wrapper{padding: 52px 0px 60px}
.checkout{max-width: 1036px; width: 100%; margin: 0px auto;}
.checkout-box-container{display: flex}
.checkout-box-wrapper{ background-color: white; margin-bottom: 20px}
.checkout-box-wrapper.transparent{background-color: transparent}
.checkout-box-container .checkout-box-wrapper{width: 50%;}
.checkout-box-container .checkout-box-wrapper:nth-child(2n+1){margin-right: 10px}
.checkout-box-container .checkout-box-wrapper:nth-child(2n+2){margin-left: 10px}
.checkout-box{padding: 40px; }
.checkout-box .address-box-wrapper{border: 2px solid #E7E8F0; padding: 24px 20px; margin-bottom: 24px; border-radius: 4px; }
.checkout-box .address-box-wrapper ul{margin:0px; padding: 0px; list-style-type: none; }
.checkout-box .address-box-wrapper ul li{margin:0px; padding: 0px}
.checkout-box .address-box-wrapper:hover{cursor: pointer; border: 2px solid #BACCFF}

.checkout-summary-wrapper{margin-bottom: 60px}
.checkout-summary{max-width: 1036px; margin: 0px auto; clear:both;overflow: auto;}
.checkout-summary .btn-submit{float: right}
.show-subcategories{display: none}
.show-filters{display: none}
.hide-subcategories{display: none}
.hide-filters{display: none}
.show-menu{display: none}

.select{font-family: Calibri; outline: none; border: 1px solid #E7E8F0; border-radius: 4px; border: 1px solid #E7E8F0; line-height: 40px; height: 40px; padding-left: 20px; font-size: 16px; width: calc(100% - 20px); }


@media only screen and (max-width: 1036px) {
    h1{font-size: 30px}
    .show-subcategories{display: block}
    .show-filters{display: block}
    .subcategories-form-wrapper{display: none}
    .filters-form-wrapper{display: none}
    .slogan{float: none; clear: both; display: none}
    .slogan span{width: 50%}
    .logo-wrapper{padding-left: 10px}
    .logo-wrapper img{width:90%}
    .header-wrapper.fixed .slogan{display: none}
    .search-form-wrapper{width: 100%; float: none; clear:both; overflow:auto; margin-bottom: 20px;padding-right: 60px; padding-top: 20px; padding-bottom: 0px}
    .search-form-wrapper .left:first-child{width: 70%; padding-left: 10px}

    .search-form-wrapper .left:last-child{width: 30%;}
    .search-form-wrapper .left:last-child button{width: 100%; }

    .menu-wrapper{position:relative; height: auto; width: 100%; line-height: inherit }
    .menu{ display: none; position: absolute; width: 100%; z-index: 100;background-color: white; left: 0px; top: 80px; padding-bottom: 20px}
    .menu-wrapper ul > li {float: none; width: 100%; padding-right: 0px; height: auto; line-height: 30px; padding-left: 10px }
    .menu-wrapper ul > li > a{font-size: 14px}
    .menu-wrapper ul > li:last-child{padding-right: 0px}
    .menu-wrapper ul > li{padding-right: 14px; position: inherit}
    .menu-wrapper ul > li ol{display: block;width: 100%; position: relative; top: inherit; border: none}
    .menu-wrapper ul > li ol > li{width: 100%; border: none}
    .menu-wrapper ul > li > a.expand:after{display: none}
    .show-menu{display: block; text-decoration: none; font-size: 30px; position: absolute; right: 10px; top: 24px}

    .content-wrapper{padding: 0px 10px}
    .product-gallery{width: 100%; margin-bottom: 20px}
    .product-gallery .gallery-main-wrapper{padding-right: 0px}
    .product-details{width: 100%}
    .product-details-bottom .quantity-wrapper{}
    .product-details-bottom .action-wrapper{padding-right: 10px; }
    .product-details-bottom .btn-favorites{top: -60px; right: 10px}
    .product-attributes-wrapper{width: 100%; padding-right: 10px}
    .product-description-wrapper{width: 100%; margin-top: 20px}
    .product-video-wrapper{padding: 20px 20px}
    .video-wrapper{width: 100%; margin-bottom: 40px}
    .video-wrapper:first-child{padding-right: 0px}
    .video-wrapper:last-child{padding-left: 0px}
    .inquire-form .col50{width: 100%}
    .inquire-form .flex{display: block}
    .inquire-form .col50:last-child{padding-left: 0px;}
    .inquire-form {padding: 20px}
    .inquire-form .col50:first-child{padding-right: 0px}
    .find-dealer{padding: 20px}
    .dealer-banner{padding: 20px}
    .footer-wrapper .col25{width: 100%; margin-bottom: 20px}
    .footer-wrapper .footer .col25:last-child h3{display: none}
    .footer-wrapper .footer .col25:nth-child(3){margin-bottom: 0px}
    .footer-wrapper .footer .col25:nth-child(3) p{}
    .footer-wrapper .footer .col25:last-child p{margin: 0px}
    .footer-wrapper .footer ul li{margin-bottom: 5px}
    .footer-wrapper .footer{padding: 20px}

    .movie-wrapper{height: auto}
    .movie-content{padding: 40px 20px 0px 20px}
    .movie-content .btn.btn-transparent{display: none}
    .product-rotator-section{padding: 20px}
    .news-section .news-left-wrapper{width: 100%; padding-right: 0px; margin-bottom: 40px}
    .news-section .news-left-wrapper ul li{max-width: 100%;flex-basis: 100%;padding-right: 0px}
    .news-section .news-left-wrapper ul li:nth-child(2n+1){padding-right: 0px}
    .posts .news-image{height: 150px; padding-top: 0px}
    .news-section .news-right-wrapper{padding-left: 0px}
    .news-section .news-right-wrapper{width: 100%}
    .newsletter-wrapper .left50{width: 100%; margin-bottom: 20px}
    .newsletter{ padding: 20px}
    .newsletter .left50:last-child{padding-left: 0px}
    .offer-categories-wrapper{width: 100%}
    .offer-banner-wrapper{display: none}
    .about-section .about-left{width: 100%; padding-right: 0px}
    .about-section .about-right{width: 100%; padding-left: 0px}
    .about-section .col33{width: 100%; padding:0px !important;}
    .homepage .about-section-wrapper {padding: 20px 20px}
    .category-banner-wrapper{display: none}
    .filters-wrapper{width: 100%}
    .products-wrapper {width: 100%; padding-left: 0px; margin-top: 40px}
    .products-wrapper .products .product-box-wrapper{width: 50%; flex-basis: 50%}
    .products-wrapper .products .product-box-wrapper:nth-child(2n+1){margin-right: 0px}
    .products-wrapper .products .product-box-wrapper:nth-child(2n+2){margin-left: 0px}
    .product-box-wrapper .product-thumbnail{text-align: center}
    .product-box-wrapper .product-thumbnail img{width: auto; height: 100%; }
    .product-rotator .rotator-item-wrapper{width: 100%; margin-bottom: 30px}
    .product-rotator .rotator-item-wrapper:nth-child(3n+1) .rotator-item{padding-right: 0px}
    .product-rotator .rotator-item-wrapper:nth-child(3n+2) .rotator-item{padding-right: 0px; padding-left: 0px}
    .product-rotator .rotator-item-wrapper:nth-child(3n+3) .rotator-item{ padding-left: 0px}

    .basket-wrapper .basket-list-wrapper{padding: 20px}
    .basket td.thumbnail{display: none}
    .basket td.product{padding: 0px}
    .basket .product-link{font-size: 14px}

    .basket .remove-from-basket{position: relative; bottom: auto; left: auto; display: block; margin: 10px 0px 20px 0px}
    .basket .basket-summary{font-size: 16px}
    .basket .basket-summary span{margin-left: 0px}
    .basket-action .btn-nude{padding-left: 0px; padding-right: 0px; max-width: auto; width: auto}
    .login-wrapper .col50{width: 100%; margin-bottom:40px}
    .form-login{padding-right: 0px; margin-right: 0px; border-right: 0px}

    .my-account-wrapper .col35{width: 100%; margin-bottom: 40px}
    .my-account-wrapper .col65{width: 100%;}
    .my-account-box-wrapper{padding: 20px}

    .checkout-box-container{display: block}
    .checkout-box-container .checkout-box-wrapper{width: 100%}
    .checkout-box-container .checkout-box-wrapper:nth-child(2n+1){padding-right: 0px}
    .checkout-box-container .checkout-box-wrapper:nth-child(2n+2){padding-left: 0px; margin-left: 0px}
    .checkout-box{padding: 20px}
    .dealers-container-wrapper{padding-left: 0px}
    .dealers-container{width: 100%; height: auto;position:relative; left: auto}
    .dealer-box{margin-right: 0px}
    .dealers-city-search .btn{top:0px; right: 0px}
    .support .left50{width: 100%}
    .support .left50:first-child{padding-right: 0px; display: none}
    .support .left50:last-child{padding-left: 0px}
    .blog .posts ul li{width: 100%; flex-basis: 100%; max-width: 100%;}
    .blog .posts ul li:nth-child(3n+1){padding-right: 0px}
    .blog .posts ul li:nth-child(3n+2){padding-right: 0px; padding-left: 0px}
    .blog .posts ul li:nth-child(3n+3){padding-left: 0px}
    .article-heading{padding: 20px; text-align: center}
    .go-back{display: none}
    .article-content{padding: 20px; margin-bottom: 20px}

    .contact-page-wrapper .contact-page .contact-form-wrapper{width: 100%; float: left; padding-right: 100px}
    .contact-page-wrapper .contact-page .detailed-info-wrapper{width: 100%; float: left}


    .category-products-wrapper.full-width .products-wrapper .products .product-box-wrapper{width: calc((100% - 20px)/2); flex-basis: calc((100% - 20px)/2);}
    .category-products-wrapper.full-width .products-wrapper .products .product-box-wrapper:nth-child(2n+1){margin-right: 10px; margin-left: 0px}
    .category-products-wrapper.full-width .products-wrapper .products .product-box-wrapper:nth-child(2n+2){margin-left: 10px; margin-right: 0px}




}
@media only screen and (min-width: 600px) and (max-width: 1036px) {
    .categories-list-wrapper li{width: 50%}
    .categories-list-wrapper li:nth-child(4n+1){padding-right: 10px}
    .categories-list-wrapper li:nth-child(4n+4){padding-left: 10px}
    .categories-list-wrapper li:nth-child(2n+1){padding-right: 10px; padding-left: 0px}
    .categories-list-wrapper li:nth-child(2n+2){padding-left: 10px; padding-right: 0px}
    .downloads-container{ flex-wrap: wrap;}
    .downloads-container a{width: 25%; margin-bottom: 20px}
}

@media only screen and (max-width: 600px) {
    .categories-list-wrapper li{width: 100%; padding: 0px 0px 0px 0px}
    .categories-list-wrapper li:nth-child(4n+1){padding-right: 10px}
    .categories-list-wrapper li:nth-child(4n+4){padding-left: 10px}
    .categories-list-wrapper li:nth-child(2n+1){padding-right: 0px}
    .categories-list-wrapper li:nth-child(2n+2){padding-left: 0px}
    .downloads-container{ flex-wrap: wrap;}
    .downloads-container a{width: 50%; margin-bottom: 20px}
    .product-rotator-section-wrapper h2 a{padding: 0px; display: block; margin-left: 0px; border-left: 0px}
    .product-rotator-section-wrapper h2 a:after{right: auto; margin-left: 0px}
    .contact-page-wrapper .contact-page .col50{width: 100%;}

    .products-wrapper .products .product-box-wrapper:nth-child(n){width: 100%; flex-basis: 100%; padding-left: 0px; padding-right: 0px}
    .category-products-wrapper.full-width .products-wrapper{width: 100%; padding-left: 0px}
    .category-products-wrapper.full-width .products-wrapper .products .product-box-wrapper:nth-child(n){width: 100%; flex-basis: 100%; margin-left: 0px; margin-right: 0px}
    .catalog-wrapper .left50{width: 100%}
    .catalog-wrapper:before {display: none}

    .subcategory-box-wrapper .subcategory-box {width: 100%}
    .subcategory-box-wrapper .subcategory-box:nth-child(even) {margin-left: 0}

}

@media only screen and (max-width: 400px) {
    .movie-content b{font-size: 22px; margin-bottom: 20px; display: block}
    .movie-content p{display: none}
    .utils-wrapper{clear:both; overflow: auto;}
    .login-box-wrapper{width: calc(100% - 64px)}
    .logo-wrapper{float: none; clear: both; overflow: auto; padding-bottom: 20px}
    .search-form-wrapper{padding-right: 60px; padding-top:20px}
    .search-form-wrapper .left:first-child{width: 60%}
    .search-form-wrapper .left:last-child{width: 40%}


    .menu-wrapper{position:relative; height: auto; width: 100%; line-height: inherit }
    .menu{ display: none; position: absolute; width: 100%; z-index: 100;background-color: white; left: 0px; top: 80px; padding-bottom: 20px}
    .menu-wrapper ul > li {float: none; width: 100%; padding-right: 0px; height: auto; line-height: 30px; padding-left: 10px }
    .menu-wrapper ul > li > a{font-size: 14px}
    .menu-wrapper ul > li:last-child{padding-right: 0px}
    .menu-wrapper ul > li{padding-right: 14px; position: inherit}
    .menu-wrapper ul > li ol{display: block;width: 100%; position: relative; top: inherit; border: none}
    .menu-wrapper ul > li ol > li{width: 100%; border: none}
    .menu-wrapper ul > li > a.expand:after{display: none}
    .show-menu{display: block; text-decoration: none; font-size: 30px; position: absolute; right: 10px; top: 24px}

    .subcategory-box-wrapper .subcategory-box {padding: 15px}
    .subcategory-box-wrapper .subcategory-box .subcategory-thumbnail {margin-right: 20px;}
    .subcategory-box-wrapper .subcategory-box .subcategory-logotype {max-width: calc(100% - 76px - 20px - 24px);}
    .subcategory-box-wrapper .subcategory-box .subcategory-logotype__label {font-size: 14px;}
}