@charset 'utf-8';

/*
  1. Reset CSS
  2. Fonts
  3. Basic elements, components
  4. Header
  5. Footer
  6. Main
    6.1 Index page
    6.2 Inner pages
  7. Popups
  8. Media
    8.1 Wide screens
    8.2 Tablets
    8.3 Mobiles
*/

/*-------------------------------------------------------------------------*/
/* ------------------------------1. RESET CSS------------------------------*/
/*-------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, em, font, img, q, s, small, strong, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, section, nav, header, footer, main, figure, figcaption, fgroup, time, hr{font-size:100%; margin:0; padding:0; vertical-align:baseline; border:0; outline:0; background:transparent;}
article, aside, section, nav, header, footer, main, figure, figcaption, fgroup, time, hr{display:block;}
html{-webkit-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-tap-highlight-color:rgba(0,  0,  0,  0.1);}
input::-moz-focus-inner{padding:0; border:0;}
button::-moz-focus-inner{padding:0; border:0;}
[type=submit], [type=button], [type=reset], button{cursor:pointer; -webkit-appearance:none;}
input, textarea, button{margin:0; padding:0; border:none; border-radius:0; outline:none; background:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; -webkit-focus-ring-color:none;}
button{overflow:visible;}
textarea{overflow:auto;}
body{line-height:1;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';}
:focus{outline:0;}
:disabled{cursor:default;}
table{border-spacing:0; border-collapse:collapse;}
*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
img{display:block;}
[type=submit], [type=button], [type=reset], button{background-color:transparent;}

/*---------------------------------------------------------------------*/
/* ------------------------------2. FONTS------------------------------*/
/*---------------------------------------------------------------------*/
@font-face{font-family:'Lato'; src:url('../fonts/latoregular.woff2') format('woff2'), url('../fonts/latoregular.woff') format('woff'), url('../fonts/latoregular.ttf') format('truetype'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face{font-family:'Lato'; src:url('../fonts/latomedium.woff2') format('woff2'), url('../fonts/latomedium.woff') format('woff'), url('../fonts/latomedium.ttf') format('truetype'); font-weight:500; font-style:normal;}
@font-face{font-family:'Lato'; src:url('../fonts/latosemibold.woff2') format('woff2'), url('../fonts/latosemibold.woff') format('woff'), url('../fonts/latosemibold.ttf') format('truetype'); font-weight:600; font-style:normal;}
@font-face{font-family:'Lato'; src:url('../fonts/latobold.woff2') format('woff2'), url('../fonts/latobold.woff') format('woff'), url('../fonts/latobold.ttf') format('truetype'); font-weight:bold; font-style:normal; font-display:swap;}
@font-face{font-family:'Lato'; src:url('../fonts/latoblack.woff2') format('woff2'), url('../fonts/latoblack.woff') format('woff'), url('../fonts/latoblack.ttf') format('truetype'); font-weight:900; font-style:normal; font-display:swap;}

/*-------------------------------------------------------------------------------------------*/
/* ------------------------------3. BASIC ELEMENTS, COMPONENTS-------------------------------*/
/*-------------------------------------------------------------------------------------------*/
html{height:100% !important; margin:auto; position:relative;}
html.loaded *{-webkit-transition:none; -ms-transition:none; transition:none;}
html.loaded select{opacity:0;}

  .mob.hidden, .mob.hidden body, .mob.nav-hidden, .mob.nav-hidden body{height:auto !important; overflow:hidden;}
  .mob.hidden .page-container, .mob.nav-hidden .page-container{min-height:100vh;}
  .desktop.remove-scroll{padding-right:17px;}
  .desktop.remove-scroll .popup__mask{right:17px;}
  .mac.remove-scroll{padding-right:0;}
  .mac.remove-scroll .popup__mask{right:0;}
  .mac.remove-scroll .header{padding-right:0;}

body{min-width:320px; height:100% !important; position:relative; font:normal 16px/24px 'Lato', sans-serif; background:#fff; color:#333;}

.page-container{min-height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; overflow:hidden; position:relative;}
  .ie .page-container{display:block;}

.wrapper{max-width:1230px; margin:auto; padding:0 30px;}

/* titles, text, images */
h1{padding:0 0 24px; font:bold 30px/36px 'Lato', sans-serif;}
h2{padding:0 0 24px; font:bold 21px/28px 'Lato', sans-serif;}
h3{padding:0 0 24px; font:bold 21px/28px 'Lato', sans-serif;}
h4{padding:0 0 24px; font:bold 18px/26px 'Lato', sans-serif;}
h5{padding:0 0 24px; font:bold 18px/26px 'Lato', sans-serif;}
h6{padding:0 0 24px; font:bold 16px/24px 'Lato', sans-serif;}

ul{padding:0 0 24px;}
ul li{list-style:none;}
ul li:before{content:"• ";}

ol{padding:0 0 24px; list-style:none; counter-reset:item;}
ol li:before{content:counter(item, decimal) ". "; counter-increment:item; font-weight:bold;}

p{padding:0 0 24px;}

img{margin:0 0 24px;}

table{margin:0 0 24px;}

q{margin:0 0 62px 0; padding:0 0 0 29px; display:block; position:relative; font-size:16px; line-height:30px; letter-spacing:0.025em;}
q:before{content:""; width:9px; height:-webkit-calc(100% - 16px); height:calc(100% - 16px); position:absolute; top:9px; left:0; background:#2da3df;}

/* links */
a{color:#2da3df; text-decoration:none; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
  .desktop a:hover{text-decoration:underline; color:#2da3df;}

/* placeholder */
*::-moz-placeholder{opacity:0.7; color:#333;}
*::-webkit-input-placeholder{line-height:normal; opacity:0.7; color:#333;}
*:-ms-input-placeholder{opacity:0.7; color:#333;}

/* text fields */
.input{padding:0 0 19px; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.input__label{padding:0 0 4px; display:inline-block; vertical-align:top; font-weight:600; font-size:16px; line-height:24px; letter-spacing:0.04em;}
.input__label_important:after{content:"*"; color:#ec0d0d;}
.input__field{width:100%; height:30px; margin:0 0 5px; padding:0 20px; display:block; background:#fff; border:1px solid #e8e8e8; border-radius:3px; font:13px/1 'Lato', sans-serif; letter-spacing:0.04em; color:#333;}
.input__field:focus{border-color:#333;}
.input__area{min-width:100%; max-width:100%; height:135px; min-height:135px; margin:0 0 5px; padding:10px 20px; display:block; background:#fff; border:1px solid #e8e8e8; border-radius:3px; font:13px/18px 'Lato', sans-serif; letter-spacing:0.04em; color:#333; resize:none;}
.input__area:focus{border-color:#333;}
.input__notice{display:block; font-size:11px; line-height:14px; letter-spacing:-0.1px;}

/* checkboxes, radio */
.checkbox{margin:0 0 15px; text-align:left;}
.checkbox__label{min-height:16px; padding:0 0 0 22px; display:inline-block; vertical-align:top; position:relative; cursor:pointer; font-size:13px; line-height:16px; color:#333; user-select:none;}
  .desktop .checkbox__label:hover .checkbox__icon{border-color:#2da3df;}
.checkbox__input{display:none;}
.checkbox__input:checked + .checkbox__icon:before{opacity:1;}
.checkbox__icon{width:12px; height:12px; position:absolute; top:2px; left:0; background:#f6f6f6; border:1px solid #626262;}
.checkbox__icon:before{content:""; width:8px; height:6px; margin:-3px 0 0 -4px; position:absolute; top:50%; left:50%; background:url(../img/svg/checkbox.svg) no-repeat; background-size:100% 100%; opacity:0;}

.radio{margin:-4px 0 13px;}
.radio__item{margin:0 0 11px; text-align:left;}
.radio__item:last-child{margin:0;}
.radio__label{min-height:24px; padding:0 0 0 25px; display:inline-block; vertical-align:top; position:relative; cursor:pointer; font-size:16px; line-height:24px; color:#333; user-select:none;}
  .desktop .radio__label:hover .radio__icon{border-color:#2da3df;}
.radio__input{display:none;}
.radio__input:checked + .radio__icon{background:#2da3df; border-color:#2da3df;}
.radio__icon{width:10px; height:10px; margin:-4px 0 0; position:absolute; top:50%; left:0; background:#f6f6f6; border:1px solid #dedede; border-radius:50%;}
  .mozilla .radio__icon{margin:-3px 0 0;}
.radio__cols{margin:0 -7px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.radio__col{min-width:41px; padding:0 7px;}
.radio__image{max-width:100%; margin:auto;}
.radio__image_1{max-width:27px;}
.radio__image_2{max-width:20px;}

/* buttons */
button{-webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.button{max-width:100%; height:40px; margin:0 0 20px; padding:0 20px; display:inline-block; vertical-align:top; background:#2da3df; box-shadow:0 5px 16px rgba(45, 163, 223, 0.5); border:1px solid #2da3df; font:900 16px/38px 'Lato', sans-serif; color:#fff; text-align:center; letter-spacing:0.04em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
  .desktop .button:hover{box-shadow:0 5px 16px rgba(45, 163, 223, 0.8); color:#fff; text-decoration:none;}
.button_blue-border{border-color:#2da3df; background:#fff; color:#2da3df; box-shadow:none;}
  .desktop .button_blue-border:hover{border-color:#2da3df; background:#2da3df; color:#fff;}
.button_grey{border-color:#e7e7e7; background:#e7e7e7; color:#333; box-shadow:none;}
  .desktop .button_grey:hover{background:#ddd; color:#333; box-shadow:0 5px 16px rgba(231, 231, 231, 0.8);}
  .mozilla .button{padding-bottom:2px; line-height:36px;}
.button__cart{padding:0 0 0 30px; position:relative;}
.button__cart:before{content:""; width:19px; height:20px; margin:-11px 0 0; position:absolute; top:50%; left:0; background:url(../img/svg/cart.svg) no-repeat; background-size:100% 100%;}

.mob-button{width:26px; height:52px; display:block; position:relative;}
.mob-button:before, .mob-button:after, .mob-button__icon:before{content:""; width:100%; height:2px; position:absolute; top:16px; left:0; background:#fff;}
.mob-button:after{margin-top:8px;}
.mob-button__icon:before{margin-top:16px;}

.close-button{width:15px; height:15px; display:block; opacity:0.5;}
.close-button:before, .close-button:after{content:""; width:20px; height:2px; position:absolute; top:6px; left:-3px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); background:#2da3df; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.close-button:after{-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
  .desktop .close-button:hover{opacity:1;}

.continue-button{padding:0 0 0 24px; display:inline-block; vertical-align:top; position:relative; font-weight:500; font-size:19px; color:#6bbbe7;}
  .desktop .continue-button:hover{color:#2da3df; text-decoration:none;}
  .desktop .continue-button:hover .continue-button__text{border-color:#2da3df;}
  .desktop .continue-button:before{content:"←"; position:absolute; top:-1px; left:0; font-size:15px;}
.continue-button__text{border-bottom:1px solid transparent;}

.zoom-button{width:42px; height:42px; display:block; position:relative; background:#fff; border-radius:50%; box-shadow:0 0 20px rgba(45, 163, 223, 0.4);}
.zoom-button:before{content:""; width:18px; height:18px; margin:-9px 0 0 -9px; position:absolute; top:50%; left:50%; background:url(../img/view.png) no-repeat; background-size:100% 100%;}
.zoom-button:hover{box-shadow:0 0 20px rgba(45, 163, 223, 0.7);}

.remove-button{width:24px; height:24px; display:block; opacity:0.3; background:url(../img/svg/trash.svg) no-repeat; background-size:100% 100%;}
.remove-button:hover{opacity:1;}

/*----------------------------------------------------------------------*/
/* ------------------------------4. HEADER------------------------------*/
/*----------------------------------------------------------------------*/
.header{width:100%; min-width:320px; position:fixed; top:0; left:0; z-index:99999; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; background:#191919; color:#fff;}
.header:before{content:""; width:100%; height:2px; position:absolute; bottom:0; left:0; background:#2da3df;}
.header__cols{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.header__left{-webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}
.header__center{min-width:0; width:100%; padding:0 30px 0 0;}
.header__tablet{min-width:0; width:100%; padding:0 33px 0 0; display:none;}
.header__right{-webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0; position:relative;}
.header__right:before{content:""; width:1px; height:17px; margin:-9px 0 0; position:absolute; top:50%; left:0; z-index:1; background:#2da3df;}
.header__right:after{content:""; width:100%; height:100%; margin:-9px 0 0; position:absolute; bottom:2px; left:0; background:#191919;}
.header__user-cols{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.header__user-info{max-width:140px; padding:0 0 0 26px;}

.logo-header{margin:8px 29px 3px 0; display:inline-block; vertical-align:top;}
.logo-header__image{max-width:200px; margin:0;}
.logo-header__image_mob{display:none;}

.hide-mob__close{display:none;}

.header-nav{white-space:nowrap; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.header-nav__list{margin:0 -15px; padding:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.header-nav__item{position:relative; font-size:15px; line-height:20px; letter-spacing:0.03em;}
.header-nav__item:before{display:none;}
.header-nav__item.active .header-nav__link{color:#2da3df;}
.header-nav__item.active .header-nav__link .header-nav__text{border-color:#2da3df;}
.header-nav__item:last-child{margin-left:auto;}
  .desktop .header-nav__item:hover .hidden-nav{display:block;}
  .desktop .header-nav__item:hover + .header-nav__item:after{content:""; width:100%; height:300px; position:absolute; top:100%; left:0; z-index:2;}
.header-nav__link{height:62px; padding:20px 15px 22px; display:block; color:#fff;}
  .desktop .header-nav__link:hover{color:#2da3df; text-decoration:none;}
  .desktop .header-nav__link:hover .header-nav__text{border-color:#2da3df;}
.header-nav__text{display:inline-block; vertical-align:top; border-bottom:1px solid transparent;}

.hidden-nav{position:absolute; top:100%; left:50%; display:none;}
.hidden-nav__list{padding:0; position:relative; left:-50%; z-index:50; background:rgba(25, 25, 25, 0.95); border-radius:0 0 5px 5px; white-space:nowrap; text-align:center;}
.hidden-nav__item:before{display:none;}
.hidden-nav__item:first-child .hidden-nav__link{padding-top:9px;}
.hidden-nav__item:last-child .hidden-nav__link{padding-bottom:9px;}
.hidden-nav__item:last-child .hidden-nav__link:before{display:none;}
.hidden-nav__item.active .hidden-nav__link{color:#fff;}
.hidden-nav__link{padding:6px 20px; display:block; position:relative; color:rgba(255, 255, 255, 0.5); font-size:10px; line-height:16px; text-transform:uppercase; letter-spacing:0.045em;}
.hidden-nav__link:before{content:""; width:-webkit-calc(100% - 40px); width:calc(100% - 40px); height:1px; position:absolute; bottom:0; left:20px; background:rgba(255, 255, 255, 0.2);}
  .desktop .hidden-nav__link:hover{color:#fff; text-decoration:none;}

.user-button{max-width:100%; height:62px; padding:20px 0 22px 26px; display:block; position:relative; z-index:1; font-size:15px; line-height:20px; letter-spacing:0.045em; color:#fff;}
  .desktop .user-button:hover{color:#2da3df; text-decoration:none;}
.user-button__icon{width:18px; height:22px; margin:-11px 0 0; position:absolute; top:50%; left:0; background:url(../img/svg/user.svg) no-repeat; background-size:100% 100%; opacity:0.7; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.user-button__text{max-width:100%; display:inline-block; vertical-align:top; border-bottom:1px dashed #2da3df; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.cart-button{width:34px; height:62px; margin:0 -8px 0 25px; display:block; position:relative; z-index:2;}
.cart-button:hover .cart-button__icon{opacity:1;}
.cart-button__icon{width:18px; height:18px; margin:-10px 0 0 -9px; position:absolute; top:50%; left:50%; background:url(../img/svg/cart.svg) no-repeat; background-size:100% 100%; opacity:0.8; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.cart-button__count{min-width:14px; height:14px; position:absolute; top:10px; right:0; border-radius:7px; background:#2da3df; font:900 10px/14px 'Lato', sans-serif; text-align:center; color:#333;}

/*----------------------------------------------------------------------*/
/* ------------------------------5. FOOTER------------------------------*/
/*----------------------------------------------------------------------*/
.footer{min-width:0; width:100%; position:relative; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; background:#191919; color:rgba(255, 255, 255, 0.3);}

.top-footer__cols{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between;}
.top-footer__left{padding:10px 50px 10px 0; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}
.top-footer__right{width:100%; min-width:0; max-width:770px; padding:16px 0;}
.top-footer__inner-cols{margin:0 -30px 0 0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.top-footer__inner-left{width:75%; min-width:0;}
.top-footer__inner-right{width:25%; padding:0 30px 0 0; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}

.logo-footer{margin:12px 0 7px; display:inline-block; vertical-align:top;}
.logo-footer__image{max-width:169px; margin:0;}

.footer-nav__list{margin:0 0 -9px; padding:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.footer-nav__item{width:33.333%; padding:0 30px 9px 0; font-size:12px; line-height:18px; letter-spacing:0.06em;}
.footer-nav__item:before{display:none;}
.footer-nav__link{display:inline-block; vertical-align:top; color:#d5d5d5;}
  .desktop .footer-nav__link:hover{color:#2da3df; text-decoration:none;}
  .desktop .footer-nav__link:hover .footer-nav__text{border-color:#2da3df;}
.footer-nav__text{border-bottom:1px solid transparent;}

.socials__title{padding:0 0 11px; display:block; font-size:14px; line-height:18px; letter-spacing:0.05em; color:#d5d5d5;}
.socials__list{margin:0 -10px; padding:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.socials__item{padding:0 10px;}
.socials__item:before{display:none;}
.socials__icon{width:13px; height:13px; display:block; position:relative;}
.socials__icon:before, .socials__icon:after{content:""; width:100%; height:100%; position:absolute; top:0; left:0; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; background-repeat:no-repeat; background-size:100% 100%;}
.socials__icon:after{opacity:0; z-index:1;}
.socials__icon_1{width:17px; height:14px;}
.socials__icon_1:before{background-image:url(../img/svg/twitter.svg);}
.socials__icon_1:after{background-image:url(../img/svg/twitter_white.svg);}
.socials__icon_2:before{background-image:url(../img/svg/instagram.svg);}
.socials__icon_2:after{background-image:url(../img/svg/instagram_white.svg);}
.socials__icon_3:before{background-image:url(../img/svg/facebook.svg);}
.socials__icon_3:after{background-image:url(../img/svg/facebook_white.svg);}
  .desktop .socials__icon:hover:before{opacity:0;}
  .desktop .socials__icon:hover:after{opacity:1;}

.bottom-footer{padding:6px 0 7px; border-top:1px solid #2da3df;}
.bottom-footer__cols{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between;}

.copyrights{display:block; font-size:10px; line-height:16px; letter-spacing:0.06em;}
.copyrights a{color:#d5d5d5;}
  .desktop .copyrights a:hover{color:#2ea5e2;}

.fixed-block{display:none; position:fixed; bottom:30px; right:30px; z-index:50;}

.scroll-button{width:66px; height:66px; padding:8px; display:block; background:#c0e3f5; -webkit-transition:0s ease-out; -ms-transition:0s ease-out; transition:0s ease-out; border-radius:50%;}
  .desktop .scroll-button:hover .scroll-button__icon{background:rgba(45, 163, 223, 0.75);}
.scroll-button__icon{height:100%; display:block; position:relative; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; background:#2da3df; border-radius:50%;}
.scroll-button__icon:before{content:""; width:3px; height:16px; position:absolute; top:17px; left:19px; background:#fff; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.scroll-button__icon:after{content:""; width:3px; height:16px; position:absolute; top:17px; right:19px; background:#fff; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

/*--------------------------------------------------------------------*/
/* ------------------------------6. MAIN------------------------------*/
/*--------------------------------------------------------------------*/
.main{min-width:0; width:100%; padding-top:62px; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; position:relative;}

/*--------------------6.1 INDEX PAGE--------------------*/
/* first screen */
.first-screen{position:relative;}
.first-screen:before{content:""; width:100%; height:14px; position:absolute; top:0; left:0; background:url(../img/first-screen-gradient.png) repeat-x top center;}
.first-screen__image{height:450px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

/* catalog */
.catalog-block{padding-top:73px;}
.catalog-block__top{padding:0 0 44px; text-align:center;}
.catalog-block__title{padding:0 0 30px; font-weight:normal; font-size:30px; line-height:36px; color:#2da3df; letter-spacing:0.07em; text-transform:uppercase;}

.catalog{margin:0 -15px 20px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.catalog__item{width:25%; padding:0 15px 30px;}
.catalog__bg{min-height:100%; position:relative; border-radius:5px; box-shadow:3px 3px 20px rgba(0, 0, 0, 0.2); -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.catalog__bg:before{content:""; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background:#fff; border-radius:5px;}
  .desktop .catalog__bg:hover{box-shadow:3px 3px 30px rgba(0, 0, 0, 0.3), 3px 3px 15px rgba(0, 0, 0, 0.1);}
.catalog__image-wrap{height:200px; display:block; position:relative; z-index:2; border-radius:5px 5px 0 0; overflow:hidden;}
.catalog__image{width:100%; height:100%; object-fit:contain;}
.catalog__content{padding:23px 0 0;}
.catalog__content_inner{padding:0;}
.catalog__full-link{width:100%; height:100%; position:absolute; top:0; left:0; z-index:4; border-radius:5px;}
  .desktop .catalog__full-link:hover + .catalog__content .catalog__title:before{margin-left:-5px; background:#2da3df;}
  .desktop .catalog__full-link:hover + .catalog__content .catalog__title:after{margin-right:-5px; background:#2da3df;}
.catalog__title{margin:0 0 15px; padding:1px 16px 5px; position:relative; z-index:2; font-weight:600; font-size:14px; line-height:22px; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; letter-spacing:0.1em; text-align:center; color:#333;}
.catalog__title:before, .catalog__title:after{content:""; width:41px; height:1px; margin:0 0 0 -10px; position:absolute; bottom:0; left:50%; background:#96d1ef; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.catalog__title:after{margin:0 -10px 0 0; left:auto; right:50%;}
.catalog__title_inner{padding:5px 16px 7px; z-index:5; border-bottom:1px solid #96d1ef; font-weight:bold;}
.catalog__title_inner:before, .catalog__title_inner:after{display:none;}
.catalog__link{display:block; color:#333;}
  .desktop .catalog__link:hover{color:#2da3df; text-decoration:none;}
.catalog__bottom{padding:7px 16px 12px;}
.catalog__cols{margin:0 -10px; padding:0 0 8px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; position:relative; z-index:2;}
.catalog__col{padding:0 10px 8px; font-weight:600; font-size:14px; line-height:24px; letter-spacing:0.08em;}
.catalog__col:last-child{text-align:right;}
.catalog__price{padding-left:8px; font-weight:bold; font-size:18px; color:#2da3df; letter-spacing:normal;}
.catalog__old-price{font-size:14px; opacity:0.6; text-decoration:line-through; letter-spacing:normal;}
.catalog__button{width:100%; margin:0; position:relative; z-index:5; text-transform:uppercase; font-size:13px; font-weight:bold;}
  .mozilla .catalog__button{padding-bottom:0;}
.catalog__sale-wrap{width:60px; height:60px; position:absolute; top:0; right:0; z-index:3; overflow:hidden;}
.catalog__sale{width:100px; height:18px; position:absolute; top:12px; right:-28px; text-align:center; background:#f55c5c; color:#fff; font-weight:bold; font-size:12px; line-height:18px; letter-spacing:0.15em; text-transform:uppercase; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); box-shadow:2px 1px 5px rgba(0, 0, 0, 0.3);}

.view-more{padding:0 0 33px; text-align:center;}
.view-more__button{min-width:180px;}

.page-nav{margin:0 -16px; padding:0 0 33px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center;}
.page-nav__item{padding:0 16px 20px;}
.page-nav__item:before{display:none;}
.page-nav__item.active .page-nav__link{border-color:#2da3df; background:#2da3df; color:#fff !important;}
.page-nav__link{min-width:47px; height:47px; padding:0 10px; display:block; background:#fff; border:1px solid #b4e5f6; border-radius:5px; text-align:center; font-size:16px; line-height:44px; color:#303030;}
  .desktop .page-nav__link:hover{border-color:#2da3df; color:#2da3df; text-decoration:none;}

/*--------------------6.2 INNER PAGES--------------------*/
.inner-page{padding-top:26px; padding-bottom:30px;}
.inner-page .catalog-block{padding-top:0;}

.inner-top{margin:0 0 15px 0;}
.inner-top__title{padding:0 0 30px; font-weight:900; font-size:16px; line-height:24px; text-transform:uppercase; letter-spacing:0.02em;}

.breadcrumbs{padding:0 0 29px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.breadcrumbs__item{min-width:0; max-width:100%; white-space:nowrap; font-size:13px; line-height:20px; letter-spacing:0.015em;}
.breadcrumbs__item:before{display:none;}
.breadcrumbs__item:after{content:">"; margin-right:4px; display:inline-block; vertical-align:top;}
.breadcrumbs__item:last-child:after{display:none;}
.breadcrumbs__link{max-width:100%; display:inline-block; vertical-align:top; color:#333; text-overflow:ellipsis; overflow:hidden;}
  .desktop .breadcrumbs__link:hover{color:#2da3df;}

/* inner article */
.inner-article{padding-bottom:20px; line-height:30px; letter-spacing:0.028em;}
.inner-article p, .inner-article ul, .inner-article ol{padding-bottom:30px;}
.inner-article img{max-width:100%; margin:40px auto;}
.inner-article q:last-child{margin-bottom:30px;}

/* distributors */
.distributors{max-width:506px; margin:auto; padding:0 0 20px; display:block; font-weight:bold; font-size:12px; line-height:18px; letter-spacing:0.025em;}
.distributors__table{width:100%;}
.distributors__head .distributors__cell{padding-top:3px; padding-bottom:11px; border-bottom:1px solid #2da3df;}
.distributors__body .distributors__row:first-child .distributors__cell{padding-top:22px;}
.distributors__body .distributors__cell{padding-bottom:22px;}
.distributors__cell:first-child{padding-left:67px; padding-right:30px;}
.distributors__cell:last-child{width:27%;}
.distributors__title{padding:0; font-weight:bold; font-size:12px; line-height:18px; letter-spacing:0.025em;}
.distributors__link{color:#333;}
  .desktop .distributors__link:hover{color:#2da3df; text-decoration:underline;}

/* contacts */
.contacts-block{margin:6px 0 50px; padding:43px 45px 30px; background:#fff; box-shadow:0 3px 16px rgba(0, 0, 0, 0.05); border-radius:5px;}
.contacts-block__top{margin:0 0 78px; padding:0 0 14px; border-bottom:1px solid #2da3df;}
.contacts-block__title{padding:0; font-weight:900; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.015em;}

.contacts__cols{margin:0 -15px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.contacts__col{width:50%; max-width:530px; padding:0 15px;}
.contacts__button{min-width:160px; margin:0;}

.file{max-width:444px; padding:0 0 35px; position:relative; font-weight:600; font-size:16px; line-height:24px; letter-spacing:0.02em; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.file.active .file__value{display:block;}
.file.active .file__placeholder{display:none;}
.file__open{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; opacity:0;}
.file__input{display:none;}
.file__field-wrap{width:100%; min-width:0;}
.file__cols{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.file__left{padding:0 27px 0 0; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}
.file__right{min-width:0; width:100%;}
.file__form{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.file__field-wrap{width:100%; min-width:0; padding:0 7px 0 0;}
.file__field{max-width:100%; height:30px; padding:0 17px 0 20px; display:block; font-weight:normal; font-size:13px; line-height:28px; letter-spacing:0.02em; border:1px solid #e8e8e8; border-radius:3px;}
.file__button-wrap{-webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}
.file__button{min-width:135px; height:30px; margin:0; position:relative; z-index:2; font-weight:bold; line-height:27px; border-radius:3px;}
  .mozilla .file__button{line-height:25px;}
.file__value{max-width:100%; display:none; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.file__placeholder{max-width:100%; display:block; color:rgba(51, 51, 51, 0.7); text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* registration */
.reg-block{max-width:592px; margin:6px auto 50px; padding:43px 25px 65px; background:#fff; box-shadow:0 3px 16px rgba(0, 0, 0, 0.05); border-radius:5px;}
.reg-block__top{padding:0 0 10px; text-align:center;}
.reg-block__title{padding:0 0 21px; font-weight:bold; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.015em;}
.reg-block__text{padding:0 0 20px; font-weight:600;}
.reg-block__text a{text-decoration:none; border-bottom:1px solid #2da3df; -webkit-transition:0s ease-out; -ms-transition:0s ease-out; transition:0s ease-out;}
  .desktop .reg-block__text a:hover{border-color:transparent;}

.reg__top{margin:0 0 11px; padding:0 0 10px; border-bottom:1px solid #2da3df;}
.reg__title{padding:0; font-weight:600; font-size:21px; line-height:28px;}
.reg__bottom{padding:26px 0 0; text-align:center;}
.reg__button{width:100%; max-width:272px; height:48px; margin:0; line-height:46px; letter-spacing:normal;}
  .mozilla .reg__button{line-height:44px;}
.reg__cols{margin:0 -10px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.reg__col{width:50%; max-width:270px; padding:0 10px;}
.reg__input .input__label{letter-spacing:normal; font-weight:600;}

.password{position:relative;}
.password__button{width:20px; height:20px; position:absolute; top:5px; right:15px;}
.password__button:before, .password__button:after{content:""; width:14px; height:12px; margin:-6px 0 0 -7px; position:absolute; top:50%; left:50%; background-size:100% 100%; background-repeat:no-repeat; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.password__button:before{background-image:url(../img/svg/eye.svg);}
.password__button:after{background-image:url(../img/svg/eye_blue.svg); opacity:0; z-index:1;}
  .desktop .password__button:hover:after{opacity:1;}

/* login */
.login-block{max-width:372px; margin:6px auto 50px; padding:36px 20px 45px; background:#fff; box-shadow:0 3px 16px rgba(0, 0, 0, 0.05); border-radius:5px;}
.login-block__top{padding:0 0 17px; text-align:center;}
.login-block__title{padding:0 0 21px; font-weight:bold; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.015em;}

.login{max-width:250px; margin:auto;}
.login__bottom{padding:16px 0 0; text-align:center;}
.login__button{width:100%; height:48px; margin:0 0 32px; line-height:46px; letter-spacing:normal;}
  .mozilla .login__button{line-height:44px;}
.login__input{padding:0 0 10px;}
.login__input .input__label{padding:0 0 6px; letter-spacing:normal; font-weight:600;}
.login__remind{padding:0 0 11px; font-weight:600;}
.login__remind a{text-decoration:none; border-bottom:1px solid transparent; -webkit-transition:0s ease-out; -ms-transition:0s ease-out; transition:0s ease-out;}
  .desktop .login__remind a:hover{border-color:#2da3df;}
.login__text{max-width:220px; margin:auto; padding:0 0 11px; font-weight:600;}
.login__text a{text-decoration:none; border-bottom:1px solid #2da3df; -webkit-transition:0s ease-out; -ms-transition:0s ease-out; transition:0s ease-out;}
  .desktop .login__text a:hover{border-color:transparent;}

/* checkout */
.checkout-block{margin:-10px 0 50px;}
.checkout-block__top{padding:0 0 12px;}
.checkout-block__title{padding:0 0 21px; font-weight:900; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.015em;}
.checkout-block__cols{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.checkout-block__left{width:47.52%; padding:0 30px 0 0;}
.checkout-block__right{width:52.48%;}
.checkout-block__bg{background:#fff; border-radius:5px; border:1px solid #e8e8e8; box-shadow:0 3px 16px rgba(0, 0, 0, 0.05);}

.your-order{padding:22px 0 0;}
.your-order__top{margin:0 36px 20px; padding:0 0 14px 12px; border-bottom:1px solid #ededed;}
.your-order__title{padding:0 0 10px; font-weight:600; font-size:21px; line-height:28px;}
.your-order__totals{margin:0 36px; padding:0 30px 19px 0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end; font-weight:500; font-size:19px; line-height:28px; text-align:right;}
.your-order__total-text{padding:0 24px 0 0; position:relative; top:2px;}
.your-order__total-price{font-weight:600; font-size:26px; color:#2da3df; letter-spacing:normal;}

.order{margin:0 0 25px; padding:0 36px; border-bottom:1px solid #ededed;}
.order__item{margin:0 0 20px; padding:0 0 7px; border-bottom:1px solid #ededed;}
.order__item:last-child{margin:0; border:none;}
.order__top{padding:0 0 22px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.order__left{width:103px; padding:0 30px 0 0; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}
.order__right{width:100%; min-width:0; padding:5px 0 0;}
.order__image-link{display:block;}
.order__image{max-width:100%; margin:0;}
.order__title{padding:0; font-weight:500; font-size:14px; line-height:22px; letter-spacing:0.065em; text-shadow:0 0;}
.order__link{color:#333;}
  .desktop .order__link:hover{color:#2da3df; text-decoration:underline;}
.order__cols{margin:0 -10px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between;}
.order__col{padding:0 10px 7px; text-align:center;}
.order__col:first-child{min-width:136px; text-align:left;}
.order__col:last-child{min-width:140px;}
.order__label{padding:0 0 2px; display:block; color:rgba(51, 51, 51, 0.7);}
.order__price{display:block; font-weight:600; font-size:21px; line-height:28px;}
.order__price_blue{color:#2da3df;}

.plus-minus{width:72px; margin:8px auto 0; padding:0 16px; position:relative; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.plus-minus__input{width:40px; height:16px; display:block; font:600 14px/1 'Lato', sans-serif; text-align:center;}
.plus-minus__prev{width:16px; height:16px; position:absolute; top:0; left:0;}
.plus-minus__prev:before{content:""; width:10px; height:2px; margin:-1px 0 0 -5px; position:absolute; top:50%; left:50%; background:#333;}
  .desktop .plus-minus__prev:hover:before{background:#2da3df;}
.plus-minus__prev:disabled{cursor:default;}
.plus-minus__prev:disabled:before{background:#b2b2b2 !important;}
.plus-minus__next{width:16px; height:16px; position:absolute; top:0; right:0;}
.plus-minus__next:before{content:""; width:10px; height:2px; margin:-1px 0 0 -5px; position:absolute; top:50%; left:50%; background:#333;}
.plus-minus__next:after{content:""; width:10px; height:2px; margin:-1px 0 0 -5px; position:absolute; top:50%; left:50%; background:#333; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
  .desktop .plus-minus__next:hover:before{background:#2da3df;}
  .desktop .plus-minus__next:hover:after{background:#2da3df;}
.plus-minus__next:disabled{cursor:default;}
.plus-minus__next:disabled:before{background:#b2b2b2 !important;}
.plus-minus__next:disabled:after{background:#b2b2b2 !important;}

.checkout{padding:22px 36px 20px;}
.checkout__top{padding:0 0 14px;}
.checkout__title{padding:0 0 13px; font-weight:600; font-size:21px; line-height:28px;}
.checkout__section{padding:0 0 10px;}
.checkout__subtitle{padding:0 0 20px; font-weight:600; font-size:16px; line-height:24px;}
.checkout__subtitle_important:after{content:"*"; color:#e81d1d;}
.checkout__cols{margin:0 -10px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.checkout__col{width:50%; max-width:270px; padding:0 10px;}
.checkout__input{padding:0 0 10px;}
.checkout__input .input__label{letter-spacing:normal; font-weight:600;}
.checkout__totals{padding:0 0 45px 5px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; font-weight:500; font-size:21px; line-height:28px; letter-spacing:0.065em;}
.checkout__total-text{padding:0 50px 0 0;}
.checkout__total-price{font-weight:900; font-size:26px; color:#2da3df; letter-spacing:normal;}
.checkout__button{width:100%; height:62px; margin:0; line-height:60px; font-size:21px; letter-spacing:normal;}
  .mozilla .checkout__button{line-height:58px;}

.add-comment{padding:0 0 23px;}
.add-comment.active .add-comment__button:before{-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.add-comment__button{margin:0 0 17px; padding:0 16px 0 0; display:inline-block; vertical-align:top; position:relative; font-size:16px; line-height:24px; color:#333;}
.add-comment__button:before{content:""; width:10px; height:7px; margin:-2.5px 0 0; position:absolute; top:50%; right:0; background:url(../img/add-arrow.png) no-repeat; background-size:100% 100%;}
  .desktop .add-comment__button:hover{color:#2da3df; text-decoration:none;}
  .mozilla .add-comment__button:before{margin:-1.5px 0 0;}
.add-comment__hidden{display:none;}
.add-comment__textarea{height:135px; min-height:135px; letter-spacing:normal;}

.continue-shopping{padding:48px 0 0;}

/* item */
.card-block{margin:-10px 0 50px;}
.card-block__top{padding:0 0 27px;}
.card-block__title{padding:0 0 21px; font-weight:900; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.015em;}
.card-block__cols{padding:0 0 71px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.card-block__left{width:50%; max-width:500px; padding:0 30px 0 0; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}
.card-block__right{width:100%; min-width:0; min-height:470px; padding:53px 0 0; position:relative;}

.card__rating-cols{margin:0 -7px 9px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.card__rating-col{padding:0 7px;}
.card__availability{padding:0; display:block; font-weight:600; color:#79cc6e;}
.card__price-cols{padding:0 0 8px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; -ms-align-items:center; align-items:center; font-size:13px; line-height:26px;}
.card__price-left{min-width:225px; padding:8px 30px 8px 0; position:relative; top:2px;}
.card__price-right{padding:8px 0;}
.card__price-old{min-width:60px; margin-right:20px; display:inline-block; text-decoration:line-through;}
.card__price{display:inline-block; font-weight:bold; font-size:26px; color:#2da3df;}
.card__price span{color:#333;}
.card__button{min-width:180px; height:35px; margin:0; font-size:13px; line-height:34px; text-transform:uppercase; border-radius:2px;}
  .mozilla .card__button{line-height:33px;}

.amount{margin:0 -6px 20px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.amount__col{padding:0 6px;}
.amount__input{width:37px; height:25px; padding:0 0 2px; display:block; border:1px solid #d0d0d0; border-radius:5px; text-align:center; font:500 16px/1 'Lato', sans-serif; color:#333;}
.amount__input:focus{border-color:#333;}

.gallery{height:470px; position:relative; background:#fff; box-shadow:0 15px 48px rgba(0, 0, 0, 0.05);}
.gallery__slider{position:relative; z-index:1;}
.gallery__image-link{height:470px; display:block; overflow:hidden;}
.gallery__image{width:100%; height:100%; margin:auto; object-fit:contain;}
.gallery__zoom{position:absolute; bottom:28px; right:28px; z-index:2;}

.thumbs{height:103px; margin:20px 0 0; position:relative; overflow:hidden;}
.thumbs__main{margin:0 -10px;}
.thumbs__slider{max-width:600px;}
.thumbs__item{cursor:pointer;}
.thumbs__item.active .thumbs__image-wrap:before, .thumbs__item.active .thumbs__image-wrap:after{width:50%; opacity:1;}
.thumbs__image-wrap{height:100px; margin:0 10px; position:relative; background:#fff;}
.thumbs__image-wrap:before{content:""; width:0; height:3px; position:absolute; top:100%; left:50%; background:#6cbee9; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; opacity:0;}
.thumbs__image-wrap:after{content:""; width:0; height:3px; position:absolute; top:100%; right:50%; background:#6cbee9; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; opacity:0;}
.thumbs__image{width:100%; height:100%; margin:0; object-fit:contain;}

.inner-block__top{padding:0 0 22px;}
.inner-block__title{padding:0 0 12px; font-weight:900; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.015em;}

.features{margin:0 0 43px; padding:0 0 20px; border-bottom:1px solid rgba(45, 163, 223, 0.5);}
.features__top{padding:0 0 22px;}
.features__title{padding:0 0 12px; font-weight:900; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.015em;}
.features__content{line-height:31px; letter-spacing:0.06em;}
.features__content p{font-weight:500;}

.downloads{margin:0 0 43px; padding:0 0 20px; border-bottom:1px solid rgba(45, 163, 223, 0.5);}
.downloads__top{padding:0 0 38px;}
.downloads__title{padding:0 0 12px; font-weight:900; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.065em;}
.downloads__list{padding:0;}
.downloads__item{padding:0 0 32px;}
.downloads__item:before{display:none;}

.download-button{padding:0 0 0 34px; display:inline-block; vertical-align:top; position:relative; color:#2da3df; -webkit-transition:0s ease-out; -ms-transition:0s ease-out; transition:0s ease-out;}
.download-button:before{content:""; width:20px; height:21px; margin:-9px 0 0; position:absolute; top:50%; left:0; background:url(../img/svg/download.svg) no-repeat; background-size:100% 100%; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; opacity:0.4;}
  .desktop .download-button:hover{color:#2da3df; text-decoration:none;}
  .desktop .download-button:hover:before{opacity:1;}
  .desktop .download-button:hover .download-button__text{font-weight:bold;}
  .mozilla .download-button:before{margin-top:-7px;}
.download-button__text{border-bottom:1px solid #2da3df;}

.promo{margin:0 0 43px; padding:0 0 25px; border-bottom:1px solid rgba(45, 163, 223, 0.5);}
.promo__top{padding:0 0 29px;}
.promo__title{padding:0 0 12px; font-weight:900; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.015em; letter-spacing:0.065em;}
.promo__list{padding:0;}
.promo__item{padding:0 0 24px; letter-spacing:0.05em;}
.promo__item:before{display:none;}
.promo__link{color:#2da3df; border-bottom:1px solid #2da3df; -webkit-transition:0s ease-out; -ms-transition:0s ease-out; transition:0s ease-out;}
  .desktop .promo__link:hover{font-weight:bold; text-decoration:none;}

.review + .page-nav{padding-bottom:10px;}
.review__item{margin:0 0 28px; border-bottom:1px solid #ddd;}
.review__item:last-child{margin:0 0 20px;}
.review__top{margin:0 -10px 7px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between;}
.review__cols{margin:0 -5px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.review__left{padding:0 10px;}
.review__right{padding:0 10px;}
.review__col{padding:0 5px;}
.review__title{padding:0; font-weight:500; font-size:16px; line-height:24px;}
.review__date{display:block; position:relative; top:2px; font-weight:500; font-size:12px; line-height:18px; color:rgba(51, 51, 51, 0.7);}
.review__content{max-width:1050px; margin:0 0 -5px; letter-spacing:-0.1px;}

.rating{height:16px; white-space:nowrap;}
.rating_small .star-rating{width:17px !important;}
.rating_small .star-rating a{width:15px !important;}
.rating_small .star-rating a:before{width:15px; height:14px; margin:-7.5px 0 0 -7px; background:url(../img/star-small.png) no-repeat; background-size:100% 100%;}
.rating_small .star-rating-on a:before,   .desktop .rating_small .star-rating-hover a:before{background:url(../img/star-small-active.png) no-repeat; background-size:100% 100%;}

.star-rating{width:19px !important; cursor:pointer; display:inline-block; vertical-align:top; position:relative; background:transparent !important; overflow:hidden !important;}
.star-rating a{width:17px !important; height:16px; display:block; text-indent:-9999px; border:none;}
.star-rating a:before{content:""; width:17px; height:16px; margin:-8.5px 0 0 -8.5px; position:absolute; top:50%; left:50%; background:url(../img/star.png) no-repeat; background-size:100% 100%;}
.star-rating-on a:before,   .desktop .star-rating-hover a:before{background:url(../img/star-active.png) no-repeat; background-size:100% 100%;}
.star-rating-readonly a{cursor:default;}

.rating-cancel{display:none !important;}

.add-review{max-width:970px; margin:auto; padding:0 0 40px;}
.add-review__input{padding:0 0 8px;}
.add-review__textarea{height:100px; min-height:100px; padding:14px 30px; font-size:16px; line-height:24px; letter-spacing:normal; border-radius:0;}
.add-review__cols{margin:0 -7px 33px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center; letter-spacing:-0.2px;}
.add-review__col{padding:0 7px;}
.add-review__button{min-width:226px; margin:0; font-weight:600; letter-spacing:normal; border-radius:5px; text-transform:uppercase;}

/* popups */
.popup{width:100%; height:100%; max-height:100%; position:fixed; display:none; top:0; left:0; z-index:9999; overflow:auto; background:rgba(0, 0, 0, 0.5);}
.popup.active .popup__shadow, .popup.active .popup__bg{-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1;}
.popup__row{width:100%; height:100%; display:table; table-layout:fixed; position:relative;}
.popup__cell{width:100%; height:100%; padding:92px 30px 30px; display:table-cell; vertical-align:middle;}
.popup__window{width:100%; max-width:970px; min-height:100px; margin:auto; padding:43px 0 0; position:relative; z-index:1; background:#fff; border-radius:5px;}
.popup__close{position:absolute; top:40px; right:50px; z-index:1;}
.popup__mask{width:100%; height:100%; position:absolute; top:0; left:0;}
.popup__top{padding:0 60px;}
.popup__title{padding:0 0 15px; font-weight:900; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.015em;}

.empty-block{display:none;}
.empty-block.active{display:block;}
.empty-block.active + .cart-block{display:none;}

.empty-basket{padding:0 30px 75px; text-align:center;}
.empty-basket__title{padding:0 0 39px; font-weight:bold; font-size:21px; line-height:28px; letter-spacing:0.035em;}
.empty-basket__icon{max-width:184px; margin:0 auto 45px;}
.empty-basket__bottom{padding:0 0 30px; font-size:21px; line-height:28px;}
.empty-basket__bottom a{color:#2da3df; border-bottom:1px solid #2da3df; -webkit-transition:0s ease-out; -ms-transition:0s ease-out; transition:0s ease-out;}
.empty-basket__bottom a:hover{border-color:transparent; text-decoration:none;}

.cart-block__top{max-width:830px; margin:auto; padding:0 30px 20px;}
.cart-block__title{padding:0 0 21px 9px; font-weight:900; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.015em;}
.cart-block__border{padding:35px 0 0; border-top:1px solid #d0d0d0;}
.cart-block__totals{max-width:830px; margin:auto; padding:0 30px 37px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end; font-size:18px; line-height:26px;}
.cart-block__total-text{padding:0 7px 0 0;}
.cart-block__total-discount{min-width:33px; margin:0 14px 0 0; position:relative; font-weight:600; font-size:18px; color:rgba(51, 51, 51, 0.7); text-align:center;}
.cart-block__total-discount:after{content:""; width:100%; height:1px; margin:1px 0 0; position:absolute; top:50%; left:0; background:rgba(51, 51, 51, 0.7);}
.cart-block__total-numbers{font-weight:bold; font-size:29px; position:relative; bottom:3px;}
.cart-block__buttons{max-width:830px; margin:auto; padding:0 30px 15px;}
.cart-block__buttons-cols{margin:0 -15px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.cart-block__button-wrap{width:50%; padding:0 15px 15px;}
.cart-block__button{width:100%; height:50px; margin:0; font-size:16px; line-height:48px; letter-spacing:normal; box-shadow:none; text-transform:uppercase; border-radius:3px;}
  .mozilla .cart-block__button{line-height:48px;}

.cart{max-width:830px; margin:auto; padding:0 30px;}
.cart__item{min-height:128px; margin:0 0 35px; padding:0 0 35px; position:relative; border-bottom:1px solid #c4c4c4;}
.cart__item:last-child{margin:0; border:none;}
.cart__remove{margin:0 0 0 30px; position:absolute; top:0; left:100%;}
.cart__cols{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.cart__left{width:100%; min-width:0; padding:0 30px 0 0;}
.cart__center{min-width:200px; padding:25px 30px 0 0; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}
.cart__right{min-width:70px; padding:36px 0 0; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}
.cart__inner-cols{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.cart__image-link{width:101px; margin:0 27px 0 0; display:block;}
.cart__image{max-width:100%; margin:auto;}
.cart__title{padding:3px 0 16px; font-weight:600; font-size:16px; line-height:24px; letter-spacing:-0.2px;}
.cart__link{color:#333;}
.cart__link:hover{color:#2da3df; text-decoration:underline;}
.cart__old-price{min-width:33px; margin:0 12px 0 0; display:inline-block; position:relative; font-weight:600; color:rgba(51, 51, 51, 0.7); text-align:center;}
.cart__old-price:after{content:""; width:100%; height:1px; margin:1px 0 0; position:absolute; top:50%; left:0; background:rgba(51, 51, 51, 0.7);}
.cart__price{display:inline-block; font-weight:600; font-size:21px; line-height:24px;}
.cart__price_blue{color:#2da3df;}

.count{width:108px; margin:8px auto 0; padding:0 30px; position:relative; -webkit-user-select:none; -ms-user-select:none; user-select:none; border-radius:2px; border:1px solid #c4c4c4;}
.count__input{width:45px; height:27px; display:block; font:600 14px/1 'Lato', sans-serif; text-align:center;}
.count__prev{width:30px; height:21px; position:absolute; top:3px; left:0; border-right:1px solid #e8e8e8;}
.count__prev:before{content:""; width:10px; height:2px; margin:-1px 0 0 -5px; position:absolute; top:50%; left:50%; background:#707070;}
  .desktop .count__prev:hover:before{background:#2da3df;}
.count__prev:disabled{cursor:default;}
.count__next{width:30px; height:21px; position:absolute; top:3px; right:0; border-left:1px solid #e8e8e8;}
.count__next:before{content:""; width:10px; height:2px; margin:-1px 0 0 -5px; position:absolute; top:50%; left:50%; background:#707070;}
.count__next:after{content:""; width:10px; height:2px; margin:-1px 0 0 -5px; position:absolute; top:50%; left:50%; background:#707070; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
  .desktop .count__next:hover:before{background:#2da3df;}
  .desktop .count__next:hover:after{background:#2da3df;}
.count__next:disabled{cursor:default;}

.confirm{margin:6px 0 0; padding:11px 16px 16px; display:none; position:absolute; top:100%; right:-28px; z-index:1; background:#fff; border-radius:5px; box-shadow:0 3px 16px rgba(0, 0, 0, 0.15); font-size:13px; line-height:18px; text-align:center; letter-spacing:0.02em;}
.confirm__text{padding:0 0 12px; display:block;}
.confirm__cols{margin:0 -4px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.confirm__col{width:50%; min-width:62px; padding:0 4px;}
.confirm__button{width:100%; height:29px; padding:0 10px; display:block; border:1px solid #e8e8e8; font-size:13px; line-height:28px; border-radius:3px; color:#333; text-align:center; letter-spacing:0.02em;}
.confirm__button:hover{color:#333; text-decoration:none; border-color:#b8b8b8;}
  .mozilla .confirm__button{line-height:26px;}

/*----------------------------------------------------------------------*/
/*------------------------------8. MEDIA------------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------8.1 WIDE SCREENS--------------------*/
@media screen and (min-width:1201px){
  /* header */
  .header__center{display:block !important;}

  .header-nav__mob{display:block !important;}
}

@media screen and (max-width:1200px){
  q{margin-left:0;}

  /* buttons */
  .mob-button{float:right;}

  /* header */
  .header__center{width:100%; height:100%; padding:0; display:none; position:fixed; top:0; left:0; max-height:100%; overflow-y:auto; overflow-x:hidden; z-index:999; background:rgba(255, 255, 255, 0.5);}
  .header__center.active .hide-mob{right:0;}
  .header__tablet{display:block;}
  .header__user-info{max-width:200px;}

  .hide-mob{width:220px; min-height:100%; padding:55px 20px 10px; position:relative; right:-220px; float:right; background:#191919; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; text-align:center;}
  .hide-mob__mask{width:2000px; height:100%; position:absolute; top:0; right:100%; cursor:default;}
  .hide-mob__close{display:block; position:absolute; top:20px; right:20px; opacity:1;}
  .hide-mob__close:before, .hide-mob__close:after{background:#fff;}
    .desktop .hide-mob__close:hover:before,   .desktop .hide-mob__close:hover:after{background:#2da3df;}

  .header-nav__list{margin:0 -20px; display:block;}
  .header-nav__item:after{display:none;}
  .header-nav__link{height:auto; padding:10px 20px;}
  .header-nav__link.active .header-nav__text:before{-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
  .header-nav__mob{display:none;}
  .header-nav__text_icon{position:relative;}
  .header-nav__text_icon:before{content:""; width:8px; height:5px; margin:-1px 0 0; position:absolute; top:50%; right:-20px; background:url(../img/svg/arrow-bottom.svg) no-repeat; background-size:100% 100%;}
  .hidden-nav{display:block; position:static; top:auto; left:auto;}
  .hidden-nav__list{padding:5px 0 10px; position:static; left:auto; background:none; border-radius:0;}
  .hidden-nav__item:first-child .hidden-nav__link{padding-top:7px;}
  .hidden-nav__item:first-child .hidden-nav__link:after{content:""; width:-webkit-calc(100%); width:calc(100%); height:1px; position:absolute; top:0; left:0; background:rgba(255, 255, 255, 0.2);}
  .hidden-nav__item:last-child .hidden-nav__link{padding-bottom:6px;}
  .hidden-nav__item:last-child .hidden-nav__link:before{display:block;}
  .hidden-nav__link:before{width:-webkit-calc(100%); width:calc(100%); left:0;}

  /* footer */
  .top-footer__inner-left{width:100%;}
  .top-footer__inner-right{width:auto;}

  .fixed-block{display:none !important;}

  /* first screen */
  .first-screen{margin:0 -30px;}
  .first-screen__image{height:400px;}

  /* inner top */
  .inner-top{margin-left:0;}

  /* catalog */
  .catalog__item{width:33.333%;}

  /* checkout */
  .your-order__top{margin:0 30px 20px;}
  .your-order__totals{margin:0 30px;}

  .order{padding:0 30px;}
  .order__col:first-child{min-width:90px;}
  .order__col:last-child{min-width:120px;}

  .checkout{padding:22px 30px 20px;}
}

/*--------------------8.2 TABLETS--------------------*/
@media screen and (max-width:991px){
  q{margin-bottom:40px;}

  /* inner pages */
  .breadcrumbs{padding-bottom:24px;}

  .inner-top{margin-bottom:5px;}
  .inner-top__title{padding-bottom:20px;}

  /* inner article */
  .inner-article{padding-bottom:0;}
  .inner-article img{margin-top:10px;}

  /* distributors */
  .distributors{padding:0 0 10px;}
  .distributors__body .distributors__row:first-child .distributors__cell{padding-top:20px;}
  .distributors__body .distributors__cell{padding-bottom:15px;}

  /* first screen */
  .first-screen__image{height:350px;}

  /* catalog */
  .catalog-block{padding-top:45px;}
  .catalog-block__top{padding:0 0 10px;}
  .catalog-block__title{font-size:28px; line-height:34px;}

  .catalog{margin:0 -10px 20px;}
  .catalog__item{padding:0 10px 20px;}

  .view-more__button{min-width:170px;}

  .page-nav{margin:0 -10px; padding:0 0 33px;}
  .page-nav__item{padding:0 10px 20px;}

  /* contacts */
  .contacts-block{margin:0 0 30px; padding:30px;}
  .contacts-block__top{margin:0 0 30px;}

  .file{padding:0 0 30px;}

  /* registration */
  .contacts-block{margin:0 auto 30px;}

  /* login */
  .login-block{margin:0 auto 30px; padding:36px 20px 25px;}
  .login-block__top{padding:0 0 5px;}

  /* checkout */
  .checkout-block{margin:0 0 30px;}
  .checkout-block__top{padding:0;}
  .checkout-block__left{width:48%; padding:0 20px 0 0;}
  .checkout-block__right{width:52%;}

  .your-order__top{margin:0 20px 20px; padding:0 0 3px;}
  .your-order__totals{margin:0 20px; padding-right:0;}

  .order{margin:0 0 18px; padding:0 20px;}
  .order__col:first-child{min-width:70px;}
  .order__col:last-child{min-width:80px;}

  .checkout{padding:22px 20px 20px;}
  .checkout__top{padding:0 0 5px;}
  .checkout__totals{padding:0 0 25px;}
  .checkout__total-text{padding:0 30px 0 0;}

  .add-comment{padding:0;}

  .continue-shopping{padding:30px 0 0;}

  /* item */
  .card-block{margin:0 0 30px;}
  .card-block__top{padding:0 0 10px;}
  .card-block__cols{padding:0 0 50px;}
  .card-block__left{width:60%; max-width:430px;}
  .card-block__right{min-height:400px; padding-top:30px;}

  .card__price-cols{display:block;}
  .card__price-left{min-width:0; padding:8px 0;}
  .card__price-right{padding:11px 0 15px;}

  .gallery{height:400px;}
  .gallery__image-link{height:400px;}
  .gallery__zoom{bottom:20px; right:20px;}

  .thumbs__slider{max-width:480px;}

  .inner-block__top{padding:0 0 15px;}

  .features{margin:0 0 35px; padding:0 0 15px;}
  .features__top{padding:0 0 10px;}

  .downloads{margin:0 0 35px; padding:0 0 20px;}
  .downloads__top{padding:0 0 10px;}
  .downloads__item{padding:0 0 24px;}

  .promo{margin:0 0 40px; padding:0 0 20px;}
  .promo__top{padding:0 0 10px;}

  .add-review{padding:0 0 30px;}
  .add-review__cols{margin:0 -7px 25px;}

  .review__item{margin:0 0 25px;}
  .review__item:last-child{margin:0 0 25px;}

  /* popups */
  .popup__window{max-width:820px;}
  .popup__close{top:20px; right:20px;}
  .popup__top{padding:0 30px;}

  .empty-basket{padding:0 30px 30px;}

  .cart-block__top{max-width:none; padding:0 30px 10px;}
  .cart-block__totals{padding:0 30px 30px;}

  .cart{max-width:none;}
  .cart__item{min-height:115px; margin:0 0 30px; padding:0 50px 30px 0;}
  .cart__remove{margin:0; top:37px; left:auto; right:0;}
  .cart__center{min-width:180px;}
  .cart__right{min-width:70px;}

  .confirm{right:-20px;}
}

@media screen and (max-width:900px){
  /* catalog */
  .catalog__image-wrap{height:170px;}
}

/*--------------------8.3 MOBILES--------------------*/
@media screen and (max-width:767px){
  body{font-size:14px; line-height:22px;}

  .wrapper{padding-left:20px; padding-right:20px;}

  h1{padding:0 0 22px;}
  h2{padding:0 0 22px;}
  h3{padding:0 0 22px;}
  h4{padding:0 0 22px;}
  h5{padding:0 0 22px;}
  h6{padding:0 0 22px;}

  ul{padding:0 0 22px;}

  ol{padding:0 0 22px;}

  p{padding:0 0 22px;}

  img{margin:0 0 22px;}

  table{margin:0 0 22px;}

  q{margin-bottom:25px; padding-left:16px; font-size:14px; line-height:22px;}
  q:before{width:6px; height:-webkit-calc(100% - 10px); height:calc(100% - 10px); top:5px;}

  /* text fields */
  .input{padding:0 0 12px;}
  .input__label{font-size:14px; line-height:22px;}
  .input__field{padding:0 15px;}
  .input__area{padding:7px 15px;}

  /* buttons */
  .continue-button{font-size:17px;}
  .continue-button:before{top:-2px;}

  .radio__label{padding:0 0 0 22px; font-size:14px;}
  .radio__cols{margin:0 -5px;}
  .radio__col{min-width:37px; padding:0 5px;}

  /* header */
  .header__tablet{padding:0 20px 0 0;}
  .header__user-info{padding:0 0 0 17px;}

  .logo-header{margin:7px 35px 3px 0;}
  .logo-header__image{max-width:169px;}
  .logo-header__image_desktop{display:none;}
  .logo-header__image_mob{display:block;}

  .user-button{height:52px; padding:15px 0 17px 26px;}

  .cart-button{height:52px; margin:0 -10px 0 10px;}
  .cart-button__count{top:5px;}

  /* footer */
  .top-footer__cols{display:block;}
  .top-footer__left{padding:13px 0 5px; text-align:center;}
  .top-footer__right{max-width:none; padding:0 0 20px;}

  .footer-nav__item{padding:0 20px 9px 0;}

  /* main */
  .main{padding-top:52px;}

  /* inner pages */
  .inner-page{padding-top:28px; padding-bottom:20px;}

  .breadcrumbs{padding-bottom:12px;}

  .inner-top{margin-bottom:0;}

  /* inner article */
  .inner-article{padding-bottom:0; line-height:22px;}
  .inner-article p, .inner-article ul, .inner-article ol{padding-bottom:22px;}
  .inner-article img{margin:5px auto 30px;}
  .inner-article q:last-child{margin-bottom:25px;}

  /* distributors */
  .distributors{padding:10px 0 0;}

  /* first screen */
  .first-screen__image{height:300px;}

  /* catalog */
  .catalog-block{padding-top:30px;}
  .catalog-block__top{padding:0 0 10px;}
  .catalog-block__title{padding:0 0 20px; font-size:22px; line-height:30px;}

  .catalog{margin:0 -10px 20px;}
  .catalog__item{width:50%; padding:0 10px 20px;}
  .catalog__image-wrap{height:180px;}

  .view-more__button{min-width:170px;}

  .page-nav{margin:0 -5px; padding:0 0 40px;}
  .page-nav__item{padding:0 5px 10px;}

  /* contacts */
  .contacts-block{margin:10px 0 30px; padding:30px 20px;}
  .contacts-block__title{font-size:19px; line-height:26px;}

  .contacts__cols{margin:0 -10px;}
  .contacts__col{padding:0 10px;}

  .file{font-size:14px;}
  .file__left{padding:0 16px 0 0;}

  /* registration */
  .reg-block{margin:10px auto 30px; padding:30px 20px;}
  .reg-block__title{padding:0 0 10px; font-size:19px; line-height:26px;}
  .reg-block__text{padding:0 0 10px;}

  .reg__section{padding:0 0 5px;}
  .reg__bottom{padding:10px 0 0;}
  .reg__title{font-size:19px; line-height:26px;}

  /* login */
  .login-block{max-width:372px; margin:10px auto 30px; padding:30px 20px 20px;}
  .login-block__title{padding:0 0 10px; font-size:19px; line-height:26px;}

  .login__bottom{padding:10px 0 0;}
  .login__button{margin:0 0 25px;}
  .login__text{max-width:200px;}

  /* checkout */
  .checkout-block{margin:5px 0 30px;}
  .checkout-block__top{padding:0 0 10px;}
  .checkout-block__title{padding:0 0 10px; font-size:19px; line-height:26px;}
  .checkout-block__cols{display:block;}
  .checkout-block__left{width:auto; padding:0 0 20px;}
  .checkout-block__right{width:auto;}

  .your-order__title{padding:0 0 10px; font-size:19px; line-height:26px;}
  .your-order__total-text{padding:0 15px 0 0; top:1px;}
  .your-order__total-price{font-size:22px;}

  .order__price{font-size:18px;}
  .order__col:first-child{min-width:60px; text-align:left;}
  .order__col:last-child{min-width:80px;}

  .checkout__section{padding:0 0 5px;}
  .checkout__subtitle{padding:0 0 12px;}
  .checkout__totals{padding:0 0 17px; font-size:19px; line-height:26px;}
  .checkout__total-text{padding:0 12px 0 0;}
  .checkout__total-price{font-size:22px;}
  .checkout__button{height:50px; line-height:48px; font-size:18px;}
    .mozilla .checkout__button{line-height:46px;}

  .continue-shopping{padding:20px 0 10px;}

  /* item */
  .card-block{margin:5px 0 20px;}
  .card-block__top{padding:0 0 10px;}
  .card-block__cols{max-width:335px; margin:auto; padding:0 0 15px; display:block;}
  .card-block__left{width:auto; padding:0 0 20px;}
  .card-block__right{width:auto; min-height:0; padding:0;}
  .card-block__title{padding:0 0 10px; font-size:19px; line-height:26px;}

  .card__button{width:100%; height:42px; line-height:40px;}
    .mozilla .card__button{line-height:38px;}
  .card__price-old{min-width:0; position:relative; top:-1px;}
  .card__price{font-size:22px;}

  .gallery{height:335px;}
  .gallery__image-link{height:335px;}

  .thumbs{width:auto; max-width:600px; height:83px; margin:20px auto 5px; position:static;}
  .thumbs__slider{max-width:none;}
  .thumbs__image-wrap{height:80px;}

  .inner-block__top{padding:0 0 10px;}
  .inner-block__title{padding:0 0 10px; font-size:19px; line-height:26px;}

  .features{margin:0 0 30px; padding:0 0 10px;}
  .features__top{padding:0 0 10px;}
  .features__title{padding:0 0 10px; font-size:19px; line-height:26px;}
  .features__content{line-height:22px; letter-spacing:0.04em;}

  .downloads{margin:0 0 30px;}
  .downloads__top{padding:0 0 10px;}
  .downloads__title{padding:0 0 10px; font-size:19px; line-height:26px;}
  .downloads__item{padding:0 0 15px;}

  .promo{margin:0 0 30px;}
  .promo__top{padding:0 0 10px;}
  .promo__title{padding:0 0 10px; font-size:19px; line-height:26px;}
  .promo__item{padding:0 0 15px;}

  .review + .page-nav{padding-bottom:15px;}

  .add-review{padding:0 0 20px;}

  /* popups */
  .popup__cell{padding:52px 0 0;}
  .popup__window{max-width:400px; padding-top:35px; border-radius:0;}
  .popup__top{padding:0 20px;}
  .popup__title{font-size:19px; line-height:26px;}

  .empty-basket{padding:0 20px 20px;}
  .empty-basket__title{padding:0 0 20px; font-size:19px; line-height:26px;}
  .empty-basket__icon{max-width:92px; margin:0 auto 20px;}
  .empty-basket__bottom{padding:0 0 20px; font-size:19px; line-height:26px;}

  .cart-block__border{padding:28px 0 0;}
  .cart-block__totals{padding:0 20px 20px; font-size:16px;}
  .cart-block__total-discount{min-width:30px; margin:0 8px 0 0; font-size:16px;}
  .cart-block__total-numbers{font-size:24px; bottom:3px;}
  .cart-block__buttons{padding:0 20px 10px;}
  .cart-block__top{padding:0 20px 5px;}
  .cart-block__title{padding:0 0 20px; font-size:19px; line-height:26px;}
  .cart-block__buttons-cols{display:block;}
  .cart-block__button-wrap{width:auto;}

  .cart{padding:0 20px;}
  .cart__item{min-height:0; margin:0 0 25px; padding:0 0 20px;}
  .cart__cols{-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
  .cart__left{padding:0 35px 10px 0;}
  .cart__center{min-width:0; padding:5px 20px 5px 0;}
  .cart__right{min-width:0; padding:11px 0 5px;}
  .cart__title{padding:5px 0 15px; font-size:14px; line-height:22px;}
  .cart__remove{top:0; right:-4px;}
  .cart__image-link{margin-right:20px;}
  .cart__price{font-size:19px;}

  .confirm{right:-5px;}
}

@media screen and (max-width:600px){
  /* header */
  .header__user-info{max-width:135px;}

  /* first screen */
  .first-screen__image{height:250px;}

  /* catalog */
  .catalog__image-wrap{height:160px;}

  /* contacts */
  .contacts__col{width:100%; max-width:none;}

  .file{max-width:none;}

  /* registration */
  .reg__col{width:100%; max-width:none;}

  /* checkout */
  .checkout__col{width:100%; max-width:none;}
}

@media screen and (max-width:450px){
  .wrapper{padding-left:20px; padding-right:20px;}

  /* header */
  .user-button{padding-left:18px;}
  .user-button__text{display:none;}

  /* footer */
  .top-footer__inner-cols{margin:0; display:block; text-align:center;}
  .top-footer__inner-left{width:auto;}
  .top-footer__inner-right{padding:0;}

  .footer-nav__list{margin:0 0 10px; display:block;}
  .footer-nav__item{width:auto; padding:0 0 9px;}

  .socials__list{padding:0 0 7px; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center;}

  .bottom-footer__cols{display:block; text-align:center;}

  /* distributors */
  .distributors__cell:first-child{padding-left:0; padding-right:20px;}
  .distributors__cell:last-child{width:33%;}

  /* first screen */
  .first-screen__image{height:200px;}

  /* catalog */
  .catalog__item{width:100%;}
  .catalog__image-wrap{height:180px;}

  /* file */
  .contacts__button{width:100%;}

  .file__cols{-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .file__left{padding:0 0 4px;}
  .file__field{padding:0 15px;}
  .file__button{min-width:90px; padding:0 18px; font-size:12px; line-height:30px;}
    .mozilla .file__button{line-height:28px;}

  /* item */
  .add-review__cols{-webkit-justify-content:center; -ms-justify-content:center; justify-content:center;}
  .add-review__button{width:100%; height:42px; line-height:40px;}
}

@media screen and (max-width:400px){
  /* first screen */
  .first-screen__image{height:175px;}
}

@media screen and (max-width:374px){
  /* item */
  .gallery{height:320px;}
  .gallery__image-link{height:320px;}
}

@media screen and (max-width:350px){
  /* header */
  .header__tablet{padding:0 18px 0 0;}
  .header__user-info{padding:0 0 0 15px;}

  .cart-button{margin:0 -8px 0 9px;}

  /* first screen */
  .first-screen__image{height:150px;}

  /* item */
  .gallery{height:280px;}
  .gallery__image-link{height:280px;}
}