.content .products {
width:calc(100% - 252px);
}
.crypton-wrapper {
width:100%;
padding:20px 20px;
max-width:100%;
}
.crypton-head-wrapper {
width:100%;
position: relative;
min-height:380px;
background: url(//monsari.ru/wp-content/themes/summer/static/images/crypton/crypton-bg1.jpg) no-repeat center center / contain;
display:flex;
z-index:1;
}
.crypton-head-inside {
padding:20px;
display:flex;
width:100%;
}
.crypton-main-bg {
position:absolute;
z-index:-1;
height: 100%;
max-width: 100%;
width:100%;
object-fit: contain;
}
.crypton-head-left, .crypton-head-right{
width:50%;
}
.crypton-head-right img {
height: 100%;
max-width: 100%;
object-fit: contain;
}
.crypton-head-left {
padding:0 10px 0 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-direction: normal;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.head-logo {
max-height:36px;
width:157px;
}
.head-title {
font-size:32px;
font-weight:600;
color:#FCFCFC;
max-width:315px;
margin:45px 0 15px 0;
padding-left:12px;
}
.head-blocks-mob {
display:none;
}
.crypton-head-left p {
line-height: 120%;
font-size:16px;
color:#FCFCFC;
padding-left:12px;
max-width: 252px;
}
.more-crypton {
color:#fcfcfc;
font-size:16px;
line-height: 120%;
padding-left:12px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-top:auto;
cursor: pointer;
}
.more-crypton:before {
content:'';
display:inline-block;
width:48px;
height:48px;
background:url(//monsari.ru/wp-content/themes/summer/static/images/crypton/btn.svg) no-repeat center center / contain;
margin-right: 11px;
}
.crypton-section-wrapper {
padding:40px 0;
width:100%;
#display: flex;
}
.cr-benefits-info {
padding:0 20px 0 0;
}
.cr-title {
color:#4D63AA;
font-size:18px;
font-family: 'GothamProMedium';
}
.cr-title.quize {
font-size:22px;
text-align:center;
width:100%;
margin-bottom:22px;
}
.cr-benefits-info, .cr-benefits-slider-wrapper {
width:50%;
}
.cr-benefits-slider-wrapper {
#display:block;
}
.cr-benefits-slider.swiper {
width:100%;
}
.ben-slide img {
display:block;
margin:auto;
} .cr-about-wrapper {
width:100%;
gap:14px 14px;
}
.cr-about-item {
width:calc((100% - 28px) / 3);
padding: 20px 10px;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-direction: normal;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background: #F2F4FA;
border-radius:20px;
}
.cr-about-mainitem {
padding: 20px 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background: #F2F4FA;
border-radius:20px;
margin-bottom:14px;
}
.mainitem-left, .mainitem-right {
width:50%;
}
.mainitem-left {
padding-right:10px;
}
.cr-about-mainitem img {
display:block;
margin:auto;
}
.cr-about-item p, .cr-about-mainitem p {
font-size:14px;
color:#2B2B2A;
line-height:120%;
}
.cr-about-item p {
margin-bottom:20px;
}
.cr-about-item .item-title, .cr-about-mainitem .item-title {
font-weight:600;
line-height:120%;
color:#2B2B2A;
margin-bottom:10px;
}
.cr-title.about {
margin-bottom:23px;
}
.cr-about-wrapper img {
border-radius:20px;
width:100%;
height:auto;
display:block;
margin-top:auto;
max-height:197px;
}
.cr-benefits-slider-navigation {
display: block;
text-align: center;
margin:16px auto 0 auto;
}
.cr-benefits-slider-navigation .slider-prev, .cr-benefits-slider-navigation .slider-next {
cursor: pointer;
width: 32px;
height: 32px;
display: inline-block;
background: white;
position: relative;
border-radius: 8px;
border:1px solid #1A1A1A;
}
.cr-benefits-slider-navigation .slider-prev::before, .cr-benefits-slider-navigation .slider-next::before {
content: '';
position: absolute;
width: 16px;
height: 16px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto; }
.cr-benefits-slider-navigation .slider-prev::before {
background: url(//monsari.ru/wp-content/themes/summer/static/images/crypton/arrow-left.svg) no-repeat center center/contain; }
.cr-benefits-slider-navigation .slider-next::before {
background: url(//monsari.ru/wp-content/themes/summer/static/images/crypton/arrow-right.svg) no-repeat center center/contain; }
.window-desc li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-size:14px;
}
.crypton-wrapper .cr-benefits-info .window-desc {
margin:12px 0;
}
.window-desc li:before {
content:'';
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width:8px;
height:8px;
margin-top:5px;
margin-right:20px;
flex-shrink: 0;
background: url(//monsari.ru/wp-content/themes/summer/static/images/crypton/pseudo.svg) no-repeat center center/contain;
}
.window-desc li:not(:last-child) {
margin-bottom:12px;
}
.crypto-video-block {
border-radius:12px;
background: #F2F4F8;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding:12px 27px 12px 10px;
max-width:350px;
}
.crypto-video-block .gallery--play {
margin:0 15px 0 0;
}
.crypto-video-block .video__play {
border:none;
width:46px;
height:46px;
}
.crypto-video-block .gallery--play img {
width:46px;
height:46px;
max-width:none;
}
.crypton-video-desc {
font-size:14px;
color:#4D63AA;
line-height: 115%;
} .crypto-video-block {
max-width:initial;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding:12px 10px;
}
.crypto-video-block .custom-video-block {
background:none;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
align-items: baseline;
padding:15px 0;
}
.crypton-video-desc {
margin:auto;
text-align:center;
}
@media screen and (max-width: 850px) {
.crypto-video-block .custom-video-block {
flex-direction: column;
align-items: center;
}
}
@media screen and (max-width: 768px) {
.crypto-video-block .custom-video-block {
flex-direction: row;
align-items: baseline;
}
.crypto-video-block .custom-video-el {
width:auto;
}
}
@media screen and (max-width: 400px) {
.crypto-video-block .custom-video-block::before {
display:none;
}
.crypto-video-block .custom-video-block {
transform:initial;
flex-direction:row;
padding:15px 0;
}
}  .quize-slide {
width:100%;
}
.quize-slide .hidden {
display:none!important;
}
.quize-left {
width:calc(43%);
margin-right:90px;
background: #FBFBFB;
border-radius: 20px;
padding:27px 20px;
}
.quize-left p {
margin:44px 0 10px 0;
font-family: 'GothamProMedium';
font-size:18px;
color:#2B2B2A;
}
.quize-left .price-value {
font-family: 'GothamProMedium';
color:#4D63AA;
font-size:22px;
margin-bottom:24px;
}
.quize-left img {
display:block;
margin:auto;
}
.quize-order {
color:#FBFBFB;
padding:20px 10px;
font-size:18px;
border-radius:10px;
background:#4D63AA;
border:none;
margin-top:auto;
max-width:200px;
cursor:pointer;
}
.quize-right {
width:calc(57%);
}
.quize-quest li {
cursor:pointer;
}
.quize-quest li.active {
border: 2px solid #4D63AA;
}
.quize-quest.quize-sizes li.active {
border:none;
}
.cr-quize-container {
background:#F2F4FA;
border-radius:20px;
padding:23px 11px 37px 11px;
min-height:600px;
}
.quize-gal-wrapper {width:100%; gap:4px 4px;flex-wrap:wrap;}
.quize-gal-item {
width:calc((100% - 8px) / 3);
max-height:200px;
border-radius:7px;
border:1px solid #B3B3B3;
padding:4px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-direction: normal;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.quize-gal-item img {
display:block;
margin:0 auto 0 auto;
}
.odnokam-section-wrapper .quize-gal-item img {
margin:auto;
}
.window-title {
font-family: 'GothamProMedium';
font-size:16px;
color:#4D63AA;
margin-bottom:38px;
}
.quize-slide {
position:relative;
}
.quize-slide .slide-title {
font-family: 'GothamProMedium';
font-size:18px;
color:#2B2B2A;
margin-bottom:15px;
}
.buttons-wrapper {
display:flex;
margin-top:auto;
margin-left:auto;
}
.quize-next {
font-family: 'GothamProMedium';
background: #4D63AA;
padding: 8px 20px;
color: #FBFBFB;
font-size: 16px;
border: none;
border-radius: 12px;
margin-top: auto;
margin-left:auto;
max-width:145px;
height:40px;
cursor: pointer; }
.quize-next div, .step-back div {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.quize-next div:after {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background: url(//monsari.ru/wp-content/themes/summer/static/images/crypton/arrow-narrow-right.svg) no-repeat center center/contain;
margin-left: 18px;
}
.step-back {
font-family: 'GothamProMedium';
color:#4D63AA;
background:transparent;
border:1px solid #4D63AA;
margin-right:13px;
padding:8px 10px;
height:40px;
cursor: pointer;
border-radius:12px;
}
.step-back div:before {
background: url(//monsari.ru/wp-content/themes/summer/static/images/crypton/arrow-narrow-right-blue.svg) no-repeat center center/contain;
transform: rotate(180deg);
content: '';
display: inline-block;
width: 24px;
height: 24px;
margin-left:0;
margin-right:8px;
}
.size-item {
width:120px;
color:#4D63AA;
margin-right:16px;
display: flex;
flex-shrink: 0;
margin-bottom:24px;
}
.size-item:nth-child(2n+2) {
width:calc(100% - 160px);
}
.size-item:before {
content:'';
background:url(//monsari.ru/wp-content/themes/summer/static/images/crypton/bg-stroke.svg) no-repeat center center / contain;
width:20px;
height:20px;
display: flex;
vertical-align: middle;
margin-bottom: 2px;
margin-right: 5px;
flex-shrink: 0;
}
.size-item.active:before {
background:url(//monsari.ru/wp-content/themes/summer/static/images/crypton/bg-stroke-active.svg) no-repeat center center / contain;
}
.quize-gal-wrapper.quize-sizes {
padding:0;
gap:initial;
}
.custom-size {
margin-top:auto;
width:100%;
display:none;
}
.custom-size.active {
display:block;
}
.input-label p {
font-size:14px;
color:#9AA5A9;
}
.input-label {display:block;}
.input-label:not(:last-child) {
margin-bottom:16px;
}
.input-label.has-error p {
color:#EB5757;
}
.input-label.has-error input {
border:1px solid #EB5757;
}
.quize-input {
font-size: 18px;
background: #FBFBFB;
width: 100%;
color: #2B2B2A;
height: 55px;
padding: 18px 20px;
border-radius: 12px;
margin:4px 0 4px 0;
max-width: 90%;
border: 1px solid #B3B3B3; }
textarea.quize-input {
height:82px;
}
textarea.quize-input:focus-visible, textarea.quize-input:focus, textarea.quize-input:active {
outline: none !important;
border: 1px solid #B3B3B3;
}
.quize-input.placeholder {
color: #636363;
font-size: 16px;
opacity: 0.7; }
.quize-input:-moz-placeholder {
color: #636363;
font-size: 16px;
opacity: 0.7; }
.quize-input::-moz-placeholder {
color: #636363;
font-size: 16px;
opacity: 0.7; }
.quize-input:-ms-input-placeholder {
color: #636363;
font-size: 16px;
opacity: 0.7; }
.quize-input::-webkit-input-placeholder {
color: #636363;
font-size: 16px;
opacity: 0.7; }
.glass-container {
width:100%;
}
.quize-gal-wrapper.glass{
gap:28px 4px;
}
.glass-title {
font-family: 'GothamProMedium';
font-size:14px;
color:#2B2B2A;
margin-top:4px;
}
.quize-gal-wrapper.glass li {
padding:0;
border-radius:0;
border:none;
}
.quize-gal-wrapper.glass li img {
border:1px solid #B3B3B3;
border-radius:7px;
max-height:140px;
width:100%;
height:auto;
object-fit:cover;
}
.quize-gal-wrapper.glass li.active .glass-title {
color:#4D63AA;
}
.quize-gal-wrapper.glass li.active img {
border:2px solid #4D63AA;
}
.glass-slider-navigation {
display: block;
text-align: center;
margin:25px auto 0 auto;
position: relative;
height:32px;
}
.glass.slider-prev, .glass.slider-next {
cursor: pointer;
width: 32px;
height: 32px;
display: inline-block;
position:absolute;
background: #FBFBFB;
border-radius: 8px;
}
.glass.slider-prev {
left:0;
}
.glass.slider-next {
right:0;
}
.glass.slider-prev::before, .glass.slider-next::before {
content: '';
position: absolute;
width: 6px;
height: 12px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto; }
.glass.slider-prev::before {
background: url(//monsari.ru/wp-content/themes/summer/static/images/crypton/arrow-blue-left.svg) no-repeat center center/contain; }
.glass.slider-next::before {
background: url(//monsari.ru/wp-content/themes/summer/static/images/crypton/arrow-blue-right.svg) no-repeat center center/contain; }
.quize-gal-wrapper.quize-options {
gap:16px;
}
.option-item {
width:calc((100% - 16px) / 2);
background:#FBFBFB;
border-radius:8px;
overflow: hidden;
}
.option-item.active {
border: 2px solid #4D63AA;
}
.option-item p {
margin:20px 0 10px 0;
padding:0 15px;
font-family: 'GothamProMedium';
font-size:14px;
color:#000;
line-height:105%;
}
.crystal-title, .option-item.crystal {
position:relative;
}
.option-item.crystal {
overflow:visible;
}
.crystal-title-after {
content:'';
position: absolute;
background:url(//monsari.ru/wp-content/themes/summer/static/images/crypton/info-icon.svg) no-repeat center center / contain;
width:16px;
height:16px;
top:-10px;
right:10px;
}
.crystal-popup-tab {
display:none;
background:#2B2B2A;
padding:12px 16px;
border-radius:8px;
color:#FBFBFB;
position:absolute;
top:-30px;
right:-2px;
width:275px;
}
.option-item .crystal-popup-tab p {
font-size:16px;
line-height:120%;
color:#FBFBFB;
padding:0;
font-family: inherit;
margin:8px 0 0 0;
}
.crystal-popup-link {
display:block;
color:#FBFBFB;
font-size:16px;
font-family: 'GothamProMedium';
text-decoration: underline;
}
.crystal-popup-link::before {
content:'';
margin-right: 10px;
display: inline-block;
vertical-align: middle;
background:url(//monsari.ru/wp-content/themes/summer/static/images/crypton/www-icon.svg) no-repeat center center / contain;
width:24px;
height:24px;
}
.crystal-popup-tab.active {
display:block;
cursor:initial;
}
.crystal-popup-tab.active.left {
right:initial;
left:-2px;
}
.option-item .crystal-popup-tab .crystal-close {
position:absolute;
right:10px;
top:10px;
width:16px;
height:16px;
cursor:pointer;
}
.options-img-container {
background:white;
width:100%;
}
.options-img-container img {
display:block;
margin:auto;
}
.slide-title.options {
margin-top:45px;
color:#4D63AA;
}
.quize-quest .option-item {
border: 2px solid #B3B3B3;
}
.quize-quest .option-item img {
width:100%;
height:auto;
object-fit: cover;
}
.slide-title.contact-form {
font-size:22px;
color:#4D63AA;
margin-bottom:31px;
}
.quize-input.error {
border: 2px solid red; }
.quize-custom-dots {
margin-top: 80px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position:absolute;
bottom:15px;
}
.quize-custom-dots li {
width: 8px;
height: 8px;
border-radius: 100%;
background: #B3B3B3; }
.quize-custom-dots li:not(:last-child) {
margin-right: 8px; }
.quize-custom-dots li.active {
background: #4D63AA; }
.quize-last-response {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: #F2F4FA;
z-index:1;
display:none;
}
.quize-last-response.active {
display:block;
}
.btn.quize-next.back {
position:absolute;
bottom:0;
right:0;
}
.active-window-block {
width:100%;
padding:10px;
background:#FBFBFB;
box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.30);
border-radius: 12px 12px 0px 0px;
display:none;
}
.active-window-block * {
color:#4D63AA;
font-size:16px;
font-family: 'GothamProMedium';
}
.active-window-block p {
font-size:12px;
font-family: 'GothamProRegular';
color:#2B2B2A;
}
.active-window-title {
margin-bottom:16px;
}
.active-window-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
width:100%;
}
.active-window-part {
width:auto;
}
.active-window-block .quick-order {
background:#FBFBFB;
border:1px solid #4D63AA;
padding:10px 30px;
border-radius: 10px;
}
.flexbox {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flex-col {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-direction: normal;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
} .odnokam-section-wrapper {
padding:0 0 40px 0;
}
.odnokam-section-wrapper .quize-left .price-value span {
font-size:18px;
}
.woocommerce-Price-amount .dop-nds {
font-size:14px;
}
.sizes-title {
font-size:18px;
color:#4D63AA;
margin-bottom:8px;
}
.quize-quest.quize-sizes-odnokam {
justify-content: flex-start;
gap:16px 10px;
}
.quize-quest.quize-sizes-odnokam.width {
margin-bottom:20px;
}
.quize-quest.quize-sizes-odnokam li {
width:calc((100% - 40px) / 5);
margin:0;
justify-content: center;
}
.quize-quest.quize-sizes-odnokam li span {
color:#2B2B2A;
font-size:14px;
text-align:center;
padding:4px 8px;
cursor:pointer;
}
.quize-quest.quize-sizes-odnokam li.active span {
color:white;
background: #4D63AA;
font-size:14px;
text-align:center;
padding:4px 8px;
}
.quize-quest.quize-sizes-odnokam li:before {
content:initial;
}
.quize-quest.quize-sizes-odnokam li.active {
border:none;
}
.product-result {
display:none;
}
.product-result.active {
display:block;
}
.result-notfound {
display:none;
}
.result-notfound.active {
display:block;
}
.window-result .product_title {
text-align:left;
}
.window-result .founded-img {
max-width: 200px;
margin-top: -30px;
margin-bottom: 10px;
}
.product-result p.price {
font-size: 24px;
color: #4d63aa;
font-family: "GothamProMedium", sans-serif;
margin-top: 37px;
}
div.product-result .ordering del {
color: #4d63aa;
opacity: 0.5;
font-size: 14px;
}
@media screen and (max-width:1120px) {
.crypton-head-wrapper {
min-height:initial;
border-radius:20px;
background: url(//monsari.ru/wp-content/themes/summer/static/images/crypton/crypton-bg1.jpg) no-repeat center center / cover;
padding:20px 5px 20px 10px;
}
.crypton-head-left {
margin:0;
}
.crypton-head-inside {
padding:0;
}
.head-title {
font-size:28px;
margin: 35px 0 15px 0;
}
}
@media screen and (max-width:1040px) {
.head-title {
font-size:24px;
}
}
@media screen and (max-width:991px) {
.cr-about-item p, .cr-about-mainitem p {
font-size:13px;
}
.head-title {
font-size:22px;
}
.head-logo {
width:120px;
}
.quize-left {
margin-right:10px;
}
.quize-order {
padding:16px 20px;
}
.quize-order, .quick-order {
cursor:pointer;
}
.size-item {
margin-right:0;
}
.size-item:nth-child(2n+2) {
width: calc(100% - 120px);
}
.option-item p {
margin: 12px 0 8px 0;
padding: 0 10px;
}
}
@media screen and (max-width:942px) {
.crypton-head-left p {
font-size:14px;
margin-bottom:10px;
}
.window-desc li {
font-size:12px;
}
.window-desc li:not(:last-child) {
margin-bottom:8px;
}
.cr-title {
font-size:16px;
}
.head-title {
font-size:18px;
}
.more-crypton:before {
width:34px;
height:34px
}
.more-crypton {
font-size:14px;
}
}
@media screen and (max-width:850px) {
.cr-about-item p, .cr-about-mainitem p {
font-size:12px;
}
.cr-about-item .item-title, .cr-about-mainitem .item-title {
font-size:15px;
}
.head-title {
margin: 25px 0 10px 0;
}
.option-item p {
font-size:12px;
}
}
@media screen and (max-width: 820px) {
.crypto-video-block .gallery--play {
position:static;
}
}
@media screen and (max-width:768px) {
.content .products {
width:calc(100%);
}
.window-desc li {
font-size:14px;
}
.window-desc li:not(:last-child) {
margin-bottom:12px;
}
.cr-title {
font-size:18px;
}
.cr-about-item p, .cr-about-mainitem p {
font-size:14px;
}
.crypton-wrapper {
padding:20px 0;
}
.cr-about-item .item-title, .cr-about-mainitem .item-title {
font-size:16px;
}
.head-title {
font-size:28px;
margin: 35px 0 15px 0;
}
.head-logo {
width:140px;
}
.quize-left {
margin-right:90px;
}
.size-item {
margin-right:16px;
}
.size-item:nth-child(2n+2) {
width: calc(100% - 136px);
margin-right: 0;
}
.option-item p {
font-size:14px;
padding:0 15px;
margin: 20px 0 10px 0;
}
.crypto-video-block .gallery--play {
display:block;
}
}
@media screen and (max-width:690px) {
.odnokam-section-wrapper .quize-left {
margin-right: 10px;
}
}
@media screen and (max-width:640px) {
.head-title {
font-size: 24px;
margin: 20px 0 10px 0;
}
.quize-left {
margin-right:10px;
}
.slide-title.options {
font-size:16px;
}
.option-item p {
font-size:14px;
padding:0 10px;
margin: 16px 0 8px 0;
}
.crystal-title-after {
top:-12px;
right:2px;
}
.quize-input {
max-width:100%;
}
}
@media screen and (max-width:575px) {
.cr-about-item p, .cr-about-mainitem p {
font-size:13px;
}
.cr-about-item .item-title, .cr-about-mainitem .item-title {
font-size:15px;
}
.head-logo {
width:120px;
}
.head-title {
font-size: 18px;
}
.crypton-head-wrapper {
padding:10px 5px 10px 10px;
}
.window-desc li {
font-size:12px;
}
.window-desc li:not(:last-child) {
margin-bottom:8px;
}
.cr-title {
font-size:16px;
}
.quize-left {
display:none;
}
.quize-right {
width:100%;
}
.crypton-section-wrapper {
flex-wrap:wrap;
}
.cr-benefits-info, .cr-benefits-slider-wrapper {
width:100%;
}
.cr-benefits-info {
padding:0;
margin-bottom:20px;
}
.window-desc li {
font-size: 14px;
}
.cr-title.quize {
margin-bottom:16px;
font-size:18px;
}
.cr-title.about {
font-size:16px;
margin-bottom:12px;
}
.glass-container .quize-slide .slide-title {
font-size:16px;
}
.quize-gal-wrapper.glass li {
width: calc((100% - 8px) / 3);
}
.quize-gal-wrapper.glass li img {
heigth:100%;
width:auto;
max-height:130px;
}
.glass-title {
text-align:center;
}
.quize-gal-wrapper.glass {
gap: 12px 4px;
}
.glass-slider-navigation {
margin:15px auto;
}
.term-crypton .content .container.woocommerce {
padding:0;
}
.crypton-container {
padding:0 10px
}
.crypton-container.quize {
padding:0;
}
.active-window-block.pseudo.active {
display:block;
position:fixed;
bottom:0;
z-index:1;
}
.active-window-block.pseudo.active .active-window-title {
font-size:14px;
}
.active-window-block.quize.active {
display:block;
transform: translateY(-15px);
}
.input-label:not(:last-child) {
margin-bottom: 10px;
}
.input-label {
font-size:14px;
}
.quize-input {
padding:12px 20px;
}
.slide-title.options {
margin:20px 0 10px 0;
}
.cr-quize-container {
min-height:initial;
}
textarea.quize-input {
margin-bottom:20px;
}
.quize-slider .quize-gal-wrapper.quize-options {
margin-bottom:16px;
}
.crypto-video-block {
max-width:none;
padding:12px 10px;
}
}
@media screen and (max-width:520px) {
.cr-about-wrapper {
flex-wrap: wrap;
}
.cr-about-item, .cr-about-mainitem {
width:100%;
}
.cr-about-item p, .cr-about-mainitem p {
font-size:14px;
}
.cr-about-wrapper img {
object-fit: cover;
-o-object-fit: cover;
max-height:230px;
}
.cr-about-item .item-title, .cr-about-mainitem .item-title {
font-size:16px;
}
}
@media screen and (max-width:460px) {
.window-desc li {
font-size:14px;
}
.window-desc li:not(:last-child) {
margin-bottom:12px;
}
.cr-title {
font-size:18px;
}
.mainitem-left, .mainitem-right {
width:100%;
}
.mainitem-left {
padding-right:0;
margin-bottom:16px;
}
.cr-about-mainitem {
flex-wrap:wrap;
}
.crypton-head-right {
display:none;
}
.head-blocks-mob {
display:block;
margin:20px auto 20px auto;
}
.crypton-head-left {
width:100%;
}
.head-title {
font-size: 20px;
}
.option-item p {
font-size:12px;
}
.odnokam-section-wrapper .quize-gal-item img {
max-height:100%;
}
.odnokam-section-wrapper .quize-gal-item {
width: calc((100% - 8px) / 2);
}
.odnokam-section-wrapper .quize-quest.windows {
margin-bottom:12px;
}
}
@media screen and (max-width:360px) {
.quize-next, .step-back {
padding:8px 8px;
}
.quize-next div:after {
margin-left:10px;
}
}