@charset "UTF-8";
@font-face { font-family: 'Conv_CALIBRII_0'; src: url("CALIBRII_0.eot"); src: local("☺"), url("CALIBRII_0.woff") format("woff"), url("CALIBRII_0.ttf") format("truetype"), url("CALIBRII_0.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Conv_CALIBRIB_0'; src: url("CALIBRIB_0.eot"); src: local("☺"), url("CALIBRIB_0.woff") format("woff"), url("CALIBRIB_0.ttf") format("truetype"), url("CALIBRIB_0.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Conv_CALIBRI_0'; src: url("CALIBRI_0.eot"); src: local("☺"), url("CALIBRI_0.woff") format("woff"), url("CALIBRI_0.ttf") format("truetype"), url("CALIBRI_0.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'sanasoft_agra.kzregular'; src: url("vsagra-webfont.eot"); src: url("vsagra-webfont.eot?#iefix") format("embedded-opentype"), url("vsagra-webfont.woff2") format("woff2"), url("vsagra-webfont.woff") format("woff"), url("vsagra-webfont.ttf") format("truetype"), url("vsagra-webfont.svg#sanasoft_agra.kzregular") format("svg"); font-weight: normal; font-style: normal; }
body { margin: 0; font-family: "Conv_CALIBRI_0"; color: #545454; font-size: 18px; position: relative; min-height: 100vh; display: flex; flex-direction: column; }
@media screen and (max-width: 768px) { body { font-size: 16px; } }

.main, .pages { flex: 1 0 auto; margin-left: 250px; position: relative; width: -webkit-calc(100% - 250px); width: -moz-calc(100% - 250px); width: calc(100% - 250px); padding-bottom: 50px; min-height: 900px; background-image: linear-gradient(white, #66b4e9); }
.main li, .pages li { margin-bottom: 5px; }
@media screen and (max-width: 1280px) { .main, .pages { width: 100%; margin-left: 0; min-height: auto; } }
@media screen and (max-width: 1170px) { .main, .pages { padding-bottom: 25px; } }
@media screen and (max-width: 767px) { .main, .pages { padding-bottom: 10px; } }

h1 { font-size: 50px; font-family: "sanasoft_agra.kzregular"; text-align: left; color: #333192; margin-top: 0px; margin-bottom: 35px; display: block; }
@media screen and (max-width: 768px) { h1 { font-size: 38px; margin-bottom: 20px; } }
@media screen and (max-width: 480px) { h1 { font-size: 22px; } }

h2 { font-size: 40px; font-family: "Conv_CALIBRIB_0"; color: #3d3d3d; display: block; font-weight: normal; text-align: center; margin-bottom: 25px; }
h2 a { font-size: 40px; color: #3d3d3d; }
h2 a:hover { text-decoration: underline; }
@media screen and (max-width: 768px) { h2 { font-size: 30px; } }
@media screen and (max-width: 480px) { h2 { font-size: 20px; margin: 15px 0px; } }

h3 { font-size: 30px; font-family: "Conv_CALIBRIB_0"; color: #3d3d3d; }
@media screen and (max-width: 768px) { h3 { font-size: 24px; } }
@media screen and (max-width: 480px) { h3 { font-size: 18px; } }

h4 { font-size: 26px; font-family: "Conv_CALIBRIB_0"; color: #3d3d3d; }
@media screen and (max-width: 768px) { h4 { font-size: 20px; } }

h5 { font-size: 20px; color: #414140; }

h6 { font-size: 18px; font-family: "Conv_CALIBRIB_0"; text-transform: uppercase; color: #414140; margin-bottom: 15px; }

a, p { font-size: 18px; }

a { color: #414140; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
a:hover, a:focus, a:active { text-decoration: none; color: #333192; }

textarea, input { font-family: "Conv_CALIBRI_0"; font-size: 16px; border-radius: 0px; -webkit-appearance: none; padding: 10px 15px; }

strong { font-family: "Conv_CALIBRIB_0"; }

.btn { color: #fff; background-color: #ff581a; text-align: center; font-size: 16px; text-transform: uppercase; border-radius: 0px; padding: 10px 50px 10px 75px; background-size: 20px; background-position: center left 35px; background-repeat: no-repeat; display: table; border: 2px solid transparent !important; margin-top: 15px; -webkit-transition: 250ms; -moz-transition: 250ms; -ms-transition: 250ms; -o-transition: 250ms; transition: 250ms; }
.btn:hover, .btn:focus, .btn:active { background-color: #333192; color: #fff; }

.btn-1 { padding-left: 50px; background-image: url(../img/icon-1.png); background-position: center left 15px; }

.btn-2 { padding-left: 50px; background-image: url(../img/icon-2.png); background-position: center left 15px; }

.btn-3 { padding-left: 50px; background-image: url(../img/icon-3.png); background-position: center left 15px; }

.btn-4 { padding-left: 50px; background-image: url(../img/icon-4.png); background-position: center left 15px; }

.check__list { list-style: none; margin: 0; padding: 0; }
.check__list li { padding-left: 25px; background: url(../svg/tick.svg) no-repeat top 4px left; background-size: 15px; }

.green-scheck__list { list-style: none; margin: 0; padding: 0; }
.green-scheck__list li { padding-left: 25px; background: url(../svg/green_check-mark.svg) no-repeat top 4px left; background-size: 15px; }

.modal-open { overflow: visible; }

/* header */
header { position: fixed; width: -webkit-calc(100% - 250px); width: -moz-calc(100% - 250px); width: calc(100% - 250px); bottom: 0; left: 0; right: 0; margin-left: 250px; text-align: center; z-index: 9; }
header .nav { margin: 0 auto; display: table; background-color: rgba(255, 255, 255, 0.7); padding: 5px 25px; }
header .nav ul { list-style: none; margin: 0; padding: 0; }
header .nav ul li { display: inline-block; vertical-align: top; }
header .nav ul li:after { content: '/'; margin: 0px 15px; margin-top: 3px; display: inline-block; vertical-align: top; }
header .nav ul li a { font-size: 20px; color: #333192; padding: 10px; }
header .nav ul li a:hover { text-decoration: underline; }
header .nav ul li:last-of-type:after { display: none; }
header .nav ul li:nth-of-type(2), header .nav ul li:nth-of-type(3) { display: none; }
header .nav ul .active a { text-decoration: underline; }
header .nav .nav__btn { display: none; }
@media screen and (max-width: 1280px) { header { width: 100%; min-width: 300px; margin-left: 0; top: 0; bottom: auto; z-index: 999; background: rgba(255, 255, 255, 0.8); }
  header .nav { background: transparent; }
  header .nav ul li:after { margin: 3px 10px 0px; } }
@media screen and (max-width: 767px) { header { background-color: #66b4e9; }
  header .nav { padding-top: 34px; }
  header .nav ul { margin-top: 10px; display: none; }
  header .nav ul li { display: block; margin: 0; margin-bottom: 10px; width: 100%; text-align: center; }
  header .nav ul li:after { display: none; }
  header .nav ul li:nth-of-type(2), header .nav ul li:nth-of-type(3) { display: block; }
  header .nav .nav__btn { display: block; position: absolute; left: 10px; right: auto; top: 5px; width: 35px; height: 30px; background: transparent; border-radius: 0px; padding: 0; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
  header .nav .nav__btn span { position: absolute; display: block; width: 85%; height: 3px; background-color: #fff; left: 0; right: 0; margin: 0 auto; }
  header .nav .nav__btn span:nth-of-type(1) { top: 7px; }
  header .nav .nav__btn span:nth-of-type(2) { top: 14px; }
  header .nav .nav__btn span:nth-of-type(3) { top: 21px; } }

/* header */
/* main */
.sidebar { width: 250px; position: absolute; left: 0; top: 0; bottom: 0; background-image: linear-gradient(#66b4e9 70%, rgba(255, 255, 255, 0.3)); padding: 25px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; /* sidebar phones */ /* sidebar phones */ /* sidebar nav */ /* sidebar nav */ /* sidebar social */ /* sidebar social */ }
.sidebar ul { list-style: none; margin: 0; padding: 0; }
.sidebar .logo { display: block; margin: 0 auto; text-align: center; }
.sidebar .sidebar__phones { margin-top: 25px; padding-left: 30px; padding-right: 20px; position: relative; }
.sidebar .sidebar__phones:after { content: ''; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; right: 10px; top: 10px; }
.sidebar .sidebar__phones i { font-size: 22px; color: #fff; position: absolute; left: 0; top: 3px; }
.sidebar .sidebar__phones a { font-size: 20px; font-family: "Conv_CALIBRIB_0"; color: #fff; }
.sidebar .sidebar__phones ul { position: absolute; top: 30px; left: 30px; max-height: 0px; overflow: hidden; background-color: #fff; border-radius: 5px; width: 180px; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.sidebar .sidebar__phones ul li { line-height: 1; text-align: center; }
.sidebar .sidebar__phones ul li a { color: #333192; display: block; font-family: "Conv_CALIBRI_0"; padding: 5px; }
.sidebar .sidebar__phones ul li a:hover { background-color: #e0f1fc; }
.sidebar .sidebar__phones:hover ul { max-height: 200px; }
.sidebar .sidebar__nav { margin: 25px 0px; padding: 50px 0px; border-top: 1px solid #abc9f6; border-bottom: 1px solid #abc9f6; }
.sidebar .sidebar__nav li { display: block; padding-left: 75px; padding-top: 10px; position: relative; margin-bottom: 25px; min-height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.sidebar .sidebar__nav li img { position: absolute; width: 50px; height: auto; left: 0; top: 5px; -webkit-transition: 250ms; -moz-transition: 250ms; -ms-transition: 250ms; -o-transition: 250ms; transition: 250ms; }
.sidebar .sidebar__nav li a { font-size: 22px; font-family: "Conv_CALIBRIB_0"; text-transform: uppercase; color: #fff; }
.sidebar .sidebar__nav li a:hover .nav__hide { display: block; }
.sidebar .sidebar__nav li a:hover .nav__vis { display: none; }
.sidebar .sidebar__nav li .nav__hide { display: none; }
.sidebar .sidebar__nav li:last-of-type { margin-bottom: 0px; }
.sidebar .sidebar__nav li .shop-quantily { position: absolute; width: 20px; height: 20px; text-align: center; color: #333192; font-size: 14px; background-color: #ffd764; border-radius: 100%; left: 40px; top: 5px; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.sidebar .sidebar__nav .bottle a:hover, .sidebar .sidebar__nav .bottle.active a { color: #333192; }
.sidebar .sidebar__nav .bottle a:hover .nav__hide, .sidebar .sidebar__nav .bottle.active a .nav__hide { display: block; }
.sidebar .sidebar__nav .bottle a:hover .nav__vis, .sidebar .sidebar__nav .bottle.active a .nav__vis { display: none; }
.sidebar .sidebar__nav .perc a:hover, .sidebar .sidebar__nav .perc.active a { color: #ff581a; }
.sidebar .sidebar__nav .perc a:hover .nav__hide, .sidebar .sidebar__nav .perc.active a .nav__hide { display: block; }
.sidebar .sidebar__nav .perc a:hover .nav__vis, .sidebar .sidebar__nav .perc.active a .nav__vis { display: none; }
.sidebar .sidebar__nav .shop a:hover, .sidebar .sidebar__nav .shop.active a { color: #ffd764; }
.sidebar .sidebar__nav .shop a:hover .nav__hide, .sidebar .sidebar__nav .shop.active a .nav__hide { display: block; }
.sidebar .sidebar__nav .shop a:hover .nav__vis, .sidebar .sidebar__nav .shop.active a .nav__vis { display: none; }
.sidebar .sidebar__social { text-align: center; }
.sidebar .sidebar__social li { margin: 0px 15px; display: inline-block; vertical-align: top; }
.sidebar .sidebar__social li a { display: block; width: 40px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.sidebar .sidebar__social li a img { width: 100%; height: auto; }
.sidebar .sidebar__down { position: absolute; bottom: 25px; left: 10px; }
.sidebar .logo-2 { display: block; margin: 0 auto; text-align: center; margin-top: 25px; margin-bottom: 25px; }
.sidebar .copy { text-transform: uppercase; display: block; font-size: 14px; color: #333192; opacity: 0.7; }
.sidebar .artmedia { display: block; position: relative; width: 210px; font-size: 14px; color: #333192; opacity: 0.7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.sidebar .artmedia a { position: absolute; right: 0; top: -5px; }
@media screen and (max-width: 1280px) { .sidebar { display: block; position: relative; width: 100%; min-width: 300px; padding-top: 10px; margin-top: 38px; }
  .sidebar .logo { width: 100px; margin-left: 0; }
  .sidebar .logo img { width: 100%; height: auto; }
  .sidebar .sidebar__phones { width: 220px; position: absolute; top: 30px; right: 10px; margin: 0; }
  .sidebar .sidebar__nav { position: absolute; width: 300px; padding: 10px 0px; top: 10px; left: 0; right: 0; margin: 0 auto; border: none; text-align: center; }
  .sidebar .sidebar__nav li { margin: 0px 10px; padding-left: 0; padding-top: 0px; text-align: center; display: inline-block; vertical-align: top; }
  .sidebar .sidebar__nav li a { color: transparent; width: 50px; overflow: hidden; display: block; }
  .sidebar .sidebar__nav li a img { width: 35px; }
  .sidebar .sidebar__nav .perc a img { width: 30px; }
  .sidebar .sidebar__nav .shop .shop-quantily { left: 25px; }
  .sidebar .sidebar__nav .bottle a:hover, .sidebar .sidebar__nav .bottle.active a { color: transparent; }
  .sidebar .sidebar__nav .perc a:hover, .sidebar .sidebar__nav .perc.active a { color: transparent; }
  .sidebar .sidebar__nav .shop a:hover, .sidebar .sidebar__nav .shop.active a { color: transparent; }
  .sidebar .sidebar__down { position: relative; display: block; } }
@media screen and (max-width: 767px) { .sidebar { padding-top: 0px; padding-bottom: 10px; background-image: linear-gradient(#66b4e9 0%, white); }
  .sidebar .logo { margin: 0 auto; }
  .sidebar .sidebar__nav { padding: 5px 0px; width: 55px; z-index: 9999; position: fixed; top: 0; right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
  .sidebar .sidebar__nav .shop { margin-top: -5px; }
  .sidebar .sidebar__nav .bottle, .sidebar .sidebar__nav .perc { display: none; }
  .sidebar .sidebar__phones { z-index: 9999; padding-right: 25px; position: fixed; width: 205px; right: 0; left: 0; margin: 0 auto; top: 7px; padding-left: 25px; }
  .sidebar .sidebar__phones:after { right: 0px; }
  .sidebar .sidebar__phones ul { left: 10px; }
  .sidebar .sidebar__phones__open ul { max-height: 200px; } }
@media screen and (max-width: 680px) { .sidebar .sidebar__nav { margin: 0; right: 0; left: auto; top: 0px; } }
@media screen and (max-width: 480px) { .sidebar { padding-left: 0px; }
  .sidebar .logo { width: 85px; }
  .sidebar .sidebar__nav { text-align: right; padding-right: 10px; }
  .sidebar .sidebar__nav li { min-height: 35px; margin: 0px 5px; }
  .sidebar .sidebar__nav li a { width: 35px; display: block; }
  .sidebar .sidebar__nav li a img { display: block; margin: 0 auto; width: 30px; }
  .sidebar .sidebar__nav .perc a img { width: 25px; } }

.main .main__img { display: block; margin: 0 auto; margin-top: 50px; }
.main .main__block-left { color: #333192; position: absolute; left: 50%; top: 290px; width: 560px; margin-left: -700px; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.main .main__block-left ul { font-size: 22px; list-style: none; margin: 0; padding: 0; }
.main .main__block-left ul li { padding-right: 140px; position: relative; margin-bottom: 70px; opacity: 0; }
.main .main__block-left ul li:after { content: ''; width: 130px; height: 1px; display: block; background-color: #5c7ba9; position: absolute; top: 50%; right: 0; }
.main .main__block-left ul li:nth-of-type(1) { animation: text1 2s forwards; }
.main .main__block-left ul li:nth-of-type(2) { animation: text2 2s forwards; animation-delay: 0.7s; }
.main .main__block-left ul li:nth-of-type(3) { animation: text3 2s forwards; animation-delay: 1.2s; }
.main .main__block-right { width: 500px; position: absolute; top: 300px; right: 50%; margin-right: -760px; opacity: 0; animation: block 3s forwards; animation-delay: 2s; }
.main .main__block-right h1 { text-align: left; }
.main .main__block-right ul { font-size: 26px; color: #333192; }
.main .main__block-right ul li { padding-left: 30px; background-size: 20px; background-position: top 8px left; opacity: 0; }
.main .main__block-right ul li:nth-of-type(1) { animation: text4 3s forwards; animation-delay: 2s; }
.main .main__block-right ul li:nth-of-type(2) { animation: text5 3s forwards; animation-delay: 2.5s; }
.main .main__block-right ul li:nth-of-type(3) { animation: text6 3s forwards; animation-delay: 3s; }
.main .main__block-right .btn { background-image: url(../img/icon.png); background-position: left 20px top 15px; padding: 10px 35px 10px 65px; font-size: 28px; margin-top: 25px; opacity: 0; animation: btn 3s forwards; animation-delay: 3.5s; }
.main .main__block-right .btn:hover { background-image: url(../img/icon-3.png); }
@media screen and (max-width: 1650px) { .main .main__block-right { top: 220px; margin-right: -610px; width: 470px; }
  .main .main__img { width: 300px; }
  .main .main__block-left { top: 180px; width: 540px; margin-left: -630px; }
  .main .main__block-left ul li { margin-bottom: 48px; line-height: 1.2; } }
@media screen and (max-width: 1440px) { .main .main__img { width: 250px; }
  .main .main__block-left { width: 400px; top: 160px; margin-left: -480px; }
  .main .main__block-left ul li { font-size: 18px; padding-right: 80px; margin-bottom: 40px; }
  .main .main__block-left ul li:after { width: 70px; }
  .main .main__block-right { width: 380px; margin-right: -510px; top: 165px; }
  .main .main__block-right h1 { font-size: 40px; }
  .main .main__block-right ul { font-size: 22px; } }
@media screen and (max-width: 991px) { .main .main__block-right { width: 280px; margin-right: -400px; top: 145px; animation: block 0s forwards; animation-delay: 0s; opacity: 1; }
  .main .main__block-right h1 { font-size: 30px; margin-bottom: 25px; }
  .main .main__block-right ul li { line-height: 1.2; font-size: 20px; background-position: left top 2px; opacity: 1; }
  .main .main__block-right ul li:nth-of-type(1) { animation: text4 0s forwards; }
  .main .main__block-right ul li:nth-of-type(2) { animation: text5 0s forwards; animation-delay: 0s; }
  .main .main__block-right ul li:nth-of-type(3) { animation: text6 0s forwards; animation-delay: 0s; }
  .main .main__block-right .btn { padding: 5px 25px 5px 45px; background-position: left 15px top 7px; font-size: 24px; animation: btn 0s forwards; animation-delay: 0s; opacity: 1; }
  .main .main__block-left { width: 350px; top: 140px; margin-left: -425px; }
  .main .main__block-left ul li { padding-right: 50px; opacity: 1; }
  .main .main__block-left ul li:after { width: 45px; }
  .main .main__block-left ul li:nth-of-type(1) { animation: text1 0s forwards; }
  .main .main__block-left ul li:nth-of-type(2) { animation: text2 0s forwards; animation-delay: 0s; }
  .main .main__block-left ul li:nth-of-type(3) { animation: text3 0s forwards; animation-delay: 0s; } }
@media screen and (max-width: 800px) { .main .main__img { margin: 0; position: absolute; right: 0; top: 25px; width: 200px; }
  .main .main__block-right, .main .main__block-left { position: relative; left: 0; right: 0; top: 0; margin-left: 10px; margin-right: 0; margin-top: 10px; width: 80%; text-align: left; }
  .main .main__block-right .btn { margin-top: 15px; }
  .main .main__block-left ul li { padding-right: 0; margin-bottom: 10px; }
  .main .main__block-left ul li br { display: none; }
  .main .main__block-left ul li:after { display: none; } }
@media screen and (max-width: 767px) { .main .main__block-right, .main .main__block-left { width: 100%; margin: 0; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
  .main .main__img { display: none; } }

@keyframes text1 { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes text2 { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes text3 { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes block { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes text4 { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes text5 { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes text6 { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes btn { 0% { opacity: 0; }
  100% { opacity: 1; } }
/* main */
/* pages */
.pages .news1 a:hover { color: #333192; }
.pages .rev__a { text-decoration: underline; }
.pages .rev__a:hover { text-decoration: none; }
@media screen and (max-width: 480px) { .pages p strong img, .pages p img { width: 100% !important; height: auto !important; display: block !important; margin: 0 !important; } }

/* breadcrums */
.breadcrums { padding: 25px 0px; }
.breadcrums ul { list-style: none; margin: 0; padding: 0; }
.breadcrums ul li { display: inline-block; vertical-align: top; }
.breadcrums ul li:after { content: url("../img/breadcrums-arrow.png"); margin: 0px 5px; margin-top: 0px; display: inline-block; vertical-align: top; }
.breadcrums ul li a { font-size: 16px; color: #333192; padding: 0px; }
.breadcrums ul li a:hover { text-decoration: underline; }
.breadcrums ul li:last-of-type:after { display: none; }
@media screen and (max-width: 1650px) { .breadcrums .container { width: 100%; } }
@media screen and (max-width: 767px) { .breadcrums { padding: 10px 0px; } }

/* breadcrums */
/* page about */
.pages__nav .pages__nav__btn { display: none; }
@media screen and (max-width: 767px) { .pages__nav .pages__nav__btn { display: block; font-size: 20px; color: #333192; padding: 5px 20px; background: #72baea; } }

.about__nav { padding: 20px 0px; text-align: center; }
.about__nav ul { list-style: none; margin: 0; padding: 0; }
.about__nav ul li { margin: 0px 10px 10px 10px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.5); border-radius: 20px; overflow: hidden; display: inline-block; vertical-align: top; }
.about__nav ul li a { display: block; font-size: 20px; color: #333192; padding: 5px 20px; background: linear-gradient(to right, #fff, #fff); }
.about__nav ul li a:hover { background: linear-gradient(to right, #343695 20%, #62afe7); color: #fff; }
.about__nav ul .active a { background: linear-gradient(to right, #343695 20%, #62afe7); color: #fff; }
@media screen and (max-width: 767px) { .about__nav { padding: 5px 0px; }
  .about__nav ul li { display: block; border-radius: 0px; }
  .about__nav ul li a { width: 100%; } }

.about__list { margin: 0px 0px 15px 0px; text-align: center; }
.about__list ul { list-style: none; margin: 0; padding: 0; }
.about__list ul li { margin: 0px 15px; display: inline-block; vertical-align: top; }
.about__list ul li a { color: #333192; display: block; }
.about__list ul li a:hover { text-decoration: underline; }
.about__list ul .active a { text-decoration: underline; }
@media screen and (max-width: 767px) { .about__list ul li { display: block; width: 100%; } }

.slider, .catalog__slider { width: 100%; margin: 0 auto; margin-top: 25px; margin-bottom: 25px; }
.slider p, .catalog__slider p { margin-top: 15px; }
.slider iframe, .catalog__slider iframe, .slider img, .catalog__slider img { display: block; margin: 0 auto; }
.slider .slick-arrow, .catalog__slider .slick-arrow { width: 50px; height: 50px; background: #fff url(../svg/next.svg) no-repeat center center; background-size: 20px; border-radius: 100%; z-index: 1; margin-top: -65px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.slider .slick-arrow:before, .catalog__slider .slick-arrow:before { display: none; }
.slider .slick-arrow:hover, .catalog__slider .slick-arrow:hover { opacity: 0.7; }
.slider .slick-prev, .catalog__slider .slick-prev { left: -60px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.slider .slick-next, .catalog__slider .slick-next { right: -60px; }
@media screen and (max-width: 1170px) { .slider img, .catalog__slider img { width: 100% !important; height: auto; }
  .slider iframe, .catalog__slider iframe { width: 100% !important; } }
@media screen and (max-width: 991px) { .slider, .catalog__slider { width: 100%; }
  .slider .slick-prev, .catalog__slider .slick-prev { left: 10px; }
  .slider .slick-next, .catalog__slider .slick-next { right: 10px; }
  .slider iframe, .catalog__slider iframe { height: auto !important; } }
@media screen and (max-width: 767px) { .slider .slick-prev, .catalog__slider .slick-prev { left: 0px; width: 35px; height: 35px; display: none !important; }
  .slider .slick-next, .catalog__slider .slick-next { right: 0px; width: 35px; height: 35px; display: none !important; } }

/* page about*/
/* page catalog*/
.catalog_nav { text-align: left; padding-left: 50px; }
@media screen and (max-width: 1280px) { .catalog_nav { padding-left: 0px; } }

.catalog__slider { width: 1120px; text-align: center; }
.catalog__slider .slick-slide { margin: 0px 15px; }
.catalog__slider .catalog__slider__img { position: relative; display: block; }
.catalog__slider .catalog__slider__img .stiker { width: 50px; height: 50px; background-repeat: no-repeat; font-size: 13px; text-transform: uppercase; color: #fff; position: absolute; top: 25px; right: 0; padding-top: 15px; text-align: center; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.catalog__slider .catalog__slider__img .stiker-1 { top: 85px; }
.catalog__slider .catalog__slider__img .red { background-image: url(../img/shares-1.png); }
.catalog__slider .catalog__slider__img .green { background-image: url(../img/shares-2.png); }
.catalog__slider .catalog__slider__img .catalog__slider__img__text { position: absolute; width: 90%; left: 0; right: 0; top: 125px; background-color: rgba(255, 255, 255, 0.7); border-radius: 10px; margin: 0 auto; padding: 10px; opacity: 0; -webkit-transition: 200ms; -moz-transition: 200ms; -ms-transition: 200ms; -o-transition: 200ms; transition: 200ms; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.catalog__slider .catalog__slider__img .catalog__slider__img__text:after { content: ''; display: block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid rgba(255, 255, 255, 0.7); position: absolute; top: -15px; left: 0; right: 0; margin: 0 auto; }
.catalog__slider .catalog__slider__img:hover .catalog__slider__img__text { opacity: 1; }
.catalog__slider .catalog__slider__old-price { font-size: 18px; position: relative; font-family: "Conv_CALIBRIB_0"; margin-top: 2px; display: inline-block; vertical-align: top; }
.catalog__slider .catalog__slider__old-price:after { content: ''; position: absolute; width: 100%; height: 1px; background-color: #545454; display: block; top: 50%; left: 0; }
.catalog__slider .btn { margin: 0 auto; display: table; }
.catalog__slider .btn:hover { background-image: url(../img/icon-3.png) !important; }
.catalog__slider .catalog__slider__price { font-size: 20px; font-family: "Conv_CALIBRIB_0"; color: #333192; margin: 0px 10px; display: inline-block; vertical-align: top; }
.catalog__slider .catalog__slider__row { padding: 15px 0px; }
@media screen and (max-width: 1650px) { .catalog__slider { width: 100%; margin: 0px; } }

.catalog__slider__quantity { margin-bottom: 5px; display: inline-block; vertical-align: top; }
.catalog__slider__quantity input { height: 40px; width: 40px; border: 1px solid #738089; color: #545454; text-align: center; outline: none; background-color: transparent; display: inline-block; vertical-align: top; }
.catalog__slider__quantity button { line-height: 1; font-size: 20px; width: 30px; height: 40px; border: none; outline: none; background-color: transparent; display: inline-block; vertical-align: top; }

.btn { font-size: 16px; margin-top: 0px; padding: 7px 15px 7px 40px; display: inline-block; vertical-align: top; }

/* page catalog*/
/* page good */
.good__slider-for { overflow: hidden; border: 1px solid #c9d9e2; padding: 10px; max-height: 275px; }
.good__slider-for .slick-slide { overflow: hidden; cursor: pointer; }
.good__slider-for img { margin: 0 auto; width: auto; height: 250px; }

.good__slider-nav { margin-top: 15px; }
.good__slider-nav .slick-slide { border: 1px solid transparent; cursor: pointer; margin: 0px 15px; -webkit-transition: 250ms; -moz-transition: 250ms; -ms-transition: 250ms; -o-transition: 250ms; transition: 250ms; }
.good__slider-nav .slick-slide img { margin: 0 auto; }
.good__slider-nav .slick-slide:hover { border: 1px solid #333192; }
.good__slider-nav .slick-current { border: 1px solid #333192; }
.good__slider-nav .slick-arrow { width: 15px; height: 25px; background: url(../svg/next.svg) no-repeat center center; background-size: contain; margin-top: -12px; z-index: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.good__slider-nav .slick-arrow:hover { opacity: 0.7; }
.good__slider-nav .slick-arrow:before { display: none; }
.good__slider-nav .slick-prev { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
@media screen and (max-width: 767px) { .good__slider-nav .slick-prev { left: 0; }
  .good__slider-nav .slick-next { right: 0; } }

.catalog__slider-goods { margin-top: 50px; }

.goods-right { padding-left: 30px; }
.goods-right .goods__price { font-size: 24px; font-family: "Conv_CALIBRIB_0"; color: #333192; padding: 5px 0px; display: inline-block; vertical-align: top; }
.goods-right .goods__quantity { float: right; }
.goods-right .goods__info { margin-top: 25px; }
.goods-right .goods__info .goods__table { width: 100%; margin-bottom: 15px; }
.goods-right .goods__info .goods__table td { padding-right: 15px; }
.goods-right .goods__info .instruction { color: #333192; border-bottom: 1px dashed #2f373a; }
.goods-right .goods__info .instruction:hover { border-bottom: 1px solid transparent; }
@media screen and (max-width: 767px) { .goods-right { padding-left: 15px; margin-top: 15px; } }

.goods-h4 { text-align: center; color: #333192; margin-top: 25px; }

/* page good */
/* page cart */
.table__cart { width: 100%; border-collapse: collapse; }
.table__cart .cart__head-name { width: 50%; }
.table__cart .cart__head-quantity, .table__cart .cart__head-price, .table__cart .table__cart__quantity, .table__cart .table__cart__price { width: 15%; text-align: center; }
.table__cart .cart__head-our-price { width: 20%; position: relative; }
.table__cart .table__cart__name a { width: 75px; padding-right: 10px; display: table-cell; vertical-align: middle; }
.table__cart .table__cart__name a img { width: 100%; }
.table__cart .table__cart__name p { display: table-cell; vertical-align: middle; width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); width: calc(100% - 110px); }
.table__cart .table__cart__head { background-color: #333192; color: #fff; }
.table__cart tr { position: relative; border-bottom: 1px solid #96acd9; }
.table__cart tr:last-of-type { border-bottom: none; }
.table__cart td, .table__cart th { padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.table__cart .table__cart__price p, .table__cart .table__cart__our-price p { color: #333192; font-size: 20px; }
.table__cart .table__cart__our-price { padding-right: 50px; position: relative; }
.table__cart .cart__close { display: block; width: 20px; height: 20px; background: url(../svg/cancel.svg) no-repeat center center; background-size: contain; position: absolute; right: 15px; top: 50%; margin-top: -11px; }
.table__cart .table__cart__total { text-align: right; color: #ff581a; font-size: 20px; }
@media screen and (max-width: 991px) { .table__cart .cart__head-name { width: 40%; }
  .table__cart .cart__head-quantity { width: 25%; }
  .table__cart .cart__head-our-price { width: 25%; } }
@media screen and (max-width: 640px) { .table__cart tr { display: block; }
  .table__cart .table__cart__head { display: none; }
  .table__cart .table__cart__name { display: block; padding: 0px; width: 100%; padding-right: 150px; }
  .table__cart .table__cart__quantity, .table__cart .table__cart__price { width: 150px; display: block; padding: 0; position: absolute; top: 10px; right: 10px; }
  .table__cart .table__cart__price { top: 75px; }
  .table__cart .table__cart__our-price { position: initial; }
  .table__cart .cart__close { position: absolute; right: 0; top: 30px; } }

.cart__row-btn { padding: 15px 0px; text-align: center; }
.cart__row-btn a { margin: 0px 15px; display: inline-block; vertical-align: top; }
.cart__row-btn .back { border-bottom: 1px dashed #333192; color: #333192; margin-top: 5px; }
.cart__row-btn .back:hover { border: none; font-size: 18px; }
.cart__row-btn .btn:hover { background-image: url(../img/icon-2.png) !important; }
@media screen and (max-width: 480px) { .cart__row-btn .back { margin-bottom: 15px; } }

/* page cart */
/* page order */
.order__col { padding-right: 35px; border-right: 1px solid #b0b8dc; }

.order__text-orange { color: #ff581a; line-height: 1; }

.order__form { font-family: "Conv_CALIBRI_0"; font-weight: normal; color: #545454; font-size: 18px; }
.order__form .order__form__hide { display: none; }
.order__form .order__input { width: 100%; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.order__form .half { width: 49%; margin-bottom: 15px; display: inline-block; vertical-align: top; }
.order__form .right { float: right; }
.order__form .large { width: 73%; display: inline-block; vertical-align: top; }
.order__form .small { width: 25%; display: inline-block; vertical-align: top; }
.order__form input, .order__form textarea { font-size: 16px; }
.order__form textarea { width: 100%; }
.order__form h5 { color: #333192; font-family: "Conv_CALIBRIB_0"; }
.order__form .order__form__left { width: 29%; margin-bottom: 15px; display: inline-block; vertical-align: top; }
.order__form .order__form__right { width: 70%; margin-bottom: 15px; display: inline-block; vertical-align: top; }
.order__form .order__form__right .large { width: 72%; }
.order__form .order__form__right .half { width: 48%; }
.order__form .order__form__right label { color: #545454; display: block; margin-bottom: 7px; font-weight: normal; }
.order__form .order__price { color: #333192; font-size: 20px; text-transform: uppercase; }
.order__form .btn { margin-top: 35px; }
.order__form .btn:hover { background-image: url(../img/icon-1.png) !important; }
.order__form .modal-dialog .modal-content { max-width: 540px; padding: 25px; margin: 0 auto; border-radius: 0px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.order__form .modal-dialog img { width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.order__form .modal-dialog .btn { width: 20px; height: 20px; background: url(../svg/cancel.svg) no-repeat center center; background-size: contain; padding: 0; position: absolute; top: 10px; right: 10px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 480px) { .order__form .half, .order__form .large, .order__form .small { width: 100% !important; display: block !important; }
  .order__form .right { float: none; }
  .order__form .order__form__left, .order__form .order__form__right { width: 100%; }
  .order__form .btn { margin-top: 15px; margin-bottom: 15px; } }

.necessarily { position: relative; overflow: hidden; margin-bottom: 15px; }
.necessarily input { margin-bottom: 0px !important; }

.delivery__col label { padding-left: 25px; cursor: pointer; vertical-align: top; display: block; margin-bottom: 15px; background: url(../img/check.jpg) no-repeat top 2px left; line-height: 1; color: #333192; font-family: "Conv_CALIBRI_0"; }
.delivery__col input[type=radio], .delivery__col input[type=checkbox] { display: none; color: #898989; cursor: pointer; }
.delivery__col input[type=radio]:checked + .delivery, .delivery__col input[type=checkbox]:checked + .delivery { background: url(../img/check-active.jpg) no-repeat top 2px left; }

.delivery__col-down label { color: #545454; }

.delivery__col-radio label { padding-left: 25px; cursor: pointer; vertical-align: top; display: block; margin-bottom: 15px; background: url(../img/radio.png) no-repeat top 2px left; line-height: 1; color: #333192; font-family: "Conv_CALIBRI_0"; }
.delivery__col-radio input[type=radio], .delivery__col-radio input[type=checkbox] { display: none; color: #898989; cursor: pointer; }
.delivery__col-radio input[type=radio]:checked + .delivery-radio, .delivery__col-radio input[type=checkbox]:checked + .delivery-radio { background: url(../img/radio-active.png) no-repeat top 2px left; }
.delivery__col-radio .delivery-radio { margin-right: 25px; display: inline-block; vertical-align: top; }

.order__col-right { padding-left: 35px; position: relative; }
.order__col-right .option { position: absolute; right: 0; top: 5px; color: #333192; }
.order__col-right h3 { margin-top: 0px; }
.order__col-right .order__col-right__table { width: 100%; border-collapse: collapse; }
.order__col-right .order__col-right__table tr { border-bottom: 1px solid #b0b8dc; }
.order__col-right .order__col-right__table .order__col-right__table__name { width: 60%; }
.order__col-right .order__col-right__table .order__col-right__table__name .order__col-right__table__img { display: table-cell; width: 85px; padding-right: 15px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.order__col-right .order__col-right__table .order__col-right__table__name .order__col-right__table__img img { width: 100%; }
.order__col-right .order__col-right__table .order__col-right__table__name p { display: table-cell; vertical-align: middle; width: -webkit-calc(100% - 90px); width: -moz-calc(100% - 90px); width: calc(100% - 90px); }
.order__col-right .order__col-right__table .order__col-right__table__quantity { width: 20%; text-align: center; }
.order__col-right .order__col-right__table .order__col-right__table__price { width: 20%; text-align: right; color: #333192; font-size: 20px; }
@media screen and (max-width: 767px) { .order__col-right { display: none; } }

/* page order */
/* page reviews */
#ask-form { float: none !important; display: table; }
#ask-form .row { margin: 0px; }
#ask-form .row input, #ask-form .row textarea { font-size: 16px !important; padding: 5px 15px !important; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
#ask-form .row .title { font-size: 16px !important; }
#ask-form .btn { padding: 5px 25px 5px 50px !important; }
#ask-form .btn:hover { background-image: url(../img/icon-4.png); }
@media screen and (max-width: 767px) { #ask-form { padding: 5px !important; } }
@media screen and (max-width: 380px) { #ask-form { margin-top: 0px !important; transform-origin: 0 100%; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
  #ask-form .g-recaptcha { transform-origin: 0 100%; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } }

/* page reviews */
/* page contacts */
.contacts { padding-bottom: 0px; }

.contacts__list { list-style: none; margin: 0; padding: 0; }
.contacts__list li { display: block; margin-bottom: 10px; }
.contacts__list li a { display: block; }
.contacts__list .contacts__list__add { padding-left: 25px; position: relative; }
.contacts__list .contacts__list__add i { font-size: 16px; color: #333192; position: absolute; left: 0; top: 5px; }
.contacts__list .contacts__list__phones a { padding-left: 25px; position: relative; }
.contacts__list .contacts__list__phones a i { font-size: 18px; color: #333192; position: absolute; left: 0; top: 2px; }
.contacts__list .contacts__list__email a { padding-left: 25px; position: relative; }
.contacts__list .contacts__list__email a i { font-size: 16px; color: #333192; position: absolute; left: 0; top: 3px; }

.contacts__socials { border-top: 1px solid #82bbd5; list-style: none; margin: 0; padding: 0; margin-top: 35px; padding-top: 35px; }
.contacts__socials li { height: auto; margin-right: 10px; display: inline-block; vertical-align: top; }
.contacts__socials li a { display: block; }
.contacts__socials li a i { font-size: 25px; color: #333192; }
.contacts__socials li img { width: 100%; }
@media screen and (max-width: 767px) { .contacts__socials { margin-top: 15px; padding-top: 15px; margin-bottom: 10px; } }

.contacts__form { padding-bottom: 75px; }
.contacts__form .g-recaptcha { float: left; }
.contacts__form .btn { float: right; margin-top: 25px; }
.contacts__form .btn:hover { background-image: url(../img/icon-2.png) !important; }

.contacts__form__last-text { font-family: "Conv_CALIBRIB_0"; font-size: 18px; margin-top: 15px; }
.contacts__form__last-text strong { color: #ff581a; text-transform: uppercase; }

.map { margin-top: 50px; }
.map iframe { width: 100% !important; height: 272px !important; display: block; }

/* page contacts */
/* pages */
footer .sidebar__social { text-align: center; }
footer .sidebar__social li { margin: 0px 15px; display: inline-block; vertical-align: top; }
footer .sidebar__social li a { display: block; width: 40px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
footer .sidebar__social li a img { width: 100%; height: auto; }
@media screen and (max-width: 1280px) { footer { background-color: #66b4e9; text-align: center; padding-top: 25px; }
  footer ul { list-style: none; margin: 0; padding: 0; }
  footer .sidebar__down { padding-top: 15px; } }
@media screen and (max-width: 767px) { footer { padding-top: 10px; }
  footer .logo-2 { display: block; width: 175px; margin: 0 auto; }
  footer .logo-2 img { width: 100%; height: auto; }
  footer .sidebar__down { padding-top: 5px; }
  footer .sidebar__down p { margin-bottom: 2px; } }