.menubacklink {   
    padding:5px;background: -moz-linear-gradient(to bottom, #311e0f 0%, #8c8c8c 70%);
background: -webkit-linear-gradient(to bottom, #311e0f 0%, #8c8c8c 70%);
background: linear-gradient(to bottom, #311e0f 0%, #8c8c8c 70%);color: #FFF;
}

    /* Сетка товаров */
    .product-grid,  .raz-menu {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0px;
      padding: 0px;
      max-width: 100%;
      margin: 0 auto;
    }
    .raz-menu {
            grid-template-columns: repeat(1, 1fr);
    }
    @media (min-width: 1024px) {
      .product-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
      padding: 15px;
      max-width: 90%;
      }
    }
     .raz-item a {
      text-decoration: none;
      color: black;
      font-size: 18px;
      gap: 10px;
      padding: 15px;
    }
        @media (min-width: 1024px) {
      .raz-menu {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
      padding: 15px;
      max-width: 70%;
      }
    }
    .product, .prod {
    padding: 5px 5px 10px 5px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    text-align: center;
    transition: transform 0.4s;
    position: relative;
    overflow: hidden;
    }
    .product img,.prod img  {
      width: 100%;
      height: auto;
      display: block;
      transition: opacity 0.5s ease-in-out;
    }
    .product h3 {
      margin-top: 10px;
      font-size: 0.9em;
    }
    .product .product-text, .prod .prod-text {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 90%;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
      font-size: 0.8em;
      color: #333;
    }
    .product:hover img {
      opacity: 0;
    }
    .product:hover .product-text {
      opacity: 1;
    }

    /* Адаптивные FAQ-блоки */
    .faq-block {
      display: none;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s ease-in-out, visibility 0.5s;
      justify-content: center;
      align-items: center;
      width: 88%;
      margin: 20px auto;
      
       padding: 5px 5px 10px 5px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    
   
    
    }
    .faq-block.active {
      display: flex;
      opacity: 1;
      visibility: visible;
    }
    .left-block {
      flex: 1;
      padding: 20px;
     
    }
    .right-block {
      flex-shrink: 0;
    }
    .right-block img {
      max-width: 100%;
      height: auto;
    }
    @media (max-width: 768px) {
      .faq-block {
        flex-direction: column;
      }

swiper-slide {
  flex-shrink: 0;
  width: 100%;
}
    }   
@media all{
.container{overflow:hidden;position:relative;}
.container img{transition:transform 0.5s ease;/*width:100%;*/height:auto;}
.container img:hover{transform:scale(1.1);}
.scrollup{width:100%;height:28px;opacity:1;position:fixed;bottom:0px;text-align:center;color:#000;font-size:1.2em;padding:0px 10px;z-index:99;background:#e1e1e0;}

.tabs-contents:after,.tabs:after{clear:both;}
.card-figcaption{pointer-events:none;}
article,aside,figcaption,figure,header,main,nav{display:block;}
img{border:0;}
.button,body{position:relative;background-color:#fff;text-shadow:5px 10px 5px rgba(0,0,0,0.2);}
a:active,a:hover{outline:0;}
b,strong{font-weight:700;}
img{vertical-align:middle;}
img{display:inline-block;height:auto;max-width:100%;-ms-interpolation-mode:bicubic;}
input,select{color:inherit;font:inherit;margin:0;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
i{font-style:italic;}
select{text-transform:none;}
.button{-webkit-appearance:none;-moz-appearance:none;}
input{line-height:normal;}
*,:after,:before{box-sizing:border-box;}
body{cursor:auto;font-family:Lato,Arial,Helvetica,sans-serif;line-height:0.9;}
.button,h1,h2,h3,h4{font-family:Georgia,Arial,Helvetica,sans-serif;}
a:hover{cursor:pointer;}
figure{margin:0 0 1.5rem;}
div,form,h1,h2,h3,h4,li,p,ul{margin-top:0px;padding:0 2px 0 2px;}
a{background-color:transparent;line-height:inherit;}
h1,h2,h3,h4{letter-spacing:.25px;margin-bottom:.73333rem;}
h1{font-size:1.0rem;}
h2{font-size:25px;}
h3{font-size:22px;}
h4{font-size:20px;}
b,i,strong{line-height:inherit;}
ul{margin-bottom:1.5rem;}
*,.grid-item,:after,:before,input{box-sizing:border-box;}
ul{list-style-position:outside;}
ul ul{margin-left:0;margin-bottom:0;}
.button{font-size:1rem;}
.button,.button:active,.button:focus,.button:hover{background-color:transparent;}
.button{border-style:solid;border-width:1px;cursor:pointer;font-weight:400;margin:0 0 1rem;text-align:center;text-decoration:none;display:inline-block;padding:.2rem 1rem;border-radius:4px;outline:0;vertical-align:middle;background-color: #fff;box-shadow:7px 10px 5px rgba(0,0,0,0.1);}
.button:active{border:1px solid;}
.button:focus{outline:0;}
.button--small{font-size:13px;padding:.6rem 1.5rem;}
@media (min-width:551px){
.tab{float:left;}
}
.tab{position:relative;}
.tab,.tabs{margin:0;}
.tabs:after,.tabs:before{content:" ";display:table;}
.tab{border-bottom:#f2f2f2;display:block;list-style:none;padding:0;}
.tab-title{color:#989898;display:block;font-size:15px;}
.tab-title:hover,.tab.is-active .tab-title{color:#585858;}
.tabs-contents{margin-bottom:1.5rem;box-shadow:7px 20px 5px rgba(0,0,0,0.1);}
.tabs-contents:after,.tabs-contents:before{content:" ";display:table;}
.tab-content{display:none;padding:1.5rem 0;}
.tab-content.is-active{display:block;}
.card-body>:first-child{margin-top:0;}
.card{background-color:transparent;margin-bottom:3rem;padding:0;}
.card-body>:last-child,.card-figure{margin-bottom:0;}
.card-figure{background-color:#fff;padding:0;position:relative;}
.card-figcaption{bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;text-align:center;top:0;}
.card-figcaption:hover{opacity:1;}
.card-figcaption-button{background-color:rgba(55,55,56,.9);color:#fff;}
.card-figcaption-button:hover{background-color:#373738;color:#fff;}
.card-body{padding:.3333rem 0 0;background-color:white;min-height:1px;}
.page-heading{text-align:center;}
body{height:auto;}
body{padding-top:0px;font-weight:400;}
@media (min-width:801px){
body{padding-top:0;}
}
figure{margin-bottom:2.03333rem;margin-top:2.03333rem;}
figure>figcaption{margin-bottom:-.53333rem;}
figcaption{color:#757575;;margin-top:.73333rem;}
h1,h2,h3,h4{margin-top: 2.5em;
text-align: center;}
a{transition:color .15s ease;}
.page-heading{font-size:1.2rem;}
.button{transition:all .15s ease;}
.button{line-height:1rem;}
.tab{border-top:1px solid #d8d8d8;float:left;padding:0 1em .1em;}
@media (min-width:551px){
.tab.is-active{margin-bottom:-1px;}
}
.tab-title{padding:1.13333rem 0;text-align:center;text-decoration:none;}
@media (min-width:551px){
.tab-title{text-align:left;}
}
.card-body{text-align:center;}
@media (min-width:801px){
.tab{border-top-color:#f2f2f2;float:left;}
.tab.is-active{border:1px solid #d8d8d8;border-bottom:1px solid #f2f2f2;}
.tab-title{padding:.73333rem 1.5rem;}
}
.card-title>a{text-decoration:none;}
.card-figure{margin-top:0;}
.card-figure:hover .card-figcaption{opacity:1;}
.card-figcaption{display:none;margin:0;}
@media (min-width:801px){
.card-figcaption{display:block;}
}
.card-image{border:0;width:100%;}
.card-title{font-size:0.7rem;margin:0 0 .26667rem;}
.card-title>a{color:#585858;}
.card-title>a:hover{color:#aba1a1;}
.card-figcaption-button{border:none;display:block;margin:.4rem 0 0;}
.card-figcaption-button:active{background-color:#373738;border:none;}
@media (min-width:551px){
.card-body{text-align:center;}
}
.productView-brand{color:#989898;font-size:15px;margin:0 0 .73333rem;}
@media (min-width:1261px){
.productView-brand{font-size:20px;margin:-.2rem 0 1rem;}
}
.productView-brand a{color:#989898;}
.productView-brand a:hover{color:#4f4f4f;}
.blog+.blog{border-top:1px solid #d8d8d8;}
.page:after,.productGrid:after{clear:both;}
.page,.productGrid{max-width:none;}
.page-content{padding-left:1.2%;padding-right:1%;}
.page:after,.page:before{display:table;content:" ";}
.container{position:relative;}
.page{margin:0 -.75rem;width:auto;}
.page-content{width:100%;float:left;background:#fff;box-shadow:7px 20px 5px rgba(0,0,0,0.1);}
.container{margin-left:auto;margin-right:auto;width:100%;}
@media (min-width:1261px){
.container{padding:0 6rem;}
}
.productGrid .product{padding-left:.15rem;padding-right:.15rem;float:none;vertical-align:top;}
.blog{margin-bottom:1.5rem;}
@media (min-width:801px){
.blog{margin:auto;width:100%;}
.blog-post-figure{width:66.66667%;}
}
.blog+.blog{margin-top:3rem;}
.blog+.blog{padding-top:3rem;}
.blog-title{font-size:22px;}
.blog-title a{text-decoration:none;}
.blog-post-figure{text-align:center;}
.blog-thumbnail{margin:0 0 2rem;}
.blog-post-figure{display:block;margin:auto;}
.productGrid{list-style:none;margin:0 -.75rem 1.5rem;width:auto;font-size:0;}
.productGrid:after,.productGrid:before{content:"";display:table;}
.productGrid .product{width:50%;display:inline-block;font-size:0.8rem;}
@media (min-width:551px){
.productGrid .product{width:33.33333%;padding-left:.15rem;padding-right:.5rem;float:none;vertical-align:top;}
}
@media (min-width:801px){
.productGrid .product{width:25%;}
@media (min-width:1251px){
.productGrid .product{width:25%;}
}
.container:after{clear:both;}
.grid-item{width:100%;}
.grid-item{float:left;padding-left:20px;padding-bottom:20px;vertical-align:top;}
@media only screen and (max-width:480px){
.small--one-whole{width:100%;}
}
@media only screen and (min-width:481px) and (max-width:799px){
.medium--one-half{width:49.69%;}
}
@media only screen and (min-width:800px){
.large--one-quarter{width:25%;}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;}
.clearfix:after{content:"";display:table;clear:both;}
.card .rating,.home-blog-posts .blog-post-figure .blog-thumbnail,.rating{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:0.8rem;}
article,aside,figcaption,figure,header,main,nav{display:block;}
ul{margin:0 0 1em;padding:2px;}
ul{list-style:none;}
ul ul{margin:4px 0 5px 20px;}
li{margin-bottom:.25em;}
body{margin:0;padding:0;/:#585858;color  background:#f5f2ed;font-size:15px;}
p{margin-bottom:1rem;}
h1,h2,h3,h4{color:#2d2d2d;}
h1 a,h3 a,h4 a{color:inherit;}
select{border:1px solid #d8d8d8;background-color:#fff;color:#454545;max-width:100%;width:25em;display:block;margin:0 0 15px;-moz-appearance:none;-webkit-appearance:none;}
.wrapper{margin:0 auto;overflow:hidden;max-width:1600px;padding:15px;}
.container{margin:0 auto;max-width:1600px;}
.page{padding-bottom:30px;}
.container{padding:0 0px;}
.container:after{display:table;content:" ";width:100%;}
a{color:#7f1f37;text-decoration:none;background:0 0;}
.disabled{color:#fff;background-color:#dadada;border:1px solid #dadada;cursor:no-drop!important;pointer-events:none;}
.home-blog-posts{text-align:center;overflow:hidden;padding:0;background:#fff;box-shadow:7px 20px 5px rgba(0,0,0,0.1);}
.home-blog-posts .blog+.blog{margin:0;border:none;padding:0 0 30px 15px;}
.home-blog-posts .home-blog-post:first-of-type{padding:0;}
@media screen and (max-width:799px){
.home-blog-posts .home-blog-post:nth-child(even){clear:left;padding-left:0;}
}
@media screen and (max-width:480px){
.home-blog-posts .home-blog-post{padding-left:0!important;}
}
.home-blog-posts .blog-title{clear:both;font-size:0.9em;*/:none;border-bottom  margin-bottom:10px;padding-top:9px;text-transform:uppercase;}
.home-blog-posts .blog-title a{color:inherit;}
.home-blog-posts p.posted{text-transform:uppercase;display:table;width:100%;border:1px solid #d8d8d8;margin:0;box-shadow:7px 10px 5px rgba(0,0,0,0.1);}
.home-blog-posts p.posted span.date{background-color:rgba(0,0,0,.03);font-family:Lato;color:#585858;padding:15px 0 12px;text-align:center;line-height:1;font-size:80%;display:block;}
.home-blog-posts .blog-post-figure{width:100%;height:150px;overflow:hidden;position:relative;text-align:center;background:#e1e1e0;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.home-blog-posts .blog-post-figure .blog-thumbnail{margin:0;padding:0 10px 0 10px;}
.home-blog-posts .blog-post-figure a{display:block;height:100%;width:100%;}
.blog-post-figure{width:auto;}
.card,.card:hover{background-color:rgba(0,0,255,0);}
.blog-title,.page-heading{text-align:center;margin:0 0 30px;text-transform:uppercase;border-bottom:1px solid #d8d8d8;}
.card{border-color:rgba(0,0,255,0);}
.card .card-title{padding:0px 0px 5px 0px;overflow:hidden;margin-bottom:1px;font-family:Lato;line-height:1.3;text-transform:uppercase;}
.card .card-title a{color:#585858;}
.card .card-title a:hover{color:#aba1a1;}
.card .card-figure{overflow:hidden;}
.card .card-figcaption{visibility:hidden;}
@media screen and (max-width:480px){
.blog-title,.page-heading{font-size:1em;}
}
.card:hover .additional-text,.card:hover .card-figcaption{opacity:1;visibility:visible;}
.tabs{clear:both;border-bottom:1px solid #d8d8d8;}
.tab{margin-right:1px;}
.tab .tab-title{color:#000;border:none;background:#fff;margin-bottom:-1px;border-bottom:none;}
@media screen and (max-width:800px){
.tab .tab-title{padding:1.03333rem 1.3333rem;}
}
.tab.is-active{border:1px solid #d8d8d8;box-shadow:0 15px 15px #c2c2c2;}
.tab.is-active .tab-title{outline:0;font-weight:400;background:#fff;}
.tab-content.is-active{background:#fff;border:1px solid #d8d8d8;border-top:none;padding:20px;}
.tab-content.is-active p{margin-bottom:.5rem;}
.productGrid{margin-bottom:0;}
.additional-text{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;padding:10px;-webkit-animation:fancyFadeOut 1s;animation:fancyFadeOut 1s;border:1px solid #5d5d5f;*//:#373738;background-color  color:#fff;visibility:hidden;text-align:center;}
.additional-text a{background:0 0;display:block;height:100%;}
@media screen and (max-width:980px){
.additional-text{display:none;}
}
.card img.card-image{transition:all .2s ease-in-out;}
.card i.fa{height:0;}
@media screen and (min-width:980px){
.card:hover .additional-text{webkit-animation:fancyFadeIn 0.7s;animation:fancyFadeIn 0.1s;visibility:visible;background:#fff;}
.card.zoomable:hover img.card-image{webkit-transform:scale(0.5);transform:scale(0.5);opacity:0.4;}
}
.additional-text a{color:#000;outline:0;margin-top:30%;}
*{box-sizing:border-box;}
body{font-family:Verdana, sans-serif;}
img{vertical-align:middle;}

*{margin:0;padding:0;}
body{font-family:Georgia,Arial,Helvetica,sans-serif;font-size:1.2em;height:100%;}
input,select{font-size:0.8em;}
input{padding:1px;}
select{border:1px solid #bac1c7;-moz-border-radius:7px;-webkit-border-radius:7px;}
input,select{cursor:pointer;}
p{line-height:1.3;margin-bottom:15px;}
a{font-weight:normal;text-decoration:underline;}
h2{font-size:1.2em;font-weight:bold;margin:6px 0 6px 0;}
h3{font-size:1.1em;margin-bottom:6px;}
h4{font-size:1.1em;margin-bottom:4px;}
img{border:0;}
ul{margin:0 0 10px 30px;}
li{margin:0;margin-bottom:2px;padding:0;}
select option{padding:0 10px;}
#Outer{margin-top:2px;clear:both;}
#Header{height:161px;clear:both;margin:0;padding-bottom:12px;}
#Logo{float:left;width:300px;margin:-40px 10px 15px 0px;}
#Footer{clear:both;font-size:0.85em;text-align:center;margin:0;padding:15px 0 0 0;height:99px;}
.Breadcrumb{font-size:0.9em;border-bottom:1px solid #787878;}
.FloatRight{float:right;}
.FloatLeft{float:left;}
.Clear{clear:both;}
.CategoryPagination .PagingList,.CategoryPagination .PagingList li{list-style:none;padding:0;margin:0;}
.CategoryPagination{padding:5px;text-align:center;}
.CategoryPagination .PagingList li{display:inline;padding:0 5px;}
}
#ninja-slider ul{margin-left:0px;}
#Logo{float:left;width:auto;margin:70px 10px 25px 0px;position:relative;z-index:9;}
#ninja-slider ul{margin-bottom:0px;}
@media (max-width:2200px){
.containerfilter{margin:0 0 0 20%;}
#Header{height:246px;padding:0px;}
#LogoImage{margin-top:-65px;width:145%;}
@media (max-width:1800px){
#Header{padding:0px;height:228px;}
#LogoImage{margin-top:-60px;width:125%;}
}
@media (max-width:1600px){
#Header{padding:0px;height:196px;}
#LogoImage{margin-top:-60px;width:125%;}
}
@media (max-width:1400px){
#Header{padding:0px;height:156px;}
#LogoImage{margin-top:-75px;width:105%;}
}
@media (max-width:1200px){
#Header{padding:0px;height:136px;}
#LogoImage{margin-top:-85x;width:80%;}
.sm-simple a.droplink{padding:5px;font-size:.9em;}
}
@media (max-width:1100px){
#Header{height:128px;padding:0px;}
#LogoImage{margin-top:-70px;width:70%;}
.sm-simple a.droplink{padding:5px;font-size:.9em;}
}
@media (max-width:980px){
.desktop{display:none;}
.sm-simple a.droplink{padding:5px;font-size:.9em;}
#LogoImage{margin-top:-70px;width:60%;}
#Header{height:100px;margin-top:0px;}
#ninja-slider ul{margin-left:0px;}
#Footer{margin-left:15px;margin-right:15px;}
}
@media (max-width:800px) and (orientation:portrait){
#Logo{text-align:center;width:80%;float:none;}
}
@media (max-width:800px) and (orientation:landscape){
#LogoImage{float:left;margin-top:-30px;width:35%;}
#Header{margin-top:100px;height:auto;}
#ninja-slider{display:none;}
}
@media (max-width: 800px){
#LogoImage{float:left;margin-top:-40px;width:35%;}
#Header{margin-top:80px;height:0px;}
#ninja-slider{display:none;}
.containerfilter{margin:0 0 0 3%;}
}
@media (max-width:700px){
#Header{margin-top:0px;height:auto;}
#ninja-slider{display:none;}
#LogoImage{margin-top:-90px;width:30%;text-align: center;position:fixed;}
}
@media (max-width:500px){
body{font-size:13px;}
}
@media (max-width:450px){
#LogoImage{margin-top:-70px}
.FloatRight{float:none;}
.FloatLeft{float:none;}
}
@media (max-width:376px){
#LogoImage{margin-top:-25px;width:55%;}
}


@media (max-width:376px){
#LogoImage{margin-top:-25px;width:55%;}
}

#MenuRelatto
@media (max-width:376px) { 
		#PhoneCart {
    margin-top: -28px;
		    width: 70%;
    }

    #LogoImage {
        margin-top: -25px;
        width: 55%;
    }
			#PhoneCart {
    margin-top: -40px;
		padding-right: 20px;
    width: 55%;
	 font-size:0.8em;
		    }
}
@media (max-width:350px) { 
#Menu {

top: 150px; /*отступ от шапки*/

}
}
#mobileNavBar {
    display: none;
    width: 100%;
    background-color: #fff;
}

@media screen and (max-width: 768px){

.nav-bar{display:none;}

#Menu{
display:none;
}
#mobileNavBar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
}}
@media screen and (max-width: 768px){
#mobileNavBar {
    display: table;
    height: 50px;
    z-index: 7000;
}
body {
    margin-top: 50px;
}

}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

@media screen and (max-width: 768px){
#mobileNavBar .display-table-cell {
    padding: 0 15px;
}

ul.sm-simple {
    width: auto !important;
margin:0px;
}

.sm-simple li {
    border-left: 0;
    border-top: 1px solid #e6e6e6;
}

ul.sm-simple>li {
    float: none;
}
ul.sm>li:first-child {
    margin-left: 0;
}



.sm-simple li {
    border-left: 0;
    border-top: 1px solid #e6e6e6;
}


}
.mobileNavBar-link {
    display: block;
    padding: 10px 0;
    color: #5e5a5a;
    cursor: pointer;
    text-decoration: none;
}


ul.sm li {
    position: relative;
}


.sm-simple a.droplink {
    padding: 20px;
    font-size: 14px;
    line-height: 1;
    font-family: Georgia,"Hoefler Text",Times New Roman,serif;
    font-weight: 400;
    text-transform: uppercase;
text-decoration: none;
}
ul.sm a.droplink {
    position: relative;
    display: block;
    white-space: nowrap;
    color: #5e5a5a;
}
.sm-simple .HasSubMenu>a.droplink {
    padding: 20px 36px 20px 16px;
}

.site-header {
    padding: 7.5px 0;
    background-color: #fafafa;
    color: #404042;
}



@media screen and (max-width: 768px){
body.show-nav .nav-bar {
    top: 50px;
    left: 0;
    padding-bottom: 50px;
    position: fixed;
    width: 100%;
    z-index: 1000009;
    border: 0;
    max-height: 100%;
    overflow-y: scroll;
    background: #fff;
}

ul.sm-simple ul {
    display: none;
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}
.sm-simple ul.sm-simple-child {
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

}
.hide-scroller, .show-nav {
    height: 100%;
    overflow: hidden;
}

#main-menu ul.sm-simple, #main-menu ul.sm-simple-child {
    margin: 120px 0 0 0;
    _margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
ul.sm-simple li.active > ul {
    display: block;
}
#main-menu li.active ul {
    visibility: visible;
    opacity: 1;
}
#main-menu .HasSubMenu .fa.fa-angle-down, #main-menu .HasSubMenu .fa.icon-chevron-down {
    display: block;
    position: absolute;
    right: 0;
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    color: #5e5a5a;
    font-size: 40px;
    line-height: 1.35;
    padding: 0 16px;
    top: 0;
    cursor: pointer;
}
#main-menu .HasSubMenu .fa.icon-chevron-down {
    line-height: 2;
    font-size: 26px;
    padding: 1px 16px;
}
#main-menu li.active ul a.droplink {
    padding: 22.01027px 34.98px;
}
#main-menu li.active .has-dropdown-2 ul {
    background: #e6e6e6;
}

#main-menu ul a.droplink::before {

    content: "\f105";
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
margin-right: 10px;

}
.nav-bar {
    border-left: 0;
    border-right: 0;

}
@media screen and (min-width: 769px){
.nav-bar {
    background-color: #d2d2d2;
    box-shadow: 7px 25px 15px rgba(0,0,0,0.2); /* Тень */

    margin: 0 auto;
    width: 90%;
    
}  }
@media screen and (min-width: 769px){
.navbar.visible-navbar {
    margin: 0 auto;
    max-width: 1500px;
    padding: 0 20px;
}}

.wrapper {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 1px;
}

@media screen and (min-width: 769px){
.sm.sm-simple.visible-menu {
    opacity: 1;
}}
.sm-simple {
    background-color: #fff;
}

ul.sm {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul.sm li {
    position: relative;
}
@media screen and (min-width: 769px){
ul.sm li {
    display: inline;
    float: left;
}

ul.sm>li:first-child {
    margin-left: -20px;
}


.sm-simple a.droplink {
    padding: 10px;
    font-size: 14px;
    line-height: 1;
    font-family: Georgia,"Hoefler Text",Times New Roman,serif;
    font-weight: 400;
    text-transform: uppercase;
}
ul.sm a.droplink {
    position: relative;
    display: block;
    white-space: nowrap;
    color: #5e5a5a;
}

.sm-simple .HasSubMenu>a.droplink {
    padding: 20px 36px 20px 16px;
}
#main-menu .HasSubMenu .fa.fa-angle-down, #main-menu .has-dropdown-2 .fa.fa-angle-down, #main-menu .has-dropdown-2 .fa.fa-angle-right {
    display: none;
}

.sm-simple ul.sm-simple-child, .sm-simple ul.sm-simple-child ul {
    background-color: #fff;
    box-shadow: 0 5px 40px rgba(0,0,0,0.05);
}
#main-menu ul.sm-simple, #main-menu ul.sm-simple-child {
    margin: 120px 0 0 0;
    _margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

#main-menu ul.sm-simple, #main-menu ul.sm-simple-child {
    opacity: 0;
    visibility: hidden;
}

.sm-simple ul.sm-simple-child li, .sm-simple ul.sm-simple-child li li {
    padding-left: 20px;
    padding-right: 20px;
}

#main-menu ul.sm-simple li, #main-menu ul.sm-simple-child li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0;
}

#main-menu li:hover > ul.sm-simple-child {
    opacity: 1;
    visibility: visible;
}

#main-menu li:hover > ul.sm-simple-child {
    margin: 0;
}
#main-menu ul.sm-simple ul, #main-menu ul.sm-simple-child ul {
    top: 0;
    left: 100%;
    margin: 0 0 0 79.98px;
    _margin: 0;
} 
#main-menu .HasSubMenu a:after {
    right: 15px;
}

#main-menu .HasSubMenu > a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
}

#main-menu ul .HasSubMenu::after, #main-menu ul .has-dropdown-2::after {
    font-weight: normal;
    position: absolute;
    color: #7d7d7b;
    right: 10px;
    top: 16px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

#main-menu ul .has-dropdown-2::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

#main-menu ul .has-dropdown-2:hover:after {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
}

div.navbar:after{
content:"";
clear:both;
display: table;
}


#Header:after{content:""; clear:both; display: block;}



.wrapper {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 15px;
}

@media screen and (min-width: 769px){
.sm.sm-simple.visible-menu {
    opacity: 1;
}}
.sm-simple {
    background-color: #fff;
}

ul.sm {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul.sm li {
    position: relative;
}
@media screen and (min-width: 769px){
ul.sm li {
    display: inline;
    float: left;
}

ul.sm>li:first-child {
    margin-left: -20px;
}


.sm-simple a.droplink {
    padding: 20px;
    font-size: 14px;
    line-height: 1;
    font-family: Georgia,"Hoefler Text",Times New Roman,serif;
    font-weight: 400;
    text-transform: uppercase;
}
ul.sm a.droplink {
    position: relative;
    display: block;
    white-space: nowrap;
    color: #5e5a5a;
}

.sm-simple .HasSubMenu>a.droplink {
    padding: 20px 36px 20px 16px;
}
#main-menu .HasSubMenu .fa.fa-angle-down, #main-menu .has-dropdown-2 .fa.fa-angle-down, #main-menu .has-dropdown-2 .fa.fa-angle-right {
    display: none;
}

.sm-simple ul.sm-simple-child, .sm-simple ul.sm-simple-child ul {
    background-color: #fff;
    box-shadow: 0 5px 40px rgba(0,0,0,0.05);
}
#main-menu ul.sm-simple, #main-menu ul.sm-simple-child {
    margin: 120px 0 0 0;
    _margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

#main-menu ul.sm-simple, #main-menu ul.sm-simple-child {
    opacity: 0;
    visibility: hidden;
}

.sm-simple ul.sm-simple-child li, .sm-simple ul.sm-simple-child li li {
    padding-left: 20px;
    padding-right: 20px;
}

#main-menu ul.sm-simple li, #main-menu ul.sm-simple-child li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0;
}

#main-menu li:hover > ul.sm-simple-child {
    opacity: 1;
    visibility: visible;
}

#main-menu li:hover > ul.sm-simple-child {
    margin: 0;
}
#main-menu ul.sm-simple ul, #main-menu ul.sm-simple-child ul {
    top: 0;
    left: 100%;
    margin: 0 0 0 79.98px;
    _margin: 0;
} 
#main-menu .HasSubMenu a:after {
    right: 15px;
}

#main-menu .HasSubMenu > a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
}

#main-menu ul .HasSubMenu::after, #main-menu ul .has-dropdown-2::after {
    font-weight: normal;
    position: absolute;
    color: #7d7d7b;
    right: 10px;
    top: 16px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

#main-menu ul .has-dropdown-2::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

#main-menu ul .has-dropdown-2:hover:after {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
}

div.navbar:after{
content:"";
clear:both;
display: table;
}



@media screen and (min-width: 769px){
.sm-simple ul li a.droplink, .sm-simple ul li ul li a.droplink, .sm-simple-vertical li a.droplink {
    border-top: 1px solid #e6e6e6;
}
.sm-simple ul.sm-simple-child li a.droplink, .sm-simple ul.sm-simple-child ul li a.droplink {
    color: #7d7d7b;
}

}

#main-menu ul a.droplink:hover {
    color: #4a4a48;
}

#Header:after{content:""; clear:both; display: block;}

@media screen and (min-width:768px){#Menu div.fa{display:none;}}: 0 15px;
}

@media screen and (min-width: 769px){
.sm.sm-simple.visible-menu {
    opacity: 1;
}}
.sm-simple {
    background-color: #fff;
}

ul.sm {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul.sm li {
    position: relative;
}
@media screen and (min-width: 769px){
ul.sm li {
    display: inline;
    float: left;
}

ul.sm>li:first-child {
    margin-left: -20px;
}


.sm-simple a.droplink {
    padding: 20px;
    font-size: 14px;
    line-height: 1;
    font-family: Georgia,"Hoefler Text",Times New Roman,serif;
    font-weight: 400;
    text-transform: uppercase;
}
ul.sm a.droplink {
    position: relative;
    display: block;
    white-space: nowrap;
    color: #5e5a5a;
}

.sm-simple .HasSubMenu>a.droplink {
    padding: 20px 36px 20px 16px;
}
#main-menu .HasSubMenu .fa.fa-angle-down, #main-menu .has-dropdown-2 .fa.fa-angle-down, #main-menu .has-dropdown-2 .fa.fa-angle-right {
    display: none;
}

.sm-simple ul.sm-simple-child, .sm-simple ul.sm-simple-child ul {
    background-color: #fff;
    box-shadow: 0 5px 40px rgba(0,0,0,0.05);
}
#main-menu ul.sm-simple, #main-menu ul.sm-simple-child {
    margin: 120px 0 0 0;
    _margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

#main-menu ul.sm-simple, #main-menu ul.sm-simple-child {
    opacity: 0;
    visibility: hidden;
}

.sm-simple ul.sm-simple-child li, .sm-simple ul.sm-simple-child li li {
    padding-left: 20px;
    padding-right: 20px;
}

#main-menu ul.sm-simple li, #main-menu ul.sm-simple-child li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0;
}

#main-menu li:hover > ul.sm-simple-child {
    opacity: 1;
    visibility: visible;
}

#main-menu li:hover > ul.sm-simple-child {
    margin: 0;
}
#main-menu ul.sm-simple ul, #main-menu ul.sm-simple-child ul {
    top: 0;
    left: 100%;
    margin: 0 0 0 79.98px;
    _margin: 0;
} 
#main-menu .HasSubMenu a:after {
    right: 15px;
}

#main-menu .HasSubMenu > a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
}

#main-menu ul .HasSubMenu::after, #main-menu ul .has-dropdown-2::after {
    font-weight: normal;
    position: absolute;
    color: #7d7d7b;
    right: 10px;
    top: 16px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

#main-menu ul .has-dropdown-2::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

#main-menu ul .has-dropdown-2:hover:after {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
}

div.navbar:after{
content:"";
clear:both;
display: table;
}



@media screen and (min-width: 769px){
.sm-simple ul li a.droplink, .sm-simple ul li ul li a.droplink, .sm-simple-vertical li a.droplink {
    border-top: 1px solid #e6e6e6;
}}

#main-menu ul a.droplink:hover {
    color: #4a4a48;
}

.sm-simple a.droplink:hover, .sm-simple a.droplink:active, .sm-simple a.droplink.highlighted {
    background: #f2f2f2;
    color: #2a2828 !important;
}


#Header:after{content:""; clear:both; display: block;}

@media screen and (min-width:768px){#Menu div.fa{display:none;}}


@media screen and (min-width: 769px){
.sm.sm-simple.visible-menu {
    opacity: 1;
    padding: 0;
}}
.sm-simple {
    background-color: #fff;
}

ul.sm {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul.sm li {
    position: relative;
}
@media screen and (min-width: 769px){
ul.sm li {
    display: inline;
    float: left;
}

ul.sm>li:first-child {
    margin-left: -20px;
}


.sm-simple a.droplink {
    padding: 11px;
    font-size: 1em;
    line-height: 1;
    font-family: Georgia,"Hoefler Text",Times New Roman,serif;
    font-weight: 400;
    text-transform: uppercase;
}
ul.sm a.droplink {
    position: relative;
    display: block;
    white-space: nowrap;
    color: #5e5a5a;
}

.sm-simple .HasSubMenu>a.droplink {
    padding: 20px 36px 20px 16px;
}
#main-menu .HasSubMenu .fa.fa-angle-down, #main-menu .has-dropdown-2 .fa.fa-angle-down, #main-menu .has-dropdown-2 .fa.fa-angle-right {
    display: none;
}

.sm-simple ul.sm-simple-child, .sm-simple ul.sm-simple-child ul {
    background-color: #fff;
    box-shadow: 0 5px 40px rgba(0,0,0,0.05);
}
#main-menu ul.sm-simple, #main-menu ul.sm-simple-child {
    margin: 120px 0 0 0;
    _margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

#main-menu ul.sm-simple, #main-menu ul.sm-simple-child {
    opacity: 0;
    visibility: hidden;
}

.sm-simple ul.sm-simple-child li, .sm-simple ul.sm-simple-child li li {
    padding-left: 20px;
    padding-right: 20px;
}

#main-menu ul.sm-simple li, #main-menu ul.sm-simple-child li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0;
}

#main-menu li:hover > ul.sm-simple-child {
    opacity: 1;
    visibility: visible;
}

#main-menu li:hover > ul.sm-simple-child {
    margin: 0;
}
#main-menu ul.sm-simple ul, #main-menu ul.sm-simple-child ul {
    top: 0;
    left: 100%;
    margin: 0 0 0 79.98px;
    _margin: 0;
} 
#main-menu .HasSubMenu a:after {
    right: 15px;
}

#main-menu .HasSubMenu > a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
}

#main-menu ul .HasSubMenu::after, #main-menu ul .has-dropdown-2::after {
    font-weight: normal;
    position: absolute;
    color: #7d7d7b;
    right: 10px;
    top: 16px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

#main-menu ul .has-dropdown-2::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

#main-menu ul .has-dropdown-2:hover:after {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
}

div.navbar:after{
content:"";
clear:both;
display: table;
}



@media screen and (min-width: 769px){
.sm-simple ul li a.droplink, .sm-simple ul li ul li a.droplink, .sm-simple-vertical li a.droplink {
    border-top: 1px solid #e6e6e6;
}}

#main-menu ul a.droplink:hover {
    color: #4a4a48;
}

.sm-simple a.droplink:hover, .sm-simple a.droplink:active, .sm-simple a.droplink.highlighted {
    background: #fff;
    color: #f90505 !important;
}


.sm-simple ul li a.droplink:hover, .sm-simple ul li a.droplink:focus, .sm-simple ul li a.droplink:active, .sm-simple ul li a.droplink.highlighted, .sm-simple ul li ul li a.droplink:hover, .sm-simple ul li ul li a.droplink:focus, .sm-simple ul li ul li a.droplink:active, .sm-simple ul li ul li a.droplink.highlighted, .sm-simple-vertical li a.droplink:hover, .sm-simple-vertical li a.droplink:focus, .sm-simple-vertical li a.droplink:active, .sm-simple-vertical li a.droplink.highlighted {
    background: #f2f2f2;
}

#main-menu ul a.droplink:hover:before{

    transform: translate(4px);
    -webkit-transform: translate(4px);
    -moz-transform: translate(4px);
    -o-transform: translate(4px);
}

#main-menu ul a.droplink:before {
    margin-right: 10px;
}
#main-menu ul a.droplink:before {
    left: 1px;
/*    position: absolute;*/
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}


@media screen and (max-width: 768px){
#main-menu ul a.droplink:before {
    left: 25px;
}}

