@font-face {font-family: 'robotoregular'; src: url('../fonts/roboto-regular-webfont.eot'); src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'robotobold'; src: url('../fonts/roboto-bold-webfont.eot'); src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;

}
@font-face {font-family: 'intro_regularregular'; src: url('../fonts/intro_regular_cyr-webfont.eot'); src: url('../fonts/intro_regular_cyr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/intro_regular_cyr-webfont.woff') format('woff'),
         url('../fonts/intro_regular_cyr-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'intro_boldregular'; src: url('../fonts/intro_bold_cyr-webfont.eot'); src: url('../fonts/intro_bold_cyr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/intro_bold_cyr-webfont.woff') format('woff'),
         url('../fonts/intro_bold_cyr-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'intro_bookregular'; src: url('../fonts/intro_book_cyr-webfont.eot'); src: url('../fonts/intro_book_cyr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/intro_book_cyr-webfont.woff') format('woff'),
         url('../fonts/intro_book_cyr-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
body{font-family: 'robotoregular'; margin: 0; padding: 0; font-size: 16px; overflow-x: hidden;}
.no-scroll{overflow: hidden;}
.no-touchevents.no-scroll body{padding-right: 17px;}
.wrapper{max-width: 1360px; margin: 0 auto; 
    padding: 0 30px; 
}
/*Global*/

*{box-sizing: border-box; outline: none;}*:focus{outline: none;}img{max-width: 100%; height: auto;}a{color: #000; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}a:focus{outline: none;}p{color: #787777; line-height: 30px;}
ul, ol{margin: 0; padding: 0;}ul li, ol li{list-style: none;}

.tabs li ul li, .tabs li ol li {margin-left:20px!important; font-size:0.8em;}
.tabs li ol li {list-style:inside decimal;}
.tabs li ul li {list-style:inside circle;}
.tabs .comments-box li {list-style:none;}
.tabs p {margin:1.2em 0 0 0}

.authors img {float:left; margin:0 10px 10px 0; width:80px;}
.tabs .authors p {margin:0 0 1em 0; line-height:1.6em;}
.authors .resume {font-size:0.8em;}

.price-box{display: inline-block;}
.price-box > span{margin: 10px 0 0; font-size: 18px; color:#000; display: inline-block; vertical-align: top;}
.price-box strong{font-size: 14px; color: #d31f1f; font-weight: normal; display: inline-block;}
.price-box strong span{font-size: 36px; position: relative; display: inline-block;} 
.price-box strong em {font-size: 18px; color: #000; font-style: normal;}
.price-box strong i{color: #000; font-style: normal;}
.price-box > span + strong{min-width: 94px;}
.price-box strong + strong{color: #8f8f8f;}
.price-box strong + strong span{font-size: 25px; color: #8f8f8f;}
.price-box strong + strong span:after{content: ''; background: #f3911d; height: 1px; display: inline-block; position: absolute; top: 50%; right: 0; left: 0; z-index: 1; -moz-transform: rotate(-28deg); -webkit-transform: rotate(-28deg); transform: rotate(-28deg);}
.price-box strong sup{font-size: 20px;}
.price-box strong + strong sup{font-size: 13px;}
.btn{background: #d31f1f; padding: 19px 18px 18px; font-size: 14px; color: #fff; text-decoration: none; border-radius: 8px; display: inline-block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn:hover{background: #ac0d0d;}
.btn .buy-icon{margin: -2px 9px 0 0;}
.btn-2{background: #e2e6ec; padding: 19px 38px 18px; font-size: 14px; color: #000; text-decoration: none; border-radius: 8px; display: inline-block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-2:hover{background: #c5c8cb;}
.btn-3{background: #d31f1f; padding: 21px 60px 17px; font-size: 14px; color: #fff; text-decoration: none; border-radius: 8px; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-3:hover{background: #ac0d0d;}
.btn-3 .arrow-white{margin: -4px 0 0 6px;}
.btn-4{background: #2355be; padding: 21px 60px 17px; font-size: 14px; color: #fff; text-decoration: none; border-radius: 8px; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-4:hover{background: #194196;}
.btn-4 .arrow-white{margin: -4px 0 0 6px;}
.btn-5{font-family: 'robotobold'; padding: 13px 72px 14px 159px; font-size: 18px; color: #000; text-align: left; line-height: 22px; text-transform: uppercase; text-decoration: none; border-radius: 10px; border: 2px solid #d3d0cc; display: inline-block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative;}
.btn-5:after{content: ''; background: #fff; width: 104px; position: absolute; top: -2px; bottom: -2px; left: 23px; z-index: 1;}
.bgr-grey .btn-5:after{background: #f5f5f5;}
.btn-5 .arrow-red-b,
.btn-5 .arrow-blue-b{margin: -4px 0 0 6px;}
.btn-5 .arrow-red-b,
.btn-5 .arrow-blue-b{margin: -7px 0 0; position: absolute; top: 50%; right: 36px; z-index: 1;}
.btn-5 .red-book-icon{margin: -49px 0 0; position: absolute; top: 50%; left: 36px; z-index: 2;}
.btn-5 .blue-book-icon{margin: -44px 0 0; position: absolute; top: 50%; left: 36px; z-index: 2;}
.bgr-grey{background: #f5f5f5; width: 100%; display: inline-block;}
.red-text{color: #ed1d1d;}
.page-title{background: #e2e6ec; padding: 50px 0;}
.page-title h1{margin: 0; font-size: 36px;}
.section-title{margin: 56px 0; text-align: center;}
.content .section-title{margin: 0 0 30px;}
.section-title h2{font-family: 'robotobold'; font-size: 30px; color: #000; font-weight: normal; text-transform: uppercase;}
.content .section-title h2{font-family: 'robotoregular'; margin: 0 0 40px; font-size: 36px; color: #000; font-weight: normal; text-transform: none;}
.pad-box{padding: 50px 0 80px;}
.pad-box .section-title:first-child{margin: 0 0 56px;}
body .pad-bottom{padding-bottom: 80px;}
.text-center{text-align: center;}
.text .text-center{margin: 50px 0 0;}
.text-center > .btn,
.text-center > .btn-2,
.text-center > .btn-3,
.text-center > .btn-4,
.text-center > .btn-5{margin: 20px;}
.items-box.no-marg-bot + .text-center > .btn,
.items-box.no-marg-bot + .text-center > .btn-2,
.items-box.no-marg-bot + .text-center > .btn-3,
.items-box.no-marg-bot + .text-center > .btn-4{margin: 0 20px;}
.quantity-box{width: 97px; padding: 0 23px 0 20px; position: relative;}
.quantity-box input{padding: 17px 0; font-size: 14px; color: #000; text-align: center; border: 1px solid #e7e7e7;}
.quantity-box a{width: 14px; height: 14px; margin: -4px 0 0; display: inline-block; color: #969696; text-decoration: none; position: absolute; top: 50%; left: 0; z-index: 1; text-indent: -9999px;}
.quantity-box a:before{content: ''; background: #969696; height: 2px; margin: -2px 0 0; position: absolute; top: 50%; left: 0; right: 0; z-index: 1;}
.quantity-box a.plus-btn{left: auto; right: 0;}
.quantity-box a.plus-btn:after{content: ''; background: #969696; width: 2px; margin: 0 0 0 -1px; position: absolute; top: 0; bottom: 1px; left: 50%; z-index: 1;}
.quantity-box a:hover:before,
.quantity-box a:hover:after{opacity: 0.8;}
input{width: 100%; padding: 17px 10px; border: 1px solid #e3e3e3;}
.custom-select{border: 1px solid #e3e3e3; position: relative;}
.custom-select:after{content: ''; background-image: url(../images/sprite.svg); background-repeat: no-repeat; background-position: -140px 0; width: 15px; height: 8px; margin: -4px 0 0; display: inline-block; vertical-align: middle; position: absolute; top: 50%; right: 10px; z-index: 0; text-indent: -9999px;}
.no-svg .sprite{background-image: url(../images/sprite.png);}
.custom-select > select{background: transparent; width: 100%; padding: 17px 10px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1;}
.custom-select > select::-ms-expand {display: none;}
.custom-input{margin: 0 0 10px; font-size: 18px; display: inline-block; position: relative; cursor: pointer;}
.custom-input + .custom-input{margin: 0 0 10px 24px;}
.custom-input input{width: auto; border: none; visibility: hidden; position: absolute; top: 0; left: 0; z-index: -1;}
.custom-input input + i{background: #d7d7d7; width: 12px; height: 12px; margin: 0 5px 0 0; display: inline-block;}
.custom-input input[type="radio"] + i{border-radius: 100%;}
.custom-input input:checked + i{background: #d31f1f;}
form{}
form > strong{margin: 50px 0 34px; font-size: 24px; font-weight: normal; display: block;}
form > ul + strong{margin: 46px 0 34px;}
form ul{margin: 20px -16px 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;  
    position: relative;}
form ul ul{margin: 20px -16px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;  
    position: relative;}
form > ul:before{content: ''; background: #f7f7f7; height: 1px; position: absolute; top: 100%; right: 16px; left: 16px;}
form > ul.no-border:before{display: none;}
form ul:after{content: ''; display: block; clear: both;}
form ul li{width: 33.3%; margin: 0 0 66px; padding: 0 16px; float: left; position: relative;}
form ul li.width-2-3{width: 66.6%;}
form ul li.width-3-3{width: 100%;}
form ul li.box-opt{margin: 0;}
form ul li.hide{display: none;}
form ul li label{margin: 0 0 14px; font-size: 15px; display: block;}
form ul li.error input{border: 1px solid #f11313
}
form ul li label span{color: #f11313;}
form ul li > span{margin: 8px 0 0; font-size: 14px; display: block; position: absolute; top: 100%; right: 21px; left: 21px;}   

form ul li.error > span{color: #f83c3c;}
.g-recaptcha{display: inline-block; margin: 0 auto;}
.two-cols-text{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px;}
.two-cols-text > *:first-child{margin-top: 0 !important;}
.two-cols-text > *{overflow: hidden;}
/*Sprite*/

.sprite{background-image: url(../images/sprite.svg); background-repeat: no-repeat; display: inline-block; vertical-align: middle; text-indent: -9999px;}
.no-svg .sprite{background-image: url(../images/sprite.png);}
.basket-icon{background-position: 0 0; width: 45px; height: 39px;}
.buy-icon{background-position: -49px 0; width: 20px; height: 17px;}
.arrow-red{background-position: -49px -20px; width: 10px; height: 9px;}
.arrow-red-b{background-position: -89px -76px; width: 16px; height: 15px;}
.arrow-blue-b{background-position: -109px -76px; width: 16px; height: 15px;}
.arrow-white{background-position: -62px -20px; width: 10px; height: 9px;}
.location-icon{background-position: -75px 0; width: 12px; height: 14px;}
.phone-icon{background-position: -91px 0; width: 17px; height: 16px;}
.mail-icon{background-position: -111px 0; width: 15px; height: 10px;}
.remove-icon{background-position: 0 -43px; width: 19px; height: 23px;}
.remove-icon-2{background-position: -102px -44px; width: 19px; height: 19px;}
.delivery-icon{background-position: -22px -43px; width: 53px; height: 29px;}
.fb-icon{background-position: 0 -76px; width: 12px; height: 24px;}
.yt-icon{background-position: -18px -76px; width: 27px; height: 30px;}
.gp-icon{background-position: -51px -76px; width: 33px; height: 22px;}
.location-icon-big{background-position: 0 -109px; width: 31px; height: 41px;}
.contact-icon-big{background-position: -37px -109px; width: 40px; height: 41px;}
.mail-icon-big{background-position: -84px -109px; width: 33px; height: 24px;}
.close-icon{background-position: -79px -43px; width: 20px; height: 20px;}
.red-book-icon{background-position: -133px -43px; width: 75px; height: 97px;}
.blue-book-icon{background-position: -213px -43px; width: 86px; height: 87px;}
/*Header*/

#header{padding: 22px 0;}
#header:after{content: ''; display: block; clear: both;}
#logo{text-decoration: none; line-height: 0; display: inline-block; vertical-align: top;}
#logo:hover{opacity: 0.8;}
#header .part-of{margin: 28px 0 0 2px; font-size: 14px; display: inline-block;}
#header .part-of img{margin: 0 0 0 4px;}
#header nav{margin: 36px 0 0; float: right; position: relative;}
#header nav > button{background: transparent; width: 26px; margin: 0; padding: 0 0 100%; border: none; display: none;}
#header nav > button span{background: #ceced1; width: 100%; height: 4px; display: block; position: relative;}
#header nav > button span:before{content: ''; background: #ceced1; width: 100%; height: 4px; margin: 4px 0 0; display: block; position: absolute; top: 100%; right: 0; left: 0; z-index: 1;}
#header nav > button span:after{content: ''; background: #ceced1; width: 100%; height: 4px; margin: 12px 0 0; display: block; position: absolute; top: 100%; right: 0; left: 0; z-index: 1;}
#header nav ul{}
#header nav ul li{margin: 0 0 0 50px; display: inline-block; vertical-align: middle;}
#header nav ul li a{font-family: 'robotobold'; font-size: 14px; color: #000; text-transform: uppercase; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header nav ul li.current a,
#header nav ul li a:hover{color: #d31f1f
}
#header .language-box{background: #d31f1f; width: 38px; height: 38px; margin: 30px 0 0 30px; font-size: 14px; color: #fff; line-height: 38px; text-align: center; text-decoration: none; float: right; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header .language-box:hover{background: #ac0d0d;}
/*Contnet*/

#slider-box{position: relative; overflow: hidden;}
#slider .slider-entry{background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
#slider .slider-entry .wrapper{display: table; position: relative; z-index: 2;}
#slider .slider-entry.no-image .wrapper{display: block;}
#slider .slider-entry .wrapper > *{width: 42%; padding: 30px 0; color: #fff; display: table-cell; vertical-align: middle;}
#slider .slider-entry.no-image .wrapper > *{width: 50%; display: inline-block;}
#slider .slider-entry .wrapper .text{padding: 0 0 90px 40px;}
#slider .slider-entry.no-image .wrapper .text{padding: 100px 0;}
#slider .slider-entry .wrapper .text h2 a,
#slider .slider-entry .wrapper .text h2 {margin: 20px 0; font-size: 36px; color: #fff; line-height: 46px; text-decoration: none;}
#slider .slider-entry .wrapper .text p{font-size: 18px; line-height: 22px; color: #fff;}
#slider .slider-entry.no-image .wrapper .text p{font-size: 30px; line-height: 44px;}
#slider .slider-entry .wrapper .text > span{font-size: 14px; display: block;}
#slider .slider-entry .wrapper .text .price-box{font-size: 24px; margin: 44px 0 0 10px;}
#slider .slider-entry .wrapper .text .price-box strong{font-size: 24px; color: #fff;}
#slider .slider-entry .wrapper .text .price-box strong span{font-size: 68px; color: #fff;}
#slider .slider-entry .wrapper .text .price-box strong + strong{margin: -5px 0 0; color: #fff;}
#slider .slider-entry .wrapper .text .price-box strong + strong span{font-size:37px;}
#slider .slider-entry .wrapper .text .price-box strong sup{font-size: 42px; vertical-align: top; top: 22px;}
#slider .slider-entry .wrapper .text .price-box strong + strong sup{font-size: 23px; vertical-align: top; top: 10px;}
#slider .slider-entry .wrapper figure{width: 58%; text-align: right;}
#slider .slider-entry .wrapper figure img{display: inline-block;}
#slider-box .slider-count{width: 1200px; margin: 0 0 0 -600px; text-align: right; z-index: 1; color: #fff; position: absolute; top: 44px; left: 50%; z-index: 1;}
#slider-box .slider-count em{font-size: 30px; font-style: normal; display: inline-block; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; top: 25px; right: 0;}
#slider-box .slider-count span{font-size: 14px; display: inline-block; position: absolute; top: 0; right: 0;}
#slider-box .slider-count span:before{content: '/'; margin: 0 7px 0 0;}
#slider .slick-dots{width: 1200px; margin: 0 0 0 -600px; line-height: 0; position: absolute; bottom: 50px; left: 50%; z-index: 1;}
#slider .slick-dots > li{margin: 0 12px 0 0; display: inline-block;}
#slider .slick-dots > li button{background: rgba(255, 255, 255, 0.01); width: 14px; height: 14px; margin: 0; padding: 0; border-radius: 100%; border: 2px solid #f8f8f8; text-indent: -9999px;}
#slider .slick-dots > li.slick-active button{background: #f8f8f8;}
.items-box{margin: 120px -30px 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;  
}
#detail-content .items-box{margin: 60px -30px 50px;}

.items-box.no-marg-bot{margin-bottom: 0;}
div.items-box{margin: 10px 30px 150px; padding: 110px 0 0; border-top: 1px solid #dedede;}
.items-box:after{content: ''; display: block; clear: both;}
.items-box.items-3{margin: 50px -30px 0;}
.items-box > li{width: 50%; margin: 0 0 70px; padding: 0 30px; float: left;}
.items-box.items-3 > li{width: 33.3%;}
.items-box .item{width: 100%; display: table;}
.items-box > .item{max-width: 900px; margin: 0 auto;}
.items-box .item > *{width: 47%; display: table-cell; vertical-align: top;}
.items-box .item figure{width: 270px; padding: 0 30px 0 60px;}
.items-box.items-3 .item figure{width: 110px; padding: 0;}
.items-box > .item figure{width: 280px; padding: 0 0 0 60px;}
.items-box .item figure a{display: block; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.items-box .item figure a:hover{opacity: 0.8;}
.items-box .item figure a:before{content: ''; background: url('../images/shadow-left.png') top left no-repeat; width: 90px; height: 30px; display: inline-block; position: absolute; bottom: 0; right: 100%;}
.items-box .item figure a:after{content: ''; background: url('../images/shadow-right.png') top left no-repeat; width: 90px; height: 30px; display: inline-block; position: absolute; bottom: 0; left: 100%;}
.items-box.items-3 .item figure a:before,
.items-box.items-3 .item figure a:after{display: none;}
.items-box .item figure img{width: 100%; position: relative; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.items-box .item figure a .go-to-basket{width: auto; position: absolute; top: 0; left: 0; opacity: 0.8; z-index: 100;}
.items-box .item .text{padding: 0 0 0 20px;} 
.items-box.items-3 .item .text{width: auto;}
div.items-box > .item .text{width: 62%; padding: 0 0 0 170px
}
div.items-box > .item .text{width: 62%; padding: 0 0 0 170px
}
.items-box .item .text h2{margin: 0 0 20px; font-size: 20px; color: #000; line-height: 24px; font-weight: normal;}
.items-box.items-3 > li .item .text h2{margin: 0 0 15px; font-size: 18px;}
.items-box > .item .text h2{margin: 0 0 30px; font-size: 36px; line-height: 42px;}
.items-box .item .text p{font-family: 'robotobold'; margin: 16px 0; font-size: 12px; color: #000; line-height: normal;}
.items-box > .item .text p{font-size: 16px;}
.items-box .item .text p strong{font-family: 'robotoregular'; color: #696867; font-weight: normal;}
.items-box .item .text p a{color: #d31f1f;}
.items-box .item .text p a:hover{color: #ac0d0d;}
.items-box footer{padding: 30px 0 0 60px;}
.items-box footer > *{margin: 0 10px 10px 0;}
.items-box footer .price-box{margin: 20px 0 10px; padding-left: 16px;}
.items-box footer .price-box strong{font-size: 14px;}
#basket-box{background: #fff; width: 360px; padding: 36px; text-align: left; border-left: 1px solid #e0e0e0; position: fixed; top: 0; right: -360px; bottom: 0; z-index: 100; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#basket-box.open{right: 0;}
#basket-link{background: #d31f1f; width: 112px; height: 102px; text-align: center; line-height: 102px; display: inline-block; border-radius: 8px 0 0 8px; position: absolute; top: 50%; right: 100%; z-index: 10; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#basket-link:hover{background: #ac0d0d;}
#basket-link var{margin: 0 0 0 -9px; line-height: normal; display: inline-block; position: relative;}
#basket-link var span{background: #fff; width: 26px; height: 26px; font-size: 12px; color: #000; text-align: center; font-style: normal; line-height: 20px; display: inline-block; border-radius: 100%; border: 3px solid #d31f1f; position: absolute; top: -10px; right: -10px; z-index: 1;}
#basket-box > div{padding: 0 36px 0 0; position: absolute; top: 70px; right: 0; bottom: 36px; left: 28px; overflow: auto;}
#basket-box > div > strong{margin: 0 0 27px; font-size: 24px; font-weight: normal; display: block;}
#basket-box .basket-list{}
#basket-box .basket-list > li{margin: 0 0 24px; padding: 0 6px 20px; border-bottom: 1px solid #ccc; position: relative;}
#basket-box .basket-list > li:last-child{margin: 0 0 10px;}
#basket-box .basket-list > li:before{content: ''; background: #ccc; width: 1px; position: absolute; top: 12px; right: 55px; bottom: 30px;}
#basket-box .basket-list > li:after{content: ''; display: block; clear: both;}
#basket-box .basket-list > li figure img{float: left;}
#basket-box .basket-list > li figure figcaption{padding: 0 56px 0 70px;}
#basket-box .basket-list > li figure figcaption > strong{width: 100%; margin: 13px 0 0; font-size: 18px; line-height: 18px; font-weight: normal; display: inline-block;}
#basket-box .basket-list > li figure figcaption > a{margin: -19px 0 0; position: absolute; top: 50%; right: 12px; z-index: 1;}
#basket-box > div .btn{margin: 40px 0; text-align: center; text-transform: uppercase; display: block;}
#BasketSteps{}
#BasketSteps nav{background: #f5f5f5; padding: 0 30px; text-align: center;}
#BasketSteps nav ul{padding: 20px 0;}
#BasketSteps nav ul li{margin: 0 60px; display: inline-block; position: relative;}
#BasketSteps nav ul li:after{content: ''; background-image: url(../images/sprite.svg); background-repeat: no-repeat; background-position: -130px 0; width: 10px; height: 12px; margin: -6px 0 0; display: inline-block; vertical-align: middle; text-indent: -9999px; position: absolute; top: 50%; right: -63px;}
.no-svg #BasketSteps nav ul li:after{background-image: url(../images/sprite.png);}
#BasketSteps nav ul li:last-child:after{display: none;}
#BasketSteps nav ul li a{font-size: 18px; color: #6e6e6e; text-decoration: none;}
#BasketSteps nav ul li.active a{color: #000;}
#BasketSteps nav ul li a span{background: #e8e0de; width: 40px; height: 40px; margin: 0 15px 0 0; font-size: 14px; color: #646464; line-height: 40px; text-align: center; display: inline-block; border-radius: 100%; overflow: hidden; vertical-align: middle;}
#BasketSteps nav ul li.active a span{background: #d31f1f; color: #fff;}
#BasketSteps form{margin: 40px 0 90px;}
#BasketSteps .table-holder{margin: 0 95px;}
#BasketSteps table{width: 100%; table-layout: fixed;}
#BasketSteps table tbody tr{}
#BasketSteps table tbody tr td{padding: 5px 15px; font-size: 18px; color: #000; border-bottom: 1px solid #f7f7f7;}
#BasketSteps table tbody tr td.product{width: 90px; padding: 5px 15px 5px 4px;}
#BasketSteps table tbody tr td.quantity{width: 160px;}
#BasketSteps table tbody tr td.quantityCount{width: 160px; text-align: right;}
#BasketSteps table tbody tr td.price{width: 170px;}
#BasketSteps table tbody tr td.remove{width: 84px;}
#BasketSteps table tbody tr td > *{padding: 15px 0; border-right: 1px solid #f7f7f7;}
#BasketSteps table.no-side-borders tbody tr td > *{border-right: none;}

#BasketSteps table tbody tr td.quantityCount > *{padding: 30px 24px 30px 0; font-size: 14px; border-right: 1px solid #e1e1e1; display: block; text-align: right;}
#BasketSteps table tbody tr td.product > *{border-right: none;}
#BasketSteps table tbody tr td.remove > *{border-right: none;}
#BasketSteps table tbody tr td p{max-width: 60%; color: #000; line-height: normal;}
#BasketSteps table tbody tr td .price-box,
#BasketSteps table tbody tr td .price-box strong{color: #3f3f3f;}
#BasketSteps table tbody tr td.remove .remove-icon:hover{opacity: 0.8;}
#BasketSteps table tfoot td{font-size: 18px; color: #8a8a8a; text-align: right; padding: 18px 150px 18px 0;}
#BasketSteps table tfoot td.text-left{text-align: left;}
#BasketSteps table tfoot tr:first-child td{padding: 36px 150px 18px 0;}
#BasketSteps table tfoot td strong{font-size: 24px; color: #000; font-weight: normal;}
#BasketSteps > footer{background: #f5f5f5; padding: 20px 30px; overflow: hidden;}
#BasketSteps > footer.text-center{background: none; padding: 20px 30px 66px;}
#BasketSteps footer a{min-width: 200px; text-align: center; text-transform: uppercase;}
#BasketSteps footer.text-center a{margin: 0 24px;}
#BasketSteps footer .btn{float: right;}
#BasketSteps footer.text-center .btn{float: none;}
#BasketSteps form .order-summary{margin: 0 -30px;}
#BasketSteps form .order-summary > ol{width: 100%;}
#BasketSteps form .order-summary > ol li{margin: 0 0 34px; padding: 0 16px;}
#BasketSteps form .order-summary > ol > li:nth-child(2n){background: #f1f1f1; padding: 4px 16px;}
#BasketSteps form .order-summary > ol li > strong{margin: 22px 0 2px; font-size: 24px; font-weight: normal; display: block;}
#BasketSteps form .order-summary > ol li > ul{margin: 0 -16px;}
#BasketSteps form .order-summary > ol li > ul > li{margin: 0;}
#BasketSteps form .order-summary > ol li p{margin: 22px 0; font-size: 18px; color: #434343; line-height: normal;}
#BasketSteps form .order-summary > ol li p > span{font-size: 15px; line-height: 15px; display: block;}
#BasketSteps form .order-summary > ol li p > strong{margin: 0 0 46px; color: #000; font-weight: normal; display: block;}
#BasketSteps form .order-summary > ol li .price-box{margin: 0 0 16px;}
#BasketSteps form .order-summary > ol li table{margin: 20px 0 0;}
#BasketSteps form .order-summary > ol li table .price-box{margin: 0;}
#BasketSteps form .order-summary table tfoot tr:first-child td{padding: 36px 0 18px;}
.productOrderReview{}
.productOrderReview tr{}
.productOrderReview tr td{/*border-bottom: 1px solid #dcdcdc;*/
}
#popUp{background: #000; background: rgba(0, 0, 0, 0.36); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;}
#popUp .text{background: #fff; width: 634px; height: 284px; margin: -142px 0 0 -317px; display: table; position: absolute; top: 50%; left: 50%; z-index: 1;}
#popUp .text > div{width: 100%; padding: 20px 44px; text-align: center; display: table-cell; vertical-align: middle;}
#popUp .text > div > strong{margin: 0 0 25px; font-size: 24px; color: #000; font-weight: normal; display: block;}
#popUp .text > div > p{font-size: 16px; color: #4c4c4c; line-height: 20px;}
#popUp .text > div footer{text-align: center; position: absolute; bottom: -24px; right: 0; left: 0; z-index: 1;}/*
#popUp .text > div footer > a{background: #2d37ac; padding: 16px 26px; font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none; display: inline-block;}*/

.PopUpVideo{background: #fff; width: 100%; max-width: 600px; padding: 40px; display: none; position: relative;}
.PopUpVideo .PopUpClose{width: 30px; height: 30px; line-height: 24px; text-align: center; text-decoration: none; display: inline-block; position: absolute; top: 10px; right: 10px; z-index: 1;}
.PopUpVideo .video-holder{padding: 0 0 56.3%;}
#detail-content{padding: 22px 0 0; border-top: 1px solid #ceced1;}
#detail-content .content{margin: 0 0 90px; padding: 0;}
#detail-content .content:after{content: ''; display: block; clear: both;}
#detail-content .content > .content-left{width: 72%; padding-right: 42px; float: left;}
#detail-content .content > .content-left > figure{width: 294px; margin: 12px 0 0; float: left;}
#detail-content .content > .content-left > figure img{width: 100%;}
#detail-content .content > .content-left .text{padding: 0 0 0 364px;}
#detail-content .content > .content-left .text > h1{margin: 0 0 15px; font-size: 36px;}
#detail-content .content > .content-left .text .add-info{padding: 0 60px 0 0; position: relative; z-index: 3;}   

#detail-content .content > .content-left .text .add-info > strong{margin: 0 0 32px; font-size: 19px; color: #d31f1f; line-height: 22px; font-weight: normal; display: block;}
#detail-content .content > .content-left .text .add-info > div{   
    width: 22px; height: 22px; position: absolute; top: 0; right: 20px; z-index: 2;}
#detail-content .content > .content-left .text .add-info > div:before{content: 'i'; background: #2355be; width: 22px; height: 22px; color: #fff; line-height: 22px; text-align: center; border-radius: 100%; display: inline-block; position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#detail-content .content > .content-left .text .add-info > div:hover:before{background: #194196;}
#detail-content .content > .content-left .text .add-info > div:hover:after{content: ''; height: 33px; display: inline-block; position: absolute; top: 22px; right: -30px; left: -30px; z-index: 1;}
#detail-content .content > .content-left .text .add-info > div > div{background: #fff; width: 326px; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); display: none; position: absolute; top: 52px; left: -50px; z-index: 2;}
.no-touchevents #detail-content .content > .content-left .text .add-info > div:hover > div,
#detail-content .content > .content-left .text .add-info > div.open > div{display: block;}
#detail-content .content > .content-left .text .add-info > div > div:before{content: ''; border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 10px solid #fff; position: absolute; bottom: 100%; left: 53px; z-index: 2;}
#detail-content .content > .content-left .text .add-info > div > div:after{content: ''; border-right: 11px solid transparent; border-left: 11px solid transparent; border-bottom: 12px solid #000; opacity: 0.1; position: absolute; bottom: 100%; left: 51px; z-index: 1;}
#detail-content .content > .content-left .text .add-info > div > div p{font-family: 'robotoregular'; font-size: 16px; color: #333;}
#detail-content .content > .content-left .text .two-cols-text{margin: 0 0 50px;}
#detail-content .content > .content-left .text p{font-family: 'robotobold'; margin: 19px 0; font-size: 14px; color: #000; line-height: normal;}
#detail-content .content > .content-left .text p strong{font-family: 'robotoregular'; color: #696867; font-weight: normal;}
.thumb-box{max-width: 270px; margin: 0 44px; position: relative;}
.thumb-box figure{width: 60px; height: 56px; display: table; text-align: center; border: 1px solid #eee;}
.thumb-box figure a{display: table-cell; vertical-align: middle;}
.thumb-box figure a img{width: auto; max-width: 96%; height: auto; max-height: 96%; margin: 0 auto;}
.thumb-box > button{background: transparent; margin: -5px 0 0; padding: 0; font-size: 0; display: inline-block; border: none; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 9px solid #2a35ab; position: absolute; top: 50%; left: -32px; z-index: 1; text-indent: -9999px;}
.thumb-box > button.slick-next{border-right: none; border-left: 9px solid #2a35ab; left: auto; right: -32px;}
#detail-content .content > .content-right{width: 28%; float: left;}
#Price{background: #e2e6ec; margin: 12px 0 0; padding: 26px 30px 38px; text-align: center;}
#Price form > span{margin: 0 0 26px; font-size: 18px; display: block;}
#Price .price-box strong{font-size: 18px;}
#Price .price-box strong span{font-size: 55px;}
#Price .price-box strong sup{font-size: 34px; top: -0.5em
}
#Price .price-box strong + strong span{font-size: 26px;}
#Price .price-box strong + strong sup{font-size: 16px; top: -0.6em
}
#Price .bottom-price{margin: 12px 0 0; padding: 32px 0 0; text-align: left; border-top: 1px solid #c6c7c8; overflow: hidden;}
#Price .bottom-price .quantity-box{float: right;}
#Price .bottom-price .quantity-box a:before{background: #f18b13;}
#Price .bottom-price .quantity-box a.plus-btn:after{background: #f18b13;}
#detail-content .content > .content-right .delivery-box{margin: 35px 0 0 44px; padding: 26px 30px 27px 44px; font-size: 16px; color: #4c4c4c; text-align: center; border: 2px solid #ededed; border-radius: 2px; position: relative;}
#detail-content .content > .content-right .delivery-box:before{content: ''; background: #fff; width: 2px; display: inline-block; position: absolute; top: 7px; bottom: 9px; left: -2px; z-index: 1;}
#detail-content .content > .content-right .delivery-box .delivery-icon{margin: -15px 0 0; position: absolute; top: 50%; left: -28px; z-index: 2;}
#detail-content .content > .content-right .delivery-box strong{color: #000;}
.tabs{}
.tabs nav{position: relative;}
.tabs nav span{background: #f5f5f5; padding: 19px 40px 23px 20px; font-size: 17px; display: none; position: relative; cursor: pointer;}
.tabs nav span:after{content: ''; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #000; display: inline-block; position: absolute; top: 50%; right: 20px;}
.tabs nav ul{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;  
}
.tabs nav ul li{display: inline-block;}
.tabs nav ul li a{padding: 29px 40px 33px; font-size: 17px; color: #000; text-decoration: none; display: inline-block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.tabs nav ul li a:hover{background: #fafafa;}
.tabs nav ul li.current a{background: #f5f5f5;}
.tabs .tabs-content{background: #f5f5f5;}
.tabs .tabs-content ul.tabs-cont-box{}
.tabs .tabs-content ul.tabs-cont-box > li{padding: 35px 0 40px; display: none;}
.tabs .tabs-content ul.tabs-cont-box > li.current{display: block;}
.tabs .tabs-content ul.tabs-cont-box > li .text{padding: 0 20px;}
.tabs .tabs-content ul.tabs-cont-box > li .text .two-cols-text{-moz-column-gap: 100px; -webkit-column-gap: 100px; column-gap: 100px;}
.tabs .tabs-content ul.tabs-cont-box > li .text p{color: #828181;}
.comments-box{max-width: 1020px; margin: 0 auto; padding: 55px 0 0;}
.comments-box li{font-family: 'intro_bookregular'; margin: 0 0 62px; padding: 0 0 56px; text-align: center; border-bottom: 1px solid #cfcfcf;}
.comments-box li:last-child{margin: 0 0 20px; border-bottom: none;}
.comments-box li > div{margin: 0 0 30px; display: table;}
.comments-box li > div > div{display: table-cell; vertical-align: middle;}
.comments-box li > div > div > figure{background: #fff; width: 160px; height: 160px; margin: 0 40px 0 0; display: inline-block; border-radius: 100%; overflow: hidden;}
.comments-box li > div > div > figure img{width: 100%;}
.comments-box li p{padding: 30px 85px 56px; font-size: 19px; line-height: 28px; font-style: italic; display: table-cell; vertical-align: middle; position: relative;}
.comments-box li p:before,
.comments-box li p:after{content: ''; background-image: url(../images/sprite.svg); background-repeat: no-repeat; background-position: -158px 0; width: 44px; height: 36px; display: inline-block; vertical-align: middle; text-indent: -9999px; position: absolute; top: 0; left: 0; z-index: 1;}
.no-svg .comments-box li p:before,
.no-svg .comments-box li p:after{background-image: url(../images/sprite.png);}
.comments-box li p:after{top: auto; right: 0; bottom: 70px; left: auto;}
.comments-box li span{display: inline-block; color: #d31f1f; float: right; }
.comments-box li span span{display: inline-block; color: #000;padding-left:10px;}
.comments-box li a{margin: 0 30px 0 0; padding: 0 0 0 20px; font-size: 16px; text-decoration: none; display: inline-block; float: right; position: relative;}
.comments-box li a:before{content: ''; width: 14px; height: 14px; border: 1px solid #000; display: inline-block; border-radius: 100%; position: absolute; top: 2px; left: 0; z-index: 1;}
.comments-box li a:after{content: ''; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #d31f1f; display: inline-block; position: absolute; top: 5px; left: 6px;}
.video-holder{max-width: 1090px; height: 0; margin: 0 auto; padding: 0 0 39.3%; position: relative;}
.video-holder iframe{width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.video-box{max-width: 1090px; margin: 0 auto;}
/*-- Box has video play btn --*/
.has-video-content{position: relative; display: block; cursor: pointer;}
.has-video-content div:before{content: ''; position: absolute; top: 50%; left: 50%; background: url('../images/sprite.svg') no-repeat -193px -146px; width: 120px; height: 110px; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
.has-video-content img{width: 100%;}
.content{padding: 55px 0;}
.content.small-pad{padding: 45px 0;}
.contacts-entry{padding: 45px 0 10px; text-align: center;}
.contacts-entry > li{width: 32%; margin: 0 0 40px; padding: 0 30px; font-size: 17px; color: #4b4b4b; display: inline-block; vertical-align: top;}
.contacts-entry > li figure{background: #d42222; width: 132px; height: 132px; margin: 0 auto 30px; line-height: 132px; display: block; border-radius: 100%; overflow: hidden;}
.contacts-entry > li > strong{margin: 0 0 12px; font-size: 16px; color: #9b9b9b; font-weight: normal; display: block;}
.contacts-entry > li > a{color: #4b4b4b; text-decoration: none;}
#map{width: 100%; height: 460px;}
#page-404{text-align: center; border-top: 1px solid #ceced1;}
#page-404 .page-404-box{padding: 60px 0;}
#page-404 strong{margin: 20px 0 0; font-size: 250px; color: #b5bbc4; line-height: 250px;}
#page-404 p{font-size: 24px; color: #b5bbc4;}
#page-404 .text-center{margin: 50px auto 0;}
/*Footer*/

#footer{background: #e9e1e1; padding: 27px 40px 0; text-align: center;}
#footer.about-page{padding: 0 40px;}
#footer ul{}
#footer ul > li{display: inline-block;}
#footer ul > li a{font-size: 18px; color: #4b4b4b; text-decoration: none;}
#footer ul > li a:hover{color: #1d1d1d;}
#footer > ul > li > a:before,
#footer > ol > li > a:before{content: ''; background-image: url(../images/sprite.svg); background-position: -79px -20px; background-repeat: no-repeat; width: 5px; height: 8px; margin: 0 8px 0 0; display: inline-block; vertical-align: middle; text-indent: -9999px;}
.no-svg #footer > ul > li > a:before,
.no-svg #footer > ol > li > a:before{background-image: url(../images/sprite.png);}
#footer > ul > li{margin: 0 45px 20px;}
#footer > ul > li ol{margin-left: -25px;}
#footer > ul > li ol > li{margin: 0 17px; display: inline-block; vertical-align: middle;}
#footer > ul > li ol > li:first-child{margin-left: 0;}
#footer > ul > li ol > li a:hover{opacity: 0.8;}
#footer > div{margin: 20px 0 0;}
#footer > div strong{font-size: 18px; color: #4b4b4b; font-weight: normal;}
#footer > div > ul{display: inline-block;}
#footer > div > ul > li{margin: 0 27px 15px; font-size: 16px;}
#footer > div > ul > li a{font-size: 16px;}
#footer > ol{margin: 20px 0 8px; padding: 20px 0 0; border-top: 1px solid #d7d0d0;}#footer.about-page > ol{margin: 0; padding: 40px 0 25px;}
#footer > ol > li{margin: 0 15px 15px; display: inline-block;}
#footer ol > li a{font-size: 13px; color: #4b4b4b; text-decoration: none;}
#footer ol > li a:hover{color: #1d1d1d;}
#footer.about-page > ol > li a{font-size: 16px;}
#footer .text-center{background: #fff; margin: 0 -40px; padding: 26px 0 42px; border-bottom: 1px solid #d7d0d0;}
#footer .text-center > a{width: 100%; max-width: 400px;}
#footer .footer-bottom{margin: 0 -40px; padding: 26px 0; background: #fff; text-align: left;}
#footer .footer-bottom.no-style{background: transparent; margin: 0; padding: 0 0 26px;}
#footer .footer-bottom p{margin: 0; font-size: 13px; color: #333; line-height: normal; display: inline-block;}
#footer .footer-bottom address{font-size: 13px; color: #333; font-style: normal; float: right;}
#footer .footer-bottom address a{text-decoration: none;}
#footer .footer-bottom address a:hover{opacity: 0.8;}
/*Media Queries*/

@media all and (max-width: 1400px){
    .wrapper{    max-width: 1200px; }    
    #slider-box .slider-count{    width: 1120px;     margin: 0 0 0 -560px; }    
    #slider .slider-entry .wrapper .text{    padding: 0 0 90px 0; }    
    #slider .slick-dots{    width: 1120px;     margin: 0 0 0 -560px; }    
    #detail-content .content > .content-left > figure{    width: 240px; }    
    #detail-content .content > .content-left .text{    padding: 0 0 0 264px; }    
}
@media all and (max-width: 1200px){    
    
    #slider-box .slider-count{    width: auto;     margin: 0;     right: 30px;     left: auto; }    
    #slider .slick-dots{    width: auto;     margin: 0;     right: 30px;     left: 30px; }    
    #basket-link{    width: 60px;     height: 60px;     line-height: 60px; }    
    
    #basket-link var{    height: 100%;     line-height: 64px;     display: block; }    
    #basket-link var span{    top: 4px;     right: 4px;     font-size: 9px; }    
    .basket-icon{    background-position: -90px -20px;     width: 26px;     height: 23px; }    
    #detail-content .content > .content-left{    width: 66%; }    
    #detail-content .content > .content-right{    width: 34%; }    
    #detail-content .content > .content-left .text .two-cols-text{    -webkit-column-count: 1;     -moz-column-count: 1;     column-count: 1;     -webkit-column-gap: 0;     -moz-column-gap: 0;     column-gap: 0; }    
    #Price .bottom-price{    text-align: center; }    
    #Price .bottom-price .quantity-box{    margin: 0 auto 20px;     float: none; }    
    #Price .bottom-price .btn{    text-align: center; }    
    .tabs nav ul li a{    padding: 25px 30px 30px; }    
}
@media all and (max-width: 1000px){
    #header nav > button{    display: block; }    
    #header nav > ul{    background: #fff;     width: 200px;     margin: 10px 0 0;     padding: 10px;     display: none;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);     position: absolute;     top: 100%;     right: -20px;     z-index: 10; }    
    #header nav > ul:before{    content: '';     border-right: 14px solid transparent;     border-left: 14px solid transparent;     border-bottom: 13px solid rgba(0, 0, 0, 0.03);     display: inline-block;     position: absolute;     bottom: 100%;     right: 16px;     z-index: 1; }    
    #header nav > ul:after{    content: '';     border-right: 10px solid transparent;     border-left: 10px solid transparent;     border-bottom: 9px solid #fff;     display: inline-block;     position: absolute;     bottom: 100%;     right: 20px;     z-index: 2; }    
    #header nav > ul > li{    margin: 0;     display: block;     border-bottom: 1px solid #ceced1; }    
    #header nav > ul > li:last-child{    border-bottom: none; }    
    #header nav > ul > li a{    padding: 10px;     display: block; }    
    .items-box{    max-width: 800px;     margin: 120px auto 50px; }    
    .items-box.items-3{    max-width: none;     margin: 120px -30px 0; }    
    .items-box > li{    width: 100%; }    
    .items-box.items-3 > li{    width: 50%; }    
    #BasketSteps nav ul li{    margin: 0 20px; }    
    #BasketSteps nav ul li:after{    right: -28px; }    
    #BasketSteps nav ul li a span{    margin: 0 5px 0 0; }    
    #BasketSteps .table-holder{    margin: 0; }    
    #BasketSteps table tbody tr td.remove{    width: 50px; }    
    #BasketSteps form .order-summary > ol{    display: block; }        
    form ul li,
    form ul li.width-1-3,
    form ul li.width-2-3{    width: 50%; }    
    #detail-content .content > .content-left{    width: 100%;     padding-right: 0;     float: none; }    
    #detail-content .content > .content-right{    width: 100%;     float: none; }    
    #detail-content .content > .content-left > figure{    width: 250px;     margin: 12px 0 0; }    
    #detail-content .content > .content-left .text{    padding: 0 0 0 270px; }    
    #detail-content .content > .content-left .text .add-info > div > div{    width: 280px;     right: 0;     left: auto; }    
    #detail-content .content > .content-left .text .add-info > div > div:before{    left: auto;     right: 2px; }    
    #detail-content .content > .content-left .text .add-info > div > div:after{    left: auto;     right: 0; }    
    .tabs nav span{    display: block; }    
    .tabs nav ul{    background: #fff;     display: none;     box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);     position: absolute;     top: 100%;     right: 30px;     left: 30px;     z-index: 10; }    
    .tabs nav.open ul{    display: block; }    
    .tabs nav ul li{    display: block;     border-bottom: 1px solid #f5f5f5; }    
    .tabs nav ul li a{    display: block; }    
    .comments-box li > div{    display: block; }    
    .comments-box li > div > div{    display: block; }    
    .comments-box li > div > div > figure{    margin: 0 auto 20px; }    
}
@media all and (max-width: 700px){
    .wrapper{    padding: 0 20px; }    
    #logo{    width: 260px; }    
    #header .language-box{    margin: 10px 0 0 10px; }    
    #header nav{    margin: 20px 0 0; }    
    #slider .slider-entry .wrapper{    display: block; }    
    #slider .slider-entry .wrapper > *{    width: auto;     display: block; }    
    #slider .slider-entry.no-image .wrapper > *{    width: auto; }    
    #slider .slider-entry .wrapper figure{    width: auto; }    
    .items-box.items-3{    margin: 120px -20px 0; }    
    .items-box .item{    display: block; }    
    .items-box .item > *{    width: auto;     padding: 0;     display: block; }    
    .items-box .item figure{    width: 80%;     margin: 0 auto 40px;     padding: 0; }    
    .items-box .item figure a:before,
    .items-box .item figure a:after{    display: none; }    
    .items-box .item .text{    padding: 0; }    
    div.items-box > .item .text{    width: auto;     padding: 0;     text-align: center; }    
    .items-box footer{    margin: 40px 0 0;     padding: 0; }    
    #BasketSteps nav ul li a{    width: 40px;     height: 40px;     display: inline-block;     position: relative;     text-indent: -9999px;     overflow: hidden; }    
    #BasketSteps nav ul li a span{    margin: 0;     position: absolute;     top: 0;     right: 0;     z-index: 1;     text-indent: 0; }    
    #BasketSteps table,
    #BasketSteps table tbody,
    #BasketSteps table tbody tr,
    #BasketSteps table tfoot,
    #BasketSteps table tfoot tr{    width: 100%;     display: block; }    
    #BasketSteps table tbody tr{    border-top: 5px solid #f5f5f5; }    
    #BasketSteps table tbody tr td,
    #BasketSteps table tbody tr td.product,
    #BasketSteps table tbody tr td.description,
    #BasketSteps table tbody tr td.quantity,
    #BasketSteps table tbody tr td.quantityCount,
    #BasketSteps table tbody tr td.price,
    #BasketSteps table tbody tr td.remove{    width: 100%;     padding: 0 0 0 44%;     display: block;     border-bottom: 1px solid #f5f5f5;     position: relative; }    
    #BasketSteps table tbody tr td:before{    content: attr(data-cellName);     background: #f5f5f5;     padding: 20px;     font-size: 12px;     text-align: right;     position: absolute;     top: 0;     right: 60%;     bottom: 0;     left: 0;     z-index: 1; }    
    #BasketSteps table tbody tr td > *,
    #BasketSteps table tbody tr td.quantityCount > *{    border-right: none; }    
    #BasketSteps table tbody tr td.quantityCount > *{    padding: 30px 0;     text-align: left; }    
    #BasketSteps table tbody tr td p{    width: auto;     font-size: 16px; }    
    #BasketSteps table tfoot tr td{    width: 100%;     text-align: right;     display: block; }    
    #BasketSteps table tfoot td.text-left{    text-align: right; }    
    #BasketSteps table tfoot tr td{    padding: 18px 0; }    
    #BasketSteps table tfoot tr:first-child td{    padding: 36px 0 0; }    
    #BasketSteps > footer{    padding: 20px 0; }    
    #BasketSteps footer a,
    #BasketSteps footer.text-center a{    margin: 10px 0; }    
    #BasketSteps footer .btn{    float: none; }    
    #BasketSteps form .order-summary{    margin: 0; }    
    #BasketSteps form .order-summary > ol li{    width: 100%;     margin: 0;     padding: 0 16px;     display: block;     /*border-bottom: 5px solid #f5f5f5;*/
    }    
/*    #BasketSteps form .order-summary > ol li:last-child{    margin: 0;     padding: 0;     border-bottom: none; }*/

    #BasketSteps form .order-summary > ol li table{    margin: 20px -16px 0; }    
    #detail-content .content > .content-left{    padding-right: 0; }    
    #detail-content .content > .content-left > figure{    width: auto;     float: none; }    
    #detail-content .content > .content-left .text{    padding: 48px 0 0; }    
    #detail-content .items-box{    margin: 60px 0 50px; }    
    form ul li,
    form ul li.width-1-3,
    form ul li.width-2-3{    width: 100%; }    
    #popUp .text{    width: auto;     height: auto;     margin: 0;     padding: 0 0 40px;     top: 40px;     right: 20px;     left: 20px; }    
    .tabs nav ul{    right: 20px;     left: 20px; }    
    .contacts-entry > li{    width: auto;     margin: 0 0 60px;     display: block; }    
    #page-404 strong{    margin: 20px 0 0;     font-size: 110px;     color: #b5bbc4;     line-height: 110px; }
    #page-404 p{    font-size: 18px;     color: #b5bbc4; }    
    .two-cols-text{    -webkit-column-count: 1;     -moz-column-count: 1;     column-count: 1;     -webkit-column-gap: 0;     -moz-column-gap: 0;     column-gap: 0; }    
    .has-video-content div:before{    width: 50px;     height: 50px;     background-position: -137px -147px
    }    
    #footer{    padding: 27px 20px 0; }    
    #footer.about-page{    padding: 0 20px; }    
    #footer .text-center{    margin: 0 -20px;     padding: 26px 20px 42px
    }    
    #footer .footer-bottom,
    #footer .text-center .footer-bottom{    margin: 0 -20px; }    
    #footer .footer-bottom p{    margin: 0 0 20px;     text-align: center;     display: block; }    
    #footer .footer-bottom address{    text-align: center;     float: none;     display: block; }   
    
}
@media all and (max-width: 480px){
    #logo{    width: 160px; }    
    #header .language-box {    margin: 6px 0 0 10px; }    
    #header nav{    margin: 16px 0 0; }    
    #slider .slider-entry .wrapper .text .price-box strong,
    #slider .slider-entry .wrapper .text .price-box strong + strong{    margin: 10px 0 0;     display: block; }    
    .items-box,
    .items-box.items-3,
    .items-box.no-marg-bot{    margin: 60px 0 20px; }    
    .items-box > li{    padding: 0;     float: none; }    
    .items-box.items-3 > li{    width: 100%;     margin: 0 0 50px; }    
    .items-box.items-3 .item figure{    width: 60%; }    
    .comments-box li p{    padding: 0; }    
    .comments-box li p:before,
    .comments-box li p:after{    display: none; }    
    .comments-box li span{    margin: 10px 0;     float: none;     display: block; }    
    .comments-box li a{    float: none; }    
    #basket-box{    width: 250px;     right: -250px; }    
    #basket-box > div{    padding: 0 20px 0 0;     left: 20px; }    
    #basket-box .basket-list > li figure img{    float: none; }    
    #basket-box .basket-list > li figure figcaption{    padding: 0 34px 0 0; }    
    .btn,
    .btn-2,
    .btn-3,
    .btn-4{    padding: 21px 10px 17px;     text-align: center;     display: block; }    
    .btn-5{    margin: 10px 0;     padding: 13px 36px 14px 36px;     text-align: center;     display: block; }    
    .btn-5:after{    display: none; }    
    .btn-5 br{    display: none; }    
    .btn-5 .red-book-icon,
    .btn-5 .blue-book-icon{    display: none; }    
    .btn-5 .arrow-red-b,
    .btn-5 .arrow-blue-b{   position: relative;    top: auto;    right: auto;    margin: -4px 0 0 6px; }    
    .text-center > .btn, .text-center > .btn-2, .text-center > .btn-3, .text-center > .btn-4, .text-center > .btn-5{    margin: 10px 0; }
}
/* upgrade browser */

#upgrade-browser {padding: 10px 60px; position: relative; z-index: 10000; text-align: center; background: #ffe490;}
#upgrade-browser a {height: 50px; width: 50px; display: inline-block; margin: 0 5px 0 0; font-size: 0; vertical-align: middle; background: url('../images/browser-sprite.jpg') no-repeat -1000px 0;}#upgrade-browser a.chrome {background-position: 0px 0px;}#upgrade-browser a.ie { 
    background-position: -50px 0px;}#upgrade-browser a.firefox {background-position: -100px 0;}#upgrade-browser a.opera {background-position: -150px 0;}#upgrade-browser a.safari {background-position: -200px 0;}#upgrade-browser span {font-size: 16px; line-height: 18px; display: inline-block; margin: 10px;}#upgrade-browser .close-warning {height: 50px; 
    width: 50px; position: absolute; top: 10px; right: 10px; cursor: pointer; background: url('../images/browser-sprite.jpg') no-repeat -250px 0;}
/* end of upgrade browser */