@charset 'UTF-8';
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//monsari.ru/wp-content/plugins/contact-form-7/assets/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row;padding:0}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;padding:0;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex-basis:auto!important;width:auto;height:auto;margin:0 .3125em;padding:0}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-no-transition{transition:none!important}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center;padding:0 1.8em}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0;padding:0 1.6em}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#3085d6 transparent #3085d6 transparent}.swal2-styled{margin:.3125em;padding:.625em 2em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dd6b55;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;height:.25em;overflow:hidden;border-bottom-right-radius:.3125em;border-bottom-left-radius:.3125em}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;align-items:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:0;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0 0em;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::-ms-input-placeholder,.swal2-input::-ms-input-placeholder,.swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{align-items:center;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#3085d6}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;width:2.5em;height:.4em;margin:0 -1px;background:#3085d6}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}
 body,
html {
height: 100%;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
font-size: 16px
}
body {
margin: 0;
font-family: 'GothamProRegular', Arial, sans-serif
}
body.not-scroll {
height: 100%; overflow-y: hidden;
padding: 0 calc(18px - (100vw - 100%)) 0 0;
}
h1 {
font-size: 24px;
padding-bottom: 50px;
text-align: center;
color: #4d63aa;
font-family: "GothamProMedium", sans-serif;
}
hr {
overflow: visible;
box-sizing: content-box;
height: 0
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
text-decoration: none
}
abbr[title] {
text-decoration: underline dotted;
border-bottom: none;
-webkit-text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
.woocommerce-product-details__short-description strong{
font-family: 'GothamProBolder', Arial, sans-serif;
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
display: table;
max-width: 100%;
white-space: normal;
color: inherit
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio],
legend {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
.agree {
display: none;
}
.wpcf7-form-control-wrap.acceptance-279,
.wpcf7-form-control-wrap.acceptance-15 {
position: absolute;
}
summary {
display: list-item
}
.slick-slide.slick-loading img,
[hidden],
template {
display: none
}
.slick-list,
.slick-slider {
position: relative;
display: block
}
.slick-slider {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-right: auto;
margin-left: auto
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-dots li.slick-active button:after,
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
@font-face {
font-family: 'GothamProMedium';
font-style: normal;
src: url(//monsari.ru/wp-content/themes/summer/static/fonts/GothamProMedium/GothamProMedium.woff2) format('woff2');
src: url(//monsari.ru/wp-content/themes/summer/static/fonts/GothamProMedium/GothamProMedium.woff) format('woff');
font-display:swap;
}
@font-face {
font-family: 'GothamProRegular';
font-style: normal;
src: url(//monsari.ru/wp-content/themes/summer/static/fonts/GothamProRegular/GothamProRegular.woff2) format('woff2');
src: url(//monsari.ru/wp-content/themes/summer/static/fonts/GothamProRegular/GothamProRegular.woff) format('woff');
font-display:swap;
}
@font-face {
font-family: 'GothamProBold';
font-style: normal;
src: url(//monsari.ru/wp-content/themes/summer/static/fonts/GothamProBold/GothamProBold.woff2) format('woff2');
src: url(//monsari.ru/wp-content/themes/summer/static/fonts/GothamProBold/GothamProBold.woff) format('woff');
font-display:swap;
}
.hidden {
overflow: hidden;
}
.wrapper {
display: flex;
flex-direction: column;
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ul {
margin: 0
}
li,
ul {
padding: 0;
list-style-type: none
}
audio,
canvas,
iframe,
img,
svg,
textarea,
video {
vertical-align: middle
}
textarea {
resize: none
}
section {
position: relative
}
button,
input,
select {
outline: 0
}
*,
:after,
:before {
box-sizing: border-box
}
.content {
padding-top: 94px;
background-color: #fff;
flex: 1 0 auto
}
.content-area {
padding-top: 170px;
}
@media screen and (max-width: 1100px) {
.content {
padding-top: 93px
}
.yak_youtube_button {
left: 55px !important;
}
}
@media screen and (max-width: 880px) {
.content {
padding-top: 98px;
}
}
.container {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0 15px;
position: relative;
}
footer {
padding: 50px 0 20px 0;
flex: 0 0 auto;
}
.catalog-template-default footer {
padding: 10px 0 20px 0;
flex: 0 0 auto;
}
@media screen and (max-width: 1157px) {
.catalog-template-default .youtube_button {
margin-bottom:20px;
}
}
.header {
position: absolute;
z-index: 9999;
top: 0;
left: 50%;
width: 100%;
padding-bottom: 20px;
transform: translateX(-50%);
background-color: #fff
}
@media screen and (max-width: 880px) {
.header {
padding-bottom: 0;
}
}
.header__fixed {
position: fixed;
transition: all .4s linear;
}
.header__top-inner {
display: flex;
align-items: center;
justify-content: flex-end;
}
.header__top {
background-color: #4d63aa;
padding: 10px 0;
}
.header__top-email {
margin-right: auto;
color: #fff;
}
.email-mobile {
display: block;
margin-bottom: 20px;
color: #fff;
}
@media screen and (max-width: 850px) {
.email-mobile {
display: none;
}
.mobile-email-block {
display: none;
}
.bufer-mob {
display: none;
}
}
@media screen and (max-width: 880px) {
.header__top {
display: none;
}
}
.header__body {
padding: 0;
box-shadow: 0px 0px 12.74px 0.26px rgba(0, 0, 0, 0.19);
}
.header__body-inner {
display: flex;
align-items: center;
}
.mobile-phone,
.mobile-basket {
display: none;
}
@media screen and (max-width: 880px) {
.header__body-inner {
justify-content: space-between;
}
.mobile-phone {
display: block;
}
.mobile-basket {
display: block !important;
width: 40px;
}
.mobile-basket .basket {
width: 40px;
display: block;
}
.mobile-basket .basket__icon {
width: 30px;
height: 30px;
fill: #4d63aa;
margin-bottom: 12px;
margin-left: 0;
}
.basket-btn__counter {
top: 13px !important;
right: 0 !important;
}
.header__body {
padding: 15px 20px 15px 0;
}
}
.logo {
margin-right: 10px;
}
@media screen and (max-width: 560px) {
.header__body {
padding: 15px 0;
}
.logo {
margin-right: 0;
}
}
@media screen and (max-width: 414px) {
.header__body {
padding: 0px 0;
height: 62px;
}
.logo__inner {
display: none;
}
.mobile-menu__col {
width: 100%;
}
}
.menu-top__item {
position: relative;
display: inline-block;
padding: 5px;
color: #fff;
font-size: 14px;
margin-right: 10px;
transition: all .3s linear;
}
.header__top-inner .basket{
display: inline-flex;
align-items: center;
}
.header__top-inner .basket span.text{
position: relative;
padding: 5px;
}
.header__top-inner .basket span.text:after{
content: '';
position: absolute;
left: 5px;
top: 90%;
width: 0;
transition: width .3s linear;
height: 1px;
background-color: #fff;
}
.menu-top__item:after {
content: '';
position: absolute;
left: 5px;
top: 90%;
width: 0;
transition: width .3s linear;
height: 1px;
background-color: #fff;
}
.menu-top__item:hover:after {
width: calc(100% - 10px);
}
.header__top-inner .basket:hover span.text:after{
width: calc(100% - 10px);
}
.basket {
font-size: 14px;
color: #fff;
padding: 0px;
position: relative;
}
.basket-btn__counter {
position: absolute;
top: 0;
right: -6px;
font-size: 12px;
font-family: 'GothamProMedium', Arial, sans-serif;
color: #fff;
background: #ff7878;
width: 16px;
height: 16px;
border-radius: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.basket__icon {
width: 20px;
height: 20px;
margin-left: 10px;
fill: #fff;
position: relative;
top: -5px;
}
.phone__icon {
width: 28px;
height: 28px;
fill: #4d63aa;
}
.logo__img {
max-width: 185px !important;
}
.logo__rehau {
max-width: 148px !important;
}
.hide-item {
display: none;
}
@media screen and (max-width: 500px) {
.logo__img {
width: 150px;
}
}
@media screen and (max-width: 360px) {
.logo__img {
width: 125px
}
}
.menu {
display: flex;
margin-left: 60px;
}
@media screen and (max-width: 930px) {
.menu {
margin-left: 20px;
}
}
@media screen and (max-width: 880px) {
.menu {
display: none;
}
.menu.mobile-menu--show {
display: flex;
}
}
.menu__item {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 16px;
display: block;
margin-right: 12px;
padding: 5px 10px;
transition: color .3s linear;
color: #4d63aa
}
.menu__item:hover {
color: #032389
}
.menu__item:last-child,
.slick-dots li:last-child {
margin-right: 0
}
@media screen and (max-width: 880px) {
.menu.mobile-menu--show {
display: flex;
flex-direction: column;
margin-left: 0;
margin-bottom: 40px;
}
}
@media screen and (max-width: 500px) {
.phone__number {
padding: 0 10px;
color: #fff;
}
}
@media screen and (max-width: 400px) {
.phone__number {
font-size: 14px
}
}
@media screen and (max-width: 360px) {
.phone__number {
font-size: 13px
}
}
.phone__img {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%)
}
@media screen and (max-width: 500px) {
.phone__img {
display: none
}
}
.mobile-menu {
position: absolute;
z-index: 999999;
top: -1000px;
overflow: auto;
right: 0;
display: none;
visibility: hidden;
width: 70%;
padding: 70px 70px 0 20px;
transition: all .5s linear;
background-color: #4d63aa;
}
.mobile-menu.active {
width: 100%;
top: 83px;
visibility: visible;
height: calc(100vh - 83px);
padding-bottom:20px;
}
.menu.mobile-menu--show .menu__item {
color: #fff;
margin-right: 0;
margin-bottom: 5px;
}
.mobile-menu__socials .socials {
position: static;
display: flex;
justify-content: flex-start;
margin-bottom: 0;
}
@media screen and (max-width: 850px) {
.mobile-menu__socials .socials {
justify-content: center
}
}
.mobile-menu__socials .socials__item {
background-color: #fff;
width: 26px;
height: 26px;
}
.mobile-menu__socials .socials__icon {
fill: #4d63aa;
width: 16px;
height: 16px;
}
@media screen and (max-width: 560px) {
.mobile-menu {
padding: 70px 20px 0 20px;
}
}
@media screen and (max-width: 880px) {
.mobile-menu {
display: flex;
flex-direction: column;
flex-wrap: wrap;
box-shadow: 0px -0.26px 12.26px 0px rgba(0, 0, 0, 0.19);
}
}
@media screen and (max-width: 700px) {
.mobile-menu {
width: 100%
}
}
@media screen and (max-width: 480px) {
.mobile-menu {
padding: 110px 10px 20px 10px;
}
}
.cart__item-icon,
.cart__item-link {
display: flex
}
.cart__item-link {
position: absolute;
right: 20px;
bottom: 20px;
font-family: 'GothamProMedium', Arial, sans-serif;
color: #4d63aa;
align-items: center;
justify-content: flex-end
}
.cart__item-icon {
width: 26px;
height: 26px;
margin-left: 6px;
border-radius: 50%;
background-color: #4d63aa
}
.section__title {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 24px;
text-align: center;
color: #4d63aa
}
.fancybox-content {
width: 100%;
height: 100%
}
.fancybox-slide--html .fancybox-close-small {
padding: 5px;
color: #000;
}
table.p-table {
width: 100%;
border-spacing: 0;
border-collapse: collapse
}
@media screen and (max-width: 700px) {
table.p-table {
width: 700px
}
}
table.p-table tr {
background-color: #f8f8f8
}
table.p-table td,
table.p-table th {
padding: 8px;
text-align: center;
border: 1px solid #ddd
}
table.p-table th {
font-family: 'GothamProMedium', Arial, sans-serif;
font-weight:500;
}
table.p-table tbody tr td:first-child {
font-family: 'GothamProMedium', Arial, sans-serif;
font-weight:500;
}
table.p-table tbody tr:nth-child(odd) {
background-color: #b8bdd9;
}
.slick-track {
display: flex;
align-items: center;
}
.btn {
display: block;
width: 100%;
cursor: pointer;
color: #fff;
border: 0;
background-color: #4d63aa
}
.btn__advice {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 12px;
line-height: 32px;
max-width: 190px;
height: 32px;
transition: all .3s linear;
text-align: center;
color: #4d63aa;
border: 1px solid #4d63aa;
margin-left: auto;
background-color: #fff;
}
@media screen and (max-width:1020px) {
.header__body-inner .btn__advice {
height:auto;
max-width:initial;
padding:4px 6px;
line-height:125%;
}
.menu {
margin-left: 30px;
}
.menu__item {
margin-right:0;
}
.menu__item:last-child, .slick-dots li:last-child {
margin-right:12px;
}
}
@media screen and (max-width:920px) {
.menu {
margin-left: 20px;
}
}
.btn__advice:hover {
color: #fff;
}
.btn-mobile {
height: 50px;
padding: 0 18px;
margin-left: auto;
border: 1px solid #fff;
line-height: 50px;
text-align: center;
margin-bottom: 50px;
}
.phone.phone-mobile .phone__number {
padding: 0 20px;
text-align: center;
line-height: 50px;
height: 50px;
font-size: 16px;
width: 250px;
}
@media screen and (max-width: 880px) {
.phone.phone-mobile .phone__number {
width: 100%;
}
}
.phone.phone-mobile {
margin-left: 0;
margin-bottom: 30px;
}
.header__logo-mobile {
display: none;
}
@media screen and (max-width: 880px) {
.btn__advice.btn-hide {
display: none;
}
}
@media screen and (max-width: 414px) {
.btn-mobile {
height: 40px;
padding: 0 10px;
margin-left: 0;
border: 1px solid #fff;
line-height: 40px;
text-align: center;
margin-bottom: 10px;
}
.email-mobile {
text-align: center;
}
.phone.phone-mobile {
width: 100%;
margin-left: 0;
margin-bottom: 20px;
}
.phone.phone-mobile .phone__number {
padding: 0 20px;
text-align: center;
line-height: 40px;
height: 40px;
font-size: 16px;
width: 100%;
}
.menu.mobile-menu--show {
margin-bottom: 20px;
}
.mobile-menu__socials .socials {
justify-content: center;
}
.mobile-menu.active {
top: 58px;
align-items: flex-start;
}
.mobile-menu__col:last-child {
margin-top: -150px;
}
.content {
padding-top: 60px;
}
.header__logo-mobile {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
width: 100%;
padding: 0 15px;
}
.mobile-menu {
padding: 110px 10px 50px 10px;
}
}
.phone {
margin-left: 20px;
}
.phone__number {
width: 190px;
display: block;
font-size: 13px;
white-space: nowrap;
border: 1px solid #fff;
color: #fff;
background-color: transparent;
}
@media screen and (max-width: 710px) {
.btn__advice {
display: none
}
}
.slick-dots {
position: absolute;
z-index: 99;
left: 50%;
display: flex;
transform: translateX(-50%)
}
.slick-dots li {
margin-right: 10px;
padding: 10px;
}
.slick-dots li button {
font-size: 0;
position: relative;
width: 10px;
height: 10px;
padding: 0;
border: 0;
background-color: #a9a9a9
}
.slick-dots li button:after {
position: absolute;
top: 50%;
left: 50%;
display: none;
height: 26px;
content: '';
transform: translate(-50%, -50%);
border: 1px solid #4d63aa
}
.btn__advice:hover,
.slick-dots li.slick-active button {
background-color: #4d63aa
}
.s-video {
z-index: 1
}
.s-video:after {
position: absolute;
right: 0;
bottom: 0;
width: 58%;
height: 448px;
content: '';
background-color: rgba(23, 40, 117, .8)
}
@media screen and (max-width: 1250px) {
.s-video:after {
display: none
}
}
@media screen and (max-width: 800px) {
.s-video {
margin-right: -15px;
margin-left: -15px
}
}
.video {
position: relative;
width: 100%;
height: 600px;
padding: 50px 32px;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
@media screen and (max-width: 768px) {
.video {
padding: 100px 32px 50px 32px;
height: 470px;
}
}
@media screen and (max-width: 700px) {
.video {
padding: 50px 20px 50px 20px;
}
}
.video__play {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 24px;
position: absolute;
z-index: 1;
display: flex;
width: 140px;
height: 140px;
margin: 15px 0 0 110px;
cursor: pointer;
transition: all .3s linear;
text-transform: uppercase;
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
outline: 0;
}
.home .video__play:hover {
font-size: 25px;
transform: scale(1.02);
}
.video__play span {
margin: auto
}
@media screen and (max-width: 1024px) {
.video__play {
width: 100px;
height: 100px;
margin: 15px 0 0 30px
}
}
@media screen and (max-width: 768px) {
.video__play {
display: none
}
}
.video__text {
position: absolute;
z-index: 1;
bottom: 40px;
left: 23px;
transform: rotate(180deg);
-ms-writing-mode: tb-rl;
color: #fff;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl
}
@media screen and (max-width: 768px) {
.video__text {
display: none
}
}
.video:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
}
.video:before {
position: absolute;
z-index: 1;
top: 50px;
bottom: 50px;
left: 32px;
width: 1px;
height: 450px;
content: '';
background-color: #fff
}
@media screen and (max-width: 768px) {
.video:before {
display: none;
}
}
@media screen and (max-width: 500px) {
.video {
padding: 50px 15px;
}
}
@media screen and (max-width: 414px) {
.video {
padding: 90px 15px 0 15px;
}
}
.monsary {
position: absolute;
z-index: 1;
right: 0;
bottom: 0;
width: 100%;
max-width: 722px;
padding: 30px 0px;
color: #fff;
}
.monsary h1 {
color: #fff;
padding-bottom: 20px;
}
.monsary__btn-mobile {
display: none;
margin-bottom: 50px;
}
.monsary__btn-mobile .monsary__b-item {
color: #fff;
background-color: #4d63aa;
}
@media screen and (max-width: 380px) {
.monsary__btn-mobile .monsary__b-item {
font-size: 14px;
width: 80%;
}
}
@media screen and (max-width: 768px) {
.monsary__btn-mobile {
display: flex;
justify-content: center;
margin: 60px 0;
order: 2;
}
}
.monsary__icon {
position: absolute;
top: 50%;
width: 25px;
height: 25px;
transition: all .3s linear;
transform: translateY(-50%);
fill: #fff;
}
.monsary__icon.left {
left: 17px;
}
@media screen and (max-width: 400px) {
.monsary__icon.left {
left: 6px;
}
.monsary__btn-mobile {
margin: 40px 0;
}
}
.monsary__icon.right {
right: 11px;
}
@media screen and (max-width: 400px) {
.monsary__icon.right {
right: 6px;
}
}
@media screen and (max-width: 768px) {
.monsary__icon {
fill: #4d63aa;
}
}
@media screen and (max-width: 450px) {
.monsary__icon {
width: 20px;
height: 20px;
}
}
@media screen and (max-width: 400px) {
.monsary__icon {
width: 15px;
height: 15px;
}
}
.monsary__b-item {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 16px;
line-height: 53px;
position: relative;
width: 33%;
height: 53px;
margin-right: 15px;
cursor: pointer;
transition: all .3s linear;
white-space: nowrap;
color: #fff;
border: 2px solid #fff;
}
@media screen and (max-width: 768px) {
.monsary__btn-mobile .monsary__b-item {
width: 100%;
max-width: 270px;
text-align: center;
color: #4d63aa;
margin-right: 0;
background-color: #fff;
}
}
@media screen and (max-width: 520px) {
.monsary__b-item {
width: 60%;
}
.monsary__btn-mobile .monsary__b-item {
width: 80%;
}
}
@media screen and (max-width: 450px) {
.monsary__b-item {
font-size: 16px;
}
}
.monsary__b-item:hover.monsary__b-item--center {
color: #fff;
border: 2px solid #fff;
background-color: #4d63aa
}
.monsary__b-item:hover .monsary__icon.left {
left: 15px
}
.monsary__b-item:hover .monsary__icon.right {
right: 9px
}
.monsary__b-item--left {
padding: 0 10px 0 54px
}
@media screen and (max-width: 450px) {
.monsary__b-item--left {
padding-left: 30px
}
}
@media screen and (max-width: 400px) {
.monsary__b-item--left {
padding-left: 22px
}
}
.monsary__b-item--right {
padding: 0 45px 0 10px
}
@media screen and (max-width: 450px) {
.monsary__b-item--right {
padding-right: 30px
}
}
@media screen and (max-width: 400px) {
.monsary__b-item--right {
margin-right: 0;
margin-left: auto;
padding-right: 22px
}
}
.monsary__b-item--center {
display: block;
width: 100%;
max-width: 305px;
margin: 60px auto 60px auto;
padding: 0 10px;
text-align: center;
color: #4d63aa;
background-color: #fff;
}
@media screen and (max-width: 768px) {
.monsary__b-item--center {
display: none
}
}
.monsary__title {
font-family: 'GothamProBold', Arial, sans-serif;
font-size: 40px;
text-align: center;
}
@media screen and (max-width: 560px) {
.monsary__title {
font-size: 25px;
margin-bottom: 5px;
}
}
.monsary__sub-title {
text-align: center;
font-size: 16px;
}
@media screen and (max-width: 450px) {
.monsary__title {
font-size: 25px;
}
}
.monsary__text {
line-height: 1.25;
margin-bottom: 40px;
text-align: center;
}
@media screen and (max-width: 768px) {
.monsary__text {
order: 3;
font-family: 'GothamProMedium', Arial, sans-serif;
}
}
@media screen and (max-width: 560px) {
.monsary__text {
font-size: 14px;
}
}
.monsary__list {
display: flex;
justify-content: center;
}
@media screen and (max-width: 768px) {
.monsary__list {
order: 3;
justify-content: space-between;
}
}
.monsary__item {
position: relative;
padding-left: 17px;
}
.monsary__item:not(:last-child) {
margin-right: 10px;
}
.monsary__item:after,
.monsary__item:before {
position: absolute;
z-index: -1;
width: 30px;
height: 30px;
content: ''
}
.monsary__item:after {
top: 50%;
transform: translateY(-50%);
left: 0;
background-color: rgba(77, 99, 170, .8)
}
.monsary__item:before {
bottom: 7px;
left: 7px;
background-color: #555f8c;
}
@media screen and (max-width: 400px) {
.monsary__item {
flex: 1
}
}
@media screen and (max-width: 330px) {
.monsary__item {
font-size: 14px;
}
}
@media screen and (max-width: 1700px) {
.monsary {
padding: 45px 50px
}
}
@media screen and (max-width: 1450px) {
.monsary {
padding: 45px 45px
}
}
@media screen and (max-width: 1400px) {
.monsary {
padding: 45px 45px
}
}
@media screen and (max-width: 1300px) {
.monsary {
padding: 45px 45px
}
}
@media screen and (max-width: 1250px) {
.monsary {
padding: 45px 30px;
background-color: #152262
}
}
@media screen and (max-width: 768px) {
.monsary {
display: flex;
flex-direction: column;
position: relative;
max-width: 100%;
height: 100%;
padding-top: 0;
background-color: transparent
}
}
@media screen and (max-width: 700px) {
.monsary {
padding: 0
}
}
@media screen and (max-width: 400px) {
.v-monsary {
flex-wrap: wrap
}
.v-monsary .monsary__b-item {
font-size: 15px;
width: 80%;
margin-right: 0;
margin-bottom: 10px
}
.v-monsary .monsary__b-item--right {
margin-left: 0
}
.v-monsary .monsary__icon {
width: 20px;
height: 20px
}
}
.select__model {
position: absolute;
bottom: 0;
left: 50%;
display: none;
transform: translateX(-50%);
color: #4d63aa
}
.select__model-icon {
position: absolute;
bottom: -35px;
left: 42%;
width: 25px;
height: 25px;
-webkit-animation-name: move;
animation-name: move;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
transform: rotate(90deg) translateX(-50%);
fill: #4d63aa
}
@-webkit-keyframes move {
from {
bottom: -35px;
}
30% {
bottom: -38px;
}
50% {
bottom: -41px;
}
70% {
bottom: -43px;
}
100% {
bottom: -45px;
}
}
@media screen and (max-width: 320px) {
.select__model-icon {
bottom: -30px;
width: 20px;
height: 20px
}
}
@media screen and (max-width: 320px) {
.select__model {
font-size: 14px;
bottom: -12px
}
}
.s-quality {
z-index: 1;
padding: 70px 0 15px
}
.s-quality:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
width: 60%;
height: 540px;
content: '';
background-color: #8392c4
}
@media screen and (max-width: 768px) {
.s-quality:after {
display: none
}
.s-quality {
padding-top: 40px
}
}
.pdf-slider__title, .quality__title {
margin-bottom: 40px;
color: #000;
}
.woocommerce ul.products li.product .price del {
display: block!important;
}
.quality__title:after {
content: 'Мы гарантируем высокое качество нашей продукции';
}
@media screen and (max-width: 414px) {
.quality__title:after {
content: 'Гарантия качества';
}
.quality__title {
color: #4d63aa
}
}
@media screen and (max-width: 550px) {
.quality__title {
margin-bottom: 10px
}
}
.quality__col {
position: absolute;
width: 400px;
height: 500px
}
@media screen and (max-width: 768px) {
.quality__col {
display: none
}
}
.quality-slider {
position: relative;
max-width: 1030px;
margin: auto
} @media screen and (max-width: 1070px) {
.quality-slider {
margin-right: -35px;
margin-left: -35px;
max-width:initial;
}
}
.quality-slider__quote {
width: 23px;
height: 23px;
margin-bottom: 10px
}
.quality-slider__article {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 24px;
position: absolute;
top: 50%;
left: 35%;
padding: 20px 0;
transform: translate(-50%, -50%);
text-align: center;
}
.quality-slider__article:after,
.quality-slider__article:before {
position: absolute;
left: 50%;
width: 110px;
height: 1px;
content: '';
transform: translateX(-50%);
background-color: #000
}
.quality-slider__article:before {
top: 0
}
.quality-slider__article:after {
bottom: 0
}
.quality-slider__item {
position: relative;
width: 260px;
height: 366px;
margin-right: 60px;
color: #000;
outline: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
box-shadow: 0 0 20px 2px #000;
}
.quality-slider__item img {
width: 100%;
height: auto;
}
.pdf-slider__list .quality-slider__item img {
width: auto;
height: 100%;
}
@media screen and (max-width: 768px) {
.quality-slider__item {
width: 240px;
height: 340px;
}
}
@media screen and (max-width: 360px) {
.quality-slider__item {
margin-right: 90px;
}
}
.quality-slider__item.slick-center {
width: 330px;
height: 470px
}
.quality-slider__item.slick-center:after {
width: 290px;
height: 455px;
}
.slick-current .quality-slider__title {
padding-top:10px;
}
@media screen and (max-width: 768px) {
.quality-slider__item.slick-center:after {
height: 360px;
}
}
@media screen and (max-width: 360px) {
.quality-slider__item.slick-center:after {
width: 220px;
height: 350px
}
}
@media screen and (max-width: 768px) {
.quality-slider__item.slick-center {
width: 300px;
height: 400px
}
.slick-current .quality-slider__title {
padding-top:0px;
}
}
@media screen and (max-width: 360px) {
.quality-slider__item.slick-center {
width: 260px;
height: 370px
}
}
.quality-slider__item:after {
position: absolute;
z-index: -1;
right: -30px;
bottom: -25px;
width: 230px;
height: 350px;
content: '';
border: 1px solid #4d63aa
}
@media screen and (max-width: 360px) {
.quality-slider__item:after {
right: -22px;
bottom: -45px;
}
}
.quality-slider__item.quality-slider__item-hideStyle:after {
display: none
}
.quality-slider__item:last-child {
box-shadow: none
}
.quality-slider__item-hideStyle {
box-shadow: none
}
.quality-slider__item.slider-hide {
visibility: hidden
}
.quality-slider .slick-track {
height: 600px;
}
@media screen and (max-width: 550px) {
.quality-slider .slick-track {
height: 540px;
}
.slick-current .quality-slider__title {
top:-70px;
}
}
@media screen and (max-width: 360px) {
.quality-slider .slick-track {
height: 520px;
}
.slick-current .quality-slider__title {
top:-70px;
}
}
.quality-slider__title {
font-size: 16px;
position: absolute;
top: -65px;
width: 100%;
text-align: center;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.s-prices {
padding: 40px 0;
}
@media screen and (max-width: 414px) {
.s-prices {
padding: 0 0 20px;
}
}
.prices__btn {
font-size: 18px;
max-width: 300px;
margin: auto;
text-align: center;
}
@media screen and (max-width: 414px) {
.prices__btn {
font-size: 16px;
max-width: 240px
}
.header__body-inner {
margin: 0 45px;
}
}
.prices__type {
font-family: 'GothamProMedium', Arial, sans-serif;
margin-bottom: 30px;
text-align: center
}
.prices__type p {
display: inline-block;
padding: 5px 0
}
@media screen and (max-width: 480px) {
.prices__type p {
margin-right: 0
}
}
@media screen and (max-width: 414px) {
.prices__type p {
font-size: 14px;
padding: 3px 0
}
}
.prices-table {
position: relative;
overflow: auto;
max-width: 820px;
margin: 0 auto 35px;
padding: 30px 0 0 30px
}
.gallery__block-title p:last-child,
.prices-table:last-child {
margin-bottom: 0
}
.prices-table__width {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%)
}
.prices-table__height {
position: absolute;
top: 40%;
left: 5px;
transform: translateY(-50%);
transform: rotate(180deg);
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl
}
@media screen and (max-width: 600px) {
.prices-table {
font-size: 14px
}
}
@media screen and (max-width: 840px) {
.prices-table {
margin-left: -15px
}
}
.prices__title {
margin-bottom: 0;
padding-bottom: 10px;
}
@media screen and (max-width: 414px) {
.prices__title {
font-size: 20px
}
}
@media screen and (max-width: 360px) {
.prices__title {
font-size: 18px
}
}
.prices__inner {
max-width: 535px;
margin: 0 auto 30px;
text-align: center;
line-height: 25px;
}
.g-gray {
color: #474a51;
}
.v-red {
color: #5e2028;
}
.sh-brown {
color: #44322d;
}
.m-green {
color: #0f4336;
}
@media screen and (max-width: 414px) {
.prices__inner {
font-size: 14px;
}
.prices__type-color {
display: block;
}
}
.width__icon {
position: absolute;
top: -3px;
right: -100px;
width: 20px;
height: 20px;
transition: all .3s linear;
opacity: 0
}
@media screen and (max-width: 600px) {
.width__icon {
opacity: 1
}
}
.width__icon-hide {
opacity: 0 !important
}
.breadcrumbs {
font-size: 14px;
padding: 50px 0 20px 0;
}
.breadcrumbs a {
color: #4d63aa;
}
.breadcrumbs--single {
position: absolute;
top: 0;
left: 0;
}
.single_page_breadcrumbs {
position: absolute;
top: -230px;
left: 0;
width: 100%;
}
@media screen and (max-width: 880px) {
.breadcrumbs {
padding: 20px 0 20px 0;
}
}
@media screen and (max-width: 360px) {
.breadcrumbs {
font-size: 12px
}
}
.breadcrumbs__page {
margin: 0 5px
}
.breadcrumbs__inner {
display: flex
}
.breadcrumbs__link {
font-size: 14px;
color: #4d63aa
}
@media screen and (max-width: 360px) {
.breadcrumbs__link {
font-size: 12px
}
}
.s-option {
padding: 40px 0
}
.s-option.optionOne .option__item:last-child {
margin-right: 0
}
@media screen and (max-width: 414px) {
.s-option {
padding: 20px 0
}
}
.option__icon {
width: 50px;
height: 50px;
fill: #4d63aa
}
.option__inner {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.option__title {
margin-bottom: 65px
}
@media screen and (max-width: 570px) {
.option__title {
margin-bottom: 40px
}
}
@media screen and (max-width: 360px) {
.option__title {
font-size: 20px
}
}
.option__item {
position: relative;
width: 33%;
max-width: 180px;
margin-right: 100px;
margin-bottom: 60px;
padding: 80px 10px 0;
text-align: center
}
.option__item:last-child {
margin-right: 0;
}
.option__item:nth-child(4n) {
margin-right: 0;
}
@media screen and (max-width: 1150px) {
.option__item {
max-width: 210px;
margin-right: 50px;
}
}
@media screen and (max-width: 1020px) {
.option__item {
margin-right: 20px;
max-width: 185px;
}
}
@media screen and (max-width: 850px) {
.option__item {
margin-bottom: 30px
}
}
@media screen and (max-width: 830px) {
.option__item {
margin-bottom: 30px
}
.option__item:nth-child(4n) {
margin-right: 20px;
}
.option__item:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 720px) {
.option__item {
max-width: 170px;
}
}
@media screen and (max-width: 600px) {
.option__item:nth-child(2n) {
margin-right: 0;
}
.option__item {
width: 40%;
max-width: 200px;
}
.option__item:nth-child(3) {
margin-right: 20px;
}
.option__inner {
justify-content: space-around;
}
}
@media screen and (max-width: 414px) {
.option__item {
width: 45%;
font-size: 12px;
padding: 65px 10px 0;
}
}
@media screen and (max-width: 330px) {
.option__item {
margin-right: 0;
}
.option__item:nth-child(3) {
margin-right: 0;
}
}
.option__icon {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%)
}
.s-popular {
z-index: 1;
height: 857px;
padding: 80px 20px;
}
.s-popular .container {
max-width: 1270px;
}
.s-popular:after {
position: absolute;
top: 170px;
left: 0;
width: 58%;
height: 740px;
content: '';
background-color: #8392c4
}
@media screen and (max-width: 1024px) {
.s-popular:after {
height: 660px;
}
}
@media screen and (max-width: 990px) {
.s-popular:after {
height: 620px;
}
}
@media screen and (max-width: 768px) {
.s-popular:after {
width: 80%;
}
}
@media screen and (max-width: 560px) {
.s-popular:after {
display: none;
}
}
@media screen and (max-width: 1024px) {
.s-popular {
height: 787px;
padding: 40px 20px;
}
}
@media screen and (max-width: 990px) {
.s-popular {
height: 747px;
}
}
@media screen and (max-width: 414px) {
.s-popular {
height: 680px;
padding: 40px 10px;
}
}
.popular {
position: relative
}
.popular__title {
margin-bottom: 70px;
}
.popular__title:before {
content: 'Самые популярные модели мансардных окон'
} @media screen and (max-width: 990px) {
.popular__title {
margin-bottom: 30px;
}
}
@media screen and (max-width: 414px) {
.popular__title:before {
content: 'Популярные модели';
}
.popular__title {
margin-bottom: 10px;
}
}
.popular__square {
position: absolute;
z-index: 2;
top: 70px;
left: 235px;
width: 725px;
height: 490px;
border: 1px solid #d0d0d0
}
@media screen and (max-width: 1024px) {
.popular__square {
height: 420px
}
}
@media screen and (max-width: 990px) {
.popular__square {
display: none
}
}
.pop-slider {
position: relative;
z-index: 3;
max-width: 1270px;
margin: auto;
}
.p-slider__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.pop-slider .slick-list {
padding: 0 15px;
}
.pop-slider .slick-track {
height: 580px
}
.pop-slider .slick-dots {
bottom: -30px
}
@media screen and (max-width: 550px) {
.pop-slider .slick-dots {
bottom: -20px
}
}
.pop-slider__list {
display: flex;
justify-content: space-between
}
@media screen and (max-width: 990px) {
.pop-slider__img img {
margin: 20px auto 0
}
}
.pop-slider__price {
font-family: 'GothamProMedium', Arial, sans-serif;
color: #4d63aa;
}
.pop-slider__btn {
margin-top: 10px;
padding: 15px 0;
transition: all .3s linear
}
.pop-slider__btn:hover {
background-color: #144af8
}
.pop-slider__item {
display: flex !important;
flex-direction: column;
width: 25%;
max-width: 280px;
height: 520px;
margin-right: 30px;
padding: 20px;
text-align: center;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, .35)
}
.pop-slider__item.slick-center {
max-width: 250px;
transform: scale(1.06);
}
@media screen and (max-width: 990px) {
.pop-slider__item.slick-center .pop-slider__img {
height: 172px
}
}
@media screen and (max-width: 414px) {
.pop-slider__item.slider-hide {
visibility: hidden
}
}
.pop-slider__title {
font-family: 'GothamProMedium', Arial, sans-serif;
min-height: 40px;
margin-bottom: 10px;
}
@media screen and (max-width: 990px) {
.pop-slider {
margin-right: -35px;
margin-left: -35px
}
}
.s-gallery {
z-index: 1;
padding: 77px 0 0;
background-color: #f0f0f0
}
@media screen and (max-width: 1250px) {
.s-gallery {
padding-top: 20px
}
}
.container-gallery {
max-width: 1230px
}
.gallery__item {
position: relative;
display: flex !important;
width: 100%;
max-width: 1025px;
height: 565px;
margin: auto;
outline: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.gallery__item:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background-color: rgba(0, 0, 0, .5)
}
@media screen and (max-width: 1250px) {
.gallery__item {
box-shadow: 0 3px 43px 0 rgba(0, 0, 0, .71)
}
}
@media screen and (max-width: 1140px) {
.gallery__item {
max-width: 860px;
height: 520px
}
}
@media screen and (max-width: 990px) {
.gallery__item {
max-width: 720px;
height: 480px
}
}
@media screen and (max-width: 850px) {
.gallery__item {
box-shadow: 0 3px 25px 0 rgba(0, 0, 0, .71);
max-width: 600px;
height: 400px
}
}
@media screen and (max-width: 690px) {
.gallery__item {
max-width: 520px
}
}
@media screen and (max-width: 600px) {
.gallery__item {
max-width: 460px;
height: 360px
}
}
@media screen and (max-width: 530px) {
.gallery__item {
max-width: 400px;
height: 320px
}
}
@media screen and (max-width: 490px) {
.gallery__item {
max-width: 340px;
height: 290px
}
}
@media screen and (max-width: 414px) {
.gallery__item {
max-width: 295px
}
}
@media screen and (max-width: 370px) {
.gallery__item {
max-width: 250px;
box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .71);
}
}
@media screen and (max-width: 1250px) {
.gallery .slick-track {
height: 660px
}
}
@media screen and (max-width: 1140px) {
.gallery .slick-track {
height: 610px
}
}
@media screen and (max-width: 990px) {
.gallery .slick-track {
height: 570px
}
}
@media screen and (max-width: 820px) {
.gallery .slick-track {
height: 450px
}
}
@media screen and (max-width: 600px) {
.gallery .slick-track {
height: 410px
}
}
@media screen and (max-width: 530px) {
.gallery .slick-track {
height: 370px
}
}
@media screen and (max-width: 414px) {
.gallery .slick-track {
height: 340px
}
}
@media screen and (max-width: 370px) {
.gallery .slick-track {
height: 325px
}
}
.gallery .slick-dots {
#top: -60px;
height: 40px;
bottom:90px;
transform: translateX(200px);
width:auto;
}
@media screen and (max-width: 1250px) {
.gallery .slick-dots {
top: auto;
bottom: 30px;
transform: initial;
width:100%;
left:0;
}
}
.gallery .slick-list {
height: 750px;
}
@media screen and (max-width: 1250px) {
.gallery .slick-list {
height: 700px;
}
}
@media screen and (max-width: 1140px) {
.gallery .slick-list {
height: 660px
}
}
@media screen and (max-width: 990px) {
.gallery .slick-list {
height: 610px
}
}
@media screen and (max-width: 820px) {
.gallery .slick-list {
height: 510px
}
}
@media screen and (max-width: 600px) {
.gallery .slick-list {
height: 470px
}
}
@media screen and (max-width: 530px) {
.gallery .slick-list {
height: 420px
}
}
@media screen and (max-width: 414px) {
.gallery .slick-list {
height: 400px
}
}
@media screen and (max-width: 370px) {
.gallery .slick-list {
height: 390px
}
}
.gallery__block {
position: absolute;
z-index: 1;
bottom: -138px;
left: -50px;
display: flex;
width: 630px;
height: 185px;
padding: 22px 28px 17px 45px;
background-color: #fff;
box-shadow: 0 12px 43px -12px rgba(0, 0, 0, .71)
}
@media screen and (max-width: 1250px) {
.gallery__block {
bottom: 0;
left: 0
}
}
@media screen and (max-width: 1140px) {
.gallery__block {
height: 135px
}
}
@media screen and (max-width: 990px) {
.gallery__block {
width: 550px;
padding: 22px
}
}
@media screen and (max-width: 850px) {
.gallery__block {
width: 100%
}
}
@media screen and (max-width: 820px) {
.gallery__block {
height: 95px
}
}
@media screen and (max-width: 530px) {
.gallery__block {
padding: 15px 10px
}
}
@media screen and (max-width: 490px) {
.gallery__block {
padding-right: 20px
}
}
@media screen and (max-width: 370px) {
.gallery__block {
height: 90px
}
}
.gallery__block-center {
left: 50%;
transform: translateX(-50%)
}
@media screen and (max-width: 1250px) {
.gallery__block-center {
bottom: 0
}
}
.gallery__block-right {
right: -50px;
left: auto
}
@media screen and (max-width: 1250px) {
.gallery__block-right {
right: 0;
bottom: 0
}
}
.gallery__block:after {
position: absolute;
right: 0;
bottom: 17px;
width: 30px;
height: 70px;
content: '';
border-left: 1px solid #4d63aa
}
@media screen and (max-width: 1140px) {
.gallery__block:after {
height: 45px
}
}
@media screen and (max-width: 820px) {
.gallery__block:after {
height: 20px
}
}
@media screen and (max-width: 490px) {
.gallery__block:after {
right: -16px
}
}
.gallery__block-title {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 22px;
margin: auto 0;
color: #4d63aa
}
.gallery__block-title p {
margin-bottom: 5px
}
@media screen and (max-width: 1140px) {
.gallery__block-title {
font-size: 20px
}
}
@media screen and (max-width: 820px) {
.gallery__block-title {
font-size: 18px
}
}
@media screen and (max-width: 600px) {
.gallery__block-title {
font-size: 16px
}
}
@media screen and (max-width: 530px) {
.gallery__block-title {
font-size: 14px
}
}
@media screen and (max-width: 370px) {
.gallery__block-title {
font-size: 13px
}
}
.gallery__block-text {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 18px;
position: absolute;
top: 22px;
right: 0;
width: 38px;
transform: rotate(180deg);
-ms-writing-mode: tb-rl;
color: #4d63aa;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl
}
@media screen and (max-width: 1140px) {
.gallery__block-text {
font-size: 14px;
right: -2px
}
}
@media screen and (max-width: 820px) {
.gallery__block-text {
font-size: 10px;
top: 18px;
right: -4px
}
}
@media screen and (max-width: 490px) {
.gallery__block-text {
right: -20px
}
}
@media screen and (max-width: 1250px) {
.gallery__block {
box-shadow: none
}
}
.gallery--play {
position: static;
margin: auto
}
@media screen and (max-width: 820px) {
.gallery--play {
font-size: 20px;
width: 100px;
height: 100px;
margin: 0 auto;
position:absolute;
top:calc(50% - 90px);
left:0;
right:0;
}
}
@media screen and (max-width: 768px) {
.yak_youtube_button {
top: 549px !important;
left: 50% !important;
margin-left: -120px;
}
.woocommerce div.product p.price {
margin-top: 190px !important;
}
}
@media screen and (max-width: 1120px) and (min-width: 769px)
{
.yak_youtube_button {
max-width: 360px!important;
}
}
.s-contacts {
padding: 80px 0 30px;
background-color: #fff
}
@media screen and (max-width: 550px) {
.s-contacts {
padding: 40px 0 0
}
}
.contacts {
position: relative;
padding: 30px 90px;
background-color: #fff;
box-shadow: 0 0 38.27px 4.73px rgba(0, 0, 0, .42)
}
.contacts__title {
margin-bottom: 20px
}
@media screen and (max-width: 320px) {
.contacts__title {
margin-bottom: 5px
}
}
.contacts__sub-title {
margin-bottom: 45px;
text-align: center
}
@media screen and (max-width: 600px) {
.contacts__sub-title {
font-size: 14px;
line-height: 1.4;
max-width: 245px;
margin: 0 auto 20px
}
}
.contacts__col {
width: 50%;
max-width: 390px;
margin: 0 10px;
text-align: center;
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;
}
.contacts__col-maps {
height:310px;
margin-top:auto;
}
.contacts__col-city {
font-size: 16px;
margin-bottom: 12px;
text-decoration: underline
}
.contacts__col-addr {
font-size: 14px;
margin-bottom: 5px
}
.contacts__col-phone {
display: inline-block;
margin-bottom: 10px;
color: #000
}
@media screen and (max-width: 1030px) {
.contacts__col {
margin-bottom: 30px;
width: 80%;
max-width: 500px
}
}
@media screen and (max-width: 600px) {
.contacts__col {
width: 100%
}
}
@media screen and (max-width: 550px) {
.contacts__col {
margin: 0 0 30px
}
}
.contacts__list {
display: flex;
margin-bottom: 60px;
justify-content: space-between;
flex-wrap: wrap
}
@media screen and (max-width: 1030px) {
.contacts__list {
justify-content: center
}
}
@media screen and (max-width: 768px) {
.contacts__list {
margin-bottom: 20px
}
}
@media screen and (max-width: 320px) {
.contacts__list {
margin-bottom: 5px
}
}
@media screen and (max-width: 768px) {
.contacts {
padding: 30px
}
}
@media screen and (max-width: 600px) {
.contacts {
padding: 30px 0
}
}
@media screen and (max-width: 550px) {
.contacts {
margin-right: -15px;
margin-left: -15px;
padding: 30px 15px;
}
}
@media screen and (max-width: 320px) {
.contacts {
padding-top: 0
}
}
.buttonTop {
display: flex;
width: 50px;
height: 50px;
margin: auto;
cursor: pointer;
transition: all .3s linear;
transform: scale(1);
border-radius: 50%;
background-color: #4d63aa;
margin-top:5px;
}
.buttonTop__icon {
width: 35px;
height: 35px;
margin: auto;
fill: #fff
}
.buttonTop:hover,
.socials__item:hover {
transform: scale(1.1)
}
.country-call {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
align-items:center;
}
.country-call__phone,
.country-call__email {
font-size: 20px;
margin-bottom: 5px;
white-space: nowrap;
color: #000;
}
.country-call div.bufer {
margin-left:-130px;
}
.country-call div:hover, .header__top-inner div.bufer:hover, div.bufer-mob:hover {
cursor:pointer;
}
.mobile-email-block {
display:flex;
justify-content: center;
}
.mobile-menu__col .bufer-mob {
height:30px;
width:20px;
background-size:contain;
background-image:url(//monsari.ru/wp-content/themes/summer/static/images/img/copy-mini1-white.png);
background-repeat: no-repeat;
margin-right:5px;
}
.header__top-inner div.bufer:before {
content:'';
height:30px;
width:20px;
left:170px;
bottom:-3px;
position:absolute;
background-size:contain;
background-image:url(//monsari.ru/wp-content/themes/summer/static/images/img/copy-mini1-white.png);
background-repeat: no-repeat;
}
.country-call div.bufer:before {
content:'';
height:30px;
width:20px;
position:absolute;
margin-left:-30px;
background-size:contain;
background-image:url(//monsari.ru/wp-content/themes/summer/static/images/img/copy-mini1.png);
background-repeat: no-repeat;
}
.country-call__email {
margin-bottom: 15px;
font-size: 18px;
margin-left:35px;
}
.socials {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 30px;
}
.text-copy {
text-align: left;
font-size: 12px;
color: #b3b3b3;
}
@media screen and (max-width: 414px) {
.copyright span {
display: block;
margin-top: 10px;
}
}
.socials__icon {
width: 32px;
height: 32px;
margin: auto;
fill: #fff
}
.socials__item {
display: flex;
width: 50px;
height: 50px;
margin-right: 16px;
transition: all .3s linear;
transform: scale(1);
border-radius: 50%;
background-color: #4d63aa
}
.socials__item:last-child {
margin-right: 0
}
@media screen and (max-width: 1030px) {
.socials {
right: 10px
}
}
.s-letters {
z-index: 1;
display: none;
padding: 115px 0 80px;
background-color: #fff
}
.s-letters:after {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 70%;
height: 680px;
content: '';
background-color: #f0f0f0
}
@media screen and (max-width: 1024px) {
.s-letters:after {
display: none
}
.s-letters {
padding: 80px 0 30px
}
}
@media screen and (max-width: 414px) {
.s-letters {
padding: 40px 0 20px
}
}
.letters-slider {
position: relative;
max-width: 360px;
margin: auto
}
@media screen and (max-width: 414px) {
.letters-slider {
max-width: 320px
}
}
@media screen and (max-width: 360px) {
.letters-slider .p-slider__arrow {
position: absolute;
bottom: 30px;
left: 0
}
.socials__item {
width:40px;
height:40px;
}
.socials__icon {
width:25px;
height:25px;
}
}
.letters-slider .slick-track {
height: 490px
}
@media screen and (max-width: 414px) {
.letters-slider .slick-track {
height: 420px
}
}
.letters-slider__title {
margin-bottom: 70px
}
.letters-slider__item {
position: relative;
width: 300px;
height: 415px;
margin-right: 60px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
box-shadow: 0 0 20px 2px #000
}
.letters-slider__item:after {
position: absolute;
z-index: -1;
right: -30px;
bottom: -25px;
width: 268px;
height: 412px;
content: '';
border: 1px solid #4d63aa
}
@media screen and (max-width: 414px) {
.letters-slider__item:after {
width: 220px;
height: 350px
}
}
@media screen and (max-width: 360px) {
.letters-slider__item:after {
right: -18px;
bottom: -20px
}
}
@media screen and (max-width: 414px) {
.letters-slider__item {
width: 250px;
height: 350px
}
}
.answers {
position: relative;
z-index: -1;
display: flex;
margin-top: -70px;
background-color: #fff
}
.answers:after {
position: absolute;
z-index: -1;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
content: '';
background: #fff;
background: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, #fff 72%)
}
@media screen and (max-width: 900px) {
.answers:after {
display: block
}
}
.answers__item {
position: relative;
margin-bottom: 15px;
padding-left: 23px
}
.answers__item:after,
.answers__items:after {
position: absolute;
left: 0;
content: '';
border-radius: 50%
}
.answers__item:after {
border: 1px solid #4d63aa;
top: 2px;
width: 8px;
height: 8px
}
@media screen and (max-width: 550px) {
.answers__item {
font-size: 14px
}
}
.answers__items {
position: relative;
margin-bottom: 15px;
padding-left: 15px
}
.answers__items:after {
top: 50%;
width: 6px;
height: 6px;
transform: translateY(-50%);
background-color: #4d63aa
}
.answers__lists {
margin: 20px 0
}
.answers__title {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 24px;
line-height: 1.2;
margin-bottom: 40px;
max-width: 420px;
color: #4d63aa;
}
@media screen and (max-width: 1200px) {
.answers__title {
margin-bottom: 45px;
}
}
@media screen and (max-width: 550px) {
.answers__title {
font-size: 20px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 414px) {
.answers__title {
font-size: 17px;
}
}
.answers__col {
width: 50%;
height: 768px;
padding: 130px 50px 65px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 1024px) {
.answers__col:first-child {
width: 40%
}
}
@media screen and (max-width: 900px) {
.answers__col:first-child {
display: none
}
}
@media screen and (max-width: 1200px) {
.answers__col {
padding-top: 80px
}
}
@media screen and (max-width: 900px) {
.answers__col {
width: 80%;
height: auto;
margin: auto;
padding: 40px 65px
}
}
@media screen and (max-width: 700px) {
.answers__col {
padding: 40px 20px
}
}
@media screen and (max-width: 550px) {
.answers__col {
width: 100%
}
}
@media screen and (max-width: 414px) {
.answers__col {
padding: 30px 15px;
}
}
@media screen and (max-width: 1250px) {
.answers {
margin-top: 0
}
}
@media screen and (max-width: 900px) {
.answers {
background-image: url(//monsari.ru/wp-content/themes/summer/static/images/img/img.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
}
.s-services {
padding: 30px 0;
background-color: #f0f0f0
}
.s-services:after {
position: absolute;
right: 0;
bottom: 0;
width: 60%;
height: 180px;
content: '';
background-color: #8392c4
}
@media screen and (max-width: 1024px) {
.s-services:after {
display: none
}
}
.services__title {
margin-bottom: 30px
}
.services__list {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.services__item {
position: relative;
z-index: 1;
width: 33%;
max-width: 292px;
height: 313px;
margin-right: 60px;
margin-bottom: 25px;
padding: 30px 15px 8px;
border-radius: 10px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35)
}
.services__item:last-child {
margin-bottom: 0
}
.services__item:nth-child(3n) {
margin-right: 0
}
@media screen and (max-width: 1024px) {
.services__item:nth-child(3n) {
margin-right: 60px
}
}
@media screen and (max-width: 860px) {
.services__item:nth-child(3n) {
margin-right: 30px
}
}
@media screen and (max-width: 670px) {
.services__item:nth-child(3n) {
margin-right: 0
}
}
.services__item:after {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
border-radius: 10px;
background-color: rgba(255, 255, 255, .8)
}
.services__item-title {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 17px
}
.services__item-link {
position: absolute;
right: 15px;
bottom: 8px;
margin-bottom: 0
}
@media screen and (max-width: 860px) {
.services__item {
width: 50%;
margin-right: 30px
}
}
@media screen and (max-width: 670px) {
.services__item {
width: 100%;
max-width: 380px;
margin-right: 0
}
}
.s-advantages {
padding: 100px 0 90px
}
@media screen and (max-width: 1024px) {
.s-advantages {
padding: 50px 0 80px
}
}
.advantages__inner {
display: flex;
justify-content: space-between
}
@media screen and (max-width: 930px) {
.advantages__inner {
max-width: 860px;
margin: auto
}
}
@media screen and (max-width: 868px) {
.advantages__inner {
max-width: 550px
}
}
@media screen and (max-width: 575px) {
.advantages__inner {
max-width: 260px
}
}
.advantages .slick-dots {
bottom: -45px
}
.advantages__item {
position: relative;
margin-bottom: 20px
}
.advantages__item-text {
font-size: 14px
}
.advantages__item-inner {
line-height: 1.4;
position: relative;
z-index: 1;
height: 160px
}
.advantages__item:last-child {
margin-bottom: 0
}
@media screen and (max-width: 930px) {
.advantages__item {
margin-bottom: 20px
}
}
.advantages__col {
display: flex !important;
flex-direction: column;
width: 33.33%;
max-width: 280px;
outline: 0;
justify-content: space-between
}
@media screen and (max-width: 930px) {
.advantages__col {
max-width: 250px;
height: 552px;
margin-right: 40px
}
}
.advantages__title {
line-height: 1.2;
max-width: 480px;
margin: 0 auto 90px
}
.advantages__title:after {
content: '9 главных преимуществ мансардных окон из профиля Rehau и Monsari Pier';
}
@media screen and (max-width: 1024px) {
.advantages__title {
margin-bottom: 60px
}
}
@media screen and (max-width: 575px) {
.advantages__title {
margin-bottom: 30px
}
}
@media screen and (max-width: 414px) {
.advantages__title:after {
content: 'Преимущества'
}
}
.advantages__item-title {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 16px;
margin-bottom: 5px
}
.advantages__item-count {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 150px;
line-height: 150px;
position: absolute;
z-index: -1;
top: -9px;
right: -12px;
height: 150px;
color: #b8c1dd
}
@media screen and (max-width: 900px) {
.advantages__item-count {
font-size: 120px;
top: -17px
}
}
.s-feedback {
padding: 45px 0;
background-color: #4d63aa
}
@media screen and (max-width: 414px) {
.s-feedback {
padding: 25px 0
}
}
.feed-form__title.order:after,
.feedbackTwo {
display: none
}
@media screen and (max-width: 414px) {
.feedbackTwo {
display: block
}
}
.feedback__title {
line-height: 1.25;
max-width: 580px;
margin: 0 auto 45px;
color: #fff
}
.feedback__title:after {
content: 'Не знаете, какое мансардное окно подойдет для вашего помещения?'
}
@media screen and (max-width: 414px) {
.feedback__title:after {
content: 'Возникли вопросы ?'
}
.feedback__title {
font-size: 24px;
margin-bottom: 25px
}
}
.feedback p {
margin-bottom: 10px;
text-align: center;
color: #fff
}
.feedback p:last-child {
margin-bottom: 45px
}
@media screen and (max-width: 414px) {
.feedback p {
display: none
}
}
.policy__popup {
width: 100%;
max-width: 800px;
margin: auto;
height: 80vh;
padding: 40px;
background-color: #fff;
box-shadow: 0 0 73px 0 rgba(0, 0, 0, .36)
}
.polytic__title {
font-size: 25px;
text-align: center;
margin-bottom: 20px;
font-family: 'GothamProMedium', Arial, sans-serif;
}
.policy__content p {
margin-bottom: 10px;
line-height: 20px;
}
@media screen and (max-width: 414px) {
.polytic__title {
font-size: 20px;
}
.policy__popup {
padding: 40px 20px 20px;
}
}
@media screen and (max-width: 360px) {
.polytic__title {
font-size: 18px;
}
.policy__content p {
font-size: 15px;
}
}
.feed-form {
width: 100%;
max-width: 600px;
margin: auto;
padding: 40px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 0 73px 0 rgba(0, 0, 0, .36)
}
.feed-form__title {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 18px;
line-height: 1.5;
max-width: 480px;
margin: 0 auto 30px;
text-align: center;
color: #4d63aa
}
.feed-form__title:after {
content: 'Получите бесплатную консультацию специалиста. Для этого заполните форму ниже'
}
@media screen and (max-width: 414px) {
.feed-form__title:after {
content: 'Бесплатная консультация технического специалиста'
}
.feed-form__title {
font-size: 15px;
max-width: 330px;
margin: 0 auto 15px
}
.feed-form {
padding: 40px 20px 20px 20px;
}
}
.wpcf7-form {
max-width: 410px;
margin: auto
}
.form__popup {
overflow: hidden;
max-width: 600px;
height: auto;
padding: 0;
border-radius: 10px;
background-color: transparent
}
.form__alert {
padding: 0 50px
}
.form__alert .swal-text {
font-size: 18px;
line-height: 1.3;
text-align: center;
color: #4c62a9
}
.form__item {
margin-bottom: 10px
}
.form__item label {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 14px;
display: block;
margin: 0 0 9px 13px;
color: #4d63aa
}
@media screen and (max-width: 414px) {
.form__item label {
font-size: 0;
margin-bottom: 5px
}
}
.form__input {
width: 100%;
padding: 20px 15px;
color: #000;
border: 0;
outline: 0;
background-color: #ebebeb
}
.form__input:focus::-webkit-input-placeholder {
opacity: 0
}
.form__input:focus:-ms-input-placeholder,
.form__input:focus::-ms-input-placeholder {
opacity: 0
}
.form__input:focus::-webkit-input-placeholder {
opacity: 0
}
.form__input:focus::-moz-placeholder {
opacity: 0
}
.form__input:focus:-ms-input-placeholder {
opacity: 0
}
.form__input:focus::-ms-input-placeholder {
opacity: 0
}
.form__input:focus::placeholder {
opacity: 0
}
.form__input::-webkit-input-placeholder {
-webkit-transition: all .3s linear;
transition: all .3s linear;
opacity: 1;
color: #a9a9a9
}
.form__input:-ms-input-placeholder,
.form__input::-ms-input-placeholder {
-ms-transition: all .3s linear;
transition: all .3s linear;
opacity: 1;
color: #a9a9a9
}
.form__input::-webkit-input-placeholder {
-webkit-transition: all .3s linear;
transition: all .3s linear;
opacity: 1;
color: #a9a9a9
}
.form__input::-moz-placeholder {
-moz-transition: all .3s linear;
transition: all .3s linear;
opacity: 1;
color: #a9a9a9
}
.form__input:-ms-input-placeholder {
-ms-transition: all .3s linear;
transition: all .3s linear;
opacity: 1;
color: #a9a9a9
}
.form__input::-ms-input-placeholder {
-ms-transition: all .3s linear;
transition: all .3s linear;
opacity: 1;
color: #a9a9a9
}
.form__input::placeholder {
transition: all .3s linear;
opacity: 1;
color: #a9a9a9
}
@media screen and (max-width: 414px) {
.form__input::-webkit-input-placeholder {
font-size: 14px
}
.form__input:-ms-input-placeholder,
.form__input::-ms-input-placeholder {
font-size: 14px
}
.form__input::-webkit-input-placeholder {
font-size: 14px
}
.form__input::-moz-placeholder {
font-size: 14px
}
.form__input:-ms-input-placeholder {
font-size: 14px
}
.form__input::-ms-input-placeholder {
font-size: 14px
}
.form__input::placeholder {
font-size: 14px
}
.form__input {
padding: 15px
}
}
.submit {
max-width: 160px;
margin: 0 auto;
padding: 15px 0
}
@media screen and (max-width: 414px) {
.submit {
max-width: 100%;
margin-top: 20px
}
}
.convention {
font-size: 12px;
line-height: 1.2;
max-width: 450px;
margin: auto;
text-align: center;
color: #a9a9a9
}
.convention__link {
transition: color .3s linear;
text-decoration: underline;
color: #a9a9a9
}
.convention__link:hover {
color: #625f5f
}
.s-model {
padding: 100px 0 50px;
background-color: #f0f0f0;
}
@media screen and (max-width: 1024px) {
.s-model {
padding: 100px 0 50px 0;
}
}
@media screen and (max-width: 768px) {
.s-model {
background-color: #fff;
}
}
.model__list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.model__list_dop {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.model-item-crypton {
padding:35px 40px;
background:#4D63AA;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width:100%;
position:relative;
border-radius:10px;
margin-bottom:20px;
}
.model-item-crypton .model-crypton-img {
width:35%;
}
.model-item-crypton .model-crypton-img img {
display: block;
margin: auto;
object-fit: contain;
max-width: 100%;
height: auto;
}
.model-crypton-logo {
margin-bottom:35px;
}
.model-item-crypton .model-crypton-info {
width:65%;
color:white;
}
.model-crypton-title {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 22px;
margin-bottom:12px;
color:white;
}
.model-crypton-desc {
font-size:16px;
font-weight:400;
max-width:550px;
}
.model-crypton-title.mobile {
display:none;
}
.cart__item-link.crypton {
color:white;
}
@media screen and (max-width: 1030px) {
.model__list.front .model__item .cart__item-link, .model__list_dop .model__item .cart__item-link {
right: 50px;
top: initial;
bottom: 20px;
}
}
@media screen and (max-width: 800px) {
.cart__item-link.crypton {
right:10px;
}
}
@media screen and (max-width: 768px) {
.model-item-crypton .model-crypton-img {width:40%;}
.model-item-crypton .model-crypton-info {width:60%;}
.model-item-crypton {
padding:20px;
}
.model-crypton-title {
font-size:18px;
}
.model-crypton-desc {
font-size:14px;
}
.model__list.front .model__item .cart__item-link, .model__list_dop .model__item .cart__item-link {
bottom: 10px;
}
}
@media screen and (max-width: 630px) {
.model-item-crypton .model-crypton-img {width:100%;}
.model-item-crypton .model-crypton-info {width:100%;}
.model-item-crypton {
flex-wrap:wrap;
max-width:350px;
padding: 20px 20px 60px 20px;
}
.model-crypton-title {
display:none;
}
.model-crypton-logo {
position:absolute;
bottom:10px;
left:10px;
margin:0;
max-width:130px;
}
.model-crypton-title.mobile {
display:block;
text-align:center;
}
.cart__item-link.crypton {
right:20px;
bottom:14px;
}
.model__list.front .model__item .cart__item-link, .model__list_dop .model__item .cart__item-link {
right:20px;
}
}
@media screen and (max-width: 1024px) {
.model__list {
justify-content: space-around
}
}
.model__title {
margin-bottom: 50px
}
@media screen and (max-width: 414px) {
.model__title {
margin-bottom: 30px
}
}
.model__price-arrow {
width: 18px;
height: 18px;
margin: auto;
fill: #fff
}
.model__item {
position: relative;
width: calc(33% - 10px);
#max-width: 330px;
padding: 22px 15px 50px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35);
margin-bottom: 15px;
}
.model__list_dop .model__item:not(:last-child) {
margin-right:15px;
}   
.cart__item-subTitle {
padding: 20px 0;
text-align: center;
}
.model__item p {
font-size: 14px;
line-height: 1.2;
margin-bottom: 15px
}
.model__item p:last-child {
margin-bottom: 0
}
.model__item-title,
.model__item p span {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 16px
}
.model__item-title {
height: 40px;
text-align: center
}
.model__item-img {
display: block;
height: 220px;
padding: 10px 0;
text-align: center;
outline: 0
}
.model__item-img img {
max-width: 100%;
height: 100%
}
@media screen and (max-width: 1030px) {
.model__list_dop .model__item:last-child {
margin-bottom: 0
}
.model__item {
width: 100%;
max-width: 100%;
padding: 30px 50px 30px 350px;
margin-bottom: 20px;
}
.model__item-img {
width: 250px;
position: absolute;
left: 50px;
top: 50%;
transform: translateY(-50%);
}
.model__item .cart__item-link {
right: 50px;
top: 40px;
bottom: auto;
}
.model__item-title,
.cart__item-subTitle {
text-align: left;
}
.model__list_dop .model__item:not(:last-child) {
margin-right:0px;
} 
}
@media screen and (max-width: 800px) {
.model__item {
padding: 30px 20px 30px 280px;
}
.model__item .cart__item-link {
right: 10px;
}
.model__item-img {
left: 20px;
}
}
@media screen and (max-width: 630px) {
.model__item-img {
position: static;
transform: translateY(0);
width: auto;
}
.model__item {
padding: 22px 15px 50px;
max-width: 350px;
}
.model__item-title,
.cart__item-subTitle {
text-align: center;
}
.model__item .cart__item-link {
top: auto;
bottom: 10px;
}
}
.s-portfolio {
z-index: 1;
height: 810px;
padding: 60px 0 35px;
background-color: #f0f0f0
}
.s-portfolio:after {
position: absolute;
top: 0;
right: 0;
width: 58%;
height: 450px;
content: '';
background-color: rgba(23, 40, 117, .8)
}
@media screen and (max-width: 1250px) {
.s-portfolio:after {
display: none
}
}
@media screen and (max-width: 1024px) {
.s-portfolio {
height: 740px
}
}
@media screen and (max-width: 768px) {
.s-portfolio {
height: 680px
}
}
@media screen and (max-width: 414px) {
.s-portfolio {
height: 630px
}
}
@media screen and (max-width: 360px) {
.s-portfolio {
height: 600px;
background-color: #fff;
}
}
.portfolio {
position: relative;
z-index: 1
}
.portfolio__list {
display: flex;
justify-content: center
}
@media screen and (max-width: 768px) {
.portfolio__list {
display: none
}
} .portfolio .slick-list {
height: 600px;
padding: 50px 10px !important;
}
@media screen and (max-width: 1024px) {
.portfolio .slick-list {
height: 480px;
}
}
@media screen and (max-width: 414px) {
.portfolio .slick-list {
height: 440px;
}
} .portfolio__inner {
position: relative
}
.portfolio__item {
width: 50%;
max-width: 325px;
height: 470px;
margin-right: 280px;
border: 1px solid #000
}
.portfolio__item:last-child {
margin-right: 0
}
@media screen and (max-width: 1024px) {
.portfolio__item {
height: 420px
}
}
.portfolio__title {
margin-bottom: 15px;
color: #fff
}
@media screen and (max-width: 1250px) {
.portfolio__title {
color: #4d63aa
}
}
@media screen and (max-width: 768px) {
.portfolio__title {
margin-bottom: 0
}
}
.p-slider {
position: absolute;
top: 0;
left: 50%;
width:100%;
max-width: 1124px;
transform: translateX(-50%)
}
.p-slider__icon {
width: 20px;
height: 20px;
margin: auto;
fill: #fff
}
.p-slider-arrow,
.p-slider__arrow {
display: flex
}
.p-slider-arrow {
width: 60px;
height: 60px;
cursor: pointer;
transition: all .3s linear;
background-color: #272c48
}
.p-slider-arrow:hover {
background-color: #4d63aa
}
.p-slider__arrow {
margin-top: 10px;
justify-content: center
}
.p-slider__item {
position: relative;
width: 330px;
height: 490px;
margin-right: 35px;
transition: all .5s linear;
outline: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.p-slider__item.slick-center {
#transform: scale(1.08);
#box-shadow: 0 0 20px 2px #000;
}
.p-slider__item.slick-center:after {
display:none;
background-color: transparent;
} @media screen and (max-width: 360px) { }
@media screen and (max-width: 320px) { }
.p-slider__item:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background-color: rgba(255, 255, 255, .8)
}
@media screen and (max-width: 1024px) {
.p-slider__item {
width: 290px;
height: 385px
}
}
@media screen and (max-width: 414px) {
.p-slider__item {
width: 270px;
height: 350px;
}
}
.sandwich {
position: relative;
display: none;
width: 32px;
height: 20px;
cursor: pointer
}
@media screen and (max-width: 880px) {
.sandwich {
display: block;
padding:15px 25px;
}
.sandwich__line {
left:0;
right:0;
margin:auto;
}
}
@media screen and (max-width: 360px) {
.sandwich {
width: 24px
}
}
.sandwich--active .sandwich__line--top {
top: 15px;
transform: rotate(45deg)
}
.sandwich--active .sandwich__line--middle {
opacity: 0
}
.sandwich--active .sandwich__line--bottom {
top: 15px;
transform: rotate(-45deg)
}
.sandwich__line {
position: absolute;
left: 0;
display: block;
width: 32px;
height: 2px;
transition: all linear .4s;
background-color: #4d63aa
}
.sandwich__line--top {
top: 5px;
}
.sandwich__line--middle {
top: 14px;
} .sandwich__line--bottom {
top: 23px;
} .s-notpage {
position: static;
padding: 150px 30px 30px
}
@media screen and (max-width: 490px) {
.s-notpage {
padding-top: 100px
}
}
@media screen and (max-width: 414px) {
.s-notpage {
padding-top: 60px
}
}
.notfound-page {
position: relative;
height: 100vh
}
.notpage {
max-width: 550px;
margin: auto
}
.notpage__socials {
right: auto;
left: 50%;
display: flex;
transform: translateX(-50%)
}
.notpage__title {
margin-bottom: 60px
}
.notpage__inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
@media screen and (max-width: 490px) {
.notpage__inner {
justify-content: center
}
}
.notpage__btn {
font-size: 15px;
width: 50%;
max-width: 200px;
margin: 0 8px;
padding: 8px 15px;
cursor: pointer;
transition: all .3s linear;
text-align: center;
color: #4d63aa;
border: 1px solid #4d63aa
}
.notpage__btn:last-child {
margin-right: 0
}
.notpage__btn:hover {
color: #fff;
background-color: #4d63aa;
box-shadow: 0 3px 27px 0 rgba(0, 0, 0, .45)
}
@media screen and (max-width: 490px) {
.notpage__btn {
width: 100%;
max-width: 220px;
margin: 0 0 50px
}
}
.page-404 {
font-family: 'GothamProMedium', Arial, sans-serif;
font-size: 150px;
line-height: .9;
position: relative;
margin-bottom: 60px;
text-align: center;
color: #b8c1dd
}
@media screen and (max-width: 414px) {
.page-404 {
font-size: 120px
}
}
.page-404__error {
font-size: 45px;
position: absolute;
top: 43%;
left: 50%;
transform: translate(-50%, -50%);
color: #4d63aa
}
@media screen and (max-width: 414px) {
.page-404__error {
font-size: 35px
}
}
.page--404 {
justify-content: center
}
.page--404 .notpage__btn:last-child {
margin-right: auto;
margin-left: auto
}
.pop-slider__item {
outline: 0;
}
@media screen and (max-width: 414px) {
.breadcrumbs {
font-size: 12px;
padding: 20px 0 20px 0;
}
.woocommerce .product .slick-slide{
padding: 1rem;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce .single-product div.product .product_title {
top: -47px;
}
.woocommerce .single-product .product_meta {
top: -75px;
}
.woocommerce .content-area {
padding-top: 150px;
}
}
.wpcf7-response-output {
display: none !important;
}
.pop-slider__img {
cursor: auto;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
outline: 0;
min-height: 220px;
}
.pop-slider__size {
font-size: 14px;
white-space: nowrap;
}
.pop-slider__width,
.pop-slider__height {
position: relative;
padding-left: 40px;
max-width: 100px;
}
.pop-slider__width:after,
.pop-slider__height:after {
content: '';
position: absolute;
background: no-repeat;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.pop-slider__width:after {
width: 30px;
height: 15px;
background-image: url(//monsari.ru/wp-content/themes/summer/static/images/img/arrow-horizont.png);
}
.pop-slider__height:after {
width: 15px;
height: 30px;
left: 9px;
background-image: url(//monsari.ru/wp-content/themes/summer/static/images/img/arrow-vertical.png);
}
.pop-slider__block {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin: 30px 0 40px 0;
height:44px;
}
.pop-slider__bonus {
position: absolute;
bottom: -35px;
font-size: 14px;
}
.pop-slider__width {
margin-bottom: 12px;
}
.prices-table__width img {
position: absolute;
top: -3px;
right: -100px;
width: 20px;
height: 20px;
transition: all .3s linear;
opacity: 0;
}
.gallery__item .video__play {
display: flex;
}
@media screen and (max-width: 600px) {
.prices-table__width img {
opacity: 1;
}
}
.feed-form__title.zakaz:after {
content: 'Закажите мансардное окно\AДля этого заполните форму ниже';
white-space: pre;
}
.feed-form__title.size:after {
content:'';
}
.feed-form__title.size {
margin-bottom:20px;
}
.feed-form-text-dop {
max-width:480px;
margin:0 auto 20px auto;
text-align:center;
}
.feed-form__title.zakaz {
max-width: 325px;
} .woocommerce {
position: relative;
}
.yak_woo_line {
border-top: 1px solid #d6d6d6;
}
.woocommerce ul.products li.product a{
display: flex;
flex-direction: column;
}
.woocommerce ul.products li.product a img {
height: 225px;
width: 100%;
object-fit: contain;
margin: 25px auto;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
max-width: 170px; height: auto;
overflow: hidden;
text-align: center;
margin: 0 auto;
}
.woocommerce ul.products li.product .onsale 
{
margin: -.5em -2em 0 0;
}
.woocommerce-result-count {
display: none;
}
.yak_woo_contain {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
}
.woocommerce-ordering {
position: absolute;
top: 0px;
right: 0;
}
.woocommerce-ordering::before {
content: 'Сортировать по:';
position: absolute;
top: 2px;
left: -132px;
}
.yak_filter {
width: 252px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
color: #4e4e4e;
font-size: 14px;
padding-bottom: 10px;
}
.yak_filter__button {
position: relative;
padding-right: 20px;
cursor: pointer;
}
.yak_filter__button::after {
content: '';
width: 13px;
height: 13px;
background: url(//monsari.ru/wp-content/themes/summer/static/images/img/filter_button.png) no-repeat center;
position: absolute;
right: 0;
top: 2px;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.active_filter::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.yak_woo_sidebar {
width: 252px;
border-right: 1px solid #d6d6d6;
flex-shrink: 0;
}
.yak_filter__reset {
color: #4d63aa;
padding-right: 40px;
cursor: pointer;
}
.yak_filter__reset a {
color: #4d63aa;
}
.yak_woo_sidebar input[type=checkbox] {
display: none;
}
.yak_woo_sidebar :checked+label:before {
content: "\2713";
font-size: 11px;
color: #fff;
text-align: center;
line-height: 9px;
background: #4d63aa;
}
.yak_woo_sidebar label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 17px;
margin-right: 15px;
margin-left: 0;
font-size: 13px;
}
.yak_woo_sidebar label:before {
content: "";
display: inline-block;
border: 1px solid #4d63aa;
width: 11px;
height: 11px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 6px;
} .products {
width: 100%;
}
.single-product {
font-size: 14px;
}
.products .product {
border-right: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
margin-bottom: 0 !important;
padding: 15px 12px !important;
}
.products .product a {
color: #000;
}
.products .product:nth-child(3n) {
border-right: none;
}
.yak_woo_block {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.yak_product__add_list li {
display: inline;
}
.yak_product__add_list li:last-child:after {
display: none;
}
.yak_product__add_list li::after {
content: ',';
}
.yak_product__description {
text-align: center;
}
.yak_product__addition { margin-bottom: 20px;
display: none; }
.woocommerce .products ul {
margin-bottom: 0px;
}
.yak_woo_block .pop-slider__btn {
background-color: transparent;
border: 1px solid #4d63aa;
color: #4d63aa;
width: 120px;
height: 40px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
#margin: 0;
margin-top:5px;
padding: 0;
line-height: 1;
}
.woocommerce ul.products li.product .yak_woo_block .button {
font-size: 14px;
line-height: 14px;
font-weight: normal;
margin: 0;
width: 120px;
height: 40px;
color: #fff;
background-color: #4d63aa;
border: 1px solid #4d63aa !;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
padding: 0;
border-radius: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
border-radius: 0;
}
.woocommerce ul.products li.product .yak_woo_block .button.added {
background-color: #4daa67;
color: #4daa67;
position: relative;
margin: 0 0 0 auto;
}
.woocommerce ul.products li.product .yak_woo_block .button.added + .added_to_cart {
text-align: center;
width: 120px;
}
.woocommerce ul.products li.product .yak_woo_block .button.added::after {
content: 'Добавлено';
font-family: 'GothamProRegular', Arial, sans-serif;
color: #fff;
position: absolute;
top: 12px;
left: 10px;
}
.woocommerce a.added_to_cart {
display: none;
}
.woocommerce ul.products li.product .price {
font-weight: 500;
color: #4d63aa;
font-size: 16px;
}
.entry-footer {
display: none;
}
.woocommerce-notices-wrapper {
display: none;
}
.yak_woo_block__order .qib-container {
display: none !important;
} .woo_card_buts {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 25px;
}
.woo_card_buts .btn {
background-color: transparent;
border: 1px solid #4d63aa;
color: #4d63aa;
width: 198px;
height: 40px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
margin: 0;
}
.woo_card_buts .btn:hover{ }
.woocommerce div.product form.cart .woo_card_buts .button {
background-color: #4d63aa;
border-radius: 0;
width: 198px;
height: 40px;
font-family: "GothamProMedium", sans-serif;
font-size: 14px;
font-weight: normal;
}
.product .entry-header {
display: none;
}
.product .posted_in {
display: none;
}
.yak_cart_wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
margin-top: 47px;
}
.anchor-spec {
margin-top:15px;
}
@media screen and (max-width: 1150px) {
.anchor-spec {
margin-top:20px;
}
}
@media screen and (max-width: 360px) {
.anchor-spec {
margin-top:35px;
}
}
.anchor-spec a {
color: #4d63aa;
font-family: "GothamProMedium", sans-serif;
text-decoration:underline;
}
#specifications {
padding-top: 55px;
margin-top: -55px;
-webkit-background-clip: content-box;
background-clip: content-box;
}
.yak_product_parameter__wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin-top: 26px;
}
.yak_product_parameter__wrap-dop {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.yak_product_parameter__wrap-dop .cols2, .yak_product_parameter__wrap .cols2 {
width:calc(45%);
}
.yak_product_parameter_color__wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.yak_product_parameter_color__circle {
width: 32px;
height: 32px;
border-radius: 100%;
margin-left: 46px;
margin-top: 16px;
}
.product .related,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs .panel {
display: none !important;
}
.single_page_breadcrumbs {
top: -155px;
}
.woocommerce-product-gallery__image {
padding-top: 30px;
}
.woocommerce div.product div.images img {
width: 320px;
height: 390px;
margin: 0 auto;
object-fit: contain;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
display: none;
} .woocommerce div.product div.images .flex-control-thumbs li {
width: 70px;
height: 70px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
width: 100%;
height: 100%;
object-fit: cover;
}
.woocommerce div.product .wpgs-nav {
max-width: 100%;
margin: 20px auto 0 auto;
}
.woocommerce div.product .wpgs-nav .slick-next {
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px);
}
.woocommerce div.product .wpgs-nav .slick-prev {
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
}
.yak_youtube_button {
position: absolute;
top: 504px;
left: 115px;
width: 40px;
height: 70px;
}
.yak_youtube_button .video__play {
height: 30px;
border: none;
}
.yak_youtube_button .video__play:before {
content: 'Смотреть презентацию мансардных окон';
position: absolute;
top: -19px;
right: -200px;
width: 180px;
height: 70px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
color: #000;
font-size: 14px;
font-family: 'GothamProRegular', Arial, sans-serif;
text-transform: none;
}
.yak_youtube_button2 .video__play:before {
content: 'Смотреть идеи архитектурных решений'!important;
}
.yak_youtube_button .video__play {
display: block !important;
width: 40px;
height: 70px;
}
.woocommerce div.product .wpgs-nav .slick-slide img {
height: 78px;
width: 70px;
}
.sku_wrapper .sku {
color: #9d9d9d;
font-size: 14px;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
width: 44%;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 53%;
}
.woocommerce div.product .product_title {
text-align: left;
max-width: 380px;
padding-right: 10px;
}
.yak_product__description {
text-align: left;
font-size: 14px;
margin-top: 0px;
margin-bottom:15px;
}
.yak_product__description p{
margin-bottom:5px;
}
.woocommerce div.product p.price {
font-size: 24px;
color: #4d63aa;
font-family: "GothamProMedium", sans-serif;
margin-top: 37px;
}
.woocommerce div.product .stock {
color: #9d9d9d;
font-size: 14px;
margin-top: 3px;
}
.yak_cart_quenty {
margin-right: 20px;
}
.woo_card_buts .single_add_to_cart_button {
height: 40px !important;
}
.woo_card_buts .pop-slider__btn {
margin-left: 9px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.woo_card_buts .pop-slider__btn:hover {
background: #4d63aa;
color:#fff
}
.woo_card_buts .pop-slider__btn:hover a {
color: #fff !important;
}
.woo_card_buts .pop-slider__btn a {
color: #4d63aa;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.woocommerce-product-details__short-description {
margin-top: 57px;
}
.yak_product_parameter__title {
font-size: 24px;
font-family: "GothamProMedium", sans-serif;
margin-top: 78px;
padding-bottom: 6px;
border-bottom: 1px solid #d6d6d6;
}
.yak_product_parameter_size__title {
width: 220px;
color: #4d63aa;
border-bottom: 1px solid #d6d6d6;
padding-bottom: 2px;
}
.yak_product_parameter_producer__title {
width: 220px;
color: #4d63aa;
border-bottom: 1px solid #d6d6d6;
padding-bottom: 2px;
}
.yak_product_parameter_size__width {
margin-top: 11px;
}
.yak_product_parameter_size__width span:first-child {
width: 144px;
display: inline-block;
}
.yak_product_parameter_size__height {
margin-top: 10px;
}
.yak_product_parameter_size__height span:first-child {
display: inline-block;
width: 144px;
}
.yak_product_parameter_producer__value {
margin-top: 11px;
}
.qib-button:not(#qib_id):not(#qib_id) {
cursor: pointer;
background-color: #fff;
}
.qib-button:hover:not(#qib_id):not(#qib_id) {
cursor: pointer;
}
.yak_product_parameter_color__title {
width: 220px;
color: #4d63aa;
border-bottom: 1px solid #d6d6d6;
padding-bottom: 2px;
margin-top: 25px;
}
.yak_product_parameter_color__info {
margin-top: 10px;
}
.yak_product_parameter_color__name {
margin-top: 10px;
}
.yak_product_parameter_type__title {
max-width: 220px;
color: #4d63aa;
border-bottom: 1px solid #d6d6d6;
padding-bottom: 2px;
margin-top: 27px;
}
.yak_product_parameter_dop p {
margin-top:11px;
}
.yak_product_parameter_single_block {
margin-top:27px;
}
.yak_product_parameter_type__title2 {
#width: 220px;
color: #4d63aa;
border-bottom: 1px solid #d6d6d6;
}
.yak_parameter_link {
color: #4d63aa;
text-decoration: underline;
margin-top:35px;
display:block;
}
.yak_product_parameter_type__value {
margin-top: 13px;
}
.yak_product_parameter_addition__title {
font-size: 24px;
font-family: "GothamProMedium", sans-serif;
margin-top: 50px;
padding-bottom: 6px;
border-bottom: 1px solid #d6d6d6;
}
.yak_product_parameter_addition__list {
margin-top: 25px;
}
.yak_product_parameter_addition__list li {
margin-bottom: 8px;
}
.product .entry-summary {
opacity: 0;
}
@media screen and (max-width: 768px) {
.catalog-template-default footer {
padding: 10px 0 60px 0;
}
}
@media screen and (max-width: 660px) {
.yak_product_parameter__wrap-dop {
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
}
.yak_product_parameter__wrap {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.yak_product_parameter__wrap-dop .cols2 {
#width:100%;
}
.yak_product_parameter_type__title {
#width:100%;
}
.yak_product_parameter_producer {
margin-top: 20px;
}
} .yak_shop_wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.yak_shop_wrapper .woocommerce-cart-form {
max-width: 750px;
width: 100%;
}
.yak_shop_wrapper .cart-collaterals {
width: 260px;
font-size: 14px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: none;
width: 100%;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
border-radius: 10px;
padding: 35px 30px;
}
.woocommerce-cart table.cart img {
width: 190px;
margin-right: 25px;
padding-bottom: 20px;
}
.woocommerce table.shop_table tbody:first-child tr:first-child .product-thumbnail {
width: 190px;
}
.woocommerce table.shop_table tbody:first-child tr:first-child td {
padding: 0;
}
.yak_product_info {
width: 328px;
position: relative;
font-size: 14px;
padding: 0 60px 0 25px !important;
}
.yak_product_info__acricle {
position: absolute;
top: 24px;
left: 25px;
color: #9d9d9d;
}
.woocommerce-cart table.cart td {
vertical-align: top;
padding-top: 45px !important;
}
.yak_product_info__title a {
font-family: "GothamProMedium", sans-serif;
font-size: 16px;
color: #4d63aa;
}
.yak_product_info__size {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
margin: 40px 0 30px 0;
}
.yak_product_info__size .pop-slider__width {
margin-bottom: 0;
}
.yak_product_info__add_list {
padding-bottom: 50px;
}
.yak_product_info__add_list li {
display: inline;
}
.yak_product_info__add_list li:last-child:after {
display: none;
}
.yak_product_info__add_list li::after {
content: ',';
}
.yak_product_price__total {
font-size: 24px;
font-family: "GothamProMedium", sans-serif;
}
.yak_product_price__once {
margin: 20px 0 5px 0;
}
.woocommerce a.remove {
color: #000 !important;
background: none;
font-size: 14px;
width: 100%;
height: auto;
text-align: left;
font-weight: normal;
margin-top: 15px;
}
.woocommerce a.remove:hover {
color: #000 !important;
background: none;
text-decoration: underline;
}
.yak_shop_wrapper .actions {}
.yak_shop_wrapper .actions .coupon {
display: none;
}
.woocommerce table.shop_table {
border: 0;
}
.yak_total_products__value {
font-size: 24px;
font-family: "GothamProMedium", sans-serif;
color: #4d63aa;
margin: 15px 0 40px 0;
}
.yak_shop_wrapper .cart-subtotal {
display: none;
}
.input-cheked {
cursor: pointer;
max-width: 520px;
margin: 20px auto 0;
position: relative;
}
.input-cheked label {
line-height: 16px;
}
.input-cheked input {
display: none;
}
.input-cheked input[type=checkbox]:checked+label:before {
content: "\2713";
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
font-size: 10px;
text-align: center;
line-height: 15px;
position: absolute;
top: 2px;
left: 2px;
color: #fff;
z-index: 10;
}
.input-cheked__text {
position: relative;
padding-left: 30px;
font-family: "GothamProMedium", sans-serif;
}
.input-cheked__text:before {
content: '';
position: absolute;
top: 4px;
left: 0;
width: 10px;
height: 10px;
background-color: #4d63aa;
}
.yak_mounting__footer {
margin-top: 10px;
color: #9d9d9d;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
border-top: none;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals h2 {
font-weight: normal;
font-size: 14px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
padding-left: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-Price-amount {
font-size: 22px;
font-family: "GothamProMedium", sans-serif;
color: #4d63aa;
}
.woocommerce-Price-amount .dop-nds {
font-size:16px;
}
.woocommerce-cart .wc-proceed-to-checkout {
padding: 0;
}
.wc-proceed-to-checkout .checkout-button {
background: #4d63aa !important;
font-family: "GothamProMedium", sans-serif;
font-size: 14px;
margin-top: 40px !important;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
display: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin-right: 0;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
width: 30.75%;
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;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
width: 33%;
}
.woocommerce-checkout-review-order .yak_product_info__acricle {
display: none;
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
width: 100%;
} .yak_ckeckout {
margin-top: 60px;
max-width: 700px;
}
.yak_checkout_container {
max-width: 700px;
}
.yak_checkout_title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
font-size: 14px;
color: #9d9d9d;
padding-bottom: 10px;
}
.yak_checkout_container__title {
margin-top: 40px;
font-size: 24px;
}
.checkout_active {
color: #000;
}
.yak_checkout_form {
max-width: 100%;
font-size: 14px;
}
.yak_checkout_form .contact-form-content {
margin-top: 35px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.yak_checkout_form .contact-form-content label:first-child {
margin-right: 40px;
}
.yak_checkout_form label {
margin-bottom: 35px;
}
.yak_checkout_form label span {
margin-top: 3px;
display: block;
}
.yak_checkout_form input[type=text],
.yak_checkout_form input[type=tel],
.yak_checkout_form input[type=email] {
width: 320px;
height: 52px;
border: 1px solid #d6d6d6;
border-radius: 10px;
padding: 20px;
}
.yak_checkout_form input[type=submit] {
margin-top: 35px;
width: 100%;
height: 52px;
background-color: #4d63aa;
color: #fff;
font-family: "GothamProMedium", sans-serif;
border-radius: 10px;
outline: none;
border: none;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.yak_checkout_form input[type=submit]:hover {
background: #374e9a;
}
.prechekout_access {
text-align: center;
}
.prechekout_access label {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
text-align: center;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.prechekout_access .yak_access__text {
padding-left: 30px;
color: #9d9d9d;
font-size: 12px;
cursor: pointer;
z-index: 50;
position: relative;
z-idnex: 10;
}
.prechekout_access input[type=checkbox] {
display: none;
}
.prechekout_access {
position: relative;
}
.prechekout_access label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 13px;
}
.prechekout_access label:before {
content: "";
display: inline-block;
border: 1px solid #4d63aa;
width: 11px;
height: 11px;
margin-right: 10px;
position: absolute;
left: 30px;
bottom: 1px;
z-index: 0;
}
.prechekout_access--active label:before {
content: "\2713";
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
font-size: 10px;
text-align: center;
line-height: 10px;
position: absolute;
top: 5px;
left: 30px;
color: #fff;
z-index: 0;
background: #4d63aa;
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0;
display: flex;
flex-wrap: wrap;
}
.woocommerce .products ul:before,
.woocommerce ul.products:before{
display: none;
}
.woocommerce .products ul:after,
.woocommerce ul.products:after{
display: none;
}
.prechekout_access .yak_access__text a {
color: #9d9d9d;
text-decoration: underline;
}
.yak_billing_first_name {
display: none;
}
#billing_phone_field {
display: none;
}
#billing_email_field {
display: none;
}
.woocommerce-billing-fields h3 {
display: none;
}
.yak_checkout_container .container {
padding: 0;
}
#billing_office_field {
margin-top: 30px;
}
#billing_office {
width: 320px !important;
}
#billing_office .select2-selection--single {
height: 50px !important;
}
#billing_office_field .select2-selection--single {
height: 50px !important;
}
#select2-billing_office-container {
line-height: 50px !important;
}
#select2-billing_office-container .select2-selection__clear {
display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 11px;
right: 5px;
}
#billing_delivery_moskov_field {
display: none;
}
#billing_delivery_russia_field {
display: none;
}
#billing_delivery_spb_one,
#billing_delivery_moskov_one,
#billing_delivery_spb_two,
#billing_delivery_spb_three,
#billing_delivery_moskov_two,
#billing_delivery_russia_one,
#billing_delivery_russia_two
{
display: none;
}
#billing_delivery_spb_one:checked+label,
#billing_delivery_moskov_one:checked+label,
#billing_delivery_spb_two:checked+label,
#billing_delivery_spb_three:checked+label,
#billing_delivery_moskov_two:checked+label,
#billing_delivery_russia_one:checked+label,
#billing_delivery_russia_two:checked+label{
background: #f0f4ff;
border: 1px solid #4d63aa;
}
#billing_delivery_spb_field label,
#billing_delivery_moskov_field label,
#billing_delivery_russia_field label {
border: 1px solid #d6d6d6;
border-radius: 10px;
width: 50%;
padding: 20px;
cursor: pointer;
font-size: 16px;
font-family: "GothamProMedium", sans-serif;
display: flex;
align-items: center;
}
#billing_delivery_spb_field label span,
#billing_delivery_moskov_field label span,
#billing_delivery_russia_field label span{
display: block;
font-family: 'GothamProRegular', Arial, sans-serif;
font-size: 14px;
line-height: 16px;
margin-top: 20px;
}
#billing_delivery_spb_field .woocommerce-input-wrapper,
#billing_delivery_moskov_field .woocommerce-input-wrapper,
#billing_delivery_russia_field .woocommerce-input-wrapper{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 40px;
}
.woocommerce-checkout .optional {
display: none;
}
#billing_city_field {
display: inline-block;
margin-right: 7px;
}
#billing_city_field input,
#billing_street_field input,
#billing_house_field input,
#billing_building_field input,
#billing_entrance_field input,
#order_comments_field textarea {
width: 320px;
height: 52px;
border: 1px solid #d6d6d6;
border-radius: 10px;
padding: 20px;
}
#billing_street_field {
display: inline-block;
}
#order_comments_field textarea {
height: auto;
width: 100%;
}
.woocommerce-checkout .col-2 {
width: 100% !important;
}
#billing_house_field,
#billing_building_field,
#billing_entrance_field {
display: inline-block;
}
#billing_house_field input,
#billing_building_field input,
#billing_entrance_field input {
width: 150px;
margin-right: 11px;
}
.billing_pays_field label[for=billing_pays_one]:first-child {
font-size: 24px;
margin-top: 60px;
}
#billing_pays_one,
#billing_pays_two,
#billing_pays_tree {
display: none;
}
#billing_pays_field label:first-child {
cursor: auto;
display: block;
margin-bottom: 30px;
}
#billing_pays_field label {
cursor: pointer;
display: inline-block;
}
#billing_pays_field .radio[for=billing_pays_one],
#billing_pays_field label[for=billing_pays_two],
#billing_pays_field label[for=billing_pays_tree] {
width: 314px;
font-size: 14px;
line-height: 16px;
height: 80px;
border: 1px solid #d6d6d6;
border-radius: 10px;
padding: 0 20px;
display: inline-block;
margin-right: 0;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
-ms-align-items: center;
align-items: center;
}
#billing_pays_one:checked+label,
#billing_pays_two:checked+label,
#billing_pays_tree:checked+label {
background: #f0f4ff;
border: 1px solid #4d63aa !important;
}
#billing_pays_field .radio[for=billing_pays_one] {
margin-right: 17px;
}
#billing_pays_field label[for=billing_pays_tree] {
margin-top: 30px;
}
.woocommerce-checkout .woocommerce-additional-fields h3 {
display: none;
}
#order_comments_field {
margin-top: 50px;
}
#order_review_heading {
margin-top: 50px;
font-size: 24px;
font-family: "GothamProMedium", sans-serif;
}
#order_review .cart-subtotal {
display: none;
}
#order_review #place_order {
margin-top: 35px;
width: 100%;
height: 52px;
background-color: #4d63aa;
color: #fff;
font-family: "GothamProMedium", sans-serif;
border-radius: 10px;
outline: none;
border: none;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#order_review #place_order:hover {
background: #374e9a;
}
.woocommerce-checkout #payment {
background: none;
}
#payment .woocommerce-terms-and-conditions-wrapper {
display: none;
}
.yak_thank_you__title {
font-size: 24px;
text-align: center;
margin-top: 100px;
}
.yak_thank_you__desc {
font-size: 14px;
text-align: center;
margin-top: 30px;
}
.yak_container_thank_you .yak_checkout_container__title {
display: none;
}
.yak_container_thank_you p {
display: none;
}
.yak_container_thank_you ul {
display: none;
}
.yak_container_thank_you section {
display: none;
} .yak_woo_sidebar .widget-title {
display: none;
}
.yak_woo_sidebar {
font-size: 14px;
}
.yak_woo_sidebar .irs-grid {
display: none !important;
}
.yak_woo_sidebar h4 {
margin-top: 20px;
margin-right: 30px;
padding-bottom: 4px;
color: #4d63aa;
font-family: "GothamProMedium", sans-serif;
font-size: 14px;
border-bottom: 1px solid #d6d6d6;
position: relative;
cursor: pointer;
}
.yak_closes h4:after {
content: '+' !important;
}
.yak_woo_sidebar h4:after {
content: '×';
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 10px;
color: #000;
cursor: pointer;
}
.yak_woo_sidebar .irs-from {
top: 44px;
left: 0 !important;
}
.yak_woo_sidebar .irs {
margin-top: 10px;
width: 223px;
}
.yak_woo_sidebar .irs:before {
content: 'От';
position: absolute;
top: 0;
left: 0;
font-size: 14px;
}
.yak_woo_sidebar .irs:after {
content: 'До';
position: absolute;
top: 0;
right: 0;
font-size: 14px;
}
.irs-min,
.irs-max {
display: none !important;
}
.yak_woo_sidebar .irs-to {
top: 44px;
left: 160px !important;
}
.yak_woo_sidebar .woof_checkbox_count {
display: none;
}
.yak_woo_sidebar .woof_block_html_items {
margin-top: 4px;
}
.yak_woo_no_product {
padding-top: 60px;
padding-left: 60px;
font-size: 14px;
}
.yak_woo_no_product__title {
font-family: "GothamProMedium", sans-serif;
}
.yak_woo_no_product__desc {
padding-top: 20px;
}
.yak_woo_no_product__btn .btn {
font-size: 14px;
margin: 20px auto 0 0;
width: 270px !;
max-width: 270px;
height: 52px;
background-color: #4d63aa;
color: #fff;
font-family: "GothamProMedium", sans-serif;
outline: none;
border: none;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.yak_woo_no_product__btn .btn:hover {
background: #374e9a;
}
.yak_woo_sidebar .woof_term_18 {
display: none;
}
.yak_woo_sidebar .woof_term_33 {
color: #5e2129;
font-weight: bold;
}
.yak_woo_sidebar .woof_term_50 {
color: #474a51;
font-weight: bold;
}
.yak_woo_sidebar .woof_term_32 {
color: #008000;
font-weight: bold;
}
.yak_woo_sidebar .woof_term_31 {
color: #45322e;
font-weight: bold;
} .woocommerce-ordering .orderby {
display: block;
cursor: pointer;
font-size: 14px;
font-family: sans-serif;
font-weight: 700;
color: #444;
line-height: 1.3;
padding: 0 1.4em 0 .8em;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 1px 0 0 0;
border: 0;
border-radius: .5em;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff; }
.woocommerce-ordering .orderby::-ms-expand {
display: none;
}
.woocommerce-ordering .orderby:hover {
border-color: #888;
}
.woocommerce-ordering .orderby:focus {
border-color: #aaa;
box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #222;
outline: none;
}
.woocommerce-ordering .orderby option {
font-weight: normal;
}
*[dir="rtl"] .select-css,
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {
background-position: left .7em top 50%, 0 0;
padding: .6em .8em .5em 1.4em;
}
.woof_container_pa_vid {
position: relative;
}
.woof_container_pa_vid label::before {
content: '\2713';
background: #a9a9a9 !important;
border: 1px solid #a9a9a9 !important;
font-size: 11px;
color: #fff;
text-align: center;
line-height: 9px;
}
.woof_container_pa_vid .woof_block_html_items:after {
content: '';
position: absolute;
top: 23px;
width: 100%;
height: 28px;
z-index: 5;
}
.woof_products_top_panel {
display: none !important;
} .woocommerce-pagination {
margin-top: 30px;
//padding-left: 200px;
}
.page-numbers li {
min-width: 32px;
}
.page-numbers a {
color: #000;
}
.page-numbers .next {
color: rgba(0, 0, 0, 0) !important;
background: url(//monsari.ru/wp-content/themes/summer/static/images/img/next.svg) no-repeat center;
background-size: 15px;
}
.page-numbers .next:hover {
background: url(//monsari.ru/wp-content/themes/summer/static/images/img/next.svg) no-repeat center, linear-gradient(45deg, #ebe9eb, #ebe9eb) !important;
background-size: 15px !important;
}
.page-numbers .prev {
color: rgba(0, 0, 0, 0) !important;
background: url(//monsari.ru/wp-content/themes/summer/static/images/img/back.svg) no-repeat center;
background-size: 15px;
}
.page-numbers .prev:hover {
background: url(//monsari.ru/wp-content/themes/summer/static/images/img/back.svg) no-repeat center, linear-gradient(45deg, #ebe9eb, #ebe9eb) !important;
background-size: 15px !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #4d63aa;
color: #fff;
}
#billing_last_name_field,
#billing_first_name_field_field {
display: none;
}
.yak_single_add_to_cart_button {
width: 198px;
background-color: #4daa67 !important;
border-radius: 0 !important;
padding: 0 !important;
text-align: center !important;
line-height: 40px !important;
}
.yak__cart {
margin-bottom: 0 !important;
}
.yak_hidden {
display: none;
}
.yak_woo_sidebar_mobile {
display: none;
}
.yak_woo_sidebar_overlay.active {
display: block;
}
.woof_submit_search_form_container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
}
.woof_submit_search_form {
background: #4d63aa !important;
border-radius: 0 !important;
color: #fff !important;
margin: 0 auto;
}
.fancybox-lock .fancybox-overlay {
z-index: 100000;
}
.yak_woo_sidebar_mobile {
display: none;
}
.woocommerce div.product .wpgs-nav .slick-arrow {
display: none;
} @media screen and (max-width: 1200px) {
.products {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 260px !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
border-right: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
}
.yak_product__addition {
min-height: 130px;
}
}
@media screen and (max-width: 768px) {
#billing_delivery_spb_field label,
#billing_delivery_moskov_field label,
#billing_delivery_russia_field label{
width: 100%;
}
#billing_office {
max-width: 280px !important;
}
.yak_checkout_form input[type="text"],
.yak_checkout_form input[type="tel"],
.yak_checkout_form input[type="email"] {
max-width: 100% !important;
width: 100%;
}
#billing_city_field input,
#billing_street_field input,
#billing_house_field input,
#billing_building_field input,
#billing_entrance_field input,
#order_comments_field textarea {
max-width: 280px !important;
}
.billing_pays_field label {
display: flex !important;
margin: 0 0 20px 0;
width: 280px !important;
}
.yak_checkout_form .contact-form-content {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: center;
text-align: center;
}
.yak_checkout_form .contact-form-content label:first-child {
margin-right: 0;
}
.yak_checkout_form label {
text-align: left;
display: block;
}
.yak_shop_wrapper .cart-collaterals {
margin: 0 auto;
}
.yak_shop_wrapper .actions {
margin: 0 auto;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: #fff !important;
}
.yak_shop_wrapper .product-thumbnail {
display: block !important;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
display: none;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
text-align: left !important;
}
.yak_shop_wrapper {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.yak_shop_wrapper .product-thumbnail {
border: none !important;
}
.yak_shop_wrapper .yak_product_price {
border-top: none !important;
}
.yak_product_info {
border: none !important;
}
.yak_shop_wrapper td.actions {
border: none !important;
}
.woocommerce-page div.product div.summary {
width: 100%;
}
.yak_product_parameter_producer {
#margin-top: 20px;
}
.product_meta {
position: absolute;
top: -55px;
left: 15px;
}
.woocommerce div.product .product_title {
position: absolute;
top: -37px;
left: 13px;
}
.woocommerce div.product div.images img {
margin-top: 40px;
}
.woocommerce div.product div.images {
width: 100%;
}
.yak_woo_sidebar_overlay {
position: absolute;
top: -274px;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
z-index: 10000;
padding: 15px;
}
.yak_woo_sidebar_mobile {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
.yak_woo_sidebar_mobile__title {
margin-top:20px;
font-size: 24px;
color: #4d63aa;
font-family: "GothamProMedium", sans-serif;
}
.yak_woo_sidebar_mobile .yak_filter__reset {
padding-right: 0;
}
.yak_filter .yak_filter__reset {
display: none;
}
.yak_woo_sidebar_mobile__close {
margin-top:20px;
width: 70px;
text-align: right;
}
.woocommerce-products-header .page-title {
margin-top:10px;
padding-bottom:30px;
}
.yak_woo_sidebar_mobile__close svg {
width: 24px;
height: 24px;
cursor: pointer;
}
.yak_woo_sidebar {
width: 98%;
background: #fff;
padding: 50px 60px;
border-radius: 10px;
position: absolute;
top: -268px;
left: 3px;
z-index: 10000;
-webkit-box-shadow: 1px 2px 8px 9px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 1px 2px 8px 9px rgba(34, 60, 80, 0.2);
box-shadow: 1px 2px 8px 9px rgba(34, 60, 80, 0.2);
}
.yak_woo_sidebar .woof_redraw_zone {
margin-top: 30px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
-ms-align-items: flex-start;
align-items: flex-start;
align-content: flex-start;
}
.yak_woo_contain {
min-height: 900px;
}
.yak_woo_sidebar .woof_redraw_zone>div {
width: 250px;
}
}
@media screen and (max-width: 650px) {
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: center;
}
.woocommerce table.shop_table tbody:first-child tr:first-child .product-thumbnail {
padding-top: 0 !important;
}
.yak_product_price {
text-align: center;
border-bottom: 1px solid #ebebeb !important;
}
.yak_product_price__total .woocommerce-Price-amount {
margin: 0 auto;
display: block;
text-align: left;
}
.yak_product_price__once .woocommerce-Price-amount {
margin: 0 auto;
display: block;
text-align: left;
}
.yak_product_price__quantity {
margin: 0 auto;
display: block !important;
text-align: left;
}
.yak_product__remove .remove {
display: block;
text-align: left !important;
margin-bottom: 30px;
}
.product-thumbnail {
margin: 0 auto;
}
.yak_product_info {
order: -1 !important;
margin: 0;
padding-left: 0 !important;
}
.yak_product_info__acricle {
left: 0;
}
.yak_woo_sidebar .woof_redraw_zone {
justify-content: center;
}
.woo_card_buts {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.woo_card_buts .pop-slider__btn {
margin: 20px 0 0 0;
}
}
@media screen and (max-width: 450px) {
#billing_delivery_spb_field .woocommerce-input-wrapper,
#billing_delivery_moskov_field .woocommerce-input-wrapper,
#billing_delivery_russia_field .woocommerce-input-wrapper {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
#billing_delivery_spb_field label,
#billing_delivery_moskov_field label,
#billing_delivery_russia_field label {
margin: 0 0 30px 0;
}
#billing_delivery_spb_field label,
#billing_delivery_moskov_field label,
#billing_delivery_russia_field label {
margin: 0 0 30px 0;
}
.woocommerce div.product p.price {
width: 300px;
}
.yak_cart_wrap {
width: 320px;
}
.yak_woo_sidebar {
padding: 50px 10px;
}
.woof_redraw_zone {
margin-top: 20px !important;
}
.yak_filter {
#padding-bottom: 40px;
}
.woocommerce-ordering {
position: absolute;
top: 23px;
right: 7px;
}
.woocommerce-ordering::before {
top: 4px;
left: -116px;
font-size: 13px;
}
}
.logo__inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
}
.product .flaticon-back {
background: url(//monsari.ru/wp-content/themes/summer/static/images/svg/back.svg) no-repeat;
width: 30px;
height: 30px;
}
.product .flaticon-right-arrow {
background: url(//monsari.ru/wp-content/themes/summer/static/images/svg/back.svg) no-repeat;
width: 30px;
height: 30px;
transform: scale(-1, 1);
}
.product .flaticon-right-arrow:before {
display: none;
}
.flaticon-back::before {
display: none;
}
.woocommerce div.product .wpgs-nav .slick-track {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce div.product .wpgs-nav .slick-slide img {
display: none;
}
.woocommerce div.product .wpgs-nav .slick-slide {
width: 1px !important;
height: 1px !important;
border: 1px solid #000;
border-radius: 100%;
margin: 0 16px 0 0;
padding: 6px;
}
.single-product .woocommerce div.product div.images {
position: relative;
}
.single-product .woocommerce div.product div.images:after {
content: '';
position: absolute;
bottom: -100px;
left: 0;
background: #f0f0f0;
width: 100%;
height: 70px;
}
.woocommerce div.product .wpgs-nav .slick-current {
background-color: #000;
}
@media screen and (max-width: 414px) {
.header__body-inner .logo__inner {
display: none;
}
.advantages .slick-dots{
justify-content: center;
}
}
.fancybox-nav span {
visibility: visible;
}
.slick-dots li button::before {
width: auto;
}
.slick-dots li button::after {
height: 26px;
width: 26px;
}
.gallery .slick-dots {
justify-content: center;
}
.yak_page_search, .search-no-results{
//max-width: 700px;
margin: 0 auto;
}
.aws-container .aws-search-form {
height: 45px;
font-size: 13px;
}
.aws-container .aws-show-clear .aws-search-field {
border-top-left-radius: 10px !important;
border-bottom-left-radius: 10px !important; padding-left: 20px;
}
.aws-container .aws-show-clear .aws-search-field::-webkit-input-placeholder {
color: #000;
opacity: 1;
font-size: 13px;
}
.aws-container .aws-show-clear .aws-search-field::-moz-placeholder {
color: #000;
opacity: 1;
font-size: 13px;
} .aws-container .aws-show-clear .aws-search-field:-moz-placeholder {
color: #000;
opacity: 1;
font-size: 13px;
} .aws-container .aws-show-clear .aws-search-field:-ms-input-placeholder {
color: #000;
opacity: 1;
font-size: 13px;
}
.aws-container .aws-search-form .aws-form-btn {
position: relative !important;
width: 120px !important;
border-radius: 10px !important;
background: #4063ae !important;
transform: translateX(-5px);
z-index: 100;
color: #fff;
border: 2px solid #4063ae;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.aws-container .aws-search-form .aws-search-btn_icon {   
color: #fff;
}
.aws-container .aws-search-form .aws-search-btn svg{
display:block!important
}
.aws-search-btn:after {
content: 'Найти';   font-size: 13px;
}
.aws-container .aws-search-form .aws-search-btn_icon {}
.aws-search-btn_icon svg {
display: none !important;
}
.search-page .navigation{
text-align: center;
margin-top: 100px;
}
.nav-links .page-numbers .meta-nav{
display: none;
}
.nav-links .page-numbers:nth-child(2) .meta-nav{
display: inline-block;
}
.wp-pagenavi{
display: flex;
align-items: center;
justify-content: center;
margin: 100px auto 0;
padding: 50px calc(50% - 300px) 0;
position: relative;
border-top: 1px solid #eee;
}
.wp-pagenavi .pages{ order: 2;
border: none;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 5px 0 0; 
} .wp-pagenavi .last, .wp-pagenavi .extend, .wp-pagenavi .current, .wp-pagenavi .page{ }
.wp-pagenavi .nextpostslink{
order: 2;
left: auto;
border: none;
position: absolute;
right: calc(50% - 300px);
}
.wp-pagenavi  .previouspostslink{
order: -2;
right: auto;
border: none;
position: absolute;
left: calc(50% - 300px);
}
.wp-pagenavi  .previouspostslink:before{
content: '';
width: 100%;
height: 100%;
background-color: #fff;
z-index: 2;
left: 0;
display: block;
top: 0;
position: absolute;
}
.wp-pagenavi  .nextpostslink:before{
content: '';
width: 100%;
height: 100%;
background-color: #fff;
z-index: 2;
left: 0;
display: block;
top: 0;
position: absolute;
}
.wp-pagenavi  .previouspostslink:after{
content: '';
width: 15px;
height: 15px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
z-index: 4;
left: 50%;
top: 50%;
transform: translate(-50%,-50%) rotate(135deg);
display: block;
position: absolute;
}
.wp-pagenavi  .nextpostslink:after{
content: '';
width: 15px;
height: 15px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
z-index: 4;
left: 50%;
top: 50%;
transform: translate(-50%,-50%) rotate(315deg);
display: block;
position: absolute;
}
.wp-pagenavi .current{
padding: 3px 0 0;    
border: 1px solid #eee;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
margin-right: 30px;
}
.wp-pagenavi .current:after{
content:'из';
position: absolute;
font-weight: normal;
left: 40px;
}
.wp-pagenavi  .last{
border: none;
padding-top: 8px;
color: #000;
}
.search-page .search-link{
color: #4d63aa;
}
.search-page .entry-title{
font-size: 1.25em;
}
.search-page .product {
text-align: left;
}
.search-page .product+.product{
margin-top: 50px;
}
.search-page .post-thumbnail img {
max-width: 300px;
margin: 0 auto 40px auto;
height: auto;
}
.search-page .product .entry-header {
display: block;
margin-bottom: 20px;
margin-top: 30px;
}
.search-page .product .entry-header a {
color: #000;
}
.search-page {
padding-top: 0px;
}
.search-page .product .entry-summary{
display: block!important;
opacity: 1;
margin-bottom: 1em;
}
.search-page .product .entry-summary p{
margin-bottom: 1em;
line-height: 1.5;
}
.search-page .product .entry-summary p:last-child{
margin-bottom: 0;
}
.search-page .page-title {
padding-bottom: 0;
}
.footer__inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.footer__menu {
width: 50%;
text-align: center;
}
.footer__menu ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: 100%;
justify-content: center;
align-items: flex-end;
padding-bottom: 13px;
}
.footer__menu ul li {
margin-right: 65px;
}
.footer__menu ul li:lalst-child {
margin-right: 0;
}
.footer__menu ul a {
font-size: 12px;
color: #b3b3b3;
transition: all .3s ease;
}
.footer__menu ul a:hover {
color: #000;
}
.search-results h1{
display: none;
}
@media screen and (max-width: 1000px) {
.footer__inner {
flex-direction: column-reverse;
}
.footer__menu ul {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer__menu ul li {
margin-right: 0;
margin-bottom: 10px;
}
}
.deliver_title {
font-size: 24px;
}
.deliver_header {
height: 38px;
font-size: 16px;
font-family: "GothamProMedium", sans-serif;
margin-top: 45px;
}
.deliver_body {
font-size: 14px;
margin-top: 40px;
margin-bottom: 65px;
}
.deliver_inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
@media screen and (max-width: 600px) {
.deliver_inner {
flex-direction: column;
}
.deliver_msk .deliver_header {
margin-top: 0;
}
}
.deliver_spb {
max-width: 320px;
margin-right: 55px;
}
.deliver_msk {
max-width: 335px;
}
.deliver_body p {
margin-bottom: 20px;
}
.diliver_bill {
font-size: 14px;
}
.deliver_container {
max-width: 800px;
margin: 0 auto;
}
.deliver_inner .deliver_body {
margin-top: 10px;
} .woof_term_33 label, .woof_term_50 label, .woof_term_32 label, .woof_term_31 label{
font-weight: bolder;
font-family: 'GothamProBold', Arial, sans-serif;
} 
.fancybox-opened .fancybox-skin{
padding: 0!important;
}
.swal2-container{
z-index: 9999999999!important;
}
.form__alert .swal2-title{
font-size: 1.5em;
}
.form__alert .swal2-actions{
display: none;
}
.woocommerce .woof_show_auto_form + br{
display: none!important;
}
.woocommerce .woof_show_auto_form, .yak_filter__reset{
display: none!important;
}
.venobox{
outline-color: transparent!important;
width: 80%;
}
.prices__type-color span{
font-weight: bolder;
font-family: 'GothamProBold', Arial, sans-serif;
}
.swal2-container .swal2-html-container p{
font-size: 18px;
line-height: 1.3;
text-align: center;
color: #4c62a9;
}
.swal2-container .form__alert{
padding: 50px;
}
.swal2-container .swal2-popup{
width: 80%;
max-width: 800px;
}
@media screen and (max-width:770px){
body, .gallery .slick-list,.quality{
overflow-x: hidden;
}
section,.container{ }
.container{ }
.contacts {
margin-right: 0;
margin-left: 0;
}
.advantages__col{
width: 45vw;
max-width: 45vw;
height: auto;
margin: 0 20px;   }
.advantages__item-inner{
height: auto;
}
.advantages__inner {
max-width: 100%;
}
.advantages .slick-track {
align-items: flex-start;
}
.advantages__item-count {
font-size: 70px;
top: -40px;
right: 0;
height: auto;
}
.pop-slider {
margin-right: 0;
margin-left: 0;
}
.p-slider {
position: static;
top: 0;
left: 0;
width: 100%;
transform: translateX(0%);
}
.s-video {
margin-right: 0;
margin-left: 0;
}
.s-video .container{
padding: 0;
}
.content { }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 50% !important;
}
}
@media screen and (max-width:575px){
.advantages__col {
max-width: 250px;
height: 552px;
margin-right: 40px;
display: flex!important;
flex-direction: column;
width: 33.33%;
outline: 0;
justify-content: space-between;
}
.advantages__inner {
max-width: 260px;
margin: auto;
}
.advantages__item-count {
font-size: 120px;
top: -17px;
}
}
@media screen and (max-width:414px){
.single-product .slick-slider{
height: 100%;
overflow: hidden;
}
.single-product .slick-list, .single-product .slick-track{
height: 100%;
max-height: 100%;
}
.single-product .slick-slider .vbox-item{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.woocommerce .single-product .slick-slider .vbox-item img{
width: 100%;
height: 100%;
margin: 0 auto;
object-fit: contain;
}
.mobile-menu .email-mobile, .bufer-mob {
display: block;
}
.mobile-email-block {
display: flex;
}
.yak_youtube_button {
top: 445px !important;
}
.yak_product__addition {
min-height: auto!important;
}
.yak_product__description {
text-align: left;
font-size: 14px;
margin-top: -24px;
}
.single-product .woocommerce div.product div.images:after{
bottom: -105px;
}
.woocommerce div.product p.price {
margin-top: 220px !important;
}
.woocommerce div.product .wpgs-nav{
opacity: 0!important;
overflow: hidden;
height: 0;
}
.yak_cart_wrap {
width: 100%;
}
.woocommerce div.product div.images img {
width: 100%;
height: 100%;
margin: 0 auto;
object-fit: contain;
}
.woocommerce div.product div.images {
width: 100%;
height: 390px;
}
.yak_filter__button{
width:70%
}
.woocommerce .woocommerce-ordering{
width: 50%;
display: flex;
flex-direction: column;
}
.woocommerce .woocommerce-ordering .orderby{
padding: 0;
}
.woocommerce-ordering::before{
position: static;
}
.woocommerce-ordering{
top: 0;
}
.woocommerce-page .yak_filter__button::after{
right: auto;
left: 70px;
}
.woo_card_buts .btn{
cursor: pointer;
position: relative;
z-index: 2;
}
.container {
padding: 1em 10px;
}
.content .container {
padding:0px 10px;
}
}
.yak_youtube_button {
//top: 65%!important;
width: 100%;
max-width: 530px;
display: flex;
padding: 0 15px;
left: 0!important;
transform: none!important;
margin: 0;
}
.yak_youtube_button .video__play{
margin: 0;
display: flex!important;
align-items: center;
width: 100%;
height: auto;
padding: 15px;
background-color: #f0f0f0;
border-radius: 0!important;
}
.yak_youtube_button .video__play:before{
height: auto;
position: static;
order: 1;
margin-left: 20px;
}
.single-product .woocommerce div.product div.images:after {
display: none;
}
@media screen and (max-width:340px){
.yak_youtube_button {
//top: 30.8%!important;
width: 100%;
display: flex;
padding: 0 15px;
left: 0!important;
transform: none!important;
margin: 0;
}
.yak_youtube_button .video__play{
margin: 0;
display: flex!important;
align-items: center;
width: 100%;
height: auto;
padding: 15px;
background-color: #f0f0f0;
border-radius: 0!important;
}
.yak_youtube_button .video__play:before{
height: auto;
position: static;
order: 1;
margin-left: 20px;
}
.single-product .woocommerce div.product div.images:after {
display: none;
}
}
.woocommerce div.product .wpgs-nav .slick-track{
transform: none!important;
width: 100%!important;
flex-wrap: wrap!important;
}
.woocommerce div.product .wpgs-nav .slick-slide{
margin: 5px!important;
}
.vbox-overlay{
z-index: 104000!important;
}
.single-product .woocommerce div.product div.images:after{
display:none
}
.popular .slick-slide { cursor: default !important;}
.s-newslider{
padding: 50px 0 110px 0;
background: #202847;
}
.s-newslider-main{
padding: 50px 0 110px 0;
background: #202847;
}
.s-newslider-main .n-slider__arrow {
bottom:110px;
}
.s-newslider__title{
margin-bottom: 90px;
color: #fff;
}
.post-type-archive-catalog .content, .catalog-template-default .content, .archive .content{
padding-top:24px;
}
@media screen and (max-width:880px){
.post-type-archive-catalog .content, .catalog-template-default .content, .archive .content {
padding-top:0px;
}
}
@media screen and (max-width:768px){
.post-type-archive-catalog .content, .catalog-template-default .content, .archive .content {
padding-top:65px;
}
.s-newslider-main .newslide_content__img {
margin-left:30px;
}
}
@media screen and (max-width:551px){
.s-newslider-main .newslide__inner .newslide_content {
flex-wrap: nowrap;
flex-direction: row;
}
.s-newslider-main .newslide_content__img {
margin-left:15px;
}
}
@media screen and (max-width:414px){
.post-type-archive-catalog .content, .catalog-template-default .content, .archive .content {
padding-top:54px;
}
}
.newslide__inner{
display: flex;
}
.newslide_content__title{
max-width: 460px;
margin-bottom: 40px;
font-size: 16px;
color: #fff;
}
.newslide_content_mobile__title{
display: none;
}
.newslide_content__text{
max-width: 280px;
}
.newslide_img{
width: 50%;
margin-right: 24px;
}
.newslide_img img{
width: 100%;
max-width: 750px;
margin-left: auto;
height: 410px;
object-fit: cover;
}
.newslide_content{
width: 50%;
margin-left: 24px;
}
.newslide_content__img img{
width: 277px;
height: 155px;
object-fit: cover;
}
.newslide_content__text{
margin-top: 14px;
font-size: 14px;
color: #fff;
}
.n-slider__prev, .n-slider__next {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
background: #fff;
cursor: pointer;
transition: all .3s ease;
}
.n-slider__prev:hover, .n-slider__next:hover{
background: #4063AE;
}
.n-slider__prev:hover .s-slider__icon, .n-slider__next:hover .s-slider__icon{
fill: #fff;
}
.s-newslider{
position: relative;
}
.s-slider__icon{
width: 20px;
height: 20px;
margin: auto;
fill: #4063AE;
transition: all .3s ease;
}
.n-slider__arrow{
position: absolute;
bottom: 30px;
left: 50%;
margin-left: 33px;
display: flex;
justify-content: center;
}
@media screen and (min-width: 968px) and (max-width: 1224px) {
.n-slider__arrow{
bottom: 10px;
}
}
.pdf>.container{
margin-bottom: 70px;
}
@media screen and (max-width:968px){
.newslide_content__title{
display: none;
}
.newslide_content_mobile__title{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
padding:0 15px;
}
.newslide__inner{
flex-direction: column;
}
.newslide_img{
width: 100%;
margin-right: 0;
}
.newslide_img img{
max-width: 100%;
margin-left: 0;
}
.newslide_content{
display: flex;
margin-top: -20px;
margin-left: 60px;
width: 100%;
}
.newslide_content__img{
margin-right: 20px;
margin-top:35px;
}
.newslide_content__text{
margin-top: 34px;
}
.n-slider__arrow{
top: 415px;
bottom: auto;
justify-content: space-between;
width: 100%;
left: 0;
margin-left: 0;
}
}
@media screen and (max-width:768px){
.s-newslider__title{
margin-bottom: 50px;
}
.newslide_img img{
height: 230px;
}
.n-slider__prev, .n-slider__next{
width: 30px;
height: 30px;
}
.n-slider__arrow{
top: 365px;
}
.newslide_content{
margin-left: 0;
padding:5px;
}
.newslide_content__img img{
width: 130px;
height: 94px;
}
.s-newslider{
padding: 50px 0 80px 0;
}
}
@media screen and (max-width:551px){
.newslide_content{
flex-wrap:wrap;
flex-direction: column-reverse;
padding:5px;
}
.n-slider__arrow {
top:385px;
}
}
#testmodal{
display: none;
max-width: 1300px;
max-height: 690px;
padding: 0;
background: #202847;
}
#testmodal .fancybox-button{
color: #fff;
}
.woof_info_popup
{
display:none!important;
}
.filternotification
{
margin-bottom:20px; 
max-width: 80%;
margin-left: 10%;
padding: 10px;
border-radius: 10px;
box-shadow: 0 0 5px 0 rgb(0 0 0 / 35%);
}
}
@media screen and (min-width: 768px)
{
.filternotification
{
display:none;
}
}
.nav-buttons__button {
position: relative;
display: inline-block;
color: #fff;
text-transform: uppercase;
width: 178px;
margin: -10px 0 -10px 0;
z-index: 0;
}
.nav-buttons__color:before {
content: "";position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: #1594E2;
transform: skew(-35deg);
}
.nav-buttons__button div {
padding: 10px 20px;
}
.nav-buttons {
margin-right: auto;
}
.zf__color:before, .ms__color:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
transform: skew(-35deg);
}
.zf__color:before{
background: #1594E2;
}
.ms__color:before{
background: #4d63aa;
}
.nav-buttons__button.active {
font-family: 'GothamProBold', Arial, sans-serif;
}
.grecaptcha-badge {
position:absolute!important;
} @media screen and (max-width: 7880px) { 
.menu-top-item a {
color: #fff!important;
}
.mobile-menu-top {
height: 50px;
display: flex;
justify-content: center;
align-content: baseline;
margin-bottom: 20px;
}
.menu-top-item:first-child {
background-color: #4d63aa;
margin-right: 50px;
align-items: center;
z-index: 9;
}
.mobile-menu-top div {
color: #fff;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
position: relative;
z-index: 0;
width: 190px;
flex-basis: 50%;
}
.ms {
margin-right: 0;
margin-left: auto;
}
.zf:before, .ms:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
transform: skew(-35deg);
margin-right: -17px;
height: 50px;
}
.ms:before {
background: #4d63aa;
}
.menu-top-item div {
padding: 5px 0;
width: 160px;
}
.mobile-menu__col .btn {
background-color: transparent;
}
.mobile-menu {
display: block;
overflow-y: scroll;
padding:0
}
.mobile-menu__col {
padding: 0 50px;
}
.menu-top-item:last-child {
background-color: #1594E2;
}
.zf:before {
background-color: #1594E2;
margin-left: -32px;
width: 100%;
}
.menu-top-item.active-tab {
font-family: 'GothamProBold', Arial, sans-serif;
}
.mobile-menu__col.active-tab {
display: block;
}
}
@media screen and (max-width: 549px) {
.mobile-menu__col.last {
margin-bottom:100px;
}
}
@media screen and (max-width: 414px) { 
.mobile-menu.active {
padding-top: 68px;
}
.mobile-menu-top div {
width: 140px;
}
.tab-content .active-tab {
margin-top: 0;
}
.mobile-menu__col:last-child {
margin-top: 0;
}
}
@media screen and (max-width: 360px) { 
.menu-top-item:first-child {
margin-right: 20px;
}
.menu-top-item:last-child {
padding-left: 20px;
}
.mobile-menu__col {
padding: 0 30px;
}
.safari-here .mobile-menu__col.last {
margin-bottom:200px;
}
}
@media screen and (min-width: 550px) and (max-width: 1024px) {
.mobile-menu__col {
display: inline-block;
vertical-align: top;
width: 49.5%;
padding: 0 20px!important;
}
}
@media screen and (max-width: 1070px) {
.nav-buttons__button {
width: 140px;
}
} .rec-block {
display: none;
justify-content: right;
align-items: center;
background-color:#f0f0f0;
padding-top:10px;
}
.rec-block .zenit {
border-top:1px solid #1594E2!important;
border-left:1px solid #1594E2!important;
border-bottom:1px solid #1594E2!important;
}
.rec-360 {
display:none;
#vertical-align:top;
align-items:center;
padding:0 25px;
width:290px;
height:50px;
color:#fff;
text-decoration:none;
background: #f0f0f0;
text-align:center;
position:relative;
border-top:1px solid #4D63AA;
border-left:1px solid #4D63AA;
border-bottom:1px solid #4D63AA;
} .zenit .crop_inside {
color:#1594E2!important;
}
.zenit .crop_inside:after {
background-image:url(//monsari.ru/wp-content/themes/summer/static/images/svg/right-arrow-light.svg)!important;
}
.crop_inside {
margin:0;
font-family: GothamProRegular, san-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height:15px;
text-transform:uppercase;
color:#4D63AA;    
text-align:center;
}
.crop_inside:after {
background-image:url(//monsari.ru/wp-content/themes/summer/static/images/svg/right-arrow.svg);
width:50px;
height:20px;
position: absolute;
background-size:contain;
background-repeat: no-repeat;
content:'';
left:205px;
bottom:13px;
}
a.woocommerce-LoopProduct-link span.special-price {
color:#f91155;
text-decoration:underline;
}
@media screen and (max-width: 768px) {
.rec-360 {
display: flex;
}
.rec-block {
display:flex;
}
}
@media screen and (max-width: 360px) {
.rec-block {
background-color: white;
}
.rec-360 {
background-color:white;
}
}  .woocommerce span.onsale1 {
display: none;
}
@media screen and (max-width: 768px) {
.woocommerce ul.products li.product .yak_product__description {
display:none;
}
.woocommerce ul.products li.product {
display:flex;
flex-direction: column;
}
.woocommerce ul.products li.product h2 {
order:1;
text-align: left;
}
.woocommerce ul.products li.product a {
order:0;
}
.woocommerce ul.products li.product .yak_woo_block{
order:2;
}
.woocommerce ul.products li.product a img {
margin:0px 0px 0px 0px;
}
.product .pop-slider__block {
margin:20px 0px 0px 0px;
justify-content: left;
flex-direction: row-reverse;
}
.woocommerce ul.products li.product .pop-slider__size {
#width:30%;
display:flex;
justify-content: right;
flex-wrap:wrap;
flex-direction: column;
}
.woocommerce ul.products li.product .pop-slider__price {
width:65%;
}
.woocommerce ul.products li.product .price {
display:flex;
flex-wrap: wrap;
margin-top:5px;
}
.woocommerce ul.products li.product .price del {
order:1;
font-size:14px;
}
.woocommerce ul.products li.product .price ins {
order:0;
margin-right:10px;
text-decoration: none;
}
.woocommerce ul.products li.product .price span.special-price {
#font-size:18px;
color:#f91155;
text-decoration: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
text-align: left;
}
.pop-slider__height:after {
height:20px;
width:15px;
background-size:contain;
}
.woocommerce ul.products li.product .pop-slider__width {
margin-bottom: 3px;
}
.pop-slider__width:after {
background-size:contain;
width:24px;
height:15px;
}
.woocommerce ul.products li.product .onsale {
display:block;
bottom:200px;
left:10px;
right:auto;
top:auto;
}
.woocommerce ul.products li.product .onsale1 {
display:block;
bottom:135px;
left:0px;
right:auto;
top:250px;
font-weight: 700;
position: relative;
#line-height: 3.236;
font-size: .857em;
z-index: 9;
}
.woocommerce span.onsale, .woocommerce span.onsale1 {
background:none;
color:#f91155;
}
.post-type-archive .woocommerce-loop-product__title {
height:auto!important;
}
}
@media screen and (max-width: 490px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 90% !important;
border: none!important;
border-bottom: 1px solid #ccc!important;
}
}  .ymap-container1 {
background: url(//monsari.ru/wp-content/themes/summer/static/images/img/map-msk.jpg) #fff no-repeat;
background-size: cover;
background-position: center center;
#box-shadow: 0 0 2em  0 rgba(0,0,0,.2);
#margin: 3em 0 2em 0;
position: relative;
overflow: hidden;
cursor: pointer;
width:390px;
height:310px;
margin:auto;
}
.ymap-container2 {
background: url(//monsari.ru/wp-content/themes/summer/static/images/img/map-spb.jpg) #fff no-repeat;
background-size: cover;
background-position: center center;
#box-shadow: 0 0 2em  0 rgba(0,0,0,.2);
#margin: 3em 0 2em 0;
position: relative;
overflow: hidden;
cursor: pointer;
width:390px;
height:310px;
margin:auto;
}
#mapmsk {
cursor: pointer;
height: 20em;
width: 390px;
height: 310px;
background-color: transparent;
position: relative;
z-index: 7;
}
#mapspb {
cursor: pointer;
height: 20em;
width: 390px;
height: 310px;
background-color: transparent;
position: relative;
z-index: 7;
}
@media screen and (max-width: 768px) {
#mapmsk {
width:100%;
}
#mapspb {
width:100%;      
}
}  @media screen and (max-width: 375px) {
.features .slick-dotted.slick-slider {
margin-bottom:50px;
}
.features .slick-dots {
margin-bottom:0px;
}
} .searchbox-section {
display:flex;
justify-content: center;
} .search-special {
display:flex;
width:100%;
#margin:0px 10% 0px 10%;
justify-content: center;
}
.searchbox-section .search-form {
width:80%;
}
.search-special label {
display:flex;
flex-wrap:nowrap;
width:90%;
max-width:500px;
}
.search-special label input {
height:40px;
width:100%;
} }
.search-special button {
all:none;
}
.search-submit2 {
background: #4d63aa;
color: #fff;
border: 0px;;
width:160px;
height:40px;
margin: 0px 0px 0px 10px;
position: relative;
z-index: 1;
overflow: hidden;
}
.search-submit2:hover {
#color: #3498db;
}
.search-submit2:hover::after {
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all 0.35s;
}
.search-submit2::after {
content: "";
background: #4253aa;
position: absolute;
z-index: -1;
#padding: 0.85em 0.75em;
display: block;
top: 0;
bottom: 0;
left: -100%;
right: 100%;
transition: all 0.35s;
}
.search_results {
margin: 0px 10% 0px 10%;
}
.search-page .entry-title a, .search-page .entry-title a:hover, .search-page .entry-title a:visited {
color:#4d63aa;
}
.search-page .page-numbers, .search-page .page-numbers:hover, .search-page .page-numbers:visited {
color:#4d63aa;
}
.search-page article {
margin-bottom:15px;
}
.search-page .entry-summary {
margin:5px 0px 5px 0px;
}
.search-page .breadcrumbs {
padding-top:0px;
}
.search-page .search_results {
padding-top: 5em;
padding-bottom:2em;
}
.search-page .searchbox-section {
margin-bottom: 2em;
}
@media screen and (max-width: 560px) {
.search-special {
#flex-direction: column;
}
.search-special input {
width:100%;
}
.search-submit2 {
width:80px;
margin: 0px 0px 0px 10px;
}
}  .partner_container {
max-width: 1100px;
margin: 0 auto;
text-align: left;
#padding:0 40px;
}
article.post-58783 .entry-title {
padding-bottom:10px;
}
article.post-58783 .pdf-slider__title {
color: #4d63aa;
margin:30px 0;
}
article.post-58783 #quality{
padding-top: 110px;
margin-top: -110px;
}
article.post-58783 #quality1{
padding-top: 110px;
margin-top: -110px;
}
.partner_container a {
color:#4d63aa;
}
.partners-form-container {
border:1px solid #4d63aa;
width:60%;
margin:auto;
margin-top:30px;
padding:20px 20px 0px 20px;
text-align: left;
}
.partners-form-container textarea{
height:6em;
}
.partners_dop_header {
font-size: 21px;
padding: 40px 0 0 0;
text-align: center;
color: #4d63aa;
font-family: "GothamProMedium",sans-serif;
}
.partners_bottom {
padding:30px 40px 20px 40px;
text-align:left;
}
.partners_bottom ol {
margin:10px 0 0 0;
}
.partners_bottom ol li{
list-style: decimal;
padding-left:0px;
}
.partners_buttons {
padding:30px 0;
display: flex;
justify-content: center;
}
.partners_buttons div {
display: flex;
justify-content: space-between;
}
.partners_buttons .btn__advice {
max-width: max-content;
padding:0 10px;
margin:0;
}
.partners_buttons .btn__advice:not(:last-child) {
margin-right:16px;
}
#downloaded_windows {
border-top: 115px solid transparent;
margin-top: -115px;
#padding: 15px 0px 0px 0px ;
}
#downloaded_windows table.p-table {
width:100%;
}
#downloaded_windows .prices-table{
padding:0px;
}
#downloaded_windows table.p-table td span {
display: none;
}
#downloaded_windows table.p-table td#quantity {
width:10%;
}
@media screen and (max-width: 1020px) {
.partners_buttons .btn__advice {
height:auto;
line-height:125%;
display: flex;
align-items: center;
padding:8px 10px;
}
}
@media screen and (max-width: 880px) {
.partner_container .btn__advice.btn-hide {
#display:block;
}
#downloaded_windows .prices-table{
margin:0;
overflow: visible;
}
.partners_buttons .btn__advice {
#padding:0 5px;
#margin:0 4px;
}
}
@media screen and (max-width: 790px) {
.partners_buttons div {
flex-direction: column;
}
.partners_buttons .btn__advice {
justify-content: center;
}
.partners_buttons .btn__advice:not(:last-child) {
margin-right:initial;
}
.partners_buttons .btn__advice {
max-width: inherit;
#padding:0 10px;
margin:0;
}
}
@media screen and (max-width: 840px) {
.partner_container .btn__advice.btn-hide {
#display:block;
}
}
@media screen and (max-width: 600px) {
.partners_buttons .btn__advice {
max-width: inherit;
margin:0px;
}
.partners_buttons br {
height:12px;
}
}
@media screen and (max-width: 560px) {
.partners-form-container {
width:auto;
padding:20px;
}
.partner_container {
text-align:left;
}
.partner_container ol {
padding-inline-start: 0;
padding-left: 15px;
}
#downloaded_windows table.p-table td, table.p-table th {
padding:4px;
}
#downloaded_windows table.p-table th#sizes{
display:none;
}
#downloaded_windows table.p-table td#sizes{
display:none;
}
#downloaded_windows table.p-table td span {
display:inline-block;
}
#downloaded_windows .prices-table {
font-size:12px; 
}
.partners_bottom {
padding:30px 10px;
}
}
.post-type-archive-articles .content {
padding-top:74px;
}
.post-58792 ol li, .page-template-default ol li {
list-style-type: inherit;
}
a:not([class]) {
color:#4d63aa;
}
@media screen and (max-width: 880px) {
.post-type-archive-articles .content {
padding-top:44px;
}
}
@media screen and (max-width: 414px) {
.post-type-archive-articles .content {
padding-top:24px;
}
} .woocommerce-product-details__short-description p {
margin-bottom:15px;
}
.woocommerce-product-details__short-description ul {
list-style: inherit;
margin-bottom:15px;
}
.woocommerce-product-details__short-description ul li {
list-style: inherit;
margin-left:30px;
}
.woocommerce-product-details__short-description ol {
list-style: numeric;
margin-left:30px;
padding-inline-start:0;
}
.woocommerce-product-details__short-description ol li {
list-style-type: inherit;
}
.woocommerce-product-details__short-description ul li:not(:last-child), .woocommerce-product-details__short-description ol li:not(:last-child) {
margin-bottom: 5px;
}
.site_link_mob {
color:white;
margin-bottom:20px;
display:block;
text-align:center;
}
.site_link_desc {
margin:10px 0;
color:#4d63aa;
text-decoration:none;
cursor:pointer;
}
.site_link_desc:hover {
text-decoration:underline;
}
@media screen and (max-width:1170px) {
.menu-top__item.partners {
max-width: 90px;
}
.phone__number {
width: auto;
padding: 0 15px;
}
.menu-top {
display:flex;
align-items:center;
}
.header .bufer {
z-index:10;
}
.header__top-inner div.bufer:before {
top:0;
bottom:0;
margin:auto;
height:20px;
}
.model__item p:last-child {
margin-bottom:30px;
}
}
@media screen and (max-width: 630px) {
.model__item p:last-child {
margin-bottom:0;
}
}  .overlay {
width: 100%;
height: 100vh;
background-color: #000000;
position: absolute;
top: 0;
left: 0;
min-height: 708px;
opacity: 60%;
z-index: -2;
}
.overlay.dark {
background-color: #000;
opacity: 40%;
}
.modal-video {
content: '';
position: fixed;
top:0;
bottom:0;
right:0;
left:0;
margin: auto;
z-index:10000;
}
.modal-youtube-container {
position: absolute;
max-width:100%;
height: 50vh;
width:70vw;
top:0;
bottom:0;
right:0;
left:0;
margin:auto;
}
.modal-video .modal-close2 {
top: 40px;
right: 20px;
position: absolute;
margin: auto;
background: url(//monsari.ru/wp-content/themes/summer/static/images/img/cross.svg) no-repeat center center / contain;
width: 16px;
height: 16px;
cursor: pointer;
transition: all 0.3s ease-in;
}
.modal-window {
content: '';
position: fixed;
top:0;
bottom:0;
right:0;
left:0;
margin: auto;
z-index:10000;
transform: translateX(-5000px);
@include flexbox;
@include align-items(center);
@include justify-content(center);
}
.modal-window.active {
transform: translateX(0px);
}
.modal-container {
position: absolute;
max-width:100%;
height: calc(100vh - 80px);
max-height:100vh;
#padding:25px 30px;
width:calc(100vw - 80px);
top:0;
bottom:0;
right:0;
left:0;
margin:40px 40px;
background:transparent;
overflow-y:auto;
@include flexbox;
@include align-items(center);
}
.modal-container.docs {
top:initial;
bottom:initial;
right:initial;
left:initial;
width:inherit;
height:inherit;
}
.modal-window .modal-container.form-popup {
width:100%;
max-width:560px;
height:auto;
max-height:fit-content;
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 10%);
transform: translateX(-50px);
transition: transform 1s ease, opacity 0.2s ease;
visibility: hidden;
opacity: 0;
padding:0;
background:white;
}
.modal-window.active .modal-container.form-popup {
transform: translateX(0);
transition: transform 1s ease, opacity 0.2s ease;
visibility: visible;
margin:auto;
opacity: 1;
}
.modal-container .modal-close2 {
top: 10px;
right: 10px;
position: fixed;
margin: auto;
background: url(//monsari.ru/wp-content/themes/summer/static/images/img/cross.svg) no-repeat center center / contain;
width: 16px;
height: 16px;
cursor: pointer;
transition: all 0.3s ease-in;
}
#downloads-block .modal-container .modal-close2 {
width:48px;
height:48px;
top:30px;
right:30px;
background: url(//monsari.ru/images/2023/close3.svg) no-repeat center center / contain;
}
.modal-container .modal-close2:hover {
transform: rotate(180deg);
}
@media screen and (max-width:1100px) {
.modal-youtube-container {
width:80%;
}
}
@media screen and (max-width:575px) {
.modal-youtube-container {
width:100%;
padding:0 20px;
}
} .custom-video-block {
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;
background:#f0f0f0;
padding:20px;
color: #000;
font-size: 14px;
font-family: 'GothamProRegular', Arial, sans-serif;
width:100%;
gap:16px;
position: relative;
border-radius:45px;
width: auto;
margin: auto;
height: auto;
z-index: 1;
}
.custom-video-info {
max-width:180px;
}
.custom-video-el {
cursor:pointer;
} .s-video .custom-video-block {
display:inline-flex;
margin-left:20px;
margin-top:20px;
}
@media screen and (max-width:1170px) {
.monsary__b-item--center {
margin:40px auto 40px auto;
}
.s-video .custom-video-block {
margin-top:40px;
}
}
@media screen and (max-width:768px) {
.s-video .custom-video-block {
position:absolute;
top:20px;
margin-top:0;
z-index:2;
}
.custom-video .video{
height:490px;
}
.monsary h1 {
padding-top:30px;
}
.monsary__btn-mobile {
margin:40px 0 40px 0;
}
}
@media screen and (max-width:700px) {
.monsary h1 {
padding-top:80px;
}
}
@media screen and (max-width:560px) {
.monsary h1 {
padding-top:90px;
}
}
@media screen and (max-width:450px) {
.monsary__btn-mobile {
margin:30px 0 30px 0;
}
.monsary h1 {
padding-top:70px;
}
.custom-video .monsary__item {
font-size:14px;
}
}
@media screen and (max-width:340px) {
.custom-video .monsary__item {
font-size: 13px;
}
.monsary__btn-mobile {
margin:20px 0 30px 0;
}
}
@media screen and (max-width:414px) {
.custom-video .custom-video-block {
flex-direction: row;
top:20px;
margin:0;
transform:none;
margin:auto;
}
.custom-video .custom-video-block::before {
left:0;
top:0;
}
}
@media screen and (max-width:414px) {
.custom-video .custom-video-block {
top:80px;
}
}
@media screen and (max-width:414px) {
.custom-video .video {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.custom-video-block {
border-radius:15px;
padding:15px;
-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;
background:transparent;
transform:translateY(-40px);
}
.custom-video-block::before {
content:'';
width:100%;
height:100%;
background:#f0f0f0;
z-index:-1;
position:absolute;
opacity:0.6;
top:0;
border-radius:15px;
}
}
@media screen and (max-width:340px) {
.custom-video .custom-video-el img {
max-width:80px;
}
.custom-video .custom-video-block {
gap:12px;
}
.custom-video .custom-video-block {
padding:15px 10px;
}
} .dop-info.text {
padding:40px 0 20px 0;
}
.dop-info.text.full {
width:100%;
padding:40px 0 20px 0;
}
woocommerce .dop-info.text {
padding:40px 0 0 0;
}
.dop-info.text .container * {
margin:0;
}
.dop-info.text .s-feedback .feedback {
padding:0 20px;
}
.dop-info.text .s-feedback {
margin:30px 0;
padding:45px 20px;
}
.dop-info.text .container *:not(:last-child) {
margin-bottom:16px;
}.article-single-page h1 {
padding:0 20px 50px 20px;
}
.monsari-articles-block {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap:wrap;
}
.monsari-article-item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
padding: 0 20px;
margin-bottom: 20px;
line-height: 1.3em;
}
.monsari-articles-block .monsari-article-item {
width: calc(100%/3 - 10px);
}
.monsari-articles-block .monsari-article-item:not(:nth-child(3n+3)) {
margin-right:15px;
}
.monsari-article__img {
#height: 220px;
#max-height: 220px;
outline: none;
overflow: hidden;
margin: 0 -20px;
}
.monsari-article-item p {
margin-bottom:10px;
}
.monsari-article__img img {
width: 100%;
height: 220px;
display: block;
o-object-fit: cover;
object-fit: cover;
border-bottom: 4px solid #4d63aa;
}
.monsari-article-item a {
color:#4d63aa;
}
.monsari-article-item h2 {
font-size: 20px;
font-weight: 700;
line-height: 1.2em;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
font-family: "GothamProMedium", sans-serif;
color:#4d63aa;
}
.article-single-page .monsari-article-item h2 {
margin-top:20px;
}
.monsari-article-preview {
line-height: 1.3em;
}
.monsari-art-more {
margin-top:10px;
}
.monsari-article-item h3 {
margin:10px 0 5px 0;
}
.monsari-article-item img {
object-fit: cover;
max-width:100%;
}
.monsari-article-item figure {
width:100%!important;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
margin:0 auto;
}
.article-single-img {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
margin:5px 0 15px 0;
}
.article-single-img.contain img {
max-width:100%;
object-fit: contain;
max-height:700px;
overflow: hidden;
}
.monsari-article-imgblock {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
max-height:300px;
margin:10px 0;
}
.monsari-article-imgblock img {
object-fit: cover;
max-width:100%;
height:auto;
overflow: hidden;
padding:0 5px;
}
.monsari-article-item .quality-slider__item {
cursor:initial;
}
.monsari-article-item ul, .monsari-article-item li {
list-style-type: initial;
}
.monsari-article-item ul {
margin-bottom:10px;
}
.monsari-article-item ul li {
margin-left: 30px;
}
.monsari-article-item .quality-slider {
margin-bottom:20px;
}
.quality-slider-art {
position: relative;
max-width: 1030px;
margin: auto;
margin-bottom:20px;
}
[data-fancybox="art-gallery"] {
cursor:pointer;
}
.article-single-page .answers {
z-index:0;
margin-top:initial;
}
@media screen and (max-width: 1070px) {}
.quality-slider-art {
margin-right: -35px;
margin-left: -35px;
}
@media screen and (max-width: 768px) {
.monsari-articles-block .monsari-article-item {
width: calc(100%/2 - 10px);
}
.monsari-articles-block .monsari-article-item:not(:nth-child(3n+3)) {
margin-right:0px;
}   
.monsari-articles-block .monsari-article-item:not(:nth-child(2n+2)) {
margin-right:15px;
}
.monsari-articles-block {
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
}
@media screen and (max-width: 460px) {
.monsari-articles-block .monsari-article-item {
width: calc(100%);
}
.monsari-articles-block {
flex-wrap: wrap;
}
.monsari-articles-block .monsari-article-item:not(:nth-child(2n+2)) {
margin-right:0px;
}
}