*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{max-width: 100%;}
textarea, select, input, button { outline: none; }
h1{font-weight: normal !important;} /*ff*/
html, body{margin:0; padding:0; font-size:18px; font-family: 'helveticaneuecyr';
color:#fff; background: #002445;
}
ul {list-style:none; margin:0; padding:0;}
.clear{clear:both;}
a img {border:none;}
a{color:#fff;}
.order-sticky-bottom {display:none;}
h1{font-size:28px; margin:0; padding:35px 0 10px 0; }
h2, .faq-title{color:#15232b; font-size:36px; margin:0; padding:35px 0 27px 0;
    line-height: 1em;
    padding: 10px 27px;
    font-size: 30px;
}
.wrapper{width:100%; margin:0 auto; min-width:1077px;}
.header{background:#001930; height:50px; line-height:48px; width:100%; margin:0;}
.header strong{color:#333333;}
.header .logo{margin-top:18px; float:left;     margin-left: 23px;}
.logintop {margin-right: 22px;}
.header .logo2{margin-top:18px; float:left;}
.header a{font-family:"futurabookc", sans-serif; color:#5c5c5c; text-decoration:none; font-size:12px; line-height:50px; vertical-align:middle;} .header a:hover{color:#FFF; text-decoration:underline;}
.right{float:right;}
.header{
    position: relative;
    z-index: 1000;
}
.button{
    background: #1b1b1b;
    display:inline-block; cursor:pointer; color:#fff; font-size:14px; text-decoration:none;
    width: 280px;
    padding:15px 10px 13px 10px;

}
.button:hover{background: #000;}

.footer{color:#FFF; width:100%; height:166px; background:#001930;}
.footer{width:100%; color:#FFF; font-family:"PT Sans"; margin-bottom: 80px;}

.topmenu-right{float:right;     height: 50px; position:relative;}
.topmenu-right ul{text-align:right;}
.topmenu-right li{margin-left:20px; float:left;     line-height: 41px;}
.topmenu-right li a{font-size:14px;  color:#fff;
    font-family: 'futurabookc', sans-serif; text-transform: uppercase;
}
section{
    display: inline-block;
    width: 100%;
}
.container{max-width:1440px;
    margin: 0px auto 0 auto;
    text-align: center;
}
section img{max-width: 100%;}
.topsection{background: url('/assets/marvel/i/i1.jpg') no-repeat center 0px #e7e7e7; padding-top: 0px}

.topsection{height: 100vh;     max-height: 750px;}
.topsection .container{height: 100%;}
/*.topsection .container{min-height: 750px;}*/
.topsection .logo{    margin: 0 auto 0 auto;
    position: absolute;
    bottom: 26%;
    left: calc(50% - 275px);
}
.topsection .button{bottom: 14%;}


.anketa{    position: absolute;
    bottom: 14%;
    right: 18%;
}
.ezhe{position: absolute; top: 10px; right: 0; font-size: 14px; color: #818181;
    z-index: 2;
    right: 0;
    position: absolute;
    margin: 13px 30px 0 0;
    opacity: 0.7;
}
.circle{
    width: 140px;
    height: 140px;
    border-radius: 50%;
    color: #fff;
}
.cyan{background: #53aeae;}
.brown{background: #ee7f2c;}
.red{background: #c1212b;}
.topsection .circle.cyan{position: absolute; top: -66px; margin: 0 0 0 0;     padding: 80px 0 0 0; font-size: 14px;}
.topsection .circle.cyan span{font-size: 24px;}
.topsection .circle.brown{position: absolute;     bottom:14%;
    margin: 0 0 0 265px;     padding: 44px 0 0 0; font-size: 24px;}
.topsection .button{
    margin: 0 0 0 0;
    position: absolute;
    left: calc(50% - 140px);
}
.buttonlong{padding:15px 65px 13px 65px; width: auto;}
.col2{float: left; width: 50%;}
.col3{float: left; width: 33.33%;}
.col4{float: left; width: 25%;}
.col5{float: left; width: 20%;}
.col66{float: left; width: 66.66%;}
.relative{position: relative;}
.b2, .b3, .b4, .b5, .b6, .b7{padding: 80px 0;}
section .row{display: inline-block; width: 100%;}
.perecherk{    display: inline-block;
    background: url(/assets/marvel/i/perecherk.png) no-repeat 2px 5px;
    padding: 0 0 0 5px;}
.slider {display: flex; justify-content: space-between;    margin: 20px 0;}
.smalltext{font-size: 12px; color:#004a8e; margin: 35px auto; max-width: 800px;}

/*************faq******************/
/* faq */
.faq-title{margin: 0 0 20px 0;}
.arrb{background:url("/assets/marvel/i/faq-arr.png") 30px 13px no-repeat;  display:inline-block; }
.faqbtn{font-size:24px; width:430px; padding:14px 0 14px 20px; text-align:center; margin-top:10px; display:block; margin-bottom:20px; cursor:pointer; 
color:#fff;
background:url("/assets/marvel/i/faq-arr.png") right 17px no-repeat;
text-align:left;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
text-transform: uppercase;
}
.active .faqbtn{background:url("/assets/marvel/i/faq-arr.png") right -79px no-repeat;}
.faqbtn:hover{}
.faqbox li{list-style:none; margin:10px 20px 0 0px; text-align: left;}
div.fqli li{list-style:disc; line-height:19px; margin-left:20px; padding:0; margin-top:4px; margin-bottom:4px; color:#fff;}
.faqbox li div.fqli a{color:#fff;}
.leftfq{float:left; width:454px; margin-right:20px;}
.rightfq{float:left; width:454px;}
div.fqli{color:#fff; margin-top:5px; display:none; font-size:17px; padding-left: 20px;}
a.fqli:hover{text-decoration:underline; cursor:pointer;}
ul.faqbox li{display:none; border-bottom:2px solid #cdcdcd; padding-bottom: 13px;}
ul.faqbox.active li{display:list-item;}
.rightfq, .leftfq{margin-bottom:25px;}

.fqli{color:#b6dbff;}
a.fqli{text-transform:uppercase;
    background: url(/assets/marvel/i/faq-arr-gray.png) right 0px no-repeat; display:inline-block; text-decoration:none !important;     padding-right: 43px; width:100%;
        padding-left: 20px;
}
a.fqli-active{background-position:right -96px;}
/***********end faq*******/

.afterfooter {
    background: #576c7c;

    width: 100%;
    height: 80px;
    text-align: center;
    z-index: 300;

    position: fixed;
    bottom: -80px;
    color: #313131;
    transition: all 0.5s ease;
}
.afterfooter .button{    margin: 18px 0 10px 0;}
.afterfooter-show{bottom: 0;}

.dark_over {
    z-index: 1990;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    text-align: center;
    overflow: auto;
    display: none;
}
.ncarousel .owl-prev {    top: 40%;    left: 225px;}
.ncarousel .owl-next {    top: 40%;    right: 225px;}
.owl-theme .owl-controls .owl-page span{background:#fff;}
.ncarousel .item img{

}
.ncarousel{margin-top:92px;}
.close-btn{position:absolute; z-index:2;   margin-top: 92px;
    margin-left: calc(500px - 40px); cursor:pointer;
transition: 0.1s ease;}
.close-btn:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 0.3s ease;
}
.hide{display: none;}
.b3 .ncarousel{margin-top: 0;}

.owl-slider3_container .owl-theme .owl-controls .owl-buttons div{background: url(/assets/marvel/i/buttons.png) no-repeat; }
.dark_over .ncarousel .owl-prev {
    top: 43%;
}
.dark_over .ncarousel .owl-next {
    top: 43%;
    right: 225px;
    float: none;
    position: absolute;
}
.dark_over .ncarousel .owl-pagination{
    top: 104%;
    position: absolute;
    left: calc(50% - 100px);
}
#video h2{padding: 30px 0;}
.b6 .ncarousel .owl-prev{top:inherit !important;}
.flexfaq{    display: flex;    justify-content: space-between;}
.topmenu .login-menu-container{display: none;}


/********.pagespeed **********/
.b1, #collection, .b2, .b-skidki, .b-poosh{overflow: hidden; width: 100%;    position: relative;     text-align: center;
}
.likebg{position: absolute; z-index: 1; top: 0px; margin-left: -900px; max-width: inherit;}
.poses{z-index: 3;}
.b1mobile{display: none;}
.logintop, .logo{display:block;}

.b1.lazyloaded, .b1.lazyloaded p, .b1.lazyloaded .ezhe{color: #fff !important;}
.b1.lazyloaded .orange{color:#e79824 !important;}

.load-btn {color: #ffec26 !important;}
#collection .block, .b-skidki .block, .b2 .block, .b1 .block, .b-poosh .block{z-index: 3; position: relative;}
.block{max-width: 1200px;
    width: auto;
    margin: 0px auto 0 auto;
    text-align: center;
}

.afterfooter{
    position: fixed;
    bottom: -80px;
    color: #313131;
    transition: all 0.5s ease;
  }
.afterfooter-show{bottom: 0;}
.topmenu .login-menu-container{display: none;}
/****    *******************/
.b1-content{z-index: 2; float: right; position: relative;    margin: 132px 0 0 0;    width: 50%; text-align: center; }
.b1-big{position: absolute;
    z-index: 1;
    top: 0px;
    margin-left: calc(20% - 379px);
    left: 0;
}
.marvel-copy{position: absolute; top: 25px; left: 23px; z-index: 3;}

.zoom-plus, .plus {
	display: block;
    position: absolute;
    top: auto;
    left: auto;
    width: 41px;
    height: 41px;
    background-color: #fff;
    background-image: url(/assets/marvel/i/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    box-shadow: 0 5px 12px rgba(0,0,0,0.4);
    z-index: 10;
    cursor: pointer;
}
.zoom-plus {    transition: 0.1s ease;}
.zoom-plus:hover{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: 0.3s ease;
}


.coll-pluses{
    width: 583px;
    height: 382px;
    position: absolute;
}
.coll-details1{
        top: 51px;
    left: 118px;
}
.coll-details2{
        top: 392px;
    left: 432px;
}
.coll-details3{
        top: 605px;
    left: 107px;
}
.coll-detail {
    position: absolute;
    cursor: pointer;
}


.title, h2{font-family: 'machinecregular', Arial ; font-size: 84px; color: #ff0011; padding: 0; margin: 0 0 20px 0;     font-weight: normal;     line-height: inherit;}
.b2 .title, .b2 h2, .b2 .col2{text-align: left !important;}
.b3{
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.b3{min-height: 900px; padding: 0;}
.b3 .block {
    z-index: 3;
    position: relative;
}
.detail {
    position: absolute;
    cursor: pointer;
}

.b3 .zoom-container{min-height: 750px; position: relative;}
.details1{    top: 12%;
    left: 54%;}
.details2{        top: 27%;
    left: 41%;}
.details3{top: 47%;
    left: 42%;}
.details4{top: 51%;
    left: 61%;}
.details5{top: 79%;
    left: 59%;}    


.bigger0{font-size: 24px;    font-weight: bold; text-transform: uppercase;}
.bigger1{font-size: 46px;    font-weight: bold;}
.bigger2{font-size: 33px;}
i.perecherk{font-style: normal;}


.btn {
    text-transform: uppercase;
    background: #ff0011;
    min-width: 300px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 24px;
    padding: 5px 25px 0px 35px;
    text-decoration: none;
    min-width: 300px;
    line-height: 45px;
    text-align: center;

    font-weight: bold;
}
.afterfooter .btn{
    margin: 15px auto 0 auto;
    font-size: 24px;
}
.btn::after {
    content: url(/assets/marvel/i/btnar-white.png);
    padding: 0px 0 0px 19px;
    vertical-align: -1px;
}
.afterfooter .btn::after {
    content: url(/assets/marvel/i/btnar-white.png);
}
.b5 .col2{width: 48%;}
.b5 .col2:first-child{float: left;}
.b5 .col2:last-child{float: right;}
.b5 .col2 img{max-width: 100%;}


.nums{border: 1px solid #ff0011; width: 45px; height: 45px; border-radius: 40px; 
margin: 0 auto; padding: 4px 0 0 0; font-size: 30px;
background: #ff0011;
text-align: center;
}

.num-container>div, .info-container .item{float: left; width: 25%; text-align: center;}
.info-container .item .info-item-text{margin: 65px 0 0 0; line-height: 1.4em;}


.b7 .block{position: relative;}
.num-container{position: absolute; width: 100%; top:457px;}
.num-container:after{border-bottom: 1px solid #ff0011; display: block; content: ' '; margin: 23px;}

.slider1, .slider2, .slider3{
    justify-content: center;
    align-items: center;
}
.coll-container{max-width: 820px; margin: 0 auto; display: flex;}
.coll-container > div{color: #fff; padding: 20px; text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.coll-container .title-set{font-weight: bold; margin: 20px 0;}
.slider1 .coll-container .title-set{font-size: 30px;}

.center-container{
    width: 820px;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
.slider1 .center-container, .slider2 .center-container, .slider3 .center-container{
    width: 940px;
}
.dark_over:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 0;
    height: 100%;
} 
.close{
    position: absolute;
    z-index: 2;
    margin-top: 10px;
    right: 0;
    margin-right: 67px;
    cursor: pointer;
    transition: 0.1s ease;
}
.close{
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    width: 41px;
    height: 41px;
    background-color: #fff;
    background-image: url(/assets/marvel/i/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    box-shadow: 0 5px 12px rgba(0,0,0,0.4);
    z-index: 10;
    cursor: pointer;
}
.hotspot-over{
    background: #fff;
    color: #000;
    padding: 5px;
    font-size: 15px;
}

.hotspot-over {
    position: absolute;
    bottom: 30px;
    left: -360%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    min-width: 327px;
    min-height: 30px;
    padding: 4px;
    background-color: #fff;
    z-index: 20;
    box-shadow: 0 4px 25px rgba(0,0,0,0.3);
    transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: transform .3s cubic-bezier(.645, .045, .355, 1);

}
.detail:hover .hotspot-over{-webkit-transform: scale(1);    transform: scale(1); display: block;}
.hotspot-over p{margin: 0px 0 7px 0;}
.hotspot-over p.title-hotspot{font-weight: bold; margin: 7px 0 3px 0; padding-bottom: 0px;}

.container-to-arrows{position: relative;}
.b4 .swiper-container{max-width: 1100px; margin: 0 auto; }
textarea, select, input, button, div { outline: none; }

.exclusive1{font-size: 72px;}
.exclusive2{font-size: 18px;}
.exclusive3{font-size: 12px;}

.b8{height: 450px;}
.bottom1{background: url('/assets/marvel/i/bottom1.jpg') no-repeat; background-size: cover;  position: relative; background-position: center top;     min-height: 450px;}
.bottom2{position: relative;}
.perviy-vypusk{  position: absolute; top: 53px;

transition: top .3s cubic-bezier(.165, .84, .44, 1);
-webkit-transition: top .3s cubic-bezier(.165, .84, .44, 1);
}
.perviy-vypusk:hover{top: 43px;}

.perviy-vypusk-container{
    right: 10%;
    position: absolute;
    top: 3%;
}
.b8 .swiper-container{max-height: 450px;}
.b8{margin-bottom: 50px;}

.slide-exclusive{text-align: left; min-width: 430px;}
.exclusive1{font-size:96px; color: #ee0044; font-family: 'machinecregular', Arial; margin-bottom: 10px;}
.exclusive2{font-size: 18px;}
.exclusive3{font-size: 12px; color:#666666;}

.b6-arrows{margin: 0 0 0 17px;}
.b6-arrows.rotate90{
    transform: rotate(270deg);
}
.img-swiper-gift {
    width: 100%;
    height: auto;
}
.b6 .swiper-container {
    max-width: 1100px;
    margin: 0 auto;
}
.b6 .swiper-slide:not(.slide-exclusive){border-radius: 17px; overflow: hidden; max-width: 387px;display: flex; flex-direction: column;}



.num-mobile, .info-mobile-vert-line{display: none;}

.footer-logos{max-width: 900px; text-align: center; display: flex; margin:40px auto;}
.footer-logos>div{text-align: center; width: 50%;}

/*******subs ******/
#WFItem{background:#d4deed; border:4px solid #fff; top: 42px; }
#WFItem #simpleform .formtitle{color:#fff; font-family: 'EuropeCondensedC-Bold'; font-size:25px;}
#WFItem #simpleform .wf-text{color:#2e2e2e;}
#WFItem #simpleform .wf-button{background: url('/assets/naruto/i/s-oform-btn.png') no-repeat; margin-top:0 !important;     height: 60px;     text-indent: -9999px;}
#WFItem #simpleform .wf-button:hover{background-position:0 -80px;}

#WFItem #simpleform .wf-input{    background: #ffffff url(/assets/naruto/i/tf_ic.png) 0 0 no-repeat;}
#WFItem #simpleform input[name="custom_phone"]{    background: #ffffff url(/assets/naruto/i/tf_ic.png) 0 -144px no-repeat;    margin-bottom: 5px;}
#WFItem #simpleform input[name="email"] {
    background: #ffffff url(/assets/naruto/i/tf_ic.png) 0 -288px no-repeat;
    margin-bottom: 20px;
    margin-top: 15px;
}
#WFItem #simpleform label{margin: 0 0px 11px 0; padding-top:6px;}

#WFItem input[name="phone"] {
    background: #ffffff url(/assets/naruto/i/tf_ic.png) 0 -144px no-repeat;
    margin-bottom: 5px;
    margin-top: 11px;
}
#WFItem{background:#99a2b6;}
#WFItem #simpleform .wf-text{color:#FFF;}

#WFItem .wf-button {
    background: url(/assets/naruto/i/oform-btn.png) no-repeat;
    width: 255px !important;
    height: 60px !important;
    margin-bottom: 0px!important;
    margin-top: 0px !important;
}
#WFItem {border:3px solid #f07901; top:inherit !important;  width: 320px; background: #fff; color: #000;}
#WFItem .wf-input{width:100%; border: 1px solid #ccc; }
#WFItem a{color:#000;}


#WFItem{position: relative;    top: 0 !important; margin: 0 auto;}
.subscribe .block{display: flex;}
.bsub1{padding: 20px 0;}
#WFItem .formtitle {
    font-size: 17px;
    width: 290px;
    margin-left: -15px;
    margin-right: -15px;
}
.subs01 {
     margin: 122px 0 -8px 0;
}
#WFItem .wf-text{color: #000;}

.close-popup {

    cursor: pointer;
    z-index: 9999;
    height: 40px;
    width: 40px;
    background: #f07901;
    

    position: fixed;
    right: 36px;
    top: 19px;
    border-radius: 50%;
}
.vclose {
  position: absolute;
  right: 9px;
  top: 9px;
  width: 22px;
  height: 22px;
  opacity: 1;
}

.vclose:before, .vclose:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 23px;
  width: 2px;
  background-color: #fff;
}
.vclose:before {
  transform: rotate(45deg);
}
.vclose:after {
  transform: rotate(-45deg);
}
.call-uznat{text-transform: uppercase;}
.form-popup-container{width: 100%;}

.selectcity{white-space: normal;}
.selectcity h2 {font-size: 23px;}

/*** marvel ***/
.b1 h1{font-family: 'machinecregular'; font-size: 79px; padding-top: 0; padding-bottom: 0;}
.b1{padding: 180px 0 86px 0;}
.b1 .block{display: flex; align-items: start;}
.b1 .block>img{padding: 0 46px;}
.b1 .block>div{width: 50%; padding: 0 70px; box-sizing: border-box;     margin-top: -15px;}
.b1 .block>div p{font-size: 21px;    margin-top: 17px; margin-bottom: 53px;}
.simple-red-btn{text-decoration: none; color: #fff; background: #e3000f; display: inline-block; padding: 10px 15px; font-size: 22px;}
.simple-red-btn span{font-size: 14px;}

.b2 .list-collections li{display: flex; align-items: center; padding: 0 0 0 25px; font-size: 30px; margin-bottom: 5px;}
.b2 .list-collections li i{background: url('/assets/marvel/i/collection-icons.jpg') no-repeat; display: inline-block; width: 68px; height: 70px;     margin-right: 17px;}
.b2 .list-collections li:nth-child(2) i{background-position: 0 -68px;}
.b2 .list-collections li:nth-child(3) i{background-position: 0 -134px;}
.b2 .list-collections li:nth-child(4) i{background-position: 0 -200px;}
.b2 .list-collections li:nth-child(5) i{background-position: 0 -268px;}
.b2 .list-collections li:nth-child(6) i{background-position: 0 -336px;}
.b2 .list-collections li:nth-child(7) i{background-position: 0 -400px;}
.b2 .list-collections li:nth-child(8) i{background-position: 0 -468px;}
.b2 .list-collections li:nth-child(9) i{background-position: 0 -530px;}
.b2 .list-collections{font-weight: bold; margin-left: 80px;}

.flex{display: flex;}
.b2 .flex .col2{padding: 0 15px; float: none; width: 50%; flex: 1; position: relative; padding-bottom: 55px;}
.b2 .flex .col2 .center{position:absolute; bottom:0; width: 100%; text-align: center;}
.center{text-align: center;}

.b4 .title, .b4 h2{margin-bottom: 60px;}
.b4 .swiper-slide p{line-height: 1.4em;}

.how-container{display: flex; justify-content:center;}
.how-item{color: #fff; font-size: 18px; max-width: 283px; margin: 0 15px;}
.how-img{min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.how .title, .how h2{margin-bottom: 35px;}
.how p{margin-top: 0;}

.b5 .title, .b5 h2{margin-bottom: 40px;}
.b5 {padding-top: 30px;}
.b5 .col2 p{line-height: 1.8em; margin-bottom: 5px;}
.b5 .prices{margin-top: 5px;}
.b5{padding-bottom: 40px;}

.b6{position: relative;}
.gift-slide-top{background:#005f90; font-size: 15px; padding: 35px 0px; text-align: center;    line-height: 1.4em;}
.b6 .zoom-plus{top: 6px; right: 6px; width: 30px; height: 30px; background-size: 100%; background-size: 20px;}
/*.b6 .block{max-width: 1600px;}*/
.b6{padding-bottom: 50px; padding-top: 0px;}
.b6 .title, .b6 h2{padding-bottom: 20px;}
.b7{padding-top: 0;}

.b7{padding-bottom: 30px;}

.footer-logos div:nth-child(2){
    display: flex;
    align-items: center;
    justify-content: center;
}


#faq .flex {
    display: flex;
    justify-content: center;
}
#faq .flex .leftfq{float: none;}
.faqsmall{color: #004a8e;}

.list-collections li{cursor: pointer;}
.list-collections li:hover{text-decoration: underline;}

.slider2 p{font-size: 17px;}
.slider2 p.popup-collectionj-title{font-weight: bold; font-size: 28px;}


.slider3 .coll-container{background: #005f90;}

.b6 .swiper-slide:hover{cursor: pointer;}
.b6 .swiper-slide:hover .zoom-plus{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: 0.3s ease;
}
.slider3 .coll-container .title-set{font-size: 30px;}
.slider3 .title-set2{font-size: 21px;}

.slider3 p{margin: 0 0 10px 0;}

#video{margin: 50px auto 100px auto;}
.instr{color: #000;}
/*rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
@media only screen and (max-width: 1460px) {
    .container{max-width:100%;}
    .wrapper {    min-width: inherit;}
    .b4 .col2{padding: 0 20px;}
    .slider .item{padding: 0 10px;    flex: 1 1 0px;}
    .topsection .circle.brown{margin-left: 10%;}
    .footer2019 .container{padding: 0 15px;}
    .b5 .col3 {        padding-top: 10px;    }

    .info-container .info-img img{
            height: 325px;
            width: auto;
            max-width: inherit;
    }
    .num-container {
        top: 420px;
    }
}

@media only screen and (max-width: 1024px) {
    .b2 .flex{display: block;}
    .b2 .flex .col2{width: 100%;}
    .b2 .title, .b2 h2{text-align: center !important;}
    .b2 .list-collections{margin-left: 0; margin-bottom: 30px;}
    .b2 .flex .col2 .center{position: relative;}
    .b2 .list-collections li {font-size: 20px;    padding: 0 0 0 10px;}
    .b2 .btn{font-size: 16px;}


}

@media only screen and (max-width: 900px) {
    .col2, .col3, .col4, .col5, .col66{width: 100%;}

}
@media only screen and (max-height: 755px) {
	.coll-container>img{
		height: 100%;
	}
	.center-container, .swiper-container, .coll-container{height: 100%;}

}
@media only screen and (max-width: 900px) {
    .container{width: 100%;}
    .wrapper {    min-width: inherit;}
    .col2, .col3, .col4, .col5, .col66{width: 100%;}
    #menu-button {
        position: relative;
        margin-top: 11px;
        height: 39px !important;
        line-height:7px;
    }
    .footer {
        margin-bottom: 18px;
        padding-bottom: 96px;
        height: auto;
    }
    .f1 {
        font-size: 11px;
         text-align: left;
    }
    .f2, .f3 {
        font-size: 12px;
    }
    .afterfooter {
        height: auto;
        padding: 0px 0;
    }
    .headermenuinoneline, body .header.headermenuinoneline {
        height: 50px !important;
    }
    .headermenuinoneline a {
        max-width: 100% !important;
    }
    .header .logo {
        margin-top: 18px;
        float: left;
    }
    .headermenuinoneline .logo-mobile {
        float: left;
        height: 14px;
        width: auto;
        text-align: left;
        background: none !important;
        left: 0;
        top: 0;
        position: absolute;
        display: inline-block !important;
    }
    .topmenu{overflow: visible;}
    .topmenu-right {
        float: none;
        height: 0;
    }

    .topmenu, .header {
        position: inherit;
    }
    .topmenu ul {
        width: 100%;
        text-align: center;
    }
    .topmenu-right li {
        margin-left: 0;
        float: none;
        line-height: 41px;
    }
    .topmenu-right li a {
        padding: 15px;
        font-size: 14px;
        color: #fff;
        font-family: 'futurabookc', sans-serif;
        text-transform: uppercase;
           max-width: 100% !important;
        background: #1b1b1b !important;
    }
    .header:after {
        clear: both;
        content: '';
        display: block;
    }
    #menu-button:before {
        top: 17px !important;
        border-color: #fff !important;
    }
    #menu-button:after {
        top: 7px !important;
        border-color: #fff !important;
    }
    .header .logintop a.ha-icon {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .afterfooter p{display: none;}

    .topsection{    background-size: 147%;    background-position: center 0; min-height: inherit; height: inherit; background-color: #fff;}
    .topsection .circle.cyan, .topsection .circle.brown, .ezhe{position: relative; top:inherit; left: inherit; right: inherit; margin: 0;}
    .topsection .logo{display: block !important;     width: 100%;
        left: auto;
        position: relative;
        margin: 68.8% auto 0 auto;
        bottom: inherit;
    }
    .topsection .circle.cyan {    padding: 51px 0 0 0;}

    .topsection .circle.cyan{position: absolute;    margin-top: 114px;  left: 20px;}
    .topsection .circle.brown{position: absolute;    margin-top: 114px;  right: 20px;     bottom: inherit;}
    .anketa{bottom: inherit;    margin: 145px 0 0 0;    left: calc(50% - 68px);}
    .ezhe {padding-top: 12px !important;
    font-size: 13px;}
    .topsection .container {    min-height: inherit;    padding-bottom: 7px;}
    .footer2019 .container{display: inline-block;}
    .footer2019  .f1{margin: 0 auto; width: 160px; margin-bottom: 10px;}
    .footer2019  .footer2019-1{margin: 0 auto; display: inline-block; text-align: left;    width: 122px; padding-top: 25px;}
    .footer2019  .footer2019-1 span{display: block; margin-bottom: 5px;}
    .footer2019  .footer2019-2{margin: 10px auto 20px auto; display: inline-block; width: 100%; text-align: center;}
    .footer2019 .f31 {    padding: 0px 0px 7px 0;    display: block;}
    .footer2019{padding: 20px 0 !important; margin: 0;}

    .topsection .button, .b2 .button, .b3 .button, .b4 .button, .b6 .button, .b7 .button{display: none;}
    .b2{padding-top: 0;}
    .b4 .col2:first-child{margin-bottom:30px;}
    .b4 img {    margin-bottom: 15px;}
    .b3 .col3 {
        padding: 7px 20px 30px 20px;
    }
    .b3 h2 {
        margin-bottom: 5px;
    }
    .afterfooter .button {
        margin: 10px 0 10px 0;
    }
    .footer2019{    padding-bottom: 100px !important;}


    .ncarousel{    position: relative;    width: 100%;}
    .owl-theme .owl-controls{margin: -154px auto 156px auto;    width: inherit !important;}
    .ncarousel .owl-prev{float: left; left: 10px !important;}
    .ncarousel .owl-next{float: right;    position: relative;    top: 0;    right: 10px !important;}

    .b5 .label{display: flex;
        margin: 61% auto 0 auto;
        top: inherit;
        width: 260px;
        left: calc(50% - 130px);
    }
    .b5 .button {     margin-bottom: 25px;}
    .b6{padding: 20px 0 80px 0;}
    .b6 .slider{    margin-top: 30px;}
    .b2 .col3 {    padding: 20px 20px;}
    .b3{padding: 0;}
    .b3 .owl-pagination{margin: 30px 0 -50px 0;}


        .thevideo {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
            margin-top:0px;
        }
        .thevideo iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .b6 .owl-theme .owl-controls {margin: -150px auto 150px auto;}
    .b5 .col3 {
        padding-top: 111px;
    }
    .f11{display: flex;}
    .footer2019 a{color: #fff;}
    .topsection .brown{display: none;}
    .topsection .cyan{display: none;}
    .topmenu-right li a{text-align: center;}
    .flexfaq{    display:block;}
    .tohide{display: none;}
    .b3 .col66{display: none;}
    .doll-title{font-size: 28px;}
    .doll-title0{font-size: 25px; margin: 0px;}

    #owl-slider2-big p{margin-bottom: 0;}
    .doll-title0-container{margin-top: 52px;}
    .headermenuinoneline .logintop{display: none;}

    .login-menu-container{display:block;}
    .login-menu-container a{
        height: 50px !important;
        line-height: 1.3 !important;
        padding: 15px !important;
        font-size: 14px !important;
        color: #fff !important;
        font-weight: normal !important;
        margin: 0 !important;
    }
    .headermenuinoneline .login-menu-container .hybridauth{margin: 0;}

    .topsection{background-image:url('/assets/marvel/i/i1mobile.jpg');}
    /*common*/
    .title, h2{font-size: 64px;/*67px;*/}
    .block{padding: 0 15px;}
    .likebg{position: relative;    margin: 0;    width: 100%;}
    .plus, .zoom-plus{width: 30px; height:30px; background-size: 60%;}
    .num-mobile{display: block;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 30px;}
    /*head*/
    .headermenuinoneline .logo{display: block !important; position: absolute;}

    /*b1*/
    .b1{background: #002446;}
    .marvel-copy{position: absolute; top: 14px; left: 14px; width: 18%;}
    .b1-content{float: none;    margin: 0;    width: 100%; box-sizing: border-box;}
    .b1{min-height: inherit; padding-bottom: 60px; padding-top: 0;}
    .b1 .block{display: block;}

    
    .marvel-logo{height: auto; padding: 14px 46px !important; width: 75%;}
    .b1 .block>div{width: 100%; padding: 0;     margin-top: 0px;}
    .b1 h1 {font-size: 47px;}
    .b1 .block>div p {
        font-size: 16px;
    }
    .b1mobile{display: block; position: absolute;    top: 0;     width: 100%;    height: auto;}
    .b1-big{display: none;}
    /*tttttt*/
    /*b2*/
    .b2{padding-bottom: 30px;}
    .b2 .title, h2{margin-bottom: 0;}
    .coll-pluses{
        width: 100%;
    	padding-bottom: 60%;
    	height: 0;
    }
    .coll-details1{top: 1px; left: 122px;}
    .coll-details2{top: 60%; left: 85%;}
    .coll-details3{top: 141%; left: 65%;}



	/*b3*/
    .b3{
        padding-bottom: 148%;
        height: 0;
        min-height: inherit;
    }
	.b3-1{width: 230%; margin:64px 0 0 -65%;}
    .b3 .zoom-container{
        margin-top: 94px;

        width: 100%;
        padding-bottom: 100%;
        height: 0;
        min-height:inherit;

    }
    .details1{
        top: 14%;
        left: 49%;
    }
    .details2{
        top: 31%;
        left: 25%;
    }
    .details3 {
        top: 55%;
        left: 30%;
    }

	.b3 .block{    position: absolute;    top: 0;}
    .b3 .title{position: absolute;}

    .detail:hover .hotspot-over{display: none;}

	/*b4*/
	.b4{padding: 20px 0;}
    .b4 .block{padding: 0 30px;}
    .b4 .swiper-button-prev, .b4 .swiper-button-next{
        top: 35%;
        /*display: none;*/
    }
    .b4 .swiper-button-prev{left:-30px;}
    .b4 .swiper-button-next{right:-30px;}

	/*b5*/
	.b5{padding: 20px 0;}
    .b5 .col2{width: 100%; margin-bottom: 50px;}
    .b5 .col2:first-child, .b5 .col2:last-child{float:none;}
    .main .b5 .btn{display: none;}

    /*b6*/
    .b6{}
    .slide-exclusive{min-width: inherit;
        display: flex; flex-direction: column; align-items: center;
    }
    .exclusive1 {
       font-size: 67px;
    }    
    .exclusive2 {
        font-size: 16px;
        max-width: 320px;
    }
    .exclusive3 {
        font-size: 11px;
        max-width: 320px;
    }
    .afterfooter .btn {font-size: 17px;     margin: 10px auto 10px auto;
        padding: 8px 25px 7px 35px;
    	line-height: inherit;
	}
	
    .slide-exclusive{margin-bottom: 20px;}
    .exclusive3 {margin-top: 30px;}
    .b6 .swiper-button-prev, .b6 .swiper-button-next {
      /*display: none;*/
      top: inherit;
      bottom: 40%;
    }



	/*b7*/
    .b7 .block{padding: 0;}
    .num-container>div, .info-container .item{float: none; width: 100%;}
    .info-container .item{display: flex; align-items: center;}
    .info-container .item:nth-child(odd){text-align: left;}
    .info-container .item:nth-child(even){text-align: right; flex-direction: row-reverse;}

    .info-container .item:nth-child(odd) .info-item-text{padding-left: 10px;}
    .info-container .item:nth-child(even) .info-item-text{padding-right: 10px;}
    

    .info-container .item img.sidyachiy{margin: -20px 0 20px 0;} 
    

    .num-container{display: none;}
    .num-mobile .nums{width: 35px; height: 35px;     font-size: 22px;     position: relative;    z-index: 2;     font-weight: bold; line-height: 1.3em;}
    .info-container .item div{margin: 0;}
    .info-container .info-img{width: calc(50% - 18px);}
    .info-container img{width: 100%;}
    .info-container .info-item-text{width: calc(50% - 18px);font-size: 13px;}
    .info-item-text br{display: none;}
    .info-mobile-vert-line{
    	margin-top: 125px;
    	height: calc(100% - 159px);

        position: absolute; width: 1px;  left: 50%; top: 0;
        border-right: 1px solid #ff0011;
        display: block;
        content: ' ';
    }
    

	/*b8*/
	.b8{height: auto;}
    .bottom1{
        background: url(/assets/marvel/i/bottom1-mob.jpg) no-repeat;        
        background-size: 100%;    background-position: 0 0;
        padding-bottom: 12%;
    }
    .perviy-vypusk-container{width: 100%; right: inherit;
        position: relative;
        top: inherit;
        text-align: right;
    }
    .perviy-vypusk-container>p{text-align: center;}
    .perviy-vypusk{width: 37%; margin: 4% 7% 0 0; position: relative; top: 0;}
    .perviy-vypusk:hover{top: -10px;}
    .bottom1{min-height: inherit;}
    .b8 .swiper-button-prev{left: 0;}
    .b8 .swiper-button-next{right: 0;}


    .footer-logos{max-width: 900px; text-align: center; display: flex; margin:20px auto;}
    .footer-logos>div{text-align: center; width: 50%;}

	/*sliders*/
    .slider1 .center-container, .slider2 .center-container{width: 100%;}
	.dark_over:before{display: none;}
	/*.dark_over{display: flex;}*/
	.dark_over .center-container{display: flex;}
	.dark_over .swiper-container {
	    height: auto;
	    margin: auto;
	}
	.close{margin: 10px;}

    .slider2 .swiper-container{padding-bottom: 20px;}
    .swiper-pagination-bullet{background: #fff;}
    .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
    .dark_over .center-container {
        width: 100%;
    }
    .form-uznat .close-popup {
        right: 3px;
        top: 3px;
    }

    .afterfooter .btn {
        padding: 7px 25px 5px 35px;
    }
    .btn::after {
        vertical-align: -3px;
    }

    .how-item{padding: 0 15px 25px 15px;}
    .how{padding: 20px 0;}
    .how-container{flex-direction: column;  align-items: center;}

    .info-container .item .info-item-text{margin: 0px 0 0 0; line-height: 1.4em;}

    
    #faq .flex {
        display: block;
    }
    .faqbox li{margin: 13px 35px; width: 90%;}
    
    .coll-container{width: 100%; flex-direction: column; align-items: center;}
    .coll-container img{height: 270px;    width: auto;}
    .coll-container > div{font-size: 14px;}
    .b2 .flex .col2:nth-child(2){padding-bottom: 0;}

    .slider2 .coll-container>div img{/*icons*/
        width: 100px; height: auto;
    }
    .slider2 p.popup-collectionj-title {
        font-size: 21px;
        margin: 4px 0;
    }
    .slider2 .coll-container img {
        height: 280px;
    }
    .slider2 p {
        font-size: 14px;
    }

	.info-container .info-img img {
	    height: auto;
	    width: 100%;
	    max-width: inherit;
	}

	.slider1 p{margin:0 0 10px 0;}

	.slider3 p{margin:0 0 10px 0;}
	.slider3 .coll-container .title-set {    font-size: 22px;     margin-bottom: 8px;}
	.slider3 .title-set2 {    font-size: 18px;}
    .slider1 .coll-container .title-set {
        font-size: 17px;
    }

}