body{overflow-x:hidden;opacity:1}
body, html {
    height: 100%;
}
*{
-webkit-box-sizing:border-box;box-sizing:border-box
}
:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
::-webkit-input-placeholder{color:#666;opacity:1}
:-moz-placeholder{color:#666;opacity:1}
::-moz-placeholder{color:#666;opacity:1}
:-ms-input-placeholder{color:#666;opacity:1}


.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
.mfp-close{
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    font-style: normal;
}

.mfp-close:focus,.mfp-close:hover{opacity:1}
.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}
.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}
.mfp-arrow-right:before{border-left:27px solid #3f3f3f}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}
.mfp-figure{line-height:0}
.mfp-close-btn-in .mfp-close{
    color: #000000;
    font-size: 40px;
    border: none;
    background: white;
}
.mfp-close:hover{color:red;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:pointer}
.my-mfp-zoom-in .form-callback,.my-mfp-zoom-in .portfolio-popup{opacity:0;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
.my-mfp-zoom-in.mfp-ready .form-callback,.my-mfp-zoom-in.mfp-ready .portfolio-popup{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.my-mfp-zoom-in.mfp-removing .form-callback,.my-mfp-zoom-in.mfp-removing .portfolio-popup{-webkit-transform:scale(.95);
-ms-transform:scale(.95);transform:scale(.95);opacity:0}.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;
-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}
.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-ready .mfp-figure{opacity:0}
.mfp-zoom-in .mfp-figure,.mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler{opacity:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;
transition:all .3s ease-out;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
.mfp-zoom-in .mfp-preloader,.mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.mfp-zoom-in.mfp-image-loaded .mfp-figure{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.mfp-zoom-in.mfp-ready .mfp-preloader,.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}
.mfp-zoom-in.mfp-removing .mfp-figure,.mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler{-webkit-transform:scale(.95);
-ms-transform:scale(.95);transform:scale(.95);opacity:0}
.mfp-zoom-in.mfp-removing .mfp-preloader,.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}
.mfp-iframe-scaler{overflow:visible}
.mfp-zoom-out-cur{cursor:auto}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:pointer}*{-webkit-transition:
-webkit-filter .25s ease;transition:-webkit-filter .25s ease;-o-transition:filter .25s ease;transition:filter .25s ease;transition:filter .25s ease,
-webkit-filter .25s ease}@-webkit-keyframes down{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}50%{
-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}100%{margin-top:0}}



/*
@keyframes down{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
50%{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
100%{margin-top:0}}

*/

.hidden{display:none}
.popup__form{
background-color: #fff;
    min-width: 320px;
    margin: auto;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    overflow: hidden;
    color: #000000;
    width: 90%;
    max-width: 420px;
    height: auto;
    z-index: 99999;
    text-align: center;
    border-radius: 5px;
    padding: 25px;
    font-family: 'Roboto';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.success{
    align-items: center;
    flex-direction: column;
    justify-content: center;    
    text-align: center;
    color:#000;
    background-color:#fff;
    position:absolute;
z-index:2;
left:0;
width:100%;
height:100%;
display:-webkit-box;display:-webkit-flex;
display:-ms-flexbox;
display:flex;
top:-100%;
opacity:0;
-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease
}

.success p{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    padding: 0px 0 10px 0;
    font-size: 18px;
}
.success h3{
font-size: 25px;
margin-bottom: 20px;
}
.success.active{top:0;opacity:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}

.down{-webkit-animation:down .5s alternate linear;animation:down .5s alternate linear;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}

.order{text-align:center}

.h3{
    font-family: 'Roboto';
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    margin: 25px 0 25px;
    line-height: 1.2;
}

.order__paragraph{font-size:18px;color:#2f2f2f}

.input{
    display: block;
    margin: auto;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.507);
    font-family: 'Roboto';
    max-width: 320px;
    width: 100%;
    min-width: 250px;
    height: 40px;
    border-radius: 0px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    outline: none;
    color: #4b4b4b;
}

.input[type="text"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="color"]:focus,textarea:focus
{
  color:#000;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
    color: fieldtext !important;
}

.footer-grafik{
    padding-top: 20px;
}

.footer-grafik-zaglovok{
    color: rgba(255, 255, 255, 0.7)!important;
    font: 300 1.1em / 1 'Open Sans';
}
.send{
    background-color: #FF675B;
    border: 1px solid #fff;
    color: #fff;
    font-family: 'Roboto';
    outline: 0;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    transition: 0.5s;
    max-width: 320px;
    height: 50px;
    border-radius: 0px;
    letter-spacing: 0.1em;
    -webkit-appearance: none;
    -webkit-box-shadow: 5px 5px 22px 2px rgba(255, 103, 91, 0.4);
    box-shadow: 5px 5px 22px 2px rgba(255, 103, 91, 0.4);
}
.send:hover{
text-decoration: none;
    background-color: transparent;
    color: #000;
    border: 1px solid #FF675B;
}
.send:active{
background-color:#940b0d;
-webkit-transform:scale(.97);
-ms-transform:scale(.97);
transform:scale(.97);
-webkit-transition:.3s;-o-transition:.3s;transition:.3s}

.btn__wrap{text-align:center}
.top{margin-top:4.5px;text-align:center}

.wrap__button_mob{position:absolute;top:20px;right:22px;z-index:10;display:none}


.togg{display:block;margin: 14px 0;}@media only screen and (max-width:1200px){.navigation__link_wrap{margin:10px auto}

.navigation__link{margin:17px auto 0}

.popup__form{width:50%}.vors__text{text-align:center}

.navigation{position:static}}
@media only screen and (max-width:992px){.popup__form{width:65%}

.aksesuary__wrap{margin:45px auto 0;width:50%}

.wrap__button_mob{display:block}

.togg{display:none}

.popup__form{width:75%}

@media only screen and (max-width:480px){.popup__form{width:100%}
.mfp-wrap{left: 0; right: 0;}