#Header:after{content:""; clear:both; display: block;}

@media screen and (min-width:768px){#Menu div.fa{display:none}}


.sticky {
    position: sticky;
    top: 0;
}


#Header:after{content:"";clear:both;display:block;}
body{color:#2f2f2f;}
a{color:#2f2f2f;font-weight:normal;text-decoration:underline;}
a:hover{color:#f00;}
h1{color:#6F0D30;font-size:1.35em;}
h2{color:#c82d4c;font-size:1.25em;}
h3{color:#d60942;}
#Footer{border-top:2px solid #c50101;text-align: center;}
.CategoryPagination{color:#2f2f2f;background:#fff;border:1px solid #c097a1;}
#ninja-slider{position:absolute;width:100%;height:auto;background:#FFF;padding:0!important;margin:0 auto;overflow:hidden;box-sizing:border-box;opacity:.98;}
#ninja-slider ul{position:relative;list-style:none;padding:0;box-sizing:border-box;background:black;}
#ninja-slider li{width:100%;height:100%;top:0;left:0;position:absolute;font-size:12px;list-style:none;margin:0;padding:0;opacity:0;overflow:hidden;box-sizing:border-box;}
#ninja-slider li.ns-show{opacity:1;}
#ninja-slider .ns-img{background-color:rgba(0,0,0,0.8);background-size:contain;border-radius:4px;cursor:default;display:block;position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;}
#ninja-slider-prev,#ninja-slider-next{position:absolute;display:inline-block;width:50px;height:50px;line-height:52px;margin:0;border:2px solid white;backface-visibility:hidden;color:white;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:sans-serif;font-size:14px;transition:all 0.5s;cursor:pointer;}
#ninja-slider-prev{left:auto;right:50%;margin-right:-2px;display:none;}
#ninja-slider-next{left:50%;right:auto;display:none;}
#ninja-slider-prev:hover,#ninja-slider-next:hover{width:80px;background-color:rgba(0,0,0,0.6);}
#ninja-slider-prev div,#ninja-slider-next div{white-space:nowrap;opacity:0;position:absolute;}
#ninja-slider-prev div{left:6px;}
#ninja-slider-next div{right:6px;}
#ninja-slider-prev:hover div,#ninja-slider-next:hover div{opacity:1;}
#ninja-slider-prev:hover.disabled{opacity:0.1;cursor:default;}
#ninja-slider-prev::before,#ninja-slider-next::before{position:absolute;top:17px;content:"";display:inline-block;width:13px;height:13px;border-left:4px solid white;border-top:4px solid white;backface-visibility:hidden;}
#ninja-slider-prev::before{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:15px;}
#ninja-slider-next::before{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);left:15px;}
#ninja-slider-pager,#ninja-slider-pause-play{display:none;}
@media only screen and (max-width: 500px){
#ninja-slider-prev,#ninja-slider-next,#ninja-slider-pager{display:none;}
}

.bread{position:absolute;margin-left:20px;z-index:2;margin-top: -15px;}


.textopis{margin-left:0;margin-top:0px;padding:0px 0px 0px 15px;}
}
::-webkit-scrollbar{width:16px;}
::-webkit-scrollbar-track{background:solid #ad1212;position:relative;}
::-webkit-scrollbar-track:before{content:"Прокрутка слайдов";color:solid #940937;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);writing-mode:vertical-lr;text-align:center;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg, #c50101, #bcbcbc);border-radius:8px;border:2px  #000;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #c8124e, #000);}
*{scrollbar-width:thin;scrollbar-color:#c50101 #bcbcbc;}

/*! CSS Used from: https://use.fontawesome.com/releases/v5.6.3/css/all.css */
.fa,.fab,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fa-angle-down:before{content:"\f107";}
.fa-eye:before{content:"\f06e";}
.fa-telegram-plane:before{content:"\f3fe";}
.fa-whatsapp:before{content:"\f232";}

/*! CSS Used from: Embedded */
h1,h2,h3,h4{text-transform:uppercase;font-weight:400;}
/*! CSS Used from: Embedded */
#ninja-slider li{transition:opacity 2000ms ease 0s;}
/*! CSS Used from: Embedded */
*{box-sizing:border-box;}
header#header{position:relative!important;}
#header{position:relative;z-index:4000;padding:0;margin:0;}
@media screen and (min-width: 1650px){
.container{width:1480px;}
}
.subbanner{position:sticky;top:0;z-index:10;}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.eot);src:url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.woff) format("woff"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.ttf) format("truetype"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.svg#fontawesome) format("svg");}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.eot);src:url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.woff) format("woff"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.ttf) format("truetype"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.svg#fontawesome) format("svg");}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-brands-400.eot);src:url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-brands-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-brands-400.woff) format("woff"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-brands-400.ttf) format("truetype"),url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-brands-400.svg#fontawesome) format("svg");}

.fa,.fab,.fal,.far,.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
}
.fa-bars:before {
    content: "\f0c9"
}
.fab {
    font-family: "Font Awesome 5 Brands"
}
.fa,.far,.fas {
    font-family: "Font Awesome 5 Free"
}

.fa,.fas {
    font-weight: 600;
    font-size:0.7em;
}
/*! CSS Used keyframes */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/.animated {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.animated.infinite {
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.animated.hinge {
 -webkit-animation-duration:2s;
 animation-duration:2s
}
@-webkit-keyframes bounce {
 0%,100%,20%,53%,80% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,43% {
  transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
@keyframes bounce {
 0%,100%,20%,53%,80% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,43% {
  transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
.bounce {
 -webkit-animation-name:bounce;
 animation-name:bounce;
 -webkit-transform-origin:center bottom;
 transform-origin:center bottom
}
@-webkit-keyframes flash {
 0%,100%,50% {
  opacity:1
 }
 25%,75% {
  opacity:0
 }
}
@keyframes flash {
 0%,100%,50% {
  opacity:1
 }
 25%,75% {
  opacity:0
 }
}
.flash {
 -webkit-animation-name:flash;
 animation-name:flash
}
@-webkit-keyframes pulse {
 0%,100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 50% {
  -webkit-transform:scale3d(1.05,1.05,1.05);
  transform:scale3d(1.05,1.05,1.05)
 }
}
@keyframes pulse {
 0%,100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 50% {
  -webkit-transform:scale3d(1.05,1.05,1.05);
  transform:scale3d(1.05,1.05,1.05)
 }
}
.pulse {
 -webkit-animation-name:pulse;
 animation-name:pulse
}
@-webkit-keyframes rubberBand {
 0%,100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 30% {
  -webkit-transform:scale3d(1.25,.75,1);
  transform:scale3d(1.25,.75,1)
 }
 40% {
  -webkit-transform:scale3d(.75,1.25,1);
  transform:scale3d(.75,1.25,1)
 }
 50% {
  -webkit-transform:scale3d(1.15,.85,1);
  transform:scale3d(1.15,.85,1)
 }
 65% {
  -webkit-transform:scale3d(.95,1.05,1);
  transform:scale3d(.95,1.05,1)
 }
 75% {
  -webkit-transform:scale3d(1.05,.95,1);
  transform:scale3d(1.05,.95,1)
 }
}
@keyframes rubberBand {
 0%,100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 30% {
  -webkit-transform:scale3d(1.25,.75,1);
  transform:scale3d(1.25,.75,1)
 }
 40% {
  -webkit-transform:scale3d(.75,1.25,1);
  transform:scale3d(.75,1.25,1)
 }
 50% {
  -webkit-transform:scale3d(1.15,.85,1);
  transform:scale3d(1.15,.85,1)
 }
 65% {
  -webkit-transform:scale3d(.95,1.05,1);
  transform:scale3d(.95,1.05,1)
 }
 75% {
  -webkit-transform:scale3d(1.05,.95,1);
  transform:scale3d(1.05,.95,1)
 }
}
.rubberBand {
 -webkit-animation-name:rubberBand;
 animation-name:rubberBand
}
@-webkit-keyframes shake {
 0%,100% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 10%,30%,50%,70%,90% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 20%,40%,60%,80% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
}
@keyframes shake {
 0%,100% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 10%,30%,50%,70%,90% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 20%,40%,60%,80% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
}
.shake {
 -webkit-animation-name:shake;
 animation-name:shake
}
@-webkit-keyframes swing {
 20% {
  -webkit-transform:rotate3d(0,0,1,15deg);
  transform:rotate3d(0,0,1,15deg)
 }
 40% {
  -webkit-transform:rotate3d(0,0,1,-10deg);
  transform:rotate3d(0,0,1,-10deg)
 }
 60% {
  -webkit-transform:rotate3d(0,0,1,5deg);
  transform:rotate3d(0,0,1,5deg)
 }
 80% {
  -webkit-transform:rotate3d(0,0,1,-5deg);
  transform:rotate3d(0,0,1,-5deg)
 }
 100% {
  -webkit-transform:rotate3d(0,0,1,0deg);
  transform:rotate3d(0,0,1,0deg)
 }
}
@keyframes swing {
 20% {
  -webkit-transform:rotate3d(0,0,1,15deg);
  transform:rotate3d(0,0,1,15deg)
 }
 40% {
  -webkit-transform:rotate3d(0,0,1,-10deg);
  transform:rotate3d(0,0,1,-10deg)
 }
 60% {
  -webkit-transform:rotate3d(0,0,1,5deg);
  transform:rotate3d(0,0,1,5deg)
 }
 80% {
  -webkit-transform:rotate3d(0,0,1,-5deg);
  transform:rotate3d(0,0,1,-5deg)
 }
 100% {
  -webkit-transform:rotate3d(0,0,1,0deg);
  transform:rotate3d(0,0,1,0deg)
 }
}
.swing {
 -webkit-transform-origin:top center;
 transform-origin:top center;
 -webkit-animation-name:swing;
 animation-name:swing
}
@-webkit-keyframes tada {
 0%,100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 10%,20% {
  -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
  transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
 }
 30%,50%,70%,90% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
 }
 40%,60%,80% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
 }
}
@keyframes tada {
 0%,100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 10%,20% {
  -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
  transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
 }
 30%,50%,70%,90% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
 }
 40%,60%,80% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
 }
}
.tada {
 -webkit-animation-name:tada;
 animation-name:tada
}
@-webkit-keyframes wobble {
 0%,100% {
  -webkit-transform:none;
  transform:none
 }
 15% {
  -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
  transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
 }
 30% {
  -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
  transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
 }
 45% {
  -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
  transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
 }
 60% {
  -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
  transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
 }
 75% {
  -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
  transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
 }
}
@keyframes wobble {
 0%,100% {
  -webkit-transform:none;
  transform:none
 }
 15% {
  -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
  transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
 }
 30% {
  -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
  transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
 }
 45% {
  -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
  transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
 }
 60% {
  -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
  transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
 }
 75% {
  -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
  transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
 }
}
.wobble {
 -webkit-animation-name:wobble;
 animation-name:wobble
}
@-webkit-keyframes bounceIn {
 0%,100%,20%,40%,60%,80% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 20% {
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 40% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(1.03,1.03,1.03);
  transform:scale3d(1.03,1.03,1.03)
 }
 80% {
  -webkit-transform:scale3d(.97,.97,.97);
  transform:scale3d(.97,.97,.97)
 }
 100% {
  opacity:1;
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
@keyframes bounceIn {
 0%,100%,20%,40%,60%,80% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 20% {
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 40% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(1.03,1.03,1.03);
  transform:scale3d(1.03,1.03,1.03)
 }
 80% {
  -webkit-transform:scale3d(.97,.97,.97);
  transform:scale3d(.97,.97,.97)
 }
 100% {
  opacity:1;
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
.bounceIn {
 -webkit-animation-name:bounceIn;
 animation-name:bounceIn;
 -webkit-animation-duration:.75s;
 animation-duration:.75s
}
.bounceOut,.flipOutX {
 -webkit-animation-duration:.75s
}
@-webkit-keyframes bounceInDown {
 0%,100%,60%,75%,90% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-3000px,0);
  transform:translate3d(0,-3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,25px,0);
  transform:translate3d(0,25px,0)
 }
 75% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,5px,0);
  transform:translate3d(0,5px,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes bounceInDown {
 0%,100%,60%,75%,90% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-3000px,0);
  transform:translate3d(0,-3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,25px,0);
  transform:translate3d(0,25px,0)
 }
 75% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,5px,0);
  transform:translate3d(0,5px,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
.bounceInDown {
 -webkit-animation-name:bounceInDown;
 animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
 0%,100%,60%,75%,90% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(-3000px,0,0);
  transform:translate3d(-3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(25px,0,0);
  transform:translate3d(25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(5px,0,0);
  transform:translate3d(5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes bounceInLeft {
 0%,100%,60%,75%,90% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(-3000px,0,0);
  transform:translate3d(-3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(25px,0,0);
  transform:translate3d(25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(5px,0,0);
  transform:translate3d(5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
.bounceInLeft {
 -webkit-animation-name:bounceInLeft;
 animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
 0%,100%,60%,75%,90% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(3000px,0,0);
  transform:translate3d(3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(-25px,0,0);
  transform:translate3d(-25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(-5px,0,0);
  transform:translate3d(-5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes bounceInRight {
 0%,100%,60%,75%,90% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(3000px,0,0);
  transform:translate3d(3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(-25px,0,0);
  transform:translate3d(-25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(-5px,0,0);
  transform:translate3d(-5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
.bounceInRight {
 -webkit-animation-name:bounceInRight;
 animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
 0%,100%,60%,75%,90% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,3000px,0);
  transform:translate3d(0,3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 75% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-5px,0);
  transform:translate3d(0,-5px,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@keyframes bounceInUp {
 0%,100%,60%,75%,90% {
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,3000px,0);
  transform:translate3d(0,3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 75% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-5px,0);
  transform:translate3d(0,-5px,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
.bounceInUp {
 -webkit-animation-name:bounceInUp;
 animation-name:bounceInUp;
 z-index:10
}
@-webkit-keyframes bounceOut {
 20% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 50%,55% {
  opacity:1;
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
}
@keyframes bounceOut {
 20% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 50%,55% {
  opacity:1;
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
}
.bounceOut {
 -webkit-animation-name:bounceOut;
 animation-name:bounceOut;
 animation-duration:.75s
}
@-webkit-keyframes bounceOutDown {
 20% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 40%,45% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
@keyframes bounceOutDown {
 20% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 40%,45% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
.bounceOutDown {
 -webkit-animation-name:bounceOutDown;
 animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
 20% {
  opacity:1;
  -webkit-transform:translate3d(20px,0,0);
  transform:translate3d(20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
@keyframes bounceOutLeft {
 20% {
  opacity:1;
  -webkit-transform:translate3d(20px,0,0);
  transform:translate3d(20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
.bounceOutLeft {
 -webkit-animation-name:bounceOutLeft;
 animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
 20% {
  opacity:1;
  -webkit-transform:translate3d(-20px,0,0);
  transform:translate3d(-20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
@keyframes bounceOutRight {
 20% {
  opacity:1;
  -webkit-transform:translate3d(-20px,0,0);
  transform:translate3d(-20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
.bounceOutRight {
 -webkit-animation-name:bounceOutRight;
 animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp {
 20% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 40%,45% {
  opacity:1;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
@keyframes bounceOutUp {
 20% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 40%,45% {
  opacity:1;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
.bounceOutUp {
 -webkit-animation-name:bounceOutUp;
 animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
.fadeIn {
 -webkit-animation-name:fadeIn;
 animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInDown {
 -webkit-animation-name:fadeInDown;
 animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInDownBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInDownBig {
 -webkit-animation-name:fadeInDownBig;
 animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInLeft {
 -webkit-animation-name:fadeInLeft;
 animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInLeftBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInLeftBig {
 -webkit-animation-name:fadeInLeftBig;
 animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInRight {
 -webkit-animation-name:fadeInRight;
 animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInRightBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInRightBig {
 -webkit-animation-name:fadeInRightBig;
 animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInUp {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInUpBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInUpBig {
 -webkit-animation-name:fadeInUpBig;
 animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
.fadeOut {
 -webkit-animation-name:fadeOut;
 animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
}
@keyframes fadeOutDown {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
}
.fadeOutDown {
 -webkit-animation-name:fadeOutDown;
 animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
@keyframes fadeOutDownBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
.fadeOutDownBig {
 -webkit-animation-name:fadeOutDownBig;
 animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
@keyframes fadeOutLeft {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
.fadeOutLeft {
 -webkit-animation-name:fadeOutLeft;
 animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
@keyframes fadeOutLeftBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
.fadeOutLeftBig {
 -webkit-animation-name:fadeOutLeftBig;
 animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
@keyframes fadeOutRight {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
.fadeOutRight {
 -webkit-animation-name:fadeOutRight;
 animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
@keyframes fadeOutRightBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
.fadeOutRightBig {
 -webkit-animation-name:fadeOutRightBig;
 animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
}
@keyframes fadeOutUp {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
}
.fadeOutUp {
 -webkit-animation-name:fadeOutUp;
 animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
@keyframes fadeOutUpBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
.fadeOutUpBig {
 -webkit-animation-name:fadeOutUpBig;
 animation-name:fadeOutUpBig
}
@-webkit-keyframes flip {
 0% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
  transform:perspective(400px) rotate3d(0,1,0,-360deg);
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 40% {
  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 50% {
  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 80% {
  -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
  transform:perspective(400px) scale3d(.95,.95,.95);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
}
@keyframes flip {
 0% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
  transform:perspective(400px) rotate3d(0,1,0,-360deg);
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 40% {
  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 50% {
  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 80% {
  -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
  transform:perspective(400px) scale3d(.95,.95,.95);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
}
.animated.flip {
 -webkit-backface-visibility:visible;
 backface-visibility:visible;
 -webkit-animation-name:flip;
 animation-name:flip
}
@-webkit-keyframes flipInX {
 0% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
  transform:perspective(400px) rotate3d(1,0,0,90deg);
  transition-timing-function:ease-in;
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transition-timing-function:ease-in
 }
 60% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
  transform:perspective(400px) rotate3d(1,0,0,10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
  transform:perspective(400px) rotate3d(1,0,0,-5deg)
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
@keyframes flipInX {
 0% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
  transform:perspective(400px) rotate3d(1,0,0,90deg);
  transition-timing-function:ease-in;
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transition-timing-function:ease-in
 }
 60% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
  transform:perspective(400px) rotate3d(1,0,0,10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
  transform:perspective(400px) rotate3d(1,0,0,-5deg)
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
.flipInX {
 -webkit-backface-visibility:visible!important;
 backface-visibility:visible!important;
 -webkit-animation-name:flipInX;
 animation-name:flipInX
}
.flipInY,.flipOutX {
 -webkit-backface-visibility:visible!important
}
@-webkit-keyframes flipInY {
 0% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
  transform:perspective(400px) rotate3d(0,1,0,90deg);
  transition-timing-function:ease-in;
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
  transform:perspective(400px) rotate3d(0,1,0,-20deg);
  transition-timing-function:ease-in
 }
 60% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
  transform:perspective(400px) rotate3d(0,1,0,10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
  transform:perspective(400px) rotate3d(0,1,0,-5deg)
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
@keyframes flipInY {
 0% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
  transform:perspective(400px) rotate3d(0,1,0,90deg);
  transition-timing-function:ease-in;
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
  transform:perspective(400px) rotate3d(0,1,0,-20deg);
  transition-timing-function:ease-in
 }
 60% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
  transform:perspective(400px) rotate3d(0,1,0,10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
  transform:perspective(400px) rotate3d(0,1,0,-5deg)
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
.flipInY {
 backface-visibility:visible!important;
 -webkit-animation-name:flipInY;
 animation-name:flipInY
}
@-webkit-keyframes flipOutX {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transform:perspective(400px) rotate3d(1,0,0,-20deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
  transform:perspective(400px) rotate3d(1,0,0,90deg);
  opacity:0
 }
}
@keyframes flipOutX {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transform:perspective(400px) rotate3d(1,0,0,-20deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
  transform:perspective(400px) rotate3d(1,0,0,90deg);
  opacity:0
 }
}
.flipOutX {
 -webkit-animation-name:flipOutX;
 animation-name:flipOutX;
 animation-duration:.75s;
 backface-visibility:visible!important
}
@-webkit-keyframes flipOutY {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
  transform:perspective(400px) rotate3d(0,1,0,-15deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
  transform:perspective(400px) rotate3d(0,1,0,90deg);
  opacity:0
 }
}
@keyframes flipOutY {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
  transform:perspective(400px) rotate3d(0,1,0,-15deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
  transform:perspective(400px) rotate3d(0,1,0,90deg);
  opacity:0
 }
}
.flipOutY {
 -webkit-backface-visibility:visible!important;
 backface-visibility:visible!important;
 -webkit-animation-name:flipOutY;
 animation-name:flipOutY;
 -webkit-animation-duration:.75s;
 animation-duration:.75s
}
@-webkit-keyframes lightSpeedIn {
 0% {
  -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
  transform:translate3d(100%,0,0) skewX(-30deg);
  opacity:0
 }
 60% {
  -webkit-transform:skewX(20deg);
  transform:skewX(20deg);
  opacity:1
 }
 80% {
  -webkit-transform:skewX(-5deg);
  transform:skewX(-5deg);
  opacity:1
 }
 100% {
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes lightSpeedIn {
 0% {
  -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
  transform:translate3d(100%,0,0) skewX(-30deg);
  opacity:0
 }
 60% {
  -webkit-transform:skewX(20deg);
  transform:skewX(20deg);
  opacity:1
 }
 80% {
  -webkit-transform:skewX(-5deg);
  transform:skewX(-5deg);
  opacity:1
 }
 100% {
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.lightSpeedIn {
 -webkit-animation-name:lightSpeedIn;
 animation-name:lightSpeedIn;
 -webkit-animation-timing-function:ease-out;
 animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut {
 0% {
  opacity:1
 }
 100% {
  -webkit-transform:translate3d(100%,0,0) skewX(30deg);
  transform:translate3d(100%,0,0) skewX(30deg);
  opacity:0
 }
}
@keyframes lightSpeedOut {
 0% {
  opacity:1
 }
 100% {
  -webkit-transform:translate3d(100%,0,0) skewX(30deg);
  transform:translate3d(100%,0,0) skewX(30deg);
  opacity:0
 }
}
.lightSpeedOut {
 -webkit-animation-name:lightSpeedOut;
 animation-name:lightSpeedOut;
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn {
 0% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:rotate3d(0,0,1,-200deg);
  transform:rotate3d(0,0,1,-200deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateIn {
 0% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:rotate3d(0,0,1,-200deg);
  transform:rotate3d(0,0,1,-200deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateIn {
 -webkit-animation-name:rotateIn;
 animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInDownLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInDownLeft {
 -webkit-animation-name:rotateInDownLeft;
 animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,45deg);
  transform:rotate3d(0,0,1,45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInDownRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,45deg);
  transform:rotate3d(0,0,1,45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInDownRight {
 -webkit-animation-name:rotateInDownRight;
 animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,45deg);
  transform:rotate3d(0,0,1,45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInUpLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,45deg);
  transform:rotate3d(0,0,1,45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInUpLeft {
 -webkit-animation-name:rotateInUpLeft;
 animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,-90deg);
  transform:rotate3d(0,0,1,-90deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInUpRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,-90deg);
  transform:rotate3d(0,0,1,-90deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInUpRight {
 -webkit-animation-name:rotateInUpRight;
 animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut {
 0% {
  -webkit-transform-origin:center;
  transform-origin:center;
  opacity:1
 }
 100% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:rotate3d(0,0,1,200deg);
  transform:rotate3d(0,0,1,200deg);
  opacity:0
 }
}
@keyframes rotateOut {
 0% {
  -webkit-transform-origin:center;
  transform-origin:center;
  opacity:1
 }
 100% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:rotate3d(0,0,1,200deg);
  transform:rotate3d(0,0,1,200deg);
  opacity:0
 }
}
.rotateOut {
 -webkit-animation-name:rotateOut;
 animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,45deg);
  transform:rotate3d(0,0,1,45deg);
  opacity:0
 }
}
@keyframes rotateOutDownLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,45deg);
  transform:rotate3d(0,0,1,45deg);
  opacity:0
 }
}
.rotateOutDownLeft {
 -webkit-animation-name:rotateOutDownLeft;
 animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
}
@keyframes rotateOutDownRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
}
.rotateOutDownRight {
 -webkit-animation-name:rotateOutDownRight;
 animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
}
@keyframes rotateOutUpLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
}
.rotateOutUpLeft {
 -webkit-animation-name:rotateOutUpLeft;
 animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,90deg);
  transform:rotate3d(0,0,1,90deg);
  opacity:0
 }
}
@keyframes rotateOutUpRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,90deg);
  transform:rotate3d(0,0,1,90deg);
  opacity:0
 }
}
.rotateOutUpRight {
 -webkit-animation-name:rotateOutUpRight;
 animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge {
 0% {
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 20%,60% {
  -webkit-transform:rotate3d(0,0,1,80deg);
  transform:rotate3d(0,0,1,80deg);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 40%,80% {
  -webkit-transform:rotate3d(0,0,1,60deg);
  transform:rotate3d(0,0,1,60deg);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  opacity:1
 }
 100% {
  -webkit-transform:translate3d(0,700px,0);
  transform:translate3d(0,700px,0);
  opacity:0
 }
}
@keyframes hinge {
 0% {
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 20%,60% {
  -webkit-transform:rotate3d(0,0,1,80deg);
  transform:rotate3d(0,0,1,80deg);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 40%,80% {
  -webkit-transform:rotate3d(0,0,1,60deg);
  transform:rotate3d(0,0,1,60deg);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  opacity:1
 }
 100% {
  -webkit-transform:translate3d(0,700px,0);
  transform:translate3d(0,700px,0);
  opacity:0
 }
}
.hinge {
 -webkit-animation-name:hinge;
 animation-name:hinge
}
@-webkit-keyframes rollIn {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes rollIn {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.rollIn {
 -webkit-animation-name:rollIn;
 animation-name:rollIn
}
@-webkit-keyframes rollOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
  transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
 }
}
@keyframes rollOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
  transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
 }
}
.rollOut {
 -webkit-animation-name:rollOut;
 animation-name:rollOut
}
@-webkit-keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50% {
  opacity:1
 }
}
@keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50% {
  opacity:1
 }
}
.zoomIn {
 -webkit-animation-name:zoomIn;
 animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInDown {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInDown {
 -webkit-animation-name:zoomInDown;
 animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInLeft {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInLeft {
 -webkit-animation-name:zoomInLeft;
 animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInRight {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInRight {
 -webkit-animation-name:zoomInRight;
 animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInUp {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInUp {
 -webkit-animation-name:zoomInUp;
 animation-name:zoomInUp
}
@-webkit-keyframes zoomOut {
 0% {
  opacity:1
 }
 50% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 100% {
  opacity:0
 }
}
@keyframes zoomOut {
 0% {
  opacity:1
 }
 50% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 100% {
  opacity:0
 }
}
.zoomOut {
 -webkit-animation-name:fancyZoomIn;
 animation-name:fancyZoomIn
}
@-webkit-keyframes zoomOutDown {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomOutDown {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomOutDown {
 -webkit-animation-name:zoomOutDown;
 animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(-2000px,0,0);
  transform:scale(.1) translate3d(-2000px,0,0);
  -webkit-transform-origin:left center;
  transform-origin:left center
 }
}
@keyframes zoomOutLeft {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(-2000px,0,0);
  transform:scale(.1) translate3d(-2000px,0,0);
  -webkit-transform-origin:left center;
  transform-origin:left center
 }
}
.zoomOutLeft {
 -webkit-animation-name:zoomOutLeft;
 animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(2000px,0,0);
  transform:scale(.1) translate3d(2000px,0,0);
  -webkit-transform-origin:right center;
  transform-origin:right center
 }
}
@keyframes zoomOutRight {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(2000px,0,0);
  transform:scale(.1) translate3d(2000px,0,0);
  -webkit-transform-origin:right center;
  transform-origin:right center
 }
}
.zoomOutRight {
 -webkit-animation-name:zoomOutRight;
 animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomOutUp {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomOutUp {
 -webkit-animation-name:zoomOutUp;
 animation-name:zoomOutUp
}
@-webkit-keyframes fancyZoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(5,5,5);
  transform:scale3d(5,5,5)
 }
 50% {
  opacity:.4;
  -webkit-transform:scale3d(1.5,1.5,1.5);
  transform:scale3d(1.5,1.5,1.5)
 }
 100% {
  opacity:.8;
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
@keyframes fancyZoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(5,5,5);
  transform:scale3d(5,5,5)
 }
 50% {
  opacity:.5;
  -webkit-transform:scale3d(1.5,1.5,1.5);
  transform:scale3d(1.5,1.5,1.5)
 }
 100% {
  opacity:1;
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
.fancyZoomIn {
 -webkit-animation-name:fancyZoomIn;
 animation-name:fancyZoomIn
}
@-webkit-keyframes fancyFadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:.8
 }
}
@keyframes fancyFadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:.8
 }
}
.fancyFadeIn {
 -webkit-animation-name:fancyFadeIn;
 animation-name:fancyFadeIn
}
@-webkit-keyframes fancyFadeOut {
 0% {
  opacity:.8
 }
 100% {
  opacity:0
 }
}
@keyframes fancyFadeOut {
 0% {
  opacity:.8
 }
 100% {
  opacity:0
 }
}
.fancyFadeOut {
 -webkit-animation-name:fancyFadeOut;
 animation-name:fancyFadeOut
}
.clearfix:after,.form-field:after {
 content:"";
 display:table;
 clear:both
}
#home-parallax .parallax-text,.banner-text-wrap,.brandGrid .brand .card-figure a,.card .rating,.home-blog-posts .blog-post-figure .blog-thumbnail,.rating,.searchFormTop .search-bar--submit i {
 position:relative;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 font-size: 0.8rem;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
 display:block
}
audio,canvas,progress,video {
 display:inline-block;
 vertical-align:baseline
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
 height:auto
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
ol,ul {
 margin:0 0 1em;
 padding:2px;
}
ul {
 list-style:none
}
ol {
 list-style:decimal
}
ol,ul.disc,ul.square {
 margin-left:20px
}
ul.square {
 list-style:square
}
ul.disc {
 list-style:disc
}
ol.alpha {
 list-style:lower-alpha
}
ol ol,ol ul,ul ol,ul ul {
 margin:4px 0 5px 20px
}
li {
 margin-bottom:.25em;
}
body,html {
 margin:0;
 padding:0;
 overflow-x:hidden; 
 color:#585858;
 background:#eceae9;
 font-size:15px
}



@media only screen and (min-width:800px){
.large--one-quarter{width:25%;}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.home-blog-posts .blog-post-figure .blog-thumbnail{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:0.8rem;}
article,figure{display:block;}
p{margin-bottom:1rem;}
h3{color:#2d2d2d;}
h3 a{color:inherit;}
a{color:#7f1f37;text-decoration:none;background:0 0;}
.home-blog-posts .blog+.blog{margin:0;border:none;padding:0 0 30px 15px;}
@media screen and (max-width:799px){
.home-blog-posts .blog-post-figure .blog-thumbnail{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:0.8rem;}
article,figure{display:block;margin-top: 0px;}
p{margin-bottom:1rem;}
h3{color:#2d2d2d;}
h3 a{color:inherit;}
a{color:#7f1f37;text-decoration:none;background:0 0;}
.home-blog-posts .blog+.blog{margin:0;border:none;padding:0 0 30px 15px;}
}

.home-blog-posts .blog-title{clear:both;font-size:0.9em;*/:none;border-bottom:10px;margin-bottompadding-top:9px;text-transform:uppercase;}
.home-blog-posts .blog-title a{color:inherit;}
.home-blog-posts p.posted{text-transform:uppercase;display:table;width:100%;border:1px solid #d8d8d8;margin:0;box-shadow:7px 10px 5px rgba(0,0,0,0.1);text-align: center;}
.home-blog-posts p.posted span.date{background-color:rgba(0,0,0,.03);font-family:Lato;color:#585858;padding:15px 0 12px;text-align:center;line-height:1;font-size:80%;display:block;}
.home-blog-posts .blog-post-figure{width:100%;height:150px;overflow:hidden;position:relative;text-align:center;background:#e1e1e0;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.home-blog-posts .blog-post-figure .blog-thumbnail{margin:0;padding:0 10px 0 10px;}
.home-blog-posts .blog-post-figure a{display:block;height:100%;width:100%;}
.blog-post-figure{width:auto;}
.blog-title{text-align:center;margin:0 0 30px;text-transform:uppercase;border-bottom:1px solid #d8d8d8;}
@media screen and (max-width:480px){
.blog-title{font-size:1em;}
}
box-sizing:border-box;
img{vertical-align:middle;}
margin:0;padding:0;
p{line-height:1.3;margin-bottom:15px;}
a{font-weight:normal;text-decoration:underline;}
h3{font-size:1.1em;margin-bottom:6px;}
img{border:0;}
}
a{color:#2f2f2f;font-weight:normal;text-decoration:underline;}
a:hover{color:#f00;}
h3{color:#d60942;}
-webkit-scrollbar{width:16px;
-webkit-scrollbar-track{background:solid #ad1212;position:relative;}
-webkit-scrollbar-track:before{content:"Прокрутка слайдов";color:solid #940937;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);writing-mode:vertical-lr;text-align:center;}
-webkit-scrollbar-thumb{background:linear-gradient(180deg, #c50101, #bcbcbc);border-radius:8px;border:2px  #000;}
-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #c8124e, #000);}
scrollbar-width:thin;scrollbar-color:#c50101 #bcbcbc;
}
h3{text-transform:uppercase;font-weight:400;}
box-sizing:border-box;
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.home-blog-posts .blog-post-figure .blog-thumbnail{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:0.8rem;}
article,figure{display:block;}
@media (min-width:801px){
.blog-post-figure{width:66.66667%;}
}
.blog-title{font-size:22px;}
.blog-title a{text-decoration:none;}
.blog-post-figure{text-align:center;}
.blog-thumbnail{margin:0 0 2rem;}
.blog-post-figure{display:block;margin:auto;}
@media (min-width:801px){
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.home-blog-posts .blog-post-figure .blog-thumbnail{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:0.8rem;}
figure{display:block;}
p{margin-bottom:1rem;}
h3{color:#530a0a;}
h3 a{color:inherit;}
a{color:#7f1f37;text-decoration:none;background:0 0;}
.home-blog-posts .blog-title{clear:both;font-size:0.9em;*/:none;border-bottom:10px;margin-bottompadding-top:9px;text-transform:uppercase;}
.home-blog-posts .blog-title a{color:inherit;}
.home-blog-posts p.posted{text-transform:uppercase;display:table;width:100%;border:1px solid #d8d8d8;margin:0;box-shadow:7px 10px 5px rgba(0,0,0,0.1);}
.home-blog-posts p.posted span.date{background-color:rgba(0,0,0,.03);font-family:Lato;color:#585858;padding:15px 0 12px;text-align:center;line-height:1;font-size:80%;display:block;}
.home-blog-posts .blog-post-figure{width:100%;height:150px;overflow:hidden;position:relative;text-align:center;background:#e1e1e0;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.home-blog-posts .blog-post-figure .blog-thumbnail{margin:0;padding:0 10px 0 10px;}
.home-blog-posts .blog-post-figure a{display:block;height:100%;width:100%;}
.blog-post-figure{width:auto;}
.blog-title{text-align:center;margin:0 0 30px;text-transform:uppercase;border-bottom:1px solid #d8d8d8;}
@media screen and (max-width:480px){
.blog-title{font-size:1em;}
}
}
}

/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:65%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* Галерея миниатюр */
.swiper-thumbs {
    max-width: 92%;
    margin: 20px auto 0;
    height: 70px;
    box-sizing: border-box;
    padding: 0 40px;
}
.swiper-thumbs .swiper-wrapper {
    align-items: center;
}
.swiper-thumbs .swiper-slide {
    width: 70px !important;
    height: 70px;
    opacity: 0.4;
    cursor: pointer;
    transition: opacity 0.3s, transform 0.3s;
    background: transparent; /* ← убираем чёрный фон */
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-thumbs .swiper-slide:hover {
    opacity: 0.4;
}
.swiper-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    outline: 2px solid #fff;
    transform: scale(1.05);
}
.swiper-thumbs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Основной слайдер */
.swiper.my-slider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper.my-slider .swiper-slide img {
    object-fit: contain;
    max-height: 70vh;
    max-width: 100%;
}

/* Прячем теневые наложения Swiper в 3D-режиме */
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    display: none !important;
    background: none !important;
}

/* Слайды — без серого фона, видимые */
.swiper.my-slider .swiper-slide {
    background: transparent !important;
    overflow: visible;
     
}


.swiper-slide-prev,.swiper-slide-next {
 opacity: 0.4  !important;
}

/* Картинки заполняют слайд целиком (иначе будут пустые края) */
.swiper.my-slider .swiper-slide img {
    width: 90% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: 70vh;
    object-fit: contain;
    display: block;
    margin: 0 auto !important;
    backface-visibility: hidden; /* чтобы не мерцали при повороте */
}
/* Основной слайдер */
.swiper.my-slider {
    overflow: visible;
    padding: 20px 0;
}

/* Десктоп: 70% */
 .swiper-slide {
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Мобильный: 100% */
@media (max-width: 768px) {
    .swiper-slide {
        width: 100% !important;
    }
}

 .swiper-slide img {
    object-fit: contain;
    max-height: 70vh;
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
/* ===== Кнопки навигации Swiper с адаптивным размером ===== */

/* Убираем стандартную стрелочку Swiper */
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none !important;
    content: none !important;
}

/* Базовые стили для обеих кнопок */
.swiper-button-prev,
.swiper-button-next {
    /* Жёсткое центрирование по вертикали */
    top: 35% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important; /* ← УБИРАЕМ стандартный margin-top Swiper */
    
    /* Адаптивный размер */
    width: clamp(30px, 5vw, 70px) !important;
    height: clamp(30px, 5vw, 70px) !important;
    
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    z-index: 100 !important; /* Поверх всего, включая миниатюры */
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Изображения внутри кнопок */
.swiper-button-prev img,
.swiper-button-next img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.7));
    pointer-events: none;
}

/* Позиционирование по бокам */
.swiper-button-prev {
    left: clamp(5px, 2vw, 30px);
}
.swiper-button-next {
    right: clamp(5px, 2vw, 30px);
}

/* Hover-эффект с усилением */
.swiper-button-prev:hover,
.swiper-button-next:hover {
    transform: translateY(-50%) scale(1.5); /* чуть больше увеличение */
    opacity: 1;
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.8)); /* белое свечение */
}

/* Неактивная кнопка */
.swiper-button-disabled {
    opacity: 0.6 !important;
    cursor: not-allowed;
}

/* ===== Мобильная адаптация ===== */
@media (max-width: 768px) {
    .swiper-button-prev,
    .swiper-button-next {
        /* На мобильных сдвигаем кнопки ВЫШЕ (40% вместо 50%), чтобы не перекрывали миниатюры */
        top: 12% !important;
        transform: translateY(-50%) !important;
        
        width: clamp(25px, 8vw, 45px) !important;
        height: clamp(25px, 8vw, 45px) !important;
    }
    .swiper-button-prev { left: -7px; }
    .swiper-button-next { right: -10px; }
    
    /* Hover на мобильных */
    .swiper-button-prev:hover,
    .swiper-button-next:hover {
        transform: translateY(-50%) scale(1.1);
    }
}