h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #EFEAF5;
}
*, *::before, *::after {  }
section { }
body{
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size:16px;
overflow-x: hidden;
background-color: #0E0B12;
}
input{
outline:none !important;
}
.link-style{
font-weight: bold;
font-size: 15px;
line-height: 20px;
display: inline-flex;
justify-content: center;	
text-decoration-line: underline;
color: #1BB3B3;
width: 100%;
}
.link-style:hover{
text-decoration-line: none;	
color: #1BB3B3;
}
.center{
text-align:center;
}
.left{
text-align: left;
}
img {
max-width: 100%;
}
a{
color: #ffb602;
}  aside{
position: fixed;	
left: 0;
top: 0;
width: 256px;
height: 100vh;
z-index: 2;
background-color: #0E0B12;
}
.sidebar{
padding:12px 0px;
display: flex;
flex-direction: column;
align-items: center;
}
.logo img{
width: 112px;	
}
.sidebar__select-game{
padding: 28px 17px;
display: flex;
text-align: center;
flex-direction: column;
position: relative;
}
.select-game img {
width: 11px;
height: 11px;
margin-left:11px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.select-game{
color: #866109;
font-weight: 600;
font-size: 10px;
line-height: 100%;
letter-spacing: 0.04em;
cursor: pointer;
}
.select-game:hover img{ }
.select-game__item{
font-weight: 600;
font-size: 14px;
line-height: 100%;
text-align: center;
letter-spacing: 0.04em;
color: #FFFFFF;
margin-top:20px;
display: flex;
align-items: center;
justify-content: center;
}
.select-game__item img{
max-width:38px;
margin-right:11px;
} .sidebar__menu {
width: 100%;
}
.sidebar__menu nav li {
position: relative;
border-top: 1px solid rgba(255, 182, 0, 0.14);
-webkit-transition: all 0.4;
-o-transition: all 0.4;
transition: all 0.4;
width: 100%;
}
.sidebar__menu nav li a.nav-link, .sidebar__menu nav .dropdown-menu li a  {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 45px;
max-width: 100%;
padding: 5px 20px 5px 65px !important;
background-image: none;
color: #EFEAF5 !important;
border-radius: 0 0 20px 0;
background-color: #140F1A;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.sidebar__menu nav li a::after {
content: "";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 34px;
height: 34px;
background-size: 34px;
position: absolute;
left: 20px;
top: 5px;
border: 0px;
margin:0;
}
.menu-item1::after, .item-mounts::after{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu-wow-mounts.svg);
}
.menu-item2::after, .item-reputation::after{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu-torghast-tower.svg);
}
.menu-item3::after{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu-shuttle.svg);
}
.menu-item4::after, .item-raid::after{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu-raid-boost.svg);
}
.menu-item5::after{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu-mythic.svg);
}
.menu-item6::after, .item-leveling::after{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu-leveling.svg);
}
.menu-item7::after, .item-professions::after{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu-gladiator.svg);
}
.menu-item8::after{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu-castle-nathria.svg);
}
.menu-item9::after, .item-pvp::after{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu-PVP.svg);
}
.menu-item10::after{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu-WoW-classic.svg);
}
.nav-link:hover::after{
filter: invert(12%) sepia(54%) saturate(3769%) hue-rotate(3deg) brightness(103%) contrast(108%);	
}
.nav-item.dropdown:hover .nav-link::after{
filter: invert(12%) sepia(54%) saturate(3769%) hue-rotate(3deg) brightness(103%) contrast(108%);	
}
.sidebar__menu nav .navbar-nav {
flex-direction: row;
width: 100%;
margin: 0;
flex-direction: column;
padding-bottom: 50px;
}
.sidebar__menu nav li .dropdown-menu {
width: 100%;
padding: 0;
background-color: transparent;
margin: 0;
font-size: 0;
border: 0px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;	
}
.sidebar__menu nav li .dropdown-menu.show{
font-size: 14px;
}
.sidebar__menu nav li .dropdown-menu li a::after{
display:none;
}
.sidebar__menu nav li .dropdown-menu li a{
background-color: #140F1A;
border-radius: 0;
}
.sidebar__menu nav li .dropdown-menu li a:hover{
color: #ffb602 !important;
}
.sidebar__menu nav li .dropdown-menu.show li a{
background: #1A1225;
}
.sidebar__menu nav li .dropdown-menu li:last-child{
border-radius: 0 0 20px 0;
}
.sidebar__menu nav li a.nav-link.show{
background: #1A1225;
border-radius: 0;	
}
.sidebar__menu nav li .dropdown-menu li {
border-top: 0;
}
.nav-item__mob-drop img{
transform: rotate(180deg);
width: 8px;
}
.nav-item__mob-drop.rotate img{
transform: rotate(0deg);	
}
@media all and (min-width: 992px) {
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .nav-link{   }
.navbar .nav-item:hover .nav-item__mob-drop img{     transform: rotate(0deg);  }
.navbar .nav-item:hover .dropdown-menu{ display: block; font-size: 14px; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
.nav-item__mob-drop {
position: absolute;
right: 0;
z-index: 1;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0px 21px;
height: 45px; }
.dropdown_item_show .nav-link::after {
filter: invert(12%) sepia(54%) saturate(3769%) hue-rotate(3deg) brightness(103%) contrast(108%);
}   section.main {
padding-left: 256px;
}
header{
padding:11px 0px;
z-index: 2;
}
.header-top{
display: inline-flex;
width: 100%;
justify-content: space-between;	
align-items: center;
}
.header-trustpilot-title{
font-weight: bold;
font-size: 14px;
line-height: 100%;
display: flex;
align-items: center;
}
.header-trustpilot{
text-decoration:none;
}
.trustpilot-stars{
margin-left:5px;
}
.trustpilot-stars span:before{
content:"";
background-position: center;
background-size: cover;
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/trust-star.svg);	
width:18px;
height:18px;
display: inline-block;
margin-left: 5px;
}
.header-trustpilot-raiting{
font-weight: normal;
font-size: 14px;
line-height: 100%;
margin-top:5px;
}
.header-search form{
position:relative;
}
.header-search input[type=text]{
display: flex;
flex-direction: row;
align-items: center;
padding: 12px 120px 12px 16px;
background: #1A1225;
border-radius: 15px;
border: 0px;
width:372px;
max-width:100%;
font-size: 16px;
line-height: 140%;
}
.header-search input[type=text]::-webkit-input-placeholder{
opacity: 0.5;
}
.header-search input[type=text]::-moz-placeholder {
opacity: 0.5;
}
.header-search__btn{
background: #443754;
border-radius: 15px;
border: 0px;
}
.header-search__btn{
content:"";
background-position: center;
background-size: cover;
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/search.svg);	
width:22px;
height:21px;
display: inline-block;
padding: 12px 54px;
background-size: 22px;
background-repeat: no-repeat;
height:48px;
position: absolute;
top: 0;
right: 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.header-search__btn:hover{
opacity: 0.8;
}
.header-soc__title{
font-weight: bold;
font-size: 14px;
line-height: 100%;
}
.header-soc__block{
display: flex;
flex-direction: row;
align-items: center;
width:108px;
margin-top: 7px;
}
.header-soc__block a:before{
content:"";
background-position: center;
background-size: cover;
width:25px;
height:25px;
display: inline-block;
margin-left: 16px;
background-size: 25px;
background-repeat: no-repeat;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}	
.header-soc__block a:first-child:before{
margin-left: 0px;
}
.header-soc__discord:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-discord.svg);
margin: 0 !important;
}
.header-soc__instagram:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-instagram.svg);	
}
.header-soc__skype:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-skype.svg);	
}
.header-soc__discord:hover:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-discord-color.svg);	
}
.header-soc__instagram:hover:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-instagram-color.svg);	
}
.header-soc__skype:hover:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-skype-color.svg);	
}
.header-currency{
border-radius: 15px;
background: #1A1225;
justify-content: space-between;
display: flex;
align-items: center;
}
.header-currency__btn{
font-weight: bold;
font-size: 14px;
line-height: 100%;
border-radius: 15px;
background: #1A1225;
padding: 13px 16px;
color: #EFEAF5;
text-decoration:none;
}
.currency-active{
background: #8F2323;
border-radius: 15px;
}
a.header-currency__btn:hover, .header-auth__links a:hover{
text-decoration:underline;
color: #EFEAF5;
}
.header-auth__profile{
background-position: center;
background-size: cover;
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/account-img.svg);	
width:36px;
height:36px;
margin-right:14px;	
}
.header-auth{
justify-content: space-between;
display: flex;
align-items: center;
padding:0px 20px;
}
.header-auth__links a{
color: #EFEAF5;
text-decoration:none;
font-weight: bold;
font-size: 14px;
margin:0px 5px;
}
.header-auth__links{
font-weight: bold;
}
.header-cart{
padding: 10px 16px;
background: #FFB600;
border-radius: 15px;
font-weight: 600;
font-size: 14px;
line-height: 100%;
display: flex;
margin-left: 25px;
text-decoration:none;
}
.header-cart__icon{
content:"";
background-position: center;
background-size: cover;
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/cart.svg);	
width:28px;
height:28px;
display: inline-block;
margin-right: 5px;	
position:relative;
margin-right: 16px;
}
.header-cart div, .header-cart a{
color: #000000;
}
.header-cart__icon .header-cart__counter{
background: #8F2323;
border-radius: 3px;
font-weight: 400;
font-size: 6px;
line-height: 100%;
color: #FFFFFF;
width: 11px;
height: 11px;
position: absolute;
align-items: center;
display: flex;
justify-content: center;
right: 0;
top: auto;
bottom: -3px;
}
.header-cart__total{
display: flex;
align-items: center;
}
.bg-light {
background-color: transparent !important;
}   .banner{ }
.btn-style, button.btn-style, .woocommerce button.button{
background: #FFB600;
border-radius: 15px;
font-weight: 700;
font-size: 12px;
line-height: 100%;
text-transform: uppercase;
color: #161616;
padding:18px 57px;
width: auto;
display: inline-flex;
text-decoration:none;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 0px;
}
.btn-style:hover, .woocommerce button.button:hover{
background: #FFD600;
color: #161616;
}
.btn-style:focus, .woocommerce button.button:focus{
background: #FF8A00;
color: #161616;
}
.banner-title{
max-width:750px;
}
.banner-title h1{
font-weight: 700;
font-size: 50px;
line-height: 100%;
text-transform: uppercase;
color: #EFEAF5;
margin-bottom:28px;
min-height: 100px;
min-height: auto;
font-size: 40px;
}
.banner-title__desc{
font-size: 16px;
line-height: 140%;
letter-spacing: 0.04em;
}
.banner-title__link{
margin-top:40px;
}
.btn-style-transparent{
color: #FFB600;
background:transparent;
padding:14px 63px;
border:1px solid #FFB600;
}
.btn-style-transparent:hover{
color: #161616;
background: #FFB600;
}
.banner-promo {
display: flex;
align-items: center;
justify-content: space-between;
margin-top:60px;
max-width:770px;
}
.banner-promo__title{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0.12em;
max-width:280px;
}
.promo-logo{
width: 27px;
height: 27px;
background-position: center;
background-size: cover;	
margin-right:13px;
}
.promo-raid-horde{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/raid-horde.svg);	
}
.promo-raid-alliance{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/raid-aliance1.svg);	
}
.banner-promo__time{
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0.12em;
padding:8px 12px;
background: #8F2323;
border-radius: 5px;
}
.banner-promo__time span{
margin:0px 7px;
}
.banner .container{
position:relative;
}   .landing{
margin-top:60px;
display: flex;
}
.landing-block{
margin:60px 0px;
display: inline-block;
width: 100%;
}
.landing-block__top{
margin-bottom:60px;
display: inline-flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.landing-block__title, h4{
font-weight: 700;
font-size: 40px;
line-height: 100%;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.landing-block__content-row{ } .product-item__content{
padding: 24px;
border-left: 1px solid #443754;
border-right: 1px solid #443754;
box-sizing: border-box; }
.product-item{
text-decoration:none;
}
.product-item__btn {
margin-top: -15px;
width: 100%;
justify-content: center;
min-height: 44px;
}
.product-item__content{
font-weight: 600;
line-height: 140%;
text-align: center;
}
.product-item__title{
font-size: 16px;
min-height:45px;
min-height: 57px;
margin-bottom:16px;
}
.product-item__price, .raid-item__price, .product-item__price bdi, .raid-item__price bdi{
font-size: 24px;
display: inline-flex;
align-items: baseline;
font-weight: 600;
line-height: 140%;
}
.product-item__price-old, .product-item__price del bdi, .raid-item__price del bdi{
font-size: 16px;
text-decoration-line: line-through;
margin-left:15px;
}
.product-item:hover .product-item__content{
background: #1A1225;
}
.product-item:hover .product-item__btn{
color: #161616;
background: #FFB600;	
}  .raid-item{
border: 1px solid #443754;
border-radius: 15px;
position:relative;
height: 100%;
padding-bottom: 48px;
}
.raid-item__top{
padding:10px 25px;
background: #1A1225;
border-radius: 15px;
color
}
.raid-active{
background: #8F2323;
}
.raid-item__timer{
font-weight: bold;
font-size: 32px;
line-height: 120%;
}
.raid-active .raid-item__date-next{
font-weight: normal;
font-size: 12px;
line-height: 100%;
letter-spacing: 0.04em;
text-transform: none;
}
.raid-item__date{
font-weight: bold;
font-size: 12px;
line-height: 100%;
text-transform: uppercase;
display: inline-flex;
justify-content: space-between;
width: 100%;
}
.raid-item__timer{
margin-top:7px;
}
.raid-item__content{
padding:26px;
}
.raid-item__title{
font-weight: 400;
font-size: 16px;
line-height: 140%;
margin-bottom:23px;
min-height:45px;
}
.raid-item__desc{
font-weight: normal;
font-size: 12px;
line-height: 140%;
display: inline-flex;
justify-content: space-between;
width: 100%;	
}
.raid-item__desc-text{
margin-bottom: 12px;
padding-right: 14px;
min-height:100px;
}
.raid-item__desc-logo{
width: 49px;
height: 68px;
background-position: center;
background-size: cover;	
margin-left:14px;
}
.raid-alliance{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/raid-aliance1.svg);		
}
.raid-horde{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/raid-horde.svg);		
}
ul {
padding-left: 7px;
list-style: disc;
margin: 0;
margin-left: 17px;
}
.raid-item__price{
width: 100%;
justify-content: center;
}
.raid-item__btn {
width: 100%;
justify-content: center;
position: absolute;
bottom: 0;
}  .why-us-item {
display: inline-flex;
justify-content: space-between;
align-items: center;
padding:10px;
margin-bottom:60px;
}
.why-us__img img{
min-width: 106px;
}
.why-us__content{
margin-left:20px;
}
.why-us__title{
font-weight: 700;
font-size: 16px;
line-height: 130%;
letter-spacing: 0.12em;
text-transform: uppercase;
margin-bottom:15px;
}
.why-us__content{
font-weight: 600;
font-size: 16px;
line-height: 140%;
}
.raid-active .raid-item__timer {
font-size: 30px;
}  .popular{
display: inline-flex;
justify-content: space-between;	
width: 100%;	
}
.popular-item{
background: #1A1225;
border-radius: 15px;
width:255px;
padding:28px 10px 47px 10px;
align-items: center;
display: flex;
flex-direction: column;
}
.popular-item__title{
font-weight: bold;
font-size: 25px;
line-height: 130%;
letter-spacing: 0.12em;
text-transform: uppercase;
margin-bottom:20px;
min-height:58px;
display: flex;
align-items: center;
text-align: center;
}
.popular-item__img{
max-width:141px;
}  .trustpilot-block .landing-block__top {
justify-content: left;
}
.trustpilot-block .trustpilot-stars {
margin-left: 43px;
}
.trustpilot-block .landing-block__top .trustpilot-stars span:before{ 
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/trust-star-big.svg);
width: 36px;
height: 37px;
margin-left: 15px;    
}
.trustpilot-block__reviews-count{
border-left: 1px solid #443754;
margin-left: 32px;
padding-left: 40px;
display: inline-flex;
align-items: baseline;
}
.trustpilot-block__reviews-count sub{
font-size: 12px;
line-height: 120%;
font-weight: 700;
letter-spacing: 0.12em;
color: #257960;
top: 0;
}
.trustpilot-block__reviews-count__text{
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 140%;
color: #EFEAF5;
margin-left: 10px;
}
.trustpilot-block__reviews-count__rating{
font-weight: 700;
font-size: 40px;
line-height: 100%;
letter-spacing: 0.12em;
color: #257960;
}
.trustpilot-slider__item{
background-color: #1A1225;
border-radius: 15px;
padding: 24px;
min-height: 230px;
}
.trustpilot-slider__item-top-image div{
width: 48px;
height: 48px;
border-radius: 10px;
background-position: center;
background-size: cover;
margin-right: 20px;
}
.slider__item-top {
display: inline-flex;
width: 100%;
justify-content: space-between;
}
.trustpilot-slider__item-top-info{
display: inline-flex;
justify-content: space-between;
}
.trustpilot-slider__item-top-rating span{
background-position: center;
background-size: cover;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/trust-star-bg.svg);
height: 20px;
width: 20px;
margin-right: 4px;
display: inline-flex;
}
.trustpilot-slider__item-top {
display: inline-flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.trustpilot-slider__item-top-data {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
}
.trustpilot-slider__item-top-date{
margin-bottom: 3px;
}
.trustpilot-slider__item-bottom{
padding-top: 24px;
font-weight: 400;
font-size: 16px;
line-height: 140%;
max-height: 138px;
overflow: auto;
}
.tns-outer {
position: relative;
padding: 0px 30px !important;
}
.tns-controls {
width: 100%;
position: absolute;
top: 50%;
margin-top: -6px;
left: 0;
}
.tns-outer button{
font-size: 0px;
border: 0px;
background: transparent;
background-position: center;
background-size: cover;
height: 12px;
width: 11px;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/slider-btn.svg);
}
.tns-outer button[data-controls="prev"] {
position: absolute;
left: 0;
}
.tns-outer button[data-controls="next"] {
position: absolute;
right: 0;
transform: rotate(180deg);
}  .hsarea {
display: inline-block;
overflow: hidden;
width: 100%;
}
.hsframe {
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
}
.hsframe ul {
list-style: none;
display: inline-block;
margin: 0;
padding: 0;
height: 100%;
}
.news-item {
float: left;
width: 570px; 
height: 100%;
margin: 0 48px 0 0;
padding: 0;
cursor: pointer; text-align: center;
background: #1A1225;
} .hsscrollbar .hshandle .hsmousearea {
position: absolute;
top: -9px;
left: 0;
width: 100%;
height: 20px;
}
.hsscrollbar .hshandle {
width: 33px;
height: 33px;
background: #FFB600;
border-radius: 7px;
cursor: pointer;
position: absolute;
margin-top: -14px;
}
.hsscrollbar {
margin: 0 0 1em 0;
height: 5px;
line-height: 0;
background: #443754;
box-shadow: 6px 6px 6px rgb(0 0 0 / 12%);
border-radius: 15px;
margin-top: 60px;
} .srch-photo {
height: 194px;
}
.srch-text {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 2px;
text-align: center;
}
.news-item__image{
height: 295px;
background-size: cover;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.news-item__content{
padding: 14px 33px 30px 33px;
text-align: left;
}
.news-item{
background: #1A1225;
box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.12);
border-radius: 15px;
}
.news-item__date{
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #EFEAF5;
opacity: 0.5;
margin-bottom: 14px;
}
.news-item__title{
font-weight: 700;
font-size: 25px;
line-height: 130%;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #EFEAF5;
margin-bottom: 14px;
}
.news-item__desc{
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #F9F9F9;
}
.news-item__desc a{
color: #FFB600;
text-decoration: underline;
}
.news-item__desc a:hover{
text-decoration: none;	
}  .accordion-button::after {
flex-shrink: 0;
width: 28px;
height: 28px;
margin-left: auto;
content: "";
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/faq-btn.svg);
background-repeat: no-repeat;
background-size: 28px;
transition: transform .2s ease-in-out;
transform: rotate(180deg);
position: absolute;
right: 35px;
}
.accordion-button:not(.collapsed)::after {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/faq-btn.svg);
transform: rotate(0deg);
position: absolute;
right: 35px;
}
.accordion-button, .accordion-item:first-of-type .accordion-button{
background: #1A1225;
border-radius: 15px;
padding: 35px;
padding-right: 180px;
color: #EFEAF5;
font-weight: 700;
font-size: 25px;
line-height: 130%;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.accordion-item, .accordion-item:first-of-type, .accordion-item:last-of-type {
background: #1A1225;
border: 0px;
margin-bottom: 30px;
border-radius: 15px;
}
.accordion-item:last-of-type .accordion-collapse, .accordion-item:last-of-type .accordion-button.collapsed{
border-radius: 15px;	
}
.accordion-item:first-of-type{
border-radius: 15px;
}
.accordion-button:not(.collapsed) {
background: #1A1225;
color: #EFEAF5;
box-shadow: none;
}
.accordion-body {
padding: 0px 180px 38px 38px;
font-weight: 400;
font-size: 16px;
line-height: 140%;
}
.accordion-button:focus {
border-color: transparent;
outline: 0;
box-shadow: none;
}
.accordion-body p{
margin-bottom: 0;
}  .process-bar:before{
content: "";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
height: 100%;
top: 0;
left: 50%;
border-left: 1px dashed #EFEAF5;
z-index: -1;
width: 100%;
left: 0;
top: -50%;
border-bottom: 1px dashed #EFEAF5;
border-left: none;
z-index: -1;
}
.process-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
width: 93%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px;
margin-bottom: 30px;
left: 0;
}
.process-bar span{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 3px;
width: 15px;
height: 15px;
background-color: #443754;
}
.process-bar span:first-of-type, .process-bar span:last-child {
width: 30px;
height: 30px;
border-radius: 5px;
background-color: #FFB600;
}
.process-block .process-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 15px;
margin-bottom: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; 
}
.process-block .process-item:nth-child(odd) {
margin-right: 1%;
}
.process-block .process-item:nth-child(even) {
margin-right: 1%;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.process-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.process-item__index {
font-size: 80px;
text-transform: uppercase;
font-weight: 700;
line-height: 120%;
margin-right: 20px;
}
.process-item__content-title {
text-transform: uppercase;
line-height: 140%;
font-weight: 600;
margin-bottom: 10px;
}
.process-item__content-desc {
font-size: 12px;
line-height: 160%;
}  .about__content {
position: relative;
max-height: 205px;
overflow: hidden;
line-height: 150%;
padding-bottom: 20px;
}
.about__content::after {
content: "";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(rgba(22, 22, 22, 0)));
background: -o-linear-gradient(top, #161616 0%, rgba(22, 22, 22, 0) 100%);
background: linear-gradient(180deg, #161616 0%, rgba(22, 22, 22, 0) 100%);
-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
-ms-transform: matrix(1, 0, 0, -1, 0, 0);
transform: matrix(1, 0, 0, -1, 0, 0);
}
.btn-style-full{
width: 100%;
background-color: #443754;
font-weight: 600;
color: #fff;
justify-content: center;
}
.btn-style-full:hover, .btn-style-full:focus{
background: #FFB600;
color: #000000;
}
.about__content p:last-child {
margin-bottom: 40px;
}
.about_block[data-open="true"] .about__content::after{
display: none;
}  .newsletter{
}
.newsletter-left{
max-width: 844px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.newsletter-title{
font-weight: 700;
font-size: 30px;
line-height: 130%;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #EFEAF5;
margin-bottom: 60px;
}
form input[type="email"],form input[type="text"],form input[type="tel"], textarea, form input[type="password"], .wc-stripe-elements-field, .wc-stripe-iban-element-field{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
order: 2;
padding: 13px 16px;
background-color: #1A1225;
border-radius: 15px;
line-height: 140%;
border: 0px;
width: 100%;
}
.wpcf7-submit{
order: 2;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 9px;
padding-right: 9px;
width: 200px;
justify-content: center;
position: absolute;
border: 0;
right: 0;
}
.newsletter form{ }
.newsletter-form{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap; width: 100%;
background-color: #1A1225;
border-radius: 15px;
position: relative;
}
.newsletter-right{
width: 30%;
max-width: 560px;
border-radius: 15px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.newsletter-right img{
border-radius: 15px;
}
.newsletter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%;
justify-content: space-between;
}  .footer-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-top, .footer-bottom{
padding: 60px 0px;
}
.footer-top{
font-weight: 400;
font-size: 12px;
line-height: 140%;
color: #EFEAF5;
}
.footer__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
max-width: 35%;
margin-left: 130px;   
}
.footer__menu a { }
.footer__menu ul li{
list-style: none;
margin: 0px 12px;
}
.footer__menu ul{
display: inline-flex;
padding: 0;
margin: 0;
}
.footer__payment-metods {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.footer__payment-metods span{
margin-right: 18px;
}
.footer__line{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 14px;
margin-bottom: 14px;
border-bottom: 1px solid #443754;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-bottom: 20px;
}
.footer__policy {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
padding-right: 256px;
align-items: center;
}
.footer__policy ul li {
margin: 0;
position: relative;
}
.footer__policy a {
padding-left: 8px;
}
.footer__policy li:first-child a{
padding-right: 10px;
padding-left: 0px;
}
.footer__policy li:first-child:after{
content: "";
width: 2px;
height: calc( 100% - 8px);
display: block;
background: #fff;
position: absolute;
right: 0;
top: 4px;
}
.footer__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 159px;
}
.footer__logo img{
width: 159px;	
}  .button-group button{
color: #000;
}
.grid-raids .col-lg-3{ transition: 0.4s;
flex-shrink: 0;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
height: auto;
transition: opacity 0.5s, background-color 0.25s linear, border-color 0.25s linear;
}
.filters{
display: inline-flex;
margin-bottom: 60px;
}
.filters .ui-group{
background: #1A1225;
border-radius: 15px;
margin-right: 50px;
}
button.button{
padding: 0px 21px;
min-width: 86px;
font-weight: 700;
font-size: 14px;
line-height: 40px;
color: #EFEAF5;
background: transparent;
border: 0px;
}
button.button.is-checked, button.button:hover{
background: #8F2323;
border-radius: 15px;
} .popular-hidden, .mob__logo{
display: none;
}
.currency_eu span{
font-size: 0px;
line-height: 100%;
}
.mob_menu_btn{
display: none;
background-size: 24px;
}
.close_mob{
width: 24px;
height: 24px;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu_close.svg);	
}
.open_mob{
width: 24px;
height: 20px;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/menu_open.svg);	
}
.display-copy{
display: none;
}
.tooltip-block .tooltiptext {
visibility: hidden;
width: 140px;
background-color: #443854;
color: #ffb601;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
top: 128%;
left: 50%;
margin-left: -70px;
opacity: 0;
transition: opacity .3s;
font-size: 14px;
border: 1px solid #0f0b13;
}
.tooltip-block .tooltiptext:after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #443854 transparent transparent; }
.tooltip-block {
position: relative;
}
a.tooltip-block {
cursor: pointer;
}
.tooltip-block:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.wow {
opacity: 0;
}
.animate_ok {
opacity: 1;
}  .banner-cat {
background-position: center;
background-size: cover;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/bg-dungeon.jpg);
padding: 70px 0px 100px 0px;
padding: 70px 0px 10px 0px;
padding: 30px 0px 10px 0px;
}
.banner-page{
background-position: center;
background-size: cover;
padding: 40px 0px 100px 0px;	
}
.breadcrumbs{
margin-bottom: 55px;
margin-bottom: 15px;
display: inline-flex;
}
.banner-cat .breadcrumbs {
margin-bottom: 15px;
}
.banner-cat + .landing{
margin-top: 0px;
}
.banner-cat + .landing .landing-block{
margin-bottom: 0;
}
.breadcrumbs a, .breadcrumbs>div{ 
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #EFEAF5;
display: inline-flex;
text-decoration: none;
}
.breadcrumb-item, .breadcrumbs .last{
color: rgba(239, 234, 245, 0.5) !important;
}
.breadcrumbs a:hover{
text-decoration: underline;
}
.breadcrumbs span{
margin: 0px 10px;
line-height: 16px;
}
.landing-block .product-item, .grid-raids .col-lg-3{
margin-bottom: 60px;
}
.hot-offers-block, .raids-index{
margin-bottom: -60px;
margin-bottom: 0;
}
.landing-block__content.landing-block__content-row{
margin-bottom: -60px;
}
.landing-block__title-min{
font-weight: 700;
font-size: 30px;
line-height: 130%;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #FFFFFF;
}
.raid-date_title{
font-weight: 600;
font-size: 16px;
line-height: 140%;
color: #FFFFFF;
}
.raid-date_items{
}
.raid-date_item{
padding: 10px;
background: #1A1225;
border-radius: 15px;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 10px 0px 10px 20px;
}
.raid-icon{
margin-left: 15px;
width: 33px;
height: 45.7px;
background-position: center;
background-size: cover;
margin-left: 14px;
}
.raid-date_list {
display: inline-flex;
align-items: center;
margin-bottom: 120px;
}
.raid-date_i{
font-size: 40px;
line-height: 100%;
font-weight: 700;
}
.banner-raid{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/bg-raids.jpg);	
}  .banner-product{
background-position: center;
background-size: cover;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/bg-product.jpg);
padding: 70px 0px 30px 0px;
padding: 30px 0px 30px 0px;
}
.banner-product + .landing{
margin-top: 0;
}
.banner-price{
font-weight: 600;
font-size: 24px;
line-height: 100%;
color: #FFFFFF;	
padding: 11px 0px 30px 0px;
display: inline-flex;
align-items: center;
justify-content: flex-end;
}
.banner-price-new{
}
.banner-price-old{
font-size: 16px;
text-decoration-line: line-through;
margin-left: 14px;
}
.product-card__info{
max-width: 521px;
width: 100%;
position: absolute;
right: 0;
top: -280px; background: #1A1225;
border-radius: 15px;
}
.product-card__info_top{
padding: 40px 60px;
}
.product-card__info_title{
font-weight: 700;
font-size: 25px;
line-height: 130%;
letter-spacing: 0.12em;
text-transform: uppercase;
margin-bottom: 27px;
}
.product-card__info_name{
font-weight: 600;
font-size: 16px;
line-height: 140%;
margin-bottom: 27px;
}
.product-card{ width: 100%;
justify-content: space-between;
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.product-card form{
display: inline-flex;
width: 100%;
}
.product-card form.variations_form {
flex-wrap: wrap;
margin-top: -68px;
margin-top: 20px;
display: block;
}
.landing-block__left{
width: 50%;	
min-height: 300px;
min-height: 200px;
}
.product-card__info_price{
margin: 12px 0px 64px 0px;
margin: 12px 0px 12px 0px;
padding-right: 36px;
}
.product-card__info_price>div{
padding: 10px 29px 10px 46px;
border: 1px solid #443754;
box-sizing: border-box;
border-radius: 0px 0px 20px 0px;
width: 100%;
}
.product-card__info_btns .btn-style{
width: 100%;
text-align: center;
align-items: center;
justify-content: center;
height: 67px;
margin-top: 8px;
}
.banner-product .banner-title {
max-width: 50%;
}
.form-switch .form-check-input {
background-color: transparent;
border: 1px solid #EFEAF5;
}
.form-check-input:checked[type=checkbox]{
border: 1px solid #FFB600 !important;
}
.form-switch .form-check-input, .form-switch .form-check-input:focus, .form-switch .form-check-input:active {
width: 78px!important;
height: 33px;
margin-left: 0;
border-color: #fff;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/checkbox-clear.svg);
}
.form-switch .form-check-input:checked {
background-position: right center;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/checkbox-checked.svg); 
}
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: none;
}
.form-switch {
padding-left: 0;
}
.form-switch {
padding-left: 0;
display: inline-flex;
justify-content: space-between;
align-items: center;
width: 100%;
flex: 1;
max-width: 461px;
}
label.form-check-label {
width: 100% !important;
display: inline-flex !important;
justify-content: space-between;
margin-left: 24px;
font-weight: 400;
font-size: 16px;
line-height: 140%;
position: relative;
cursor: pointer;
}
.form-switch .form-check-input{
cursor: pointer;
}
label.form-check-label span{
background-color: #0f0a12;
padding-right: 27px;
}
label.form-check-label b{
background-color: #0f0a12;
padding-left: 27px;
}
label.form-check-label:before{
content: "";
width: 90%;
top: 50%;
height: 1px;
background: #443754;
position: absolute;
left: 5%;
z-index: -1;
}
.product-card__options{
margin-top: 42px;
}
.product-card__options .form-check.form-switch{
margin: 12px 0px;
}  .banner-cart{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/bg-cart.jpg);	
padding: 50px 0px 90px 0px;
}
.cart-block__content{
padding: 40px 60px;
background: #1A1225;
border-radius: 15px;
width: 100%;
}
.cart-block__content__title{
font-weight: 700;
font-size: 25px;
line-height: 130%;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 27px;
}
.cart-block__product_item{
font-weight: 600;
font-size: 16px;
line-height: 140%;
color: #FFFFFF;
}
.cart-block__content{
display: inline-flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.cart-block__center{
line-height: 140%;
}
.cart-block__content .product-card__info_price{
width: 485px;
padding: 0;
margin: 0;
}
.product-card__full-price{
font-weight: 600;
padding-left: 20px;
}
.product-card__info_price>div{
display: inline-flex;
justify-content: space-between;
align-items: center;
}
.cart-block__content .product-card__info_price>div{
background: #443754;
margin-bottom: 1px;
}
.cart-block__form_line{
margin-bottom: 32px;
display: flex;
align-items: center;
}
.cart-block__form_line .form-switch{
max-width: inherit;
justify-content: flex-end;
margin-left: 20px;
}
.clear-switch label.form-check-label:before{
display: none;
}
.form-switches{
display: inline-flex;
justify-content: center;
padding-top: 32px;
}
.clear-switch label.form-check-label{
width: auto;	
}
.clear-switch label.form-check-label span{
padding: 0;
}
.cart-block__form_title{
margin-bottom: 8px;
font-weight: 600;
line-height: 140%;
}
textarea:focus, textarea:focus-visible {
outline: none;
}
.btn_100{
width: 100% !important;
text-align: center;
align-items: center;
justify-content: center;
}
.cart-block__total{
display: inline-flex;
justify-content: flex-end;
}
.default-check {
padding: 0;
}
.order-total{
font-weight: 600;
font-size: 24px;
line-height: 100%;
color: #FFFFFF;
padding-left: 16px;
}
.default-check label.form-check-label:before{
display: none;
}
.cart-block__total_line{
border-top: 1px solid #393939;
padding: 24px 0px;
margin: 0;
}
.default-check .form-check-input ~ .form-check-label::after, .cart-block__total_line .woocommerce-input-wrapper label::after  {
position: absolute;
top: 3px;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.default-check .form-check-input, .privacy label input{
position: absolute;
z-index: -1;
opacity: 0;
}
.default-check .form-check-input:checked ~ .form-check-label::after, .privacy.woocommerce-validated label::after {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/default-check.svg);
}
.default-check .form-check-input ~ .form-check-label::before, .cart-block__total_line .woocommerce-input-wrapper label::before{
position: absolute;
top: 3px;
left: -1.5rem;
display: block;
width: 16px;
height: 16px;
pointer-events: none;
content: "";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transprent;
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border: 1px solid #EFEAF5;
box-sizing: border-box;
border-radius: 5px;
}
.default-check .form-check-input:checked ~ .form-check-label::before, .privacy.woocommerce-validated label::before{
background-color: #FFB600!important;
}
.default-check .form-check-input:checked:focus ~ .form-check-label::before, .privacy.woocommerce-validated label::before {
box-shadow: none;
}
.default-check .form-check-input:focus ~ .form-check-label::before, .privacy.woocommerce-validated label::before {
box-shadow: none;
}
.default-check .form-check-input:active ~ .form-check-label::before, .privacy.woocommerce-validated label::before{
background-color: #FFB600; 
}
.cart-block__form_payment{
flex-direction: column;
align-items: flex-start;
}
.cart-block__form_payments_list{
width: 100%;
display: inline-flex;
justify-content: space-between;
}
.btn.btn-outline-success{
width: 100%; }
.btn-check+.btn-outline-success{
border: 1px solid #443754;
outline: none!important;
box-shadow: none!important;
color: #fff;
justify-content: flex-start;
display: flex;
align-items: center;
text-align: left;
position: relative;
}
.btn-check:checked+.btn-outline-success, .btn-check+.btn-outline-success:hover{
background: #443754;
border: 1px solid #443754;
color: #fff;
}
.cart-block__form_payments_item {
width: 100%;
margin: 0px 8px;
}
.cart-block__form_payments_item label{
font-weight: 700;
font-size: 11px;
line-height: 100%;
text-transform: uppercase;
padding: 24px;
}
.cart-block__form_payments_list{
margin-left: -8px;
margin-right: -8px;
}  .banner-contacts{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/bg-contacts.jpg);	
padding: 50px 0px 90px 0px;	
}
.contacts__soc-list{
margin-bottom: 120px;
}
.contacts__soc-list a{
font-size: 0px !important;
}
.contacts__soc-list a:before{
content:"";
background-position: center;
background-size: cover;
width:112px;
height:112px;
display: inline-block;
margin-left: 100px;
background-size: 112px;
background-repeat: no-repeat;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}	
.contacts__soc-list a:first-child:before{
margin-left: 0px;
}
.contacts-soc__discord:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-discord-big.svg);
margin: 0 !important;
}
.contacts-soc__instagram:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-instagram.svg);	
}
.contacts-soc__skype:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-skype.svg);	
}
.contacts-soc__discord:hover:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-discord-color.svg);	
}
.contacts-soc__instagram:hover:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-instagram-color.svg);	
}
.contacts-soc__skype:hover:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-skype-color.svg);	
}  .banner-faq{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/bg-faq.jpg);
}  .banner-search{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/bg-search.jpg);	
}
.news-element-line{
background: #1A1225;
box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.12);
border-radius: 15px;
display: inline-flex;
width: 100%;
justify-content: space-between;
}
.news-element-line .news-item__image{
max-width: 571px;
width: 100%;
height: 284px;
}
.news-element-line .news-item__content{
width: 100%;
}
.news-element-line .news-item__date{
text-align: right;
}
.news-element-line .news-item__content {
padding: 24px 13px 30px 90px;
}
.news-element-line .news-item__title{
min-height: 70px;
max-width: 70%;
}
.news-element-line .news-item__desc {
max-width: 80%;
}
.news-element-line {
margin-bottom: 60px;
}
.news-element-line .news-item__date {
margin-bottom: 0;
}  .banner-privacy{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/bg-privacy.jpg);
}
.content-big, .content-big p{
font-weight: 400;
font-size: 20px;
line-height: 140%;
}
.content-big p, .content-big .landing-block__title, .content-big h4{
margin-bottom: 50px;
}
.h3{
}  .page-404{
font-weight: 700;
font-size: 427.174px;
line-height: 100%;
text-transform: uppercase;
color: #FFFFFF;
}
.banner-404{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/bg-404.jpg);
padding-top: 180px;	
}
.banner-404 .container:before {
content: "";
background-position: center;
background-size: cover;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/banner-img-404.png);
width: 462px;
height: 801px;
display: inline-block;
position: absolute;
top: 100px;
right: 0;
}  .woocs-style-1-dropdown{
max-height: 50px
}
.product-card__info_price p.price{
margin: 0;
}
.woocs_price_code{
display: inline-flex; }
.woocs_price_code del{
font-size: 16px;
text-decoration-line: line-through;
margin: 0px 14px;
}
.product-item .woocs_price_code{
align-items: center;
justify-content: center;
display: flex;
}
.woocs_price_code ins{
text-decoration: none;
}
.product-card__info_price del{
display: none;
}
.product-card__info .quantity, .reset_variations, .product-card .quantity{
display: none !important;
}
.tc-price-wrap {
padding-right: 0 !important;
padding-left: 27px;
font-weight: bolder;
}
.tm-extra-product-options .tc-active .tc-label-wrap{
background-color: #0f0a12 !important;
font-weight: normal;	
}
.woocommerce-variation.single_variation{ }
.variation-label{
font-weight: 700;
font-size: 30px;
line-height: 130%;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #FFFFFF;
}
.product select{
background: transparent;
width: 100%;
margin: 10px 0px 30px 0px;
border-radius: 15px;
padding: 15px;
outline: none !important;
}
.tc-extra-product-options .tc-row .tc-container{
margin-left: 15px;
margin-left: 25px;
}
.single_variation_wrap{
width: 100%;
}
.product-card__full-price .woocommerce-Price-amount.amount bdi{
font-size: 1.5em;
font-weight: 700;
}
.variation-value {
max-width: 434px;
}
.variation-epo .woocommerce-variation.single_variation {
display: none !important;
}
form.variations_form .variations{
width: 100%;
}
.woo_amc_open.right-bottom-fixed {
display: none;
}
.js_header_cart{
cursor: pointer;
}
.header-cart .woocommerce-Price-amount.amount bdi, .header-cart .woocommerce-Price-amount.amount bdi span {
color: #000000;
font-weight: 600;
font-size: 14px;
line-height: 100%;
}
.added_to_cart{
border-radius: 15px;
font-weight: 700;
font-size: 12px;
line-height: 100%;
text-transform: uppercase;
display: inline-flex;
text-decoration: none;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
color: #FFB600;
background: transparent;
padding: 14px 63px;
border: 1px solid #FFB600;
width: 100%;
text-align: center;
align-items: center;
justify-content: center;
height: 67px;
margin-top: 8px;
}
.added_to_cart:hover {
color: #161616;
background: #FFB600;
}
.btn-style.loading{
position: relative;
font-size: 0;	
line-height: 14px;
}
.btn-style.loading::after {
content: "";
position: absolute;
width: 35px;
height: 35px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 4px solid transparent;
border-top-color: #1a1225;
border-radius: 50%;
animation: button-loading-spinner 1s ease infinite;
}
@keyframes button-loading-spinner {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.button--loading::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 4px solid transparent;
border-top-color: #ffffff;
border-radius: 50%;
animation: button-loading-spinner 1s ease infinite;
}
@keyframes button-loading-spinner {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.onsale{
position: absolute;	
}
.product-item .added_to_cart{
max-height: 44px;
}
a.woocommerce-loop-product__link {
text-decoration: none;
}
.product-item.sale .woocs_price_code {
flex-direction: row-reverse;
}
.product-item .product-item__img{
position: relative;
}
.product-item .product-item__img:after {
content: "";
display: block;
padding-bottom: 100%;
}
.product-item .product-item__img img{
position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; 
}
.product-item .woocs_price_code {
min-height: 42px;
}
.disabled.wc-variation-is-unavailable{
display: none;
}
.woocommerce-variation-availability{
text-align: center;	
}
.stock.out-of-stock{
color: #ffb602;
}
.woo_amc_container_wrap .woo_amc_container {
background-color: #0E0B12;
}
.woo_amc_container_wrap .woo_amc_footer {
background: #443754;
text-decoration: none;
}
.woo_amc_container_wrap .woo_amc_head {
background: #443754;
}
.woo_amc_container_side .woo_amc_center {
color: #fff;
}
.woo_amc_container_wrap .woo_amc_item_wrap {
color: #ffffff;
font-size: 16px;
border-radius: 15px;
padding: 10px;
background: #1A1225;
border: 0px;
}
.woo_amc_container_wrap .woo_amc_item_title a {
font-size: 18px;
font-weight: 600;
line-height: 140%;
color: #FFF;
}
.woo_amc_container_wrap .woo_amc_item_quanity_wrap { }
.woo_amc_item_price_wrap, .woo_amc_item_dop {
font-size: 12px;
}
.woo_amc_container_side .woo_amc_center {
max-width: 90%;
}
.woo_amc_close line, .woo_amc_item_delete line, .woo_amc_item_quanity_minus line, .woo_amc_item_quanity_plus line{
stroke: #FFB600 !important;
}
.hot-offers-block .btn-show-more{
display: none;
}
.hot-offers-block .landing-block{
margin-bottom: 0;
}
.woocommerce-info, .woocommerce-error, .woocommerce-message{
font-size: 14px;
border: 0px;
background: #1a1225;
color: #fff;	
}
.woocommerce-error, .woocommerce-message{
border-top: 1px solid;
border-top-color: #b81c23;	
}
.woocommerce-message{
border-top-color: #8fae1b;
}
.woocommerce-info::before{
display: none;
}
.woocommerce-info a.showcoupon {
color: #ffb602;
}
.product-card__full-price dl, .product-card__full-price dd, .product-card__full-price dd p{
margin: 0;
}
.cart-block__product_item .tc-epo-metadata.variation{
display: none;
}
.product-card__info_price__options .product-card__full-price{ }
.shop_table.woocommerce-checkout-review-order-table .product-card__info_price>div {
padding: 10px 20px 10px 20px;
}
.product-card__info_price__options span{
min-width: 150px;
}
.shop_table.woocommerce-checkout-review-order-table{
margin-bottom: 60px;
}
.cart-block__form_payments_list .payment_box{
display: none !important;
}
.cart-block__product_item .tm-cart-edit-options{
display: none !important;
}
.cart-block__form_payments_list  input[type="radio"]:checked ~ .payment_box{
display: block !important;
}
.woocommerce form .form-row {
width: 49%;
margin-bottom: 32px;
}
.woocommerce-billing-fields__field-wrapper{
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
justify-content: space-between;	
}
.woocommerce form .form-row label {
margin-bottom: 8px;
font-weight: 600;
line-height: 140%;
}
.woocommerce-additional-fields .form-row.notes{
width: 100%;	
}
.woocommerce-additional-fields textarea{
min-height: 200px;
}
.woocommerce-billing-fields__field-wrapper .form-switches{
padding: 0;
}
.cart-block__total_line .woocommerce-input-wrapper label{
width: 100% !important;
display: inline-flex !important;
justify-content: space-between;
margin-left: 24px;
font-weight: 400 !important;
font-size: 16px;
line-height: 140%;
position: relative;
cursor: pointer;
justify-content: flex-start;
}
.woocommerce form .form-check.default-check .form-row {
width: 100%;
margin: 0;
}
.landing-block .grid-raids.archive-raids .col-lg-3:last-child {
display: block;
}
.raid-item__btn{
}
.raid-item__btn.added{
opacity: 0;
}
.raid-item .added_to_cart, .raid-item__btn.loading{
height: 48px;
position: absolute;
bottom: 0;	
}
form{
position: relative;
}
form br{
display: none;
}
.btn-style:disabled{
opacity: 0.5;	
}
.wpcf7-not-valid-tip {
position: absolute;
font-size: 12px;
left: 0;
}
.newsletter-form .wpcf7-not-valid-tip {
padding-left: 16px;
}
.wpcf7 form .wpcf7-response-output {
font-size: 12px;
border-width: 1px;
text-align: center;
}
.personal-block .woocommerce form .form-row {
width: 100%;
}
.personal-block .woocommerce form .form-row label {
margin-bottom: 8px;
font-weight: 600;
line-height: 140%;
font-size: 16px;
}
.personal-block .content-big p{
font-size: 16px;
margin-bottom: 20px;
}
.account_menu{
border-radius: 15px;
background: #1A1225;
justify-content: space-between;
display: flex;
align-items: center;
display: inline-flex;
margin-bottom: 120px;
}
.account_menu__btn a{
font-weight: bold;
font-size: 14px;
line-height: 100%;
border-radius: 15px;
background: #1A1225;
padding: 13px 16px;
color: #EFEAF5;
text-decoration:none;
display: block;
min-width: 200px;
text-align: center;
}
.account_menu__btn.is-active a{
background: #8F2323;
border-radius: 15px;
}
.account_menu__btn:hover a{
text-decoration:underline;
color: #EFEAF5;
}
.mark, mark {
background-color: #443754;
}
.orders_info{
display: flex;
flex-direction: column;
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
.personal-block .woocommerce form .account_info-block .form-row {
width: 49%;
}
.account_info-block{
display: inline-flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;	
}
.personal-block .woocommerce form .account_password-block .form-row {
width: 49%;
}
.account_password-block legend {
font-weight: 700;
font-size: 30px;
line-height: 130%;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #FFFFFF;
margin: 30px 0px;
}
.personal-block .woocommerce form .clear {
display: none;
}
.account_password-block .woocommerce-Button.button{
width: 100%;
justify-content: center;
margin-top: 10px;
}
.account_orders-list {
border-bottom: 1px solid #443754;
margin-bottom: 30px;
}
.trustpilot-slider__item-bottom p{
margin: 0;
}
.btn-show-more{
cursor: pointer;
}
.tc-cell.tc-col.tc-element-container {
padding: 0;
}
.tm-extra-product-options-select label{
max-width: 300px !important;
}
.tm-extra-product-options-select select{
margin-bottom: 10px;
}
.tm-element-ul-radio{
display: inline-flex;
width: 100%;
justify-content: flex-start;
align-items: flex-start;
flex-direction: row;   
}
.cpf-type-radio .tc-cell.tc-col.tc-element-container ul {
flex-direction: row !important;
}
.tm-element-ul-radio li{
width: initial !important;
flex: none !important;
margin-right: 0px !important;
text-align: center;
}
.tm-element-ul-radio li label{
text-align: center;
background: transparent;
border: 1px solid #7a59ff !important;
border-radius: 15px;
border-radius: 7px;
font-weight: 700;
font-size: 12px;
line-height: 100%;
text-transform: uppercase;
color: #161616;
display: inline-flex;
text-decoration: none;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 0px;
cursor:pointer;
padding: 10px !important;
justify-content: center !important;
width: 100%  !important;
}
.tm-element-ul-radio li .tc-price-wrap{
display:none;  
}
.tm-element-ul-radio li label{
width: 100%;
}
.tm-element-ul-radio li label input{
display:none;    
}
.tm-extra-product-options .tm-element-ul-radio li span, .tm-extra-product-options .tm-element-ul-radio .tc-active .tc-label-wrap{
background: transparent !important;
color: #7a59ff  !important;
cursor:pointer;
padding:0;
}
.tm-element-ul-radio li.tc-active label{
background: #7a59ff;
}
.tm-extra-product-options .tm-element-ul-radio li.tc-active span, .tm-extra-product-options .tm-element-ul-radio .tc-active .tc-label-wrap{
color: #000 !important;
}
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-radio li.tmcp-field-wrap .tm-label{
padding:0 !important;
}
.tc-extra-product-options .tc-row .tc-container.cpf-type-radio { }
.tc-tooltip {
position: absolute;
right: -10px;
top: 50%;
margin-top: -10px;
}
.tc-element-container>ul{
display: block;  
}
.product-card-gallery-item a{
background-position: center;
background-size: cover;
width:150px;
height:100px;
display: block;
cursor:pointer;
}
.product-card-gallery{
max-width: 50%;
display: inline-flex;
width: 100%;
justify-content: flex-start; 
margin-top: 20px;
flex-wrap: wrap;   
}
.product-card-gallery-item{
margin: 0px 10px 10px 0px;   
}
body.compensate-for-scrollbar {
overflow: auto !important;
}
.product-card-gallery-item__video{
position:relative;
} .product-card-gallery-item__video .youtube_btn{
content:"";
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/youtube.svg);   
background-position: center;
background-size: cover;
width: 50px;
height: 50px;
display: block;
position: absolute;
left: 50%;
margin-left: -25px;
top: 50%;
margin-top: -25px;
transition:0.4s;
cursor:pointer;
}
.product-card-gallery-item__video a{
cursor:default;
opacity: 0.5;
}
.product-card-gallery-item__video .youtube_btn:hover{
transform: scale(1.1);       
}
.payment_box {
padding-top: 20px;
}
.payment_box p{
font-size: 12px;	
}
.woocommerce form .payment_box .form-row label {
line-height: 100%;
padding: 0;
}
.woocommerce form #stripe-payment-data .form-row {
margin-bottom: 0;
}
.woocommerce form #stripe-payment-data .form-row-wide{
width: 100%;
}
.woocommerce form #stripe-payment-data .form-row.woocommerce-SavedPaymentMethods-saveNew{
display: none !important;	
}
.woocommerce form .form-row select {
cursor: pointer;
margin: 0;
padding: 13px 16px;
background-color: #1A1225;
border-radius: 15px;
line-height: 140%;
border: 0px;
}
.form-row.mcc_currency{
width: 100% !important;
}
.cart-block__form_payments_item [class^="mcc-"] {
font-size: 11px;
margin: 0px 2px;
margin-left: 5px;
}
.mycryptocheckout.online_payment_instructions {
background: #0f0a12;
}
.raid-date_item.hide{
display: none;
}
.select2-search { background-color: #1A1225; }
.select2-search input { background-color: #1A1225; }
.select2-results { background-color: #1A1225; }
.select2-container--default .select2-selection--single{
background: transparent;
width: 100%;
border-radius: 15px;
padding: 15px;
outline: none !important;
height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
top: 50%;
margin-top: -13px;	
}
.value.variation-value, .cpf-type-select {
margin-top: 10px;
margin-bottom: 10px;
}
.select2-container--default .select2-results__option--selected {
background-color: #443754;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background: #FFB600;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff;
line-height: 20px;
}
.about__content h4{
text-transform: none;
font-size: 1.5rem; 
letter-spacing: initial;
}
.payment_method_stripe label.btn-outline-success:before, .payment_method_cod label.btn-outline-success:before{
content: "";
position: absolute;
right: 3px;
top: 50%;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/png-mastercard.png);   
background-position: center;
background-size: cover;
width: 120px;
height: 48px;
display: block;
margin-top: -24px;
}
.payment_method_cod label.btn-outline-success:before{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/png-paypal.png);   	
width: 158px;
}
.cart-block__form_payments_item [class^="mcc-"] {
font-size: 35px;
}
.mcc_currency_icons {
position: absolute;
right: 3px;
}
.select-game__list{
position: absolute;
background: #1a1225;
left: 0;
z-index: 1;
padding: 10px 10px 20px 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
top: 48px;
display: none;	
border: 2px solid #443754;
}
.js_show{
display: flex;
}
.select_clicked img {
transform: rotate(180deg);
}
.select-game__list .select-game__item{
margin: 0;
padding: 10px 0px;
cursor: pointer;
width: 100%;
align-items: center;
justify-content: flex-start;
}
.select-game__list .select-game__item:hover{
background: #443754;
}
.hide_menu{
display: none;
}
.show_menu{
display: flex;
}
.about__content h1, .about__content h2, .about__content h3, .about__content h4, .about__content h5, .about__content h6 {
margin: 15px 0px;
}
.tc-cell.tc-col.tc-element-container ul{
flex-direction: column;
}
.tc-extra-product-options .tc-row .tc-container {
max-width: 85%;
}
.noui-horizontal .noui-tooltip {
background: #ffb602;
}
.noui-touch-area {
background: #ffb602;
border-radius: 14px;
}
.noui-connect {
background: #ffb602;
}
.tm-range-picker.pips {
margin-left: 0px;
}
.noui-handle:hover::before{
display: none !important;
}
.cart-block__total_coupon{
display: inline-flex;
justify-content: flex-end;
width: 100%;
padding: 20px 30px;
}
.cart-block__total_coupon .cart-block__total{
flex-direction: column;
align-items: flex-end;
}
.cart-block__total_coupon .order-total__item{
width: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
margin-bottom: 10px;
}
.woocommerce-remove-coupon{
font-size: 14px;
margin-left: 10px;
}
.woocommerce-info{
padding-left: 30px;
}
.woocommerce form.checkout_coupon{
border: 1px solid #443754;
}
.order-total__item_span .coupon-text{
padding-right: 10px;
}
#tidio-chat iframe{
bottom: 70px !important;
}
.about__content ul{
margin-left: 30px;
}
em{
margin: 15px 0px;
display: block;
}
.about__content h3{
border-bottom: 1px solid #ffb602;
max-width: max-content;
}
.about__content ol{
margin-left: 30px;
padding-left: 18px;
}
select option {
background-color: #1A1225;
font-weight: bold;
color: #fff;
}
select option::selection{
background-color: #FFB600;
color: #161616;
} .custom-select {
position: relative;
font-family: Arial;
}
.custom-select select {
display: none; }
.select-selected {
background-color: DodgerBlue;
} .select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
} .select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 7px;
} .select-items div,.select-selected {
color: #ffffff;
padding: 8px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
} .select-items {
position: absolute;
background-color: DodgerBlue;
top: 100%;
left: 0;
right: 0;
z-index: 99;
} .select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.test{
margin: 20px;
background: red;
padding: 10px;
z-index: 1000;
position: relative;
max-width: 100px;
}
body{
height: 100%;
width: 100%;
overflow: auto;
}/*/*/.go-top {
position: fixed;
bottom: 170px;
right: 36px;
padding: 0;
display: none;
cursor: pointer;
-webkit-font-smoothing: antialiased;
border-radius: 15px;
z-index: 1000000;
}
.go-top:after {
display: inline-block;
content: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/choose.svg);
background-color: #443754;
padding: 10px 15px;
color: #6a6e7c;
bottom: 10px;
font-size: 13px;
transform: rotate(180deg) !important;
transition: all .4s linear;
}
.go-top:hover:after  {
transition: all .4s linear;
background: #FFB600; 
}
.labels{
position: absolute;
top: 0;
z-index: 1;	
}
.labels>div{
background: #8F2323;
border-radius: 0px 13.7755px 13.7755px 0px;
padding: 7px 10px;
font-weight: 700;
font-size: 12px;
line-height: 100%;
text-transform: uppercase;
color: #EFEAF5;
margin-bottom: 3px;
}
.labels{
margin-top: 10px;	
}
.labels>div:nth-child(2){
background: #277926;
}
.labels>div:nth-child(3){
background: #f6931a;
}
.apple_google{
position: relative;
background: #000;
border-radius: 15px;
margin-bottom: 20px;
box-shadow: 0px 1px 10px #343433;
cursor: pointer;
}
.apple_google:before{
content: "";
display: block;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/apple_goole_pay.png);
width: 300px;
height: 48px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
left: 50%;
position: relative;
margin-left: -150px;
}
.apple_google:hover{
opacity: 0.8;
}
.payment_method_eh_stripe_checkout{
display: none;
}
.landing_banner .landing-block{
margin-top: 20px;	
}
.landing-block_description{
margin-top: 20px;
}
.cpf-type-radio ul{
display: inline-flex;
width: 100%;
}
.tm-extra-product-options .tm-element-ul-radio li.tc-active span, .tm-extra-product-options .tm-element-ul-radio .tc-active .tc-label-wrap{
color: #fff !important;	
}/**/    @media (min-width: 320px){
.container {
max-width: 314px;
}
}
@media (min-width: 768px){
.container {
max-width: 506px;
}
}
@media (min-width: 991px){
.container {
max-width: 740px;
}
}
@media (min-width: 1350px){
.container {
max-width: 1056px;
}
.why-us .col-lg-4{
flex: 0 0 auto;
width: 50%;
}
}
@media (min-width: 1620px){
.container {
max-width: 1248px;
}
}
@media (min-width: 1800px){
.container {
max-width: 1542px;
}
} @media (min-width: 768px){
}  @media (max-width: 1800px){
.header-search input[type=text] {
width: 302px;
}
.header-search__btn {
padding: 12px 40px;
}
.header-auth {
padding: 0px;
}
.header-auth__links {
display: flex;
flex-direction: column;
}
.header-auth__links span{
display: none;
}
.header-auth__profile {
margin-right: 7px;
}
.header-cart {
margin-left: 0;
}
.raid-item__top {
padding: 10px 20px;
}
.raid-item__timer {
font-size: 27px;
}
ul {
padding-left: 12px;
margin: 0;
}
.raid-item__content {
padding: 20px;
}
.raid-active.raid-item__top {
padding: 10px 10px;
}
.raid-item__desc-logo {
min-width: 36px;
height: 55px;
margin: 0;
}
.popular-item {
width: 19%;
}
.news-item {
width: 390px;
margin: 0 27px 0 0;
}
.news-item__content {
padding: 14px 20px 30px 20px;
text-align: left;
}
.accordion-button, .accordion-item:first-of-type .accordion-button {
padding: 30px;
padding-right: 150px;
}
.accordion-body {
padding: 0px 150px 38px 30px;
}
.process-block .process-item:nth-child(odd) {
margin-right: 15%;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.process-block .process-item:nth-child(even){
margin-left: 15%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.newsletter-right img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.newsletter-right {
max-width: 289px;
}
.newsletter-left {
max-width: 820px;
}
.footer__info {
margin-left: 0;
}
.footer__policy{
padding-right: 0;
}
.process-bar {
width: 87%;
}
.news-element-line .news-item__image {
max-width: 458px;
background-position: center;
}
.news-element-line .news-item__content {
padding: 24px 13px 30px 70px;
}
.product-item__price, .raid-item__price, .product-item__price bdi, .raid-item__price ins bdi {
font-size: 20px;
}
.product-item__price del bdi{
font-size: 14px;
}
.product-item .woocs_price_code {
min-height: 36px;
}
} @media (max-width: 1620px){
.header-search input[type=text] {
width: 252px;
}
.header-trustpilot-title{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.trustpilot-stars span:first-child:before{
margin-left: 0;
}
.trustpilot-stars {
margin-left: 0;
margin-top: 5px;
}
.header-trustpilot-raiting {
font-weight: 400;
font-size: 9.1623px;
line-height: 100%;
}
.header-soc__block a {
display: flex;
}
.header-currency__btn {
padding: 13px 10px;
min-width: 58px;
text-align: center;
}
.header-auth__links a {
font-size: 14px;
margin: 0;
line-height: 16px;
}
.banner .container:before {
width: 400px;
height: 375px;
top: -50px;
}
.banner-promo .btn-style-transparent {
justify-content: center;
min-width: 240px;
padding: 14px;
}
.landing-block__btn{
justify-content: center;
min-width: 240px;
padding: 14px;
}
.landing-block .hot-offers-block .product-item:last-child{
display: none;
}
.landing-block .grid-raids .col-lg-3:nth-child(4){
display: none;
}
.landing-block .product-item, .landing-block .grid-raids .col-lg-3{
width: 33.3%;
}
.popular-item__img {
max-width: 87px;
}
.popular-item__title {
font-size: 19px;
}
.trustpilot-slider__item {
padding: 21px;
}
.trustpilot-slider__item-top-data {
font-size: 14.2596px;
}
.trustpilot-slider__item-top-image div {
width: 42px;
height: 42px;
margin-right: 15px;
}
.trustpilot-slider__item-top-rating span {
height: 17px;
width: 17px;
}
.tns-outer {
padding: 0px 20px !important;
}
.news-item {
width: 502px;
}
.process-block .process-item {
max-width: 18%;
}
.newsletter-left {
max-width: 599px;
}
.newsletter-right {
max-width: 319px;
}
.footer__info {
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
max-width: 50%;
}
.footer__payment-metods {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.footer__menu.footer__policy {
max-width: 350px;
align-items: flex-start;
}
.footer__menu ul {
padding: 0;
}
.sidebar {
height: 100vh;
}
.sidebar__menu {
overflow-y: auto;
}
.cart-block__content .product-card__info_price {
width: 300px;
width: 400px;
}
.cart-block__content {
padding: 20px 30px;
}
.news-element-line .news-item__image {
max-width: 386px;
}
.news-element-line .news-item__content {
padding: 24px 13px 30px 66px;
}
.news-element-line .news-item__title{
max-width: 80%;
}
.news-element-line .news-item__desc {
max-width: 90%;
}
.banner-404 .container:before {
width: 300px;
height: 601px;
top: 150px;
}
} @media (max-width: 1350px){
.header-trustpilot{	
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: flex;
}
.header-search{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 0;
order: 5;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: flex;
margin-top: 20px;
}
.header-soc{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 0;
order: 6;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
flex-direction: row;
display: flex;
align-items: center;
margin-top: 20px;
}
.header-top{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header-soc__block {
margin-top: 0;
margin-left: 12px;
}
.header-search input[type=text] {
padding: 10px 100px 10px 16px;
}
input.header-search__btn {
height: 42px;
padding: 10px 40px;
}
.banner .container:before{
display: none;
}
.banner {
padding: 40px 0px 30px 0px;
}
.landing-block .product-item:last-child, .landing-block .grid-raids .col-lg-3:last-child{
display: block;
}
.landing-block .product-item, .landing-block .grid-raids .col-lg-3 {
width: 50%;
margin-bottom: 60px;
}
.hot-offers-block, .landing-block .grid-raids{
margin-bottom: -60px;
}
.why-us .col-lg-4 {
width: 50%;
}
.why-us__img img {
min-width: 55px;
width: 55px;
}
.why-us__desc {
font-size: 12px;
line-height: 140%;
}
.why-us__title {
font-size: 12px;
margin-bottom: 8px;
}
.popular-hidden{
display: block;
padding: 10px;
}
.popular {
flex-flow: wrap;
}
.popular-item {
width: 32%;
margin-bottom: 2%;
}
.popular-item .popular-item__title {
height: 100%;
margin: 0;
}
.trustpilot-block .landing-block__top {
flex-flow: wrap;
}
.trustpilot-block .landing-block__title {
width: 100%;
margin-bottom: 40px;
}
.trustpilot-block .trustpilot-stars {
margin-left: 0;
}
.trustpilot-block .landing-block__top .trustpilot-stars span:before {
width: 23px;
height: 23px;
}
.trustpilot-block .landing-block__top .trustpilot-stars span:first-child:before {
margin-left: 0px;
}
.trustpilot-block__reviews-count__rating {
font-size: 32px;
}
.trustpilot-block__reviews-count sub {
font-size: 10px;
}
.trustpilot-block__reviews-count__text {
font-size: 13px;
}
.news-item {
width: 344px;
}
.accordion-button, .accordion-item:first-of-type .accordion-button {
padding: 30px 85px 30px 12px;
}
.accordion-body {
padding: 0px 85px 38px 12px;
}
.process-block .process-item {
max-width: 18%;
display: flex;
padding-right: 15px;
margin-bottom: 60px;
}
.process-block .process-item:nth-child(odd) {
margin-right: 55%;
}
.process-block .process-item:nth-child(even) {
margin-left: 55%;
}
.process-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
margin-top: 4%;
height: 87%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.process-bar:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
height: 100%;
top: 0;
left: 50%;
border-left: 1px dashed #EFEAF5;
z-index: -1;
border-bottom: 0px;
}
.process-block .process-item {
max-width: 40%;
}
.process-bar:before{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
height: 100%;
top: 0;
left: 50%;
border-left: 1px dashed #EFEAF5;
z-index: -1;
}
.process-block .process-item:nth-child(even) {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
order: 0;
}
.process-block {
margin-bottom: -60px;
}
.newsletter-left {
max-width: 100%;
}
.newsletter-right{
display: none;
}
.footer__info ul{
flex-flow: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;	
}
.footer__info {
max-width: 40%;
}
.footer__menu.footer__policy ul{
flex-wrap: wrap;
max-width: 55%;
}
.footer__menu.footer__policy {
}
.footer__policy a {
padding-left: 0;
}
.footer__payment-metods{
max-width: 254px;
justify-content: flex-start;
}
.process-bar:before {
max-width: 50px;
}
.header-soc__block a:before {
margin-left: 12px;
}
.product-card__info {
max-width: 100%;
position: relative;
margin: 0;
top: 0;
}
.product-card {
flex-direction: column;
}
.form-switch {
max-width: 100%;
}
.landing-block__left {
width: 100%;
min-height: auto;
margin-bottom: 60px;
}
.product-card__info_top {
padding: 20px;
}
.banner-product .banner-title {
max-width: 100%;
}
.cart-block__content {
flex-direction: column;
}
.cart-block__content>div{
width: 100%;
margin-bottom: 20px;
}
.cart-block__content .product-card__info_price {
width: 100%;
}
.cart-block__form_payments_list {
flex-wrap: wrap;
}
.cart-block__form_payments_item {
width: 47%;
margin-bottom: 16px;
}
.cart-block__form_contacts .col-md-6{
width: 100%;
}
.news-elements{
display: inline-flex;
flex-flow: wrap;
justify-content: space-between;
}
.news-element-line {
flex-direction: column;
width: 48%;
}
.news-element-line .news-item__image {
max-width: 100%;
max-height: 174px;
}
.news-element-line .news-item__content {
padding: 20px;
}
.news-element-line .news-item__date {
margin-bottom: 25px;
text-align: left;
}
.news-element-line .news-item__title, .news-element-line .news-item__desc {
max-width: 100%;
}
.news-element-line .news-item__title {
font-size: 20px;
}
.news-item__desc {
font-size: 14px;
}
.banner-404 {
padding-top: 70px;
position: relative;
}
.page-404 {
font-size: 162.22px;
}
.banner-404 .container:before {
width: 185px;
height: 350px;
top: 45px;
right: 30px;
}
} @media (max-width: 991px){
.header-auth__links{
display: none;
}
.currency_eu{
font-size: 0;
}
.currency_eu span{
font-size: 14px;
}
.header-currency__btn {
padding: 13px 8px;
min-width: 42px;
text-align: center;
}
.header-auth__profile {
margin-right: 0;
}
.header-search input[type=text] {
padding: 5px 100px 4px 16px;
}
input.header-search__btn {
height: 31px;
width: 75px;
padding: 5px;
}
.header-soc__block {
width: auto;
}
.header-soc__block a:before {
width: 22px;
height: 22px;
}
.header-search, .header-soc {
margin-top: 14px;
}
.banner-title h1 {
margin-bottom: 40px;
}
.banner-promo {
margin-top: 72px;
}
.banner-promo {
align-items: flex-start;
margin-top: 72px;
max-width: 100%;
flex-direction: column;
}
.promo-logo {
margin-right: 20px;
}
.banner-promo__title, .banner-promo__time{
margin-bottom: 20px;	
}
.banner-promo .btn-style-transparent {
min-width: 265px;
}
.landing-block__btn {
min-width: 120px;
font-size: 12px;
text-align: center;
}
.product-item__price {
font-size: 16.7013px;
}
.product-item__price-old {
font-size: 11.1342px;
}
.product-item__btn {
font-size: 8.35064px;
padding: 10px;
}
.product-item__content {
margin-bottom: -10px;
}
.filters {
width: 100%;
flex-direction: column;
}
.filters .ui-group{
align-self: flex-start;
}
.filters .ui-group:first-child {
margin-right: 0;
margin-bottom: 20px;
} .trustpilot-slider__item-top-image div {
width: 28px;
height: 28px;
margin-right: 11px;
}
.trustpilot-slider__item-top-data {
font-size: 9.5447px;
}
.trustpilot-slider__item-top-rating span {
height: 11px;
width: 11px;
}
.trustpilot-slider__item {
padding: 21px 14px;
}
.trustpilot-slider__item-bottom {
max-height: 178px;
}
.news-item {
width: 234px;
}
.news-item__image {
height: 174px;
}
.news-item {
margin: 0 12px 0 0;
}
.news-item__title {
font-size: 11.6633px;
}
.news-item__date {
font-size: 7.46453px;
}
.news-item__desc {
font-size: 14px;
}
.footer__menu.footer__policy, .footer__menu.footer__payment-metods{
max-width: 50%;
}
.footer__menu.footer__policy ul {
max-width: 80%;
}
.wow {
opacity: 1 !important;
}
.cart-block__form_payments_item {
width: 46%;
}
.cart-block__form_title{
font-size: 14px;
}
.cart-block__total_line {
flex-direction: column;
align-items: flex-start;
}
.cart-block__total {
margin-top: 8px;
}
.contacts__soc-list a:before {
width: 69px;
height: 69px;
margin-left: 50px;
background-size: 69px;
}
.contacts__soc-list {
display: inline-flex;
width: 100%;
align-items: center;
justify-content: center;
}
.contacts__form .cart-block__form_line {
margin-bottom: 0;
}
.contacts__form .cart-block__form_line .col-lg-6{
margin-bottom: 16px;
}
.landing-block__top-support{
justify-content: center;	
}
.news-element-line .news-item__title {
min-height: 30px;
font-size: 12px;
}
.news-element-line .news-item__desc {
color: #EFEAF5;
}
.banner-title h1 {
min-height: auto;
}
.banner-page {
padding: 40px 0px 40px 0px;
}
.content-big, .content-big p {
font-size: 14px;
}
}
@media (max-width: 767px){
.mob_menu_btn, .mob__logo{
display: block;
}
.close_mob{
flex: none;
}
section.main {
padding-left: 0;
}
aside{
position: fixed;
right: 100%;
left: auto;
width: 100vw;
height: 100vh;
z-index: 101;
background-color: #0E0B12;
}
.sidebar__menu nav .navbar-nav {
width: 100%;
overflow-y: auto;
}
.sidebar {
height: 100vh;
}
.sidebar__menu {
width: 100%;
overflow-y: auto;
}
.mob__logo .logo img {
width: 59px;
}
.header-trustpilot{
display: none;
}
.header-currency__btn {
font-size: 8.75px;
}
.currency_eu {
font-size: 0;
}
.currency_eu span {
font-size: 8.75px;
}
.header-currency__btn {
padding: 8px 3px;
min-width: 25px;
}
.header-auth__profile {
width: 32px;
height: 32px;
}
.header-cart {
font-size: 9.25px;
padding: 5px
}
.header-cart__icon {
width: 18px;
height: 18px;
margin-right: 5px;
}
.header-cart__counter{
display: none;
}
.header-search input[type=text] {
padding: 3px 100px 2px 16px;
line-height: 14px;
}
.header-search{
width: 100%;
align-items: center;
display: none;
}
.header-search form {
max-width: 252px;
}
input.header-search__btn {
height: 24.5px;
}
.header-soc{
position: absolute;
right: 0;
}
header{
position: fixed;
top: 0;
width: 100%;
background-color: #0E0B12;
z-index: 1;
}
.header-top{ }
.header-soc{
flex-direction: column-reverse;
top: 110px;
position: absolute;
right: -25px;
background: #0E0B12;
padding: 8px;
border-radius: 10px 10px 0px 0px;
transform: rotate(270deg);
align-items: center;
margin: 0;
}
.header-soc__title {
font-size: 10.0926px;
margin-top: 6px;
text-align: cente
}
.header-soc__block{
margin-top: 0;
margin-left: 0;
}
.header-soc__block a:before{
margin-left: 0;
}
.header-soc__block a {
transform: rotate(90deg);
margin-left: 10px;
}
.header-soc__block a:first-child{
margin: 0;
}
.main{
margin-top: 54px;
}
.header-currency__btn, .currency-active {
border-radius: 8px;
}
.banner-title h1 {
margin-bottom: 30px;
font-size: 30px;
line-height: 100%;
}
.banner {
padding: 25px 0px 30px 0px;
}
.banner-title__link {
margin-top: 30px;
width: 100%;
content: center;
}
.banner-promo {
margin-top: 50px;
align-items: center;
}
.landing-block {
margin: 35px 0px;
}
.landing {
margin-top: 35px;
}
.landing-block__title {
font-size: 25px;
}
.landing-block__top .landing-block__btn{
display: none;
}
.landing-block .product-item, .landing-block .grid-raids .col-lg-3 {
width: 100%;
margin-bottom: 50px;
}
.product-item__btn {
padding: 15px 10px;
font-size: 10.5455px;
}
.filters button.button {
padding: 0px 15px;
min-width: 40px;
line-height: 25px;
font-size: 8.99957px;
}
.why-us-item {
padding: 0;
}
.why-us .col-lg-4 {
width: 100%;
}
.why-us__desc {
font-size: 8.29781px;
}
.why-us__content {
margin-left: 10px;
}
.why-us-item {
margin-bottom: 20px;
max-width: 250px;
}
.popular-item {
width: 48%;
margin-bottom: 4%;
}
.popular-item__title {
font-size: 14.4488px;
}
.trustpilot-block .landing-block__title {
width: 100%;
margin-bottom: 0;
}
.trustpilot-stars {
margin: 10px 0px;
}
.trustpilot-block__reviews-count {
border-left: 0px;
margin-left: 0;
padding-left: 0;
}
.landing-block__top {
margin-bottom: 50px;
}
.accordion-button, .accordion-item:first-of-type .accordion-button {
padding: 30px 50px 30px 8px;
font-size: 18px;
}
.accordion-body {
padding: 0px 50px 30px 8px;
font-size: 14px;
}
.accordion-button:not(.collapsed)::after , .accordion-button::after {
right: 15px;
}
.process-bar:before{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
height: 100%;
top: 0;
left: 50%;
border-left: 1px dashed #EFEAF5;
z-index: -1;
}
.process-bar {
width: 30px;
margin-top: 8%;
}
.process-block .process-item:nth-child(odd), .process-block .process-item:nth-child(even) {
margin-right: 0;
margin-left: 0;
width: 100%;
max-width: 100%;
padding: 0;
padding-left: 65px;
}
.newsletter-title {
font-size: 25px;
}
.newsletter form input{
max-width: 100%;	
}
.newsletter .wpcf7-submit {
width: 90px;
}
.footer-bottom {
flex-direction: column;
}
.footer__info {
max-width: 100%;
align-items: center;
}
.footer__info ul {
flex-flow: no-wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.footer__info {
max-width: 100%;
}
.footer__menu ul li {
margin: 7.5px 0px;
}
.footer__info{
margin-top: 30px;
}
.footer__payment-metods {
-ms-flex-order: 5;
order: 5;
}
.footer__menu.footer__policy, .footer__menu.footer__payment-metods {
max-width: 100%;
}
.footer__policy{
margin-top: 20px;
}
.footer__policy li:first-child:after{
display: none;
}
.footer__policy ul li {
margin: 3px 0px;
}
.footer__menu.footer__policy ul {
max-width: 100%;
justify-content: center;
}
.close_mob {
position: absolute;
margin-top: 4px;
}
.sidebar__logo {
margin-top: -10px;
}
.product-card__info_price>div {
padding: 10px;
}
.cart-block__product_item, .cart-block__center, .cart-block__content .product-card__info_price>div {
font-size: 8.91667px;
}
.cart-block__content__title{
font-size: 18px;	
}
.cart-block__form_payments_item {
width: 100%;
margin: 0px;
margin-bottom: 8px;
}
.cart-block__form_payments_list {
margin: 0;
}
.cart-block__form_payments_item {
max-width: 231px;
}
.cart-block__form_line .col-md-6{
padding-bottom: 8px;
}
.form-switches{
padding-top: 0;
}
.cart-block__form_line {
margin-bottom: 16px;
}
.cart-block__form_line .col-md-6 {
flex-direction: column;
align-items: flex-start;
}
.clear-switch label.form-check-label {
font-size: 10px;
}
.cart-block__form_line .form-switch {
margin-left: 0;
margin-top: 8px;
}
.contacts__soc-list a:before {
width: 50px;
height: 50px;
margin-left: 36px;
background-size: 50px;
}
.contacts__soc-list {
margin-bottom: 70px;
}
.landing-block__title-min {
font-size: 25px;
}
.news-element-line {
margin-bottom: 40px;
width: 100%;
}
.banner-404 .container:before {
width: 140px;
height: 245px;
} }
@media (max-width: 576px){
.tehnic .col-lg-4, .tehnic .col-lg-20, .tehnic .col-lg-3 {
border-right: 1px solid #cdcdcd;
}
.map-info {
background: #fff;
border: 1px solid #F1F1F1;
box-sizing: border-box;
box-shadow: 0px 20px 30px rgba(44, 81, 123, 0.05);
color: #333;
opacity: 0;
display: block;
padding: 15px 10px;
position: absolute;
bottom: 0;
top:auto;
width:100%;
}
.map-wrap {
display: -webkit-box;
padding-top: 130px;
}
.card-block-tabs .nav-item {
font-size: 14px;
padding: 8px;
}
.catalog-brands .col-lg-2 {
line-height: 50px;
padding: 5px;
}
.catalog-brands .nav-tabs .nav-item {
border-right: 0;
}
.banner-404 .container:before {
width: 115px;
height: 200px;
top: 45px;
right: 0px;
}
.page-404 {
font-size: 97px;
}
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
@font-face {
font-family: ProximaNova;
src: url(//boomboost.co/wp-content/themes/boom-boost-purple/fonts/ProximaNova/ProximaNova-Light.woff) format("woff"),url(//boomboost.co/wp-content/themes/boom-boost-purple/fonts/ProximaNova/ProximaNova-Light.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: ProximaNova;
src: url(//boomboost.co/wp-content/themes/boom-boost-purple/fonts/ProximaNova/ProximaNova-Regular.woff) format("woff"),url(//boomboost.co/wp-content/themes/boom-boost-purple/fonts/ProximaNova/ProximaNova-Regular.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: ProximaNova;
src: url(//boomboost.co/wp-content/themes/boom-boost-purple/fonts/ProximaNova/ProximaNova-Semibold.woff) format("woff"),url(//boomboost.co/wp-content/themes/boom-boost-purple/fonts/ProximaNova/ProximaNova-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap
}
@font-face {
font-family: ProximaNova;
src: url(//boomboost.co/wp-content/themes/boom-boost-purple/fonts/ProximaNova/ProximaNova-Bold.woff) format("woff"),url(//boomboost.co/wp-content/themes/boom-boost-purple/fonts/ProximaNova/ProximaNova-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: ProximaNova;
src: url(//boomboost.co/wp-content/themes/boom-boost-purple/fonts/ProximaNova/ProximaNova-Extrabld.woff) format("woff"),url(//boomboost.co/wp-content/themes/boom-boost-purple/fonts/ProximaNova/ProximaNova-Extrabld.ttf) format("truetype");
font-weight: 800;
font-style: normal;
font-display: swap
}
.bg_purple {
background: #7a59ff
}
.color_purple {
color: #7a59ff
}
.padding-0 {
padding-top: 0
}
.margin-top-0 {
margin-top: 0
}
.margin-bottom-0 {
margin-bottom: 0
}
.padding-top-0 {
padding-bottom: 0
}
.padding-bottom-0 {
padding-bottom: 0
}
*,
::after,
::before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior: smooth
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: .25
}
hr:not([size]) {
height: 1px
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
h1 {
font-size: calc(1.375rem + 1.5vw)
}
@media (min-width:1200px) {
h1 {
font-size: 2.5rem
}
}
h2 {
font-size: calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
h2 {
font-size: 2rem
}
}
h3 {
font-size: calc(1.3rem + .6vw)
}
@media (min-width:1200px) {
h3 {
font-size: 1.75rem
}
}
h4 {
font-size: calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
h4 {
font-size: 1.5rem
}
}
h5 {
font-size: 1.25rem
}
h6 {
font-size: 1rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-bs-original-title],
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol,
ul {
padding-left: 2rem
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small {
font-size: .875em
}
mark {
padding: .2em;
background-color: #fcf8e3
}
sub,
sup {
position: relative;
font-size: .75em;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #0d6efd;
text-decoration: underline
}
a:hover {
color: #0a58ca
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code,
kbd,
pre,
samp {
font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-size: 1em;
direction: ltr;
unicode-bidi: bidi-override
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: .875em
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
code {
font-size: .875em;
color: #d63384;
word-wrap: break-word
}
a > code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: .875em;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700
}
figure {
margin: 0 0 1rem
}
img,
svg {
vertical-align: middle
}
table {
caption-side: bottom;
border-collapse: collapse
}
caption {
padding-top: .5rem;
padding-bottom: .5rem;
color: #6c757d;
text-align: left
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
tbody,
td,
tfoot,
th,
thead,
tr {
border-color: inherit;
border-style: solid;
border-width: 0
}
label {
display: inline-block
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
select:disabled {
opacity: 1
}
[list]::-webkit-calendar-picker-indicator {
display: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
::-moz-focus-inner {
padding: 0;
border-style: none
}
textarea {
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: calc(1.275rem + .3vw);
line-height: inherit
}
@media (min-width:1200px) {
legend {
font-size: 1.5rem
}
}
legend + * {
clear: left
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
padding: 0
}
::-webkit-inner-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
padding: 0
}
::-webkit-file-upload-button {
font: inherit
}
::file-selector-button {
font: inherit
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
iframe {
border: 0
}
summary {
display: list-item;
cursor: pointer
}
progress {
vertical-align: baseline
}
[hidden] {
display: none!important
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 100%;
padding-right: var(--bs-gutter-x,15px);
padding-left: var(--bs-gutter-x,15px);
margin-right: auto;
margin-left: auto
}
@media (min-width:480px) {
.container,
.container-sm {
max-width: 480px
}
}
@media (min-width:768px) {
.container,
.container-md,
.container-sm {
max-width: 768px
}
}
@media (min-width:992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 992px
}
}
@media (min-width:1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px
}
}
.row {
--bs-gutter-x: 30px;
--bs-gutter-y: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5)
}
.row > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y)
}
.col {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%
}
.row-cols-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.row-cols-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row-cols-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.row-cols-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.row-cols-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%
}
.row-cols-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.33333333%
}
.offset-2 {
margin-left: 16.66666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333333%
}
.offset-5 {
margin-left: 41.66666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333333%
}
.offset-8 {
margin-left: 66.66666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333333%
}
.offset-11 {
margin-left: 91.66666667%
}
.g-0,
.gx-0 {
--bs-gutter-x: 0
}
.g-0,
.gy-0 {
--bs-gutter-y: 0
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem
}
@media (min-width:480px) {
.col-sm {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%
}
.row-cols-sm-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.row-cols-sm-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row-cols-sm-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.row-cols-sm-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-sm-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.row-cols-sm-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%
}
.row-cols-sm-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333333%
}
.offset-sm-2 {
margin-left: 16.66666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333333%
}
.offset-sm-5 {
margin-left: 41.66666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333333%
}
.offset-sm-8 {
margin-left: 66.66666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333333%
}
.offset-sm-11 {
margin-left: 91.66666667%
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:768px) {
.col-md {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%
}
.row-cols-md-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.row-cols-md-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row-cols-md-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.row-cols-md-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-md-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.row-cols-md-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%
}
.row-cols-md-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333333%
}
.offset-md-2 {
margin-left: 16.66666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333333%
}
.offset-md-5 {
margin-left: 41.66666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333333%
}
.offset-md-8 {
margin-left: 66.66666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333333%
}
.offset-md-11 {
margin-left: 91.66666667%
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:992px) {
.col-lg {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%
}
.row-cols-lg-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.row-cols-lg-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row-cols-lg-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.row-cols-lg-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-lg-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.row-cols-lg-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%
}
.row-cols-lg-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333333%
}
.offset-lg-2 {
margin-left: 16.66666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333333%
}
.offset-lg-5 {
margin-left: 41.66666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333333%
}
.offset-lg-8 {
margin-left: 66.66666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333333%
}
.offset-lg-11 {
margin-left: 91.66666667%
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:1200px) {
.col-xl {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%
}
.row-cols-xl-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.row-cols-xl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row-cols-xl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.row-cols-xl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.row-cols-xl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%
}
.row-cols-xl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333333%
}
.offset-xl-2 {
margin-left: 16.66666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333333%
}
.offset-xl-5 {
margin-left: 41.66666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333333%
}
.offset-xl-8 {
margin-left: 66.66666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333333%
}
.offset-xl-11 {
margin-left: 91.66666667%
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem
}
}
.d-inline {
display: inline!important
}
.d-inline-block {
display: inline-block!important
}
.d-block {
display: block!important
}
.d-grid {
display: grid!important
}
.d-table {
display: table!important
}
.d-table-row {
display: table-row!important
}
.d-table-cell {
display: table-cell!important
}
.d-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
.d-none {
display: none!important
}
.flex-fill {
-webkit-box-flex: 1!important;
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.benefits .title,
.benefits__item,
.flex-column,
.tutorial .title {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-grow-0 {
-webkit-box-flex: 0!important;
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-grow-1 {
-webkit-box-flex: 1!important;
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.justify-content-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.justify-content-evenly {
-webkit-box-pack: space-evenly!important;
-ms-flex-pack: space-evenly!important;
justify-content: space-evenly!important
}
.align-items-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-stretch {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
.order-first {
-webkit-box-ordinal-group: 0!important;
-ms-flex-order: -1!important;
order: -1!important
}
.order-0 {
-webkit-box-ordinal-group: 1!important;
-ms-flex-order: 0!important;
order: 0!important
}
.order-1 {
-webkit-box-ordinal-group: 2!important;
-ms-flex-order: 1!important;
order: 1!important
}
.order-2 {
-webkit-box-ordinal-group: 3!important;
-ms-flex-order: 2!important;
order: 2!important
}
.order-3 {
-webkit-box-ordinal-group: 4!important;
-ms-flex-order: 3!important;
order: 3!important
}
.order-4 {
-webkit-box-ordinal-group: 5!important;
-ms-flex-order: 4!important;
order: 4!important
}
.order-5 {
-webkit-box-ordinal-group: 6!important;
-ms-flex-order: 5!important;
order: 5!important
}
.order-last {
-webkit-box-ordinal-group: 7!important;
-ms-flex-order: 6!important;
order: 6!important
}
.m-0 {
margin: 0!important
}
.m-1 {
margin: .25rem!important
}
.m-2 {
margin: .5rem!important
}
.m-3 {
margin: 1rem!important
}
.m-4 {
margin: 1.5rem!important
}
.m-5 {
margin: 3rem!important
}
.m-auto {
margin: auto!important
}
.mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-1 {
margin-right: .25rem!important;
margin-left: .25rem!important
}
.mx-2 {
margin-right: .5rem!important;
margin-left: .5rem!important
}
.mx-3 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.mx-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.mx-5 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.my-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-0 {
margin-top: 0!important
}
.mt-1 {
margin-top: .25rem!important
}
.mt-2 {
margin-top: .5rem!important
}
.mt-3 {
margin-top: 1rem!important
}
.mt-4 {
margin-top: 1.5rem!important
}
.mt-5 {
margin-top: 3rem!important
}
.mt-auto {
margin-top: auto!important
}
.me-0 {
margin-right: 0!important
}
.me-1 {
margin-right: .25rem!important
}
.me-2 {
margin-right: .5rem!important
}
.me-3 {
margin-right: 1rem!important
}
.me-4 {
margin-right: 1.5rem!important
}
.me-5 {
margin-right: 3rem!important
}
.me-auto {
margin-right: auto!important
}
.mb-0 {
margin-bottom: 0!important
}
.mb-1 {
margin-bottom: .25rem!important
}
.mb-2 {
margin-bottom: .5rem!important
}
.mb-3 {
margin-bottom: 1rem!important
}
.mb-4 {
margin-bottom: 1.5rem!important
}
.mb-5 {
margin-bottom: 3rem!important
}
.mb-auto {
margin-bottom: auto!important
}
.ms-0 {
margin-left: 0!important
}
.ms-1 {
margin-left: .25rem!important
}
.ms-2 {
margin-left: .5rem!important
}
.ms-3 {
margin-left: 1rem!important
}
.ms-4 {
margin-left: 1.5rem!important
}
.ms-5 {
margin-left: 3rem!important
}
.ms-auto {
margin-left: auto!important
}
.p-0 {
padding: 0!important
}
.p-1 {
padding: .25rem!important
}
.p-2 {
padding: .5rem!important
}
.p-3 {
padding: 1rem!important
}
.p-4 {
padding: 1.5rem!important
}
.p-5 {
padding: 3rem!important
}
.px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.px-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.px-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.px-5 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.py-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.py-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pt-0 {
padding-top: 0!important
}
.pt-1 {
padding-top: .25rem!important
}
.pt-2 {
padding-top: .5rem!important
}
.pt-3 {
padding-top: 1rem!important
}
.pt-4 {
padding-top: 1.5rem!important
}
.pt-5 {
padding-top: 3rem!important
}
.pe-0 {
padding-right: 0!important
}
.pe-1 {
padding-right: .25rem!important
}
.pe-2 {
padding-right: .5rem!important
}
.pe-3 {
padding-right: 1rem!important
}
.pe-4 {
padding-right: 1.5rem!important
}
.pe-5 {
padding-right: 3rem!important
}
.pb-0 {
padding-bottom: 0!important
}
.pb-1 {
padding-bottom: .25rem!important
}
.pb-2 {
padding-bottom: .5rem!important
}
.pb-3 {
padding-bottom: 1rem!important
}
.pb-4 {
padding-bottom: 1.5rem!important
}
.pb-5 {
padding-bottom: 3rem!important
}
.ps-0 {
padding-left: 0!important
}
.ps-1 {
padding-left: .25rem!important
}
.ps-2 {
padding-left: .5rem!important
}
.ps-3 {
padding-left: 1rem!important
}
.ps-4 {
padding-left: 1.5rem!important
}
.ps-5 {
padding-left: 3rem!important
}
@media (min-width:480px) {
.d-sm-inline {
display: inline!important
}
.d-sm-inline-block {
display: inline-block!important
}
.d-sm-block {
display: block!important
}
.d-sm-grid {
display: grid!important
}
.d-sm-table {
display: table!important
}
.d-sm-table-row {
display: table-row!important
}
.d-sm-table-cell {
display: table-cell!important
}
.d-sm-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-sm-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
.d-sm-none {
display: none!important
}
.flex-sm-fill {
-webkit-box-flex: 1!important;
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-sm-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-sm-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-sm-grow-0 {
-webkit-box-flex: 0!important;
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-sm-grow-1 {
-webkit-box-flex: 1!important;
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.justify-content-sm-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-sm-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-sm-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-sm-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-sm-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.justify-content-sm-evenly {
-webkit-box-pack: space-evenly!important;
-ms-flex-pack: space-evenly!important;
justify-content: space-evenly!important
}
.align-items-sm-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-sm-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-sm-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-sm-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-sm-stretch {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-sm-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-sm-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-sm-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-sm-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-sm-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-sm-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-sm-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-sm-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
.order-sm-first {
-webkit-box-ordinal-group: 0!important;
-ms-flex-order: -1!important;
order: -1!important
}
.order-sm-0 {
-webkit-box-ordinal-group: 1!important;
-ms-flex-order: 0!important;
order: 0!important
}
.order-sm-1 {
-webkit-box-ordinal-group: 2!important;
-ms-flex-order: 1!important;
order: 1!important
}
.order-sm-2 {
-webkit-box-ordinal-group: 3!important;
-ms-flex-order: 2!important;
order: 2!important
}
.order-sm-3 {
-webkit-box-ordinal-group: 4!important;
-ms-flex-order: 3!important;
order: 3!important
}
.order-sm-4 {
-webkit-box-ordinal-group: 5!important;
-ms-flex-order: 4!important;
order: 4!important
}
.order-sm-5 {
-webkit-box-ordinal-group: 6!important;
-ms-flex-order: 5!important;
order: 5!important
}
.order-sm-last {
-webkit-box-ordinal-group: 7!important;
-ms-flex-order: 6!important;
order: 6!important
}
.m-sm-0 {
margin: 0!important
}
.m-sm-1 {
margin: .25rem!important
}
.m-sm-2 {
margin: .5rem!important
}
.m-sm-3 {
margin: 1rem!important
}
.m-sm-4 {
margin: 1.5rem!important
}
.m-sm-5 {
margin: 3rem!important
}
.m-sm-auto {
margin: auto!important
}
.mx-sm-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-sm-1 {
margin-right: .25rem!important;
margin-left: .25rem!important
}
.mx-sm-2 {
margin-right: .5rem!important;
margin-left: .5rem!important
}
.mx-sm-3 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.mx-sm-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.mx-sm-5 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.mx-sm-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-sm-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-sm-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.my-sm-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-sm-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-sm-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-sm-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-sm-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-sm-0 {
margin-top: 0!important
}
.mt-sm-1 {
margin-top: .25rem!important
}
.mt-sm-2 {
margin-top: .5rem!important
}
.mt-sm-3 {
margin-top: 1rem!important
}
.mt-sm-4 {
margin-top: 1.5rem!important
}
.mt-sm-5 {
margin-top: 3rem!important
}
.mt-sm-auto {
margin-top: auto!important
}
.me-sm-0 {
margin-right: 0!important
}
.me-sm-1 {
margin-right: .25rem!important
}
.me-sm-2 {
margin-right: .5rem!important
}
.me-sm-3 {
margin-right: 1rem!important
}
.me-sm-4 {
margin-right: 1.5rem!important
}
.me-sm-5 {
margin-right: 3rem!important
}
.me-sm-auto {
margin-right: auto!important
}
.mb-sm-0 {
margin-bottom: 0!important
}
.mb-sm-1 {
margin-bottom: .25rem!important
}
.mb-sm-2 {
margin-bottom: .5rem!important
}
.mb-sm-3 {
margin-bottom: 1rem!important
}
.mb-sm-4 {
margin-bottom: 1.5rem!important
}
.mb-sm-5 {
margin-bottom: 3rem!important
}
.mb-sm-auto {
margin-bottom: auto!important
}
.ms-sm-0 {
margin-left: 0!important
}
.ms-sm-1 {
margin-left: .25rem!important
}
.ms-sm-2 {
margin-left: .5rem!important
}
.ms-sm-3 {
margin-left: 1rem!important
}
.ms-sm-4 {
margin-left: 1.5rem!important
}
.ms-sm-5 {
margin-left: 3rem!important
}
.ms-sm-auto {
margin-left: auto!important
}
.p-sm-0 {
padding: 0!important
}
.p-sm-1 {
padding: .25rem!important
}
.p-sm-2 {
padding: .5rem!important
}
.p-sm-3 {
padding: 1rem!important
}
.p-sm-4 {
padding: 1.5rem!important
}
.p-sm-5 {
padding: 3rem!important
}
.px-sm-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-sm-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-sm-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.px-sm-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.px-sm-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.px-sm-5 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.py-sm-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-sm-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.py-sm-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-sm-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-sm-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.py-sm-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pt-sm-0 {
padding-top: 0!important
}
.pt-sm-1 {
padding-top: .25rem!important
}
.pt-sm-2 {
padding-top: .5rem!important
}
.pt-sm-3 {
padding-top: 1rem!important
}
.pt-sm-4 {
padding-top: 1.5rem!important
}
.pt-sm-5 {
padding-top: 3rem!important
}
.pe-sm-0 {
padding-right: 0!important
}
.pe-sm-1 {
padding-right: .25rem!important
}
.pe-sm-2 {
padding-right: .5rem!important
}
.pe-sm-3 {
padding-right: 1rem!important
}
.pe-sm-4 {
padding-right: 1.5rem!important
}
.pe-sm-5 {
padding-right: 3rem!important
}
.pb-sm-0 {
padding-bottom: 0!important
}
.pb-sm-1 {
padding-bottom: .25rem!important
}
.pb-sm-2 {
padding-bottom: .5rem!important
}
.pb-sm-3 {
padding-bottom: 1rem!important
}
.pb-sm-4 {
padding-bottom: 1.5rem!important
}
.pb-sm-5 {
padding-bottom: 3rem!important
}
.ps-sm-0 {
padding-left: 0!important
}
.ps-sm-1 {
padding-left: .25rem!important
}
.ps-sm-2 {
padding-left: .5rem!important
}
.ps-sm-3 {
padding-left: 1rem!important
}
.ps-sm-4 {
padding-left: 1.5rem!important
}
.ps-sm-5 {
padding-left: 3rem!important
}
}
@media (min-width:768px) {
.d-md-inline {
display: inline!important
}
.d-md-inline-block {
display: inline-block!important
}
.d-md-block {
display: block!important
}
.d-md-grid {
display: grid!important
}
.d-md-table {
display: table!important
}
.d-md-table-row {
display: table-row!important
}
.d-md-table-cell {
display: table-cell!important
}
.d-md-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-md-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
.d-md-none {
display: none!important
}
.flex-md-fill {
-webkit-box-flex: 1!important;
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-md-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-md-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-md-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-md-grow-0 {
-webkit-box-flex: 0!important;
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-md-grow-1 {
-webkit-box-flex: 1!important;
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-md-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-md-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.flex-md-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.justify-content-md-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-md-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-md-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-md-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-md-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.justify-content-md-evenly {
-webkit-box-pack: space-evenly!important;
-ms-flex-pack: space-evenly!important;
justify-content: space-evenly!important
}
.align-items-md-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-md-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-md-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-md-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-md-stretch {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-md-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-md-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-md-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-md-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-md-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-md-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-md-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-md-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-md-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-md-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-md-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
.order-md-first {
-webkit-box-ordinal-group: 0!important;
-ms-flex-order: -1!important;
order: -1!important
}
.order-md-0 {
-webkit-box-ordinal-group: 1!important;
-ms-flex-order: 0!important;
order: 0!important
}
.order-md-1 {
-webkit-box-ordinal-group: 2!important;
-ms-flex-order: 1!important;
order: 1!important
}
.order-md-2 {
-webkit-box-ordinal-group: 3!important;
-ms-flex-order: 2!important;
order: 2!important
}
.order-md-3 {
-webkit-box-ordinal-group: 4!important;
-ms-flex-order: 3!important;
order: 3!important
}
.order-md-4 {
-webkit-box-ordinal-group: 5!important;
-ms-flex-order: 4!important;
order: 4!important
}
.order-md-5 {
-webkit-box-ordinal-group: 6!important;
-ms-flex-order: 5!important;
order: 5!important
}
.order-md-last {
-webkit-box-ordinal-group: 7!important;
-ms-flex-order: 6!important;
order: 6!important
}
.m-md-0 {
margin: 0!important
}
.m-md-1 {
margin: .25rem!important
}
.m-md-2 {
margin: .5rem!important
}
.m-md-3 {
margin: 1rem!important
}
.m-md-4 {
margin: 1.5rem!important
}
.m-md-5 {
margin: 3rem!important
}
.m-md-auto {
margin: auto!important
}
.mx-md-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-md-1 {
margin-right: .25rem!important;
margin-left: .25rem!important
}
.mx-md-2 {
margin-right: .5rem!important;
margin-left: .5rem!important
}
.mx-md-3 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.mx-md-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.mx-md-5 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.mx-md-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-md-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-md-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.my-md-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-md-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-md-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-md-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-md-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-md-0 {
margin-top: 0!important
}
.mt-md-1 {
margin-top: .25rem!important
}
.mt-md-2 {
margin-top: .5rem!important
}
.mt-md-3 {
margin-top: 1rem!important
}
.mt-md-4 {
margin-top: 1.5rem!important
}
.mt-md-5 {
margin-top: 3rem!important
}
.mt-md-auto {
margin-top: auto!important
}
.me-md-0 {
margin-right: 0!important
}
.me-md-1 {
margin-right: .25rem!important
}
.me-md-2 {
margin-right: .5rem!important
}
.me-md-3 {
margin-right: 1rem!important
}
.me-md-4 {
margin-right: 1.5rem!important
}
.me-md-5 {
margin-right: 3rem!important
}
.me-md-auto {
margin-right: auto!important
}
.mb-md-0 {
margin-bottom: 0!important
}
.mb-md-1 {
margin-bottom: .25rem!important
}
.mb-md-2 {
margin-bottom: .5rem!important
}
.mb-md-3 {
margin-bottom: 1rem!important
}
.mb-md-4 {
margin-bottom: 1.5rem!important
}
.mb-md-5 {
margin-bottom: 3rem!important
}
.mb-md-auto {
margin-bottom: auto!important
}
.ms-md-0 {
margin-left: 0!important
}
.ms-md-1 {
margin-left: .25rem!important
}
.ms-md-2 {
margin-left: .5rem!important
}
.ms-md-3 {
margin-left: 1rem!important
}
.ms-md-4 {
margin-left: 1.5rem!important
}
.ms-md-5 {
margin-left: 3rem!important
}
.ms-md-auto {
margin-left: auto!important
}
.p-md-0 {
padding: 0!important
}
.p-md-1 {
padding: .25rem!important
}
.p-md-2 {
padding: .5rem!important
}
.p-md-3 {
padding: 1rem!important
}
.p-md-4 {
padding: 1.5rem!important
}
.p-md-5 {
padding: 3rem!important
}
.px-md-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-md-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-md-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.px-md-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.px-md-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.px-md-5 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.py-md-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-md-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.py-md-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-md-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-md-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.py-md-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pt-md-0 {
padding-top: 0!important
}
.pt-md-1 {
padding-top: .25rem!important
}
.pt-md-2 {
padding-top: .5rem!important
}
.pt-md-3 {
padding-top: 1rem!important
}
.pt-md-4 {
padding-top: 1.5rem!important
}
.pt-md-5 {
padding-top: 3rem!important
}
.pe-md-0 {
padding-right: 0!important
}
.pe-md-1 {
padding-right: .25rem!important
}
.pe-md-2 {
padding-right: .5rem!important
}
.pe-md-3 {
padding-right: 1rem!important
}
.pe-md-4 {
padding-right: 1.5rem!important
}
.pe-md-5 {
padding-right: 3rem!important
}
.pb-md-0 {
padding-bottom: 0!important
}
.pb-md-1 {
padding-bottom: .25rem!important
}
.pb-md-2 {
padding-bottom: .5rem!important
}
.pb-md-3 {
padding-bottom: 1rem!important
}
.pb-md-4 {
padding-bottom: 1.5rem!important
}
.pb-md-5 {
padding-bottom: 3rem!important
}
.ps-md-0 {
padding-left: 0!important
}
.ps-md-1 {
padding-left: .25rem!important
}
.ps-md-2 {
padding-left: .5rem!important
}
.ps-md-3 {
padding-left: 1rem!important
}
.ps-md-4 {
padding-left: 1.5rem!important
}
.ps-md-5 {
padding-left: 3rem!important
}
}
@media (min-width:992px) {
.d-lg-inline {
display: inline!important
}
.d-lg-inline-block {
display: inline-block!important
}
.d-lg-block {
display: block!important
}
.d-lg-grid {
display: grid!important
}
.d-lg-table {
display: table!important
}
.d-lg-table-row {
display: table-row!important
}
.d-lg-table-cell {
display: table-cell!important
}
.d-lg-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-lg-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
.d-lg-none {
display: none!important
}
.flex-lg-fill {
-webkit-box-flex: 1!important;
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-lg-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-lg-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-lg-grow-0 {
-webkit-box-flex: 0!important;
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-lg-grow-1 {
-webkit-box-flex: 1!important;
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.justify-content-lg-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-lg-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-lg-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-lg-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-lg-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.justify-content-lg-evenly {
-webkit-box-pack: space-evenly!important;
-ms-flex-pack: space-evenly!important;
justify-content: space-evenly!important
}
.align-items-lg-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-lg-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-lg-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-lg-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-lg-stretch {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-lg-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-lg-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-lg-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-lg-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-lg-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-lg-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-lg-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-lg-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
.order-lg-first {
-webkit-box-ordinal-group: 0!important;
-ms-flex-order: -1!important;
order: -1!important
}
.order-lg-0 {
-webkit-box-ordinal-group: 1!important;
-ms-flex-order: 0!important;
order: 0!important
}
.order-lg-1 {
-webkit-box-ordinal-group: 2!important;
-ms-flex-order: 1!important;
order: 1!important
}
.order-lg-2 {
-webkit-box-ordinal-group: 3!important;
-ms-flex-order: 2!important;
order: 2!important
}
.order-lg-3 {
-webkit-box-ordinal-group: 4!important;
-ms-flex-order: 3!important;
order: 3!important
}
.order-lg-4 {
-webkit-box-ordinal-group: 5!important;
-ms-flex-order: 4!important;
order: 4!important
}
.order-lg-5 {
-webkit-box-ordinal-group: 6!important;
-ms-flex-order: 5!important;
order: 5!important
}
.order-lg-last {
-webkit-box-ordinal-group: 7!important;
-ms-flex-order: 6!important;
order: 6!important
}
.m-lg-0 {
margin: 0!important
}
.m-lg-1 {
margin: .25rem!important
}
.m-lg-2 {
margin: .5rem!important
}
.m-lg-3 {
margin: 1rem!important
}
.m-lg-4 {
margin: 1.5rem!important
}
.m-lg-5 {
margin: 3rem!important
}
.m-lg-auto {
margin: auto!important
}
.mx-lg-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-lg-1 {
margin-right: .25rem!important;
margin-left: .25rem!important
}
.mx-lg-2 {
margin-right: .5rem!important;
margin-left: .5rem!important
}
.mx-lg-3 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.mx-lg-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.mx-lg-5 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.mx-lg-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-lg-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-lg-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.my-lg-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-lg-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-lg-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-lg-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-lg-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-lg-0 {
margin-top: 0!important
}
.mt-lg-1 {
margin-top: .25rem!important
}
.mt-lg-2 {
margin-top: .5rem!important
}
.mt-lg-3 {
margin-top: 1rem!important
}
.mt-lg-4 {
margin-top: 1.5rem!important
}
.mt-lg-5 {
margin-top: 3rem!important
}
.mt-lg-auto {
margin-top: auto!important
}
.me-lg-0 {
margin-right: 0!important
}
.me-lg-1 {
margin-right: .25rem!important
}
.me-lg-2 {
margin-right: .5rem!important
}
.me-lg-3 {
margin-right: 1rem!important
}
.me-lg-4 {
margin-right: 1.5rem!important
}
.me-lg-5 {
margin-right: 3rem!important
}
.me-lg-auto {
margin-right: auto!important
}
.mb-lg-0 {
margin-bottom: 0!important
}
.mb-lg-1 {
margin-bottom: .25rem!important
}
.mb-lg-2 {
margin-bottom: .5rem!important
}
.mb-lg-3 {
margin-bottom: 1rem!important
}
.mb-lg-4 {
margin-bottom: 1.5rem!important
}
.mb-lg-5 {
margin-bottom: 3rem!important
}
.mb-lg-auto {
margin-bottom: auto!important
}
.ms-lg-0 {
margin-left: 0!important
}
.ms-lg-1 {
margin-left: .25rem!important
}
.ms-lg-2 {
margin-left: .5rem!important
}
.ms-lg-3 {
margin-left: 1rem!important
}
.ms-lg-4 {
margin-left: 1.5rem!important
}
.ms-lg-5 {
margin-left: 3rem!important
}
.ms-lg-auto {
margin-left: auto!important
}
.p-lg-0 {
padding: 0!important
}
.p-lg-1 {
padding: .25rem!important
}
.p-lg-2 {
padding: .5rem!important
}
.p-lg-3 {
padding: 1rem!important
}
.p-lg-4 {
padding: 1.5rem!important
}
.p-lg-5 {
padding: 3rem!important
}
.px-lg-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-lg-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-lg-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.px-lg-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.px-lg-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.px-lg-5 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.py-lg-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-lg-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.py-lg-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-lg-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-lg-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.py-lg-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pt-lg-0 {
padding-top: 0!important
}
.pt-lg-1 {
padding-top: .25rem!important
}
.pt-lg-2 {
padding-top: .5rem!important
}
.pt-lg-3 {
padding-top: 1rem!important
}
.pt-lg-4 {
padding-top: 1.5rem!important
}
.pt-lg-5 {
padding-top: 3rem!important
}
.pe-lg-0 {
padding-right: 0!important
}
.pe-lg-1 {
padding-right: .25rem!important
}
.pe-lg-2 {
padding-right: .5rem!important
}
.pe-lg-3 {
padding-right: 1rem!important
}
.pe-lg-4 {
padding-right: 1.5rem!important
}
.pe-lg-5 {
padding-right: 3rem!important
}
.pb-lg-0 {
padding-bottom: 0!important
}
.pb-lg-1 {
padding-bottom: .25rem!important
}
.pb-lg-2 {
padding-bottom: .5rem!important
}
.pb-lg-3 {
padding-bottom: 1rem!important
}
.pb-lg-4 {
padding-bottom: 1.5rem!important
}
.pb-lg-5 {
padding-bottom: 3rem!important
}
.ps-lg-0 {
padding-left: 0!important
}
.ps-lg-1 {
padding-left: .25rem!important
}
.ps-lg-2 {
padding-left: .5rem!important
}
.ps-lg-3 {
padding-left: 1rem!important
}
.ps-lg-4 {
padding-left: 1.5rem!important
}
.ps-lg-5 {
padding-left: 3rem!important
}
}
@media (min-width:1200px) {
.d-xl-inline {
display: inline!important
}
.d-xl-inline-block {
display: inline-block!important
}
.d-xl-block {
display: block!important
}
.d-xl-grid {
display: grid!important
}
.d-xl-table {
display: table!important
}
.d-xl-table-row {
display: table-row!important
}
.d-xl-table-cell {
display: table-cell!important
}
.d-xl-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-xl-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
.d-xl-none {
display: none!important
}
.flex-xl-fill {
-webkit-box-flex: 1!important;
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-xl-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-xl-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-xl-grow-0 {
-webkit-box-flex: 0!important;
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-xl-grow-1 {
-webkit-box-flex: 1!important;
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.justify-content-xl-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-xl-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-xl-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-xl-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-xl-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.justify-content-xl-evenly {
-webkit-box-pack: space-evenly!important;
-ms-flex-pack: space-evenly!important;
justify-content: space-evenly!important
}
.align-items-xl-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-xl-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-xl-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-xl-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-xl-stretch {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-xl-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-xl-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-xl-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-xl-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-xl-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-xl-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-xl-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-xl-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
.order-xl-first {
-webkit-box-ordinal-group: 0!important;
-ms-flex-order: -1!important;
order: -1!important
}
.order-xl-0 {
-webkit-box-ordinal-group: 1!important;
-ms-flex-order: 0!important;
order: 0!important
}
.order-xl-1 {
-webkit-box-ordinal-group: 2!important;
-ms-flex-order: 1!important;
order: 1!important
}
.order-xl-2 {
-webkit-box-ordinal-group: 3!important;
-ms-flex-order: 2!important;
order: 2!important
}
.order-xl-3 {
-webkit-box-ordinal-group: 4!important;
-ms-flex-order: 3!important;
order: 3!important
}
.order-xl-4 {
-webkit-box-ordinal-group: 5!important;
-ms-flex-order: 4!important;
order: 4!important
}
.order-xl-5 {
-webkit-box-ordinal-group: 6!important;
-ms-flex-order: 5!important;
order: 5!important
}
.order-xl-last {
-webkit-box-ordinal-group: 7!important;
-ms-flex-order: 6!important;
order: 6!important
}
.m-xl-0 {
margin: 0!important
}
.m-xl-1 {
margin: .25rem!important
}
.m-xl-2 {
margin: .5rem!important
}
.m-xl-3 {
margin: 1rem!important
}
.m-xl-4 {
margin: 1.5rem!important
}
.m-xl-5 {
margin: 3rem!important
}
.m-xl-auto {
margin: auto!important
}
.mx-xl-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-xl-1 {
margin-right: .25rem!important;
margin-left: .25rem!important
}
.mx-xl-2 {
margin-right: .5rem!important;
margin-left: .5rem!important
}
.mx-xl-3 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.mx-xl-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.mx-xl-5 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.mx-xl-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-xl-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-xl-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.my-xl-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-xl-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-xl-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-xl-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-xl-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-xl-0 {
margin-top: 0!important
}
.mt-xl-1 {
margin-top: .25rem!important
}
.mt-xl-2 {
margin-top: .5rem!important
}
.mt-xl-3 {
margin-top: 1rem!important
}
.mt-xl-4 {
margin-top: 1.5rem!important
}
.mt-xl-5 {
margin-top: 3rem!important
}
.mt-xl-auto {
margin-top: auto!important
}
.me-xl-0 {
margin-right: 0!important
}
.me-xl-1 {
margin-right: .25rem!important
}
.me-xl-2 {
margin-right: .5rem!important
}
.me-xl-3 {
margin-right: 1rem!important
}
.me-xl-4 {
margin-right: 1.5rem!important
}
.me-xl-5 {
margin-right: 3rem!important
}
.me-xl-auto {
margin-right: auto!important
}
.mb-xl-0 {
margin-bottom: 0!important
}
.mb-xl-1 {
margin-bottom: .25rem!important
}
.mb-xl-2 {
margin-bottom: .5rem!important
}
.mb-xl-3 {
margin-bottom: 1rem!important
}
.mb-xl-4 {
margin-bottom: 1.5rem!important
}
.mb-xl-5 {
margin-bottom: 3rem!important
}
.mb-xl-auto {
margin-bottom: auto!important
}
.ms-xl-0 {
margin-left: 0!important
}
.ms-xl-1 {
margin-left: .25rem!important
}
.ms-xl-2 {
margin-left: .5rem!important
}
.ms-xl-3 {
margin-left: 1rem!important
}
.ms-xl-4 {
margin-left: 1.5rem!important
}
.ms-xl-5 {
margin-left: 3rem!important
}
.ms-xl-auto {
margin-left: auto!important
}
.p-xl-0 {
padding: 0!important
}
.p-xl-1 {
padding: .25rem!important
}
.p-xl-2 {
padding: .5rem!important
}
.p-xl-3 {
padding: 1rem!important
}
.p-xl-4 {
padding: 1.5rem!important
}
.p-xl-5 {
padding: 3rem!important
}
.px-xl-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-xl-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-xl-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.px-xl-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.px-xl-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.px-xl-5 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.py-xl-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-xl-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.py-xl-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-xl-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-xl-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.py-xl-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pt-xl-0 {
padding-top: 0!important
}
.pt-xl-1 {
padding-top: .25rem!important
}
.pt-xl-2 {
padding-top: .5rem!important
}
.pt-xl-3 {
padding-top: 1rem!important
}
.pt-xl-4 {
padding-top: 1.5rem!important
}
.pt-xl-5 {
padding-top: 3rem!important
}
.pe-xl-0 {
padding-right: 0!important
}
.pe-xl-1 {
padding-right: .25rem!important
}
.pe-xl-2 {
padding-right: .5rem!important
}
.pe-xl-3 {
padding-right: 1rem!important
}
.pe-xl-4 {
padding-right: 1.5rem!important
}
.pe-xl-5 {
padding-right: 3rem!important
}
.pb-xl-0 {
padding-bottom: 0!important
}
.pb-xl-1 {
padding-bottom: .25rem!important
}
.pb-xl-2 {
padding-bottom: .5rem!important
}
.pb-xl-3 {
padding-bottom: 1rem!important
}
.pb-xl-4 {
padding-bottom: 1.5rem!important
}
.pb-xl-5 {
padding-bottom: 3rem!important
}
.ps-xl-0 {
padding-left: 0!important
}
.ps-xl-1 {
padding-left: .25rem!important
}
.ps-xl-2 {
padding-left: .5rem!important
}
.ps-xl-3 {
padding-left: 1rem!important
}
.ps-xl-4 {
padding-left: 1.5rem!important
}
.ps-xl-5 {
padding-left: 3rem!important
}
}
@media print {
.d-print-inline {
display: inline!important
}
.d-print-inline-block {
display: inline-block!important
}
.d-print-block {
display: block!important
}
.d-print-grid {
display: grid!important
}
.d-print-table {
display: table!important
}
.d-print-table-row {
display: table-row!important
}
.d-print-table-cell {
display: table-cell!important
}
.d-print-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-print-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
.d-print-none {
display: none!important
}
}
.nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem;
color: #0d6efd;
text-decoration: none;
-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
-o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.nav-link {
-webkit-transition: none;
-o-transition: none;
transition: none
}
}
.nav-link:focus,
.nav-link:hover {
color: #0a58ca
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
margin-bottom: -1px;
background: 0 0;
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6;
isolation: isolate
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
background: 0 0;
border: 0;
border-radius: .25rem
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #0d6efd
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%
}
.tab-content > .tab-pane {
display: none
}
.tab-content > .active {
display: block
}
.navbar {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: inherit;
flex-wrap: inherit;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
text-decoration: none;
white-space: nowrap
}
.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static
}
.navbar-text {
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem;
-webkit-transition: -webkit-box-shadow .15s ease-in-out;
transition: -webkit-box-shadow .15s ease-in-out;
-o-transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.navbar-toggler {
-webkit-transition: none;
-o-transition: none;
transition: none
}
}
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
-webkit-box-shadow: 0 0 0 .25rem;
box-shadow: 0 0 0 .25rem
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height,75vh);
overflow-y: auto
}
@media (min-width:480px) {
.navbar-expand-sm {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-sm .navbar-collapse {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
.navbar-expand-sm .offcanvas-header {
display: none
}
.navbar-expand-sm .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
visibility: visible!important;
background-color: transparent;
border-right: 0;
border-left: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.navbar-expand-sm .offcanvas-bottom,
.navbar-expand-sm .offcanvas-top {
height: auto;
border-top: 0;
border-bottom: 0
}
.navbar-expand-sm .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width:768px) {
.navbar-expand-md {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-md .navbar-collapse {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
.navbar-expand-md .offcanvas-header {
display: none
}
.navbar-expand-md .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
visibility: visible!important;
background-color: transparent;
border-right: 0;
border-left: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.navbar-expand-md .offcanvas-bottom,
.navbar-expand-md .offcanvas-top {
height: auto;
border-top: 0;
border-bottom: 0
}
.navbar-expand-md .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width:992px) {
.navbar-expand-lg {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-lg .navbar-collapse {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
.navbar-expand-lg .offcanvas-header {
display: none
}
.navbar-expand-lg .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
visibility: visible!important;
background-color: transparent;
border-right: 0;
border-left: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.navbar-expand-lg .offcanvas-bottom,
.navbar-expand-lg .offcanvas-top {
height: auto;
border-top: 0;
border-bottom: 0
}
.navbar-expand-lg .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xl .navbar-collapse {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
.navbar-expand-xl .offcanvas-header {
display: none
}
.navbar-expand-xl .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
visibility: visible!important;
background-color: transparent;
border-right: 0;
border-left: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.navbar-expand-xl .offcanvas-bottom,
.navbar-expand-xl .offcanvas-top {
height: auto;
border-top: 0;
border-bottom: 0
}
.navbar-expand-xl .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
.navbar-expand {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand .navbar-nav-scroll {
overflow: visible
}
.navbar-expand .navbar-collapse {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-expand .offcanvas-header {
display: none
}
.navbar-expand .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
visibility: visible!important;
background-color: transparent;
border-right: 0;
border-left: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.navbar-expand .offcanvas-bottom,
.navbar-expand .offcanvas-top {
height: auto;
border-top: 0;
border-bottom: 0
}
.navbar-expand .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
.navbar-light .navbar-brand {
color: rgba(0,0,0,.9)
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
color: rgba(0,0,0,.9)
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0,0,0,.55)
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(0,0,0,.7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0,0,0,.3)
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
color: rgba(0,0,0,.9)
}
.navbar-light .navbar-toggler {
color: rgba(0,0,0,.55);
border-color: rgba(0,0,0,.1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(0,0,0,.55)
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
color: rgba(0,0,0,.9)
}
.navbar-dark .navbar-brand {
color: #fff
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,.55)
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255,255,255,.75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255,255,255,.25)
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
color: #fff
}
.navbar-dark .navbar-toggler {
color: rgba(255,255,255,.55);
border-color: rgba(255,255,255,.1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: rgba(255,255,255,.55)
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
color: #fff
}
section {
padding: 50px 0
}
a {
color: #a5a9b4;
text-decoration: none
}
a:hover {
color: #7a59ff
}
.banner__benefits,
.benefits .title,
.benefits__item,
.category__item_bottom,
.content,
.content-center,
.content-text,
.dropdown__item,
.dropdown__select,
.flex-style,
.footer__bottom,
.footer__bottom_copyright,
.footer__center_payments,
.footer__menu_block,
.footer__top a,
.games__item_content,
.games__item_img-logo,
.header-content,
.header-content__right,
.logo,
.reviews__item_auth,
.reviews__item_date,
.steps__list,
.tutorial .title,
.tutorial__item-number,
.why__item,
.whyus__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.flex-center {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.border-radius-10,
.search-form {
border-radius: 10px
}
.border-radius-12,
.games__search input[type=search] {
border-radius: 12px
}
.border-radius-20 {
border-radius: 20px
}
.border-radius-100,
.btn,
.btn-mobile {
border-radius: 100px
}
.height100 {
height: 100%
}
.clear-padding-top {
padding-top: 0
}
.search-form input::-webkit-input-placeholder {
color: #a5a9b4
}
.search-form input::-moz-placeholder {
color: #a5a9b4
}
.search-form input:-ms-input-placeholder {
color: #a5a9b4
}
.search-form input::-ms-input-placeholder {
color: #a5a9b4
}
.search-form input::placeholder {
color: #a5a9b4
}
.text-center {
text-align: center
}
.container-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.benefits,
.hidden,
.reviews,
.tutorial,
.why {
overflow: hidden
}
b,
strong {
font-weight: 700
}
.title {
margin-bottom: 30px
}
.title-before {
font-weight: 700;
font-size: 14px;
line-height: 17px;
letter-spacing: .1em;
text-transform: uppercase;
color: #f6f8fa
}
.title-section {
color: #f6f8fa;
font-weight: 700;
font-size: 36px;
line-height: 44px;
color: #f6f8fa;
margin: 8px 0
}
.title-section.h1 {
font-size: 52px;
line-height: 63px
}
.title-section span {
color: #7a59ff
}
.title-after {
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #a5a9b4
}
.title-btn {
margin-top: 36px
}
.benefits .title,
.benefits__item,
.content-center,
.content-text,
.footer__top a,
.tutorial .title {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.content-text {
color: #a5a9b4;
margin: 8px auto;
font-weight: 600;
font-size: 18px;
line-height: 28px;
text-align: center;
max-width: 600px
}
.content-show-more {
margin-top: 16px
}
.benefits .title,
.benefits__item,
.flex-column,
.tutorial .title {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.item-title,
.reviews__item_auth-title,
.reviews__item_title,
.tutorial__item-title,
.why__item-title {
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #f6f8fa;
margin-bottom: 4px
}
.item-text,
.reviews__item_auth_text,
.reviews__item_text,
.tutorial__item-content,
.why__item-text {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #a5a9b4
}
.banner__bg,
.bg-image {
background-position: center;
background-size: cover
}
.banner .breadcrumbs,
.banner__desc,
.banner__review,
.banner__title,
.z-index1 {
z-index: 1;
position: relative
}
.display-none {
display: none
}
input {
border-radius: 10px;
padding: 11px
}
input ::-webkit-input-placeholder {
color: #a5a9b4
}
input ::-moz-placeholder {
color: #a5a9b4
}
input :-ms-input-placeholder {
color: #a5a9b4
}
input ::-ms-input-placeholder {
color: #a5a9b4
}
input ::placeholder {
color: #a5a9b4
}
li::marker {
cursor: pointer
}
::-webkit-input-placeholder {
color: #a5a9b4
}
::-moz-placeholder {
color: #a5a9b4
}
:-ms-input-placeholder {
color: #a5a9b4
}
::-ms-input-placeholder {
color: #a5a9b4
}
::placeholder {
color: #a5a9b4
}
.placeholder-label {
position: absolute;
pointer-events: none;
-webkit-transition: .2s ease all;
-o-transition: .2s ease all;
transition: .2s ease all;
font-size: 16px;
width: 100%;
height: calc(100% - 18px);
left: 0;
padding-left: 33px;
padding-top: 9px;
padding-bottom: 9px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
input.val ~ .placeholder-label,
input:focus ~ .placeholder-label {
top: 2px;
font-size: 12px;
color: #a5a9b4;
opacity: 1;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.textarea {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-top: 9px
}
.textarea .placeholder-label {
padding-left: 24px
}
.shade:after {
position: absolute;
left: 0;
top: 0;
background: rgba(26,26,26,.75);
width: 100%;
height: 100%;
content: "";
z-index: 13
}
[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
position: absolute;
left: 0;
opacity: .01
}
[type=checkbox] + label {
position: relative;
padding-left: 36px
}
[type=checkbox]:checked + label:before,
[type=checkbox]:not(:checked) + label:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
background: #fff;
border: 1px solid #b7bccf;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
[type=checkbox]:checked + label:after {
content: "";
position: absolute;
top: 6px;
left: 6px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
width: 13px;
height: 13px;
display: block;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/checkbox-checked.svg);
background-size: cover
}
body {
color: #a5a9b4;
background: #080808;
font-family: ProximaNova;
min-width: 320px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
overflow-x: hidden;
position: relative
}
body input,
body textarea {
border: #666 1px solid;
outline: 0
}
body input:focus:required:invalid,
body textarea:focus:required:invalid {
border-color: red
}
body input:required:valid,
body textarea:required:valid {
border-color: green
}
img {
display: block;
max-width: 100%;
height: auto
}
img.img-width {
width: 100%
}
.bg_upload:after {
content: "";
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/direction-clear.svg);
width: 0;
height: 0
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes bounce {
0%,
100%,
20%,
50%,
80% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
}
@keyframes bounce {
0%,
100%,
20%,
50%,
80% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
}
header {
background: #212121;
padding: 12px 0;
z-index: 2;
position: relative
}
.logo__img {
margin-right: 33px
}
.logo__img img {
max-width: 120px
}
.navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.navbar-nav .nav-item a {
color: #a5a9b4;
padding: 8px;
margin: 0 2px;
font-weight: 600;
font-size: 14px;
line-height: 20px
}
.navbar-nav .nav-item a:hover {
color: #fff
}
.dropdown {
border: 1px solid #313132;
border-radius: 8px;
margin: 0 10px;
cursor: pointer;
position: relative
}
.dropdown__select {
padding: 10px 12px
}
.dropdown__select:after {
content: "";
background-position: center;
background-size: cover;
text-align: center;
display: block;
width: 8px;
height: 5px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/menu_arrow.svg);
margin-left: 8px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.dropdown__list {
display: none;
position: absolute;
border: 1px solid #313132;
border-radius: 8px;
padding: 10px 12px;
left: 0;
width: 100%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
top: 100%;
background: #212121
}
.dropdown__list .dropdown__item {
margin: 10px 0
}
.dropdown__item {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.dropdown.active .dropdown__list {
display: block
}
.dropdown.active .dropdown__select:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.dropdown img {
margin-right: 4px
}
button {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.btn,
.btn-mobile {
background: #7a59ff;
color: #f6f8fa;
font-weight: 700;
font-size: 14px;
line-height: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 16px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer
}
.btn-mobile:hover,
.btn:hover {
color: #f6f8fa;
opacity: .8
}
.btn-big {
padding: 14px 35px
}
.btn-mobile {
display: none;
padding: 14px;
background: #1c1c1c
}
.btn-mobile:before {
content: "";
background-position: center;
background-size: cover;
text-align: center;
display: block;
width: 27px;
height: 17px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/btn-mob.svg)
}
.mob-menu {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end
}
.mob-menu .menu {
margin-right: 50px
}
.search-form {
position: relative;
min-height: 40px;
min-width: 40px;
border: 1px solid #313132;
-webkit-box-shadow: 0 4px 27px rgba(0,0,0,.49);
box-shadow: 0 4px 27px rgba(0,0,0,.49)
}
.search-form label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 40px
}
.search-field {
background-color: transparent;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/search.svg);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 18px 18px;
border: none;
cursor: pointer;
height: 40px;
padding: 0 0 0 28px;
position: relative;
-webkit-transition: width .4s ease,background .4s ease;
-o-transition: width .4s ease,background .4s ease;
transition: width .4s ease,background .4s ease;
width: 0;
cursor: pointer;
position: absolute;
z-index: 1
}
.search-field:focus {
background-color: #080808;
border: 1px solid #313132;
cursor: text;
outline: 0;
width: 250px;
color: #fff;
position: absolute;
height: 42px
}
.search-form .search-submit {
display: none
}
.currency .dropdown__item {
position: telative
}
.currency .dropdown__item:before {
content: "";
background-position: center;
background-size: cover;
text-align: center;
display: block;
width: 18px;
height: 18px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 8px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.currency_eur:before {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/eur.svg)
}
.currency_usd:before {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/usd.svg)
}
.currency_r:before {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/r.svg)
}
.games {
padding: 80px 0;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/main_bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.games__search {
max-width: 482px;
margin: 23px auto
}
.games__search input[type=search] {
background-color: transparent;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/search.svg);
background-position: 25px center;
background-repeat: no-repeat;
background-size: 20px 20px;
border: none;
height: 64px;
padding: 0 0 0 60px;
width: 100%;
color: #636872;
background-color: #212121;
border: 1px solid #313132;
font-weight: 600;
font-size: 16px;
line-height: 24px
}
.games__search input[type=search]::-webkit-input-placeholder {
color: #636872
}
.games__search input[type=search]::-moz-placeholder {
color: #636872
}
.games__search input[type=search]:-ms-input-placeholder {
color: #636872
}
.games__search input[type=search]::-ms-input-placeholder {
color: #636872
}
.games__search input[type=search]::placeholder {
color: #636872
}
.games__search input[type=search]::-webkit-search-cancel-button,
.games__search input[type=search]::-webkit-search-decoration,
.games__search input[type=search]::-webkit-search-results-button,
.games__search input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none
}
.games__item {
margin: 14px 0;
display: block
}
.games__item_img {
border: 1px solid #313132;
border-radius: 6px;
position: relative;
overflow: hidden
}
.games__item_img-logo {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
background: #fff;
border-radius: 16px;
width: 56px;
height: 56px;
left: 10px;
top: 10px;
z-index: 1
}
.games__item_img-logo img {
width: 45px;
height: 45px
}
.games__item_img-main {
border-radius: 8px;
height: 248px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.games__item_content {
padding: 10px 0
}
.games__item_title {
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #f6f8fa;
max-width: 180px;
min-height: 56px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.games__item_qty {
background: rgba(255,255,255,.1);
border: 1px solid #313132;
border-radius: 5px;
font-weight: 600;
font-size: 12px;
line-height: 14px;
color: #636872;
padding: 4px 8px
}
.games__item:hover .games__item_img-main {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.games .title-section {
text-align: center
}
.benefits {
background: #1c1c1c;
position: relative
}
.benefits__item {
padding: 33px 50px;
background: #212121;
border-radius: 12px
}
.benefits__item-image {
margin-bottom: 20px
}
.benefits__item-image img {
max-width: 62px
}
.benefits__item-title {
color: #f6f8fa;
font-weight: 700;
font-size: 20px;
line-height: 22px;
text-align: center
}
.benefits__item-content {
color: #a5a9b4;
font-weight: 600;
font-size: 18px;
line-height: 28px;
margin-top: 5px;
text-align: center
}
.benefits:before {
content: "";
background-position: center;
background-size: cover;
text-align: center;
display: block;
width: 252px;
height: 309px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/bg_why_element.png);
position: absolute;
z-index: 0;
left: -88px
}
.benefits .container {
z-index: 1;
position: relative
}
.benefits .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.tutorial {
background: #1c1c1c;
position: relative;
border-top: 1px solid #313132;
padding-bottom: 120px
}
.tutorial__item {
background: #212121;
-webkit-box-shadow: 0 4px 27px rgba(0,0,0,.49);
box-shadow: 0 4px 27px rgba(0,0,0,.49);
border-radius: 12px;
text-align: center;
padding: 58px 46px 40px 46px;
position: relative;
margin: 33px 0
}
.tutorial__item-number {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 700;
font-size: 26px;
line-height: 32px;
color: #f6f8fa;
width: 56px;
height: 56px;
background: #7a59ff;
-webkit-box-shadow: 0 4px 5px rgba(87,110,171,.4);
box-shadow: 0 4px 5px rgba(87,110,171,.4);
border-radius: 42px;
position: absolute;
top: -28px;
left: 50%;
margin-left: -28px
}
.tutorial__item-number:before {
content: "";
margin: auto;
border-radius: 50%;
width: 78px;
height: 78px;
border: 5px solid rgba(158,123,255,.2);
margin-bottom: 8px;
display: block;
position: absolute;
top: -11px;
left: -11px
}
.tutorial__item-btn {
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -69px
}
.tutorial__item:hover .tutorial__item-number:before {
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
width: 78px;
height: 80px
}
.tutorial:before {
content: "";
background-position: center;
background-size: cover;
text-align: center;
display: block;
width: 543px;
height: 626px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/tutorial_bg.webp);
position: absolute;
z-index: 0;
right: -88px
}
.why {
background: #1c1c1c;
position: relative;
border-top: 1px solid #313132;
padding: 100px 0
}
.why__items {
position: relative;
padding-top: 25px
}
.why__items:before {
content: "";
background-position: center;
background-size: contain;
background-repeat: no-repeat;
text-align: center;
display: block;
width: 689px;
height: 645px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/bg_benefits.webp);
position: absolute;
z-index: 0;
right: -88px;
top: -70px
}
.why__items:after {
content: "";
background-position: center;
background-size: contain;
background-repeat: no-repeat;
text-align: center;
display: block;
width: 350px;
height: 330px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/bg_block_benefits.svg);
position: absolute;
z-index: 0;
left: -20px;
top: 40px
}
.why__item {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
background: #212121;
-webkit-box-shadow: 0 4px 27px rgba(0,0,0,.49);
box-shadow: 0 4px 27px rgba(0,0,0,.49);
border-radius: 12px;
padding: 22px 16px;
max-width: 306px;
z-index: 1;
position: relative;
margin-bottom: 33px
}
.why__item:nth-child(1) {
margin-left: 150px
}
.why__item:nth-child(2) {
margin-left: 75px
}
.why__item:nth-child(3) {
margin-left: 0
}
.why__item-img {
background: -webkit-gradient(linear,left top,right top,color-stop(10.53%,#6302d8),color-stop(95.39%,#5030ce));
background: -o-linear-gradient(left,#6302d8 10.53%,#5030ce 95.39%);
background: linear-gradient(90deg,#6302d8 10.53%,#5030ce 95.39%);
border-radius: 11px;
padding: 14px
}
.why__item-content {
margin-left: 18px
}
.questions {
background: -webkit-gradient(linear,left top,right top,color-stop(10.53%,#6302d8),color-stop(95.39%,#5030ce));
background: -o-linear-gradient(left,#6302d8 10.53%,#5030ce 95.39%);
background: linear-gradient(90deg,#6302d8 10.53%,#5030ce 95.39%);
border-radius: 19px;
padding: 37px 47px;
position: relative;
margin-top: 40px
}
.questions .title {
margin-bottom: 0
}
.questions .title-after {
color: #f6f8fa
}
.questions .title-btn {
margin-top: 18px
}
.questions .title-btn .btn,
.questions .title-btn .btn-mobile {
background: #f6f8fa;
color: #7a59ff
}
.questions__img {
position: absolute;
right: -7px;
top: -125px;
z-index: 1
}
.questions__bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border-radius: 19px;
z-index: 0
}
.questions__bg:before {
content: "";
width: 298px;
height: 310px;
display: block;
background: -o-linear-gradient(top,rgba(235,255,115,.73) 0,rgba(79,244,255,.6643) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(235,255,115,.73)),to(rgba(79,244,255,.6643)));
background: linear-gradient(180deg,rgba(235,255,115,.73) 0,rgba(79,244,255,.6643) 100%);
-webkit-filter: blur(53.5px);
filter: blur(53.5px);
right: 0;
top: 30%;
position: absolute
}
.reviews__item {
padding: 0 9px 10px 9px
}
.reviews__item_content {
background: #212121;
border: 3px solid #313132;
-webkit-box-shadow: 0 4px 27px rgba(0,0,0,.49);
box-shadow: 0 4px 27px rgba(0,0,0,.49);
border-radius: 4px;
padding: 24px 29px
}
.reviews__item_auth {
padding-left: 45px;
padding-top: 21px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.reviews__item_auth-image {
position: relative
}
.reviews__item_auth-image img {
border-radius: 30px;
max-width: 48px
}
.reviews__item_auth-image:before {
content: "";
margin: auto;
border-radius: 50%;
width: 62px;
height: 62px;
border: 3px solid #7a59ff;
margin-bottom: 8px;
display: block;
position: absolute;
top: -7px;
left: -7px
}
.reviews__item_auth-content {
margin-left: 19px
}
.reviews__item_date span {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #a5a9b4
}
.reviews__item_review span {
background-position: center;
background-size: cover;
text-align: center;
display: block;
width: 24px;
height: 24px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/reviews_star.svg);
z-index: 0
}
.reviews__item_title {
margin-top: 27px;
margin-bottom: 12px
}
.reviews .slick-list {
width: calc(100% + 500px);
padding-right: 500px
}
.footer {
background: #232324;
border-radius: 32px 32px 0 0
}
.footer__top {
border-bottom: 1px solid #313132;
border-radius: 32px 32px 0 0;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s
}
.footer__top a {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #a5a9b4;
padding: 14px;
width: 100%;
border-radius: 32px 32px 0 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.footer__top a span {
position: relative;
padding-left: 20px
}
.footer__top a span:before {
content: "";
background-position: center;
background-size: cover;
text-align: center;
display: block;
width: 11px;
height: 7px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/menu_arrow.svg);
-webkit-filter: invert(41%) sepia(6%) saturate(452%) hue-rotate(186deg) brightness(85%) contrast(82%);
filter: invert(41%) sepia(6%) saturate(452%) hue-rotate(186deg) brightness(85%) contrast(82%);
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
position: absolute;
left: 0;
top: 50%;
margin-top: -4px
}
.footer__top a:hover {
-webkit-animation-name: bounce;
animation-name: bounce
}
.footer__top:hover {
background: #313132
}
.footer__center {
width: 100%;
padding: 21px 0 40px 0
}
.footer__center .logo {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 240px
}
.footer__center .logo__img {
margin-bottom: 21px
}
.footer__center_payments {
padding: 21px 0;
border-bottom: 1px solid #313132;
margin-bottom: 21px
}
.footer__bottom {
padding: 15px 0;
border-top: 1px solid #313132
}
.footer__bottom_soc a {
border-radius: 9px;
padding: 6px;
background: rgba(255,255,255,.05);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 6px;
cursor: pointer
}
.footer__bottom_soc a:before {
content: "";
background-position: center;
background-size: cover;
text-align: center;
display: block;
width: 20px;
height: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-repeat: no-repeat
}
.footer__bottom_soc a:last-child {
margin-right: 0
}
.footer__bottom_soc a:hover {
background: #7a59ff
}
.footer__bottom_soc .footer_insta:before {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/footer_insta.svg)
}
.footer__bottom_soc .footer_twitter:before {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/footer_twitter.svg)
}
.footer__bottom_soc .footer_youtube:before {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/footer_youtube.svg)
}
.footer__bottom_soc .footer_telegram:before {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/footer_telegram.svg)
}
.footer__bottom_soc .footer_discord:before {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/footer_discord.svg)
}
.footer__bottom_soc .footer_skype:before {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/footer_skype.svg)
}
.footer__bottom_soc .footer_tiktok:before {
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/footer_tiktok.svg)
}
.footer__bottom_copyright {
color: #a5a9b4
}
.footer__bottom_copyright p {
margin-bottom: 0
}
.footer__bottom_copyright_title {
font-weight: 600;
font-size: 14px;
line-height: 20px;
padding-right: 11px;
border-right: 1px solid #313132
}
.footer__bottom_copyright_text {
font-weight: 400;
font-size: 12px;
line-height: 19px;
padding-left: 11px
}
.footer__menu_block {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.footer__menu {
margin-right: 77px
}
.footer__menu_title {
font-weight: 700;
font-size: 18px;
line-height: 22px;
letter-spacing: .1em;
text-transform: uppercase;
color: #f6f8fa
}
.footer__menu ul {
list-style: none;
padding: 0;
margin: 0;
margin-top: 15px
}
.footer__menu ul li {
margin-top: 10px
}
.footer__menu:last-child {
margin-right: 0
}
.banner__bg {
border-radius: 8px;
width: 100%;
padding: 22px;
position: relative
}
.banner__bg:before {
content: "";
background-position: center;
background-size: cover;
text-align: center;
display: block;
background: -webkit-gradient(linear,left top,left bottom,color-stop(34.77%,rgba(38,40,57,0)),color-stop(66.86%,rgba(38,40,57,.93)),color-stop(103.67%,#262839),color-stop(130.65%,rgba(38,40,57,.3)));
background: -o-linear-gradient(top,rgba(38,40,57,0) 34.77%,rgba(38,40,57,.93) 66.86%,#262839 103.67%,rgba(38,40,57,.3) 130.65%);
background: linear-gradient(180deg,rgba(38,40,57,0) 34.77%,rgba(38,40,57,.93) 66.86%,#262839 103.67%,rgba(38,40,57,.3) 130.65%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 7px
}
.banner__review {
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 55px
}
.banner__review img {
margin-right: 11px
}
.banner__title {
font-weight: 700;
font-size: 26px;
line-height: 32px;
color: #f6f8fa;
margin: 21px 0 6px 0
}
.banner__desc {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #ababb2;
max-width: 500px
}
.banner__benefits {
padding: 24px 22px 37px
}
.banner__benefits div {
font-weight: 700;
font-size: 14px;
line-height: 17px;
letter-spacing: .1em;
text-transform: uppercase;
background: -o-linear-gradient(358.29deg,#9e85ff 28.01%,#7ea2ff 51.45%);
background: linear-gradient(91.71deg,#9e85ff 28.01%,#7ea2ff 51.45%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
.banner__container {
border-radius: 8px;
background: -webkit-gradient(linear,left top,right top,color-stop(10.53%,#6302d8),color-stop(95.39%,#5030ce));
background: -o-linear-gradient(left,#6302d8 10.53%,#5030ce 95.39%);
background: linear-gradient(90deg,#6302d8 10.53%,#5030ce 95.39%)
}
.banner .breadcrumbs a {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #f6f8fa;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.banner .breadcrumbs a:hover {
background: -o-linear-gradient(358.29deg,#9e85ff 28.01%,#7ea2ff 51.45%);
background: linear-gradient(91.71deg,#9e85ff 28.01%,#7ea2ff 51.45%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.banner .breadcrumbs .separator {
background-position: center;
background-size: cover;
text-align: center;
display: block;
width: 14px;
height: 14px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/breadcrumbs_arrow.svg);
z-index: 0;
margin: -3px 2px
}
.category {
padding: 0;
margin-top: -25px
}
.category__item {
padding: 14px;
background: #212121;
border: 1px solid #313132;
border-radius: 4px;
display: block;
margin-bottom: 10px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.category__item_img {
border-radius: 7px;
overflow: hidden
}
.category__item_img img {
position: relative;
height: 160px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.category__item_title {
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #f6f8fa;
text-transform: uppercase;
margin-bottom: 5px
}
.category__item_dsc {
font-weight: 400;
font-size: 12px;
line-height: 19px;
color: #a5a9b4
}
.category__item_dsc ul {
padding-left: 14px
}
.category__item_content {
padding: 11px 0 4px 0
}
.category__item_price bdi,
.category__item_price ins {
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #f6f8fa;
text-decoration: none
}
.category__item_price del {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #8f9ab1;
margin-left: 11px
}
.category__item_discount {
padding: 2px 8px;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #f6f8fa;
background: #09ac7b;
border-radius: 6px
}
.category__item:hover {
background: #1c1c1c
}
.category__item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.category .row {
margin-left: -5px;
margin-right: -5px
}
.category .row .col-6 {
padding-left: 5px;
padding-right: 5px
}
.steps {
padding-bottom: 18px
}
.steps__list {
margin-left: -16px;
margin-right: -16px
}
.steps__item {
padding: 0 16px
}
.steps__item_num {
font-weight: 700;
font-size: 36px;
line-height: 44px;
color: #f6f2ff
}
.steps__item_title {
font-weight: 700;
font-size: 14px;
line-height: 17px;
letter-spacing: .1em;
text-transform: uppercase;
color: #f6f8fa;
margin: 4px 0
}
.steps__item_dsc {
font-weight: 400;
font-size: 12px;
line-height: 19px;
color: #a5a9b4
}
.whyus {
background: #232324
}
.whyus .col-12 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.whyus__item {
margin-bottom: 30px
}
.whyus__item_img {
margin-right: 16px
}
.whyus__item_img img {
min-width: 27px
}
.whyus__item_title {
font-weight: 700;
font-size: 14px;
line-height: 17px;
letter-spacing: .1em;
text-transform: uppercase;
color: #f6f8fa
}
.seo {
padding: 20px 0 55px 0
}
.seo__title {
font-weight: 700;
font-size: 26px;
line-height: 32px;
color: #f6f8fa;
margin-bottom: 16px
}
.seo__text {
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #a5a9b4
}
.tooltiptext {
visibility: hidden;
width: 150px;
background-color: #080808;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
top: -128%;
left: 50%;
margin-left: -75px;
opacity: 0;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
font-size: 12px;
font-weight: 500;
border: 1px solid #0f0b13
}
.tooltiptext:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #080808 transparent transparent
}
.footer_discord {
position: relative
}
.footer_discord:hover .tooltiptext {
visibility: visible;
opacity: 1
}
.bg_purple {
background: #7a59ff
}
.color_purple {
color: #7a59ff
}
.padding-0 {
padding-top: 0
}
.margin-top-0 {
margin-top: 0
}
.margin-bottom-0 {
margin-bottom: 0
}
.padding-top-0 {
padding-bottom: 0
}
.padding-bottom-0 {
padding-bottom: 0
}
.cart-block__form_payments_list [type=checkbox] + label:before{
display:none !important;
}
.cart-block__form_payments_list [type=checkbox] + label {
padding-left: 20px !important;
}
.landing-block__content.landing-block__content-row iframe{
width: 100%;
min-height: 400px;
}
@media (max-width:1199.98px) {
.logo__img {
margin-right: 10px
}
.logo__img img {
max-width: 80px
}
.dropdown__item {
font-size: 12px
}
.navbar-nav .nav-item a {
padding: 8px 4px
}
.tutorial {
padding-bottom: 50px
}
.why__items:before {
right: -145px
}
.questions {
margin-top: 0
}
}
@media (max-width:991.98px) {
.btn-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 15px
}
.mob-menu {
position: absolute;
top: 100%;
width: 100%;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #212121
}
.header-content {
position: relative
}
.header .menu {
margin-right: 0
}
.header .menu ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header.active .mob-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.header.active .header-content__right {
margin-bottom: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.header.active .header-content__right .search-form {
width: 90%;
margin-bottom: 20px
}
.header.active .header-content__right .search-form .search-field {
background-color: #080808;
border: 1px solid #313132;
cursor: text;
outline: 0;
color: #fff;
position: absolute;
height: 42px;
width: 100%!important
}
.benefits__item {
padding: 12px 20px;
margin-bottom: 12px
}
.tutorial:before {
width: 300px;
height: 300px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: absolute;
z-index: 0;
right: 8px;
bottom: 0
}
.why__items:before {
right: 0
}
.footer__center .logo {
max-width: 100%;
margin-bottom: 20px
}
.footer__bottom,
.footer__bottom_copyright {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.footer__bottom_copyright_title {
border: 0
}
.footer__bottom_copyright p {
padding: 0;
margin-bottom: 12px
}
.steps__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.steps__item {
width: 33%;
margin-bottom: 16px
}
.banner__benefits {
padding: 24px 0
}
}
@media (max-width:767.98px) {
.footer__center_payments {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.footer__center_payments img {
margin: 12px 0
}
.why__items:before {
right: -58px;
width: 500px
}
.questions__img {
top: auto;
bottom: 0;
max-width: 200px
}
.title-section {
font-size: 30px;
line-height: 36px
}
.title-after {
font-size: 14px;
line-height: 22px
}
.footer__menu {
margin-right: 30px
}
.tutorial__item-btn {
margin-left: -64px
}
.banner__benefits div {
font-size: 12px;
padding: 0 10px;
text-align: center
}
.banner__review span {
display: none
}
}
@media (max-width:479.98px) {
.footer__menu {
margin-right: 0;
width: 100%;
margin-bottom: 20px
}
.footer__menu_block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.games__item_img-main {
height: 200px
}
.games__item_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.games__item_img-logo {
width: 36px;
height: 36px
}
.games__item_img-logo img {
width: 25px;
height: 25px
}
.benefits__item-image img {
max-width: 36px
}
.benefits__item-content {
font-size: 14px;
line-height: 22px
}
.tutorial__items > div:first-child {
margin-bottom: 20px
}
.why__item {
padding: 14px 12px
}
.why__item:nth-child(1) {
margin-left: 120px
}
.why__item:nth-child(2) {
margin-left: 60px
}
.questions__img {
max-width: 140px
}
.questions {
padding: 20px
}
.reviews .slick-list {
width: 100%;
padding-right: 0
}
.reviews-slider {
margin-left: -15px;
margin-right: -15px
}
.reviews__item_date {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.reviews__item_auth {
padding-left: 7px
}
.banner__benefits {
padding: 12px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.banner__benefits div {
padding: 5px
}
.category__item_price del {
margin-left: 0
}
.category__item_img img {
height: 80px
}
.category__item_discount {
padding: 2px 5px;
font-weight: 500;
font-size: 12px
}
.steps__item {
width: 50%
}
}
@media screen and (max-width:360px) {
.logo__games .dropdown__item {
font-size: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.title-section.h1 {
font-size: 42px;
line-height: 53px
}
.content-text {
font-size: 16px;
line-height: 24px
}
.questions__bg:before {
content: "";
width: 150px;
height: 200px
}
.games__item_img-main {
height: 180px
}
}
@media (min-width:1200px) {
.press-item {
aspect-ratio: 1/1
}
.banner-img img {
background-repeat: no-repeat;
width: 100%;
padding: 1px 1px 1px 1px
}
}
@media (min-width:992px) and (max-width:1199.98px) {
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 100%;
max-width: 100%;
padding-right: 5%;
padding-left: 5%;
margin-right: auto;
margin-left: auto
}
}.logo img {
width: auto;
} .questions .title {
position: relative;
margin-bottom: 0;
z-index: 1;
}
.reviews__item_content strong{
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #f6f8fa;
margin-top: 27px;
margin-bottom: 12px;
display: block;
}
.reviews__item_auth-image img {
min-width: 48px;
}
.reviews__item_text{
min-height: 100px;
}
.banner .breadcrumbs .separator {
font-size: 16px;
background: none;
width: auto;
margin: 0px 10px;
}
.breadcrumbs span {
margin: 0;
}
.category__item_dsc ul {
margin: 0;
margin-bottom: 10px;
}
.category__item_content{
}
.category__item_price del * {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #8f9ab1;
} .category__item {
display: flex;
height: calc(100% - 10px);
flex-direction: column;
}
.category__item_content {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
} .btn-big.js_showmore{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
max-width: max-content;
margin: 10px auto;
}
.footer__menu ul li {
margin: 0;
}
.footer__menu ul {
display: block;
}
.menu-container{
position: relative;
z-index: 1;
}
.menu-container .container{
position: relative;
}
.menu-side{
position: absolute;
left: -120px;
top: 50px;
}
.menu-side li.nav-item {
list-style: none;
}
.menu-side li.nav-item a{
background: #1C1C1C;
border-radius: 99px;
width: 95px;
height: 95px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-flow: column;
flex-wrap: wrap;
font-weight: 600;
font-size: 13px;
line-height: 13px;
color: #515A6E;
margin-bottom: 11px;
position: relative;
}
.menu-side li.nav-item a:before{
content: "";
display: block;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/menu_coins.svg);
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;   
}
.menu-side li.nav-item.active a, .menu-side li.nav-item:hover>a{
background: #7A59FF;
color: #FFFFFF;
}
.menu-side li.nav-item.active a:before, .menu-side li.nav-item:hover>a:before{
filter: invert(94%) sepia(100%) saturate(0%) hue-rotate(198deg) brightness(107%) contrast(106%);
}
.menu-side .dropdown-menu.show {
display: block;
background: transparent;
left: 100%;
top: 0;
padding: 0;
min-width: auto;
border: 0;
margin-left: 11px;
}
.menu-side .dropdown {
border: 0;
margin: 0;
}
.nav-item__mob-drop img {
transform: rotate(90deg);
}
.nav-item__mob-drop.rotate img {
transform: rotate(270deg);
}
.nav-item__mob-drop {
padding: 0px 5px;
height: 100%;
}
[type=checkbox]:checked, [type=checkbox]:not(:checked) {
opacity: 1;
}
.product-card form {
display: inline-flex;
width: 100%;
flex-direction: column;
}
.landing-block__left {
width: 100%;
}
.product-card__main{
display: inline-flex;
width: 100%;
align-items: flex-start;
justify-content: space-between;
}
.product-card__info {
max-width: 425px;
position: relative;
top: 0;
right: 0;
padding:22px;
background: #212121;
border: 1px solid #313132;
box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.49);
border-radius: 4px;
}
.product-page{
padding-top:0;
}
.product_card_right {
margin-top: -280px;
width: 425px;
}
.info-title__before, .tc-epo-label{
font-weight: 700;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #F6F2FF;
margin-bottom: 10px !important;
}
.info-title__title{
font-weight: 700;
font-size: 22px;
line-height: 27px;
color: #F6F8FA;
} .product-card__info-title{
margin-bottom:20px;
}
.product-card__options {
margin-top: 10px;
}
label.form-check-label span {
background-color: transparent;
padding-right: 0;
}
.form-switch .form-check-input, .form-switch .form-check-input:focus, .form-switch .form-check-input:active {
width: 55px!important;
height: 25px;
border: 1px solid #9d9d9d;
}
.form-check-input:checked[type=checkbox] {
filter: invert(65%) sepia(71%) saturate(7458%) hue-rotate(235deg) brightness(99%) contrast(103%);
}
.tm-extra-product-options .tc-active .tc-label-wrap{
background-color: transparent !important;    
}
.product-card__info_btns button, .product-card__info_btns button:hover, .product-card__info_btns button:focus, .added_to_cart, .added_to_cart:hover, .added_to_cart:focus{
background: linear-gradient(90deg, #6302D8 10.53%, #5030CE 95.39%);
border-radius: 999px;
color: #fff;
font-weight: 700;
font-size: 16px;
line-height: 28px;
color: #F6F8FA; 
border: 0px;   
}
.product-card__info_btns button:hover, .product-card__info_btns button:focus{
background: linear-gradient(90deg, #5030CE 10.53%, #6302D8 95.39%);
}
.added_to_cart:hover, .added_to_cart:focus{
background: linear-gradient(90deg, #5030CE 10.53%, #6302D8 95.39%);
}
.tc-extra-product-options .tc-row{
margin: 0;   
}
.tm-extra-product-options .tcwidth-100, .tm-extra-product-options .tc-cell.tcwidth-100, .tc-cell.tcwidth-100, .tcwidth-100 {
padding: 0;
}
.tc-extra-product-options .tc-row .tc-container {
width: 100%;
max-width: 100%;
margin-bottom: 0;
margin-left: 0;
}
.tm-extra-product-options .cpf-section .tc-section-inner-wrap > .tc-row > .tc-cell {
padding: 0;
}
.tc-cell.tc-col.tc-element-container ul {
margin: 0;
}
.noui-touch-area {
background: #7a59ff;
border-radius: 0px;
}
.noui-horizontal .noui-handle {
width: 7px;
height:18px;
background: #7a59ff;
border-radius: 0px;
}
.noui-horizontal .noui-active.noui-handle {
width: 10px;
height:18px;
}
.noui-connect, .noui-horizontal .noui-tooltip {
background: #7a59ff;
}
.tc-element-inner-wrap{
border-top: 1px solid #313132;
padding: 15px 0px;
}
.noui-horizontal {
height: 8px;
margin-left: 0;
}
.noui-base {
background: #2F2F2F;
border-radius: 3px;
}
.product-card__info_price>div {
padding: 10px 0;
border: 0;
}
.price.amount.options{
text-align: end;
}
.product-card__info_price {
padding-right: 0;
}
.tc-extra-product-options .tmcp-field-wrap .price.tc-price .amount {
font-size: 14px !important;
}
.tm-extra-product-options-totals>div>span{
font-weight: 700;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #F6F2FF;
}
.product-card__full-price .woocommerce-Price-amount.amount bdi {
font-size: 16px;
line-height: 24px;
color: #F6F8FA;
font-weight: 700;
}
.product-card__info_price__final .product-card__full-price .woocommerce-Price-amount.amount bdi{
font-size: 20px;
line-height: 28px;   
font-weight: 800;
}
.product-card__info_price>div {
padding: 5px 0;
border: 0;
}
.banner-products .banner__benefits{
padding: 15px 22px;
padding-right: 450px;
}
.banner-products .banner__benefits .banner__benefits_title, .banner-products .banner__benefits a, .banner-products .banner__benefits div{
font-size: 12px;
line-height: 15px;
color: #F6F8FA;
background: transparent;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
}
.banner-products .banner__benefits .banner__benefits_title{
font-weight: 700;
text-transform: uppercase;    
}
.banner-products .banner__benefits .banner__benefits_items{
width: auto;
flex-direction: row;
display: flex;
}
.banner-products .banner__benefits .banner__benefits_items a{
margin:0px 6px;
}
.banner-products .banner__benefits .banner__benefits_items a:hover{
background: -o-linear-gradient(358.29deg,#9e85ff 28.01%,#7ea2ff 51.45%);
background: linear-gradient(91.71deg,#9e85ff 28.01%,#7ea2ff 51.45%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.reviews .slick-list {
width: calc(100% + 700px);
padding-right: 700px;
}
.product-card__right .form-check-input{
width: 25px !important;
height: 25px; 
background: #232324;
border: 1px solid #313132;
border-radius: 7px;
}
.product-card__right .form-switch .form-check-input,
.product-card__right .form-switch .form-check-input:focus, 
.product-card__right .form-switch .form-check-input:active{
width: 25px !important;
height: 25px; 
background: #232324;
border: 1px solid #313132;
border-radius: 7px;    
}
.product-card__right [type=checkbox]:checked + label:before{
content: "";
display: block;
z-index: 1;
background: transparent;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/checkbox-active.svg);
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;  
border: 0;
left: -43px;
top: 4px; 
}
.product-card__right select{
background: #2F2F2F;
border: 1px solid #313132;
border-radius: 8px;
color: #fff;
}
.tm-extra-product-options-select label {
max-width: 100% !important;
}
.cpf-type-select .tc-price-wrap{
position: absolute;
right: 40px;
}
.product-card__info_benefits {
margin-top: 22px;
}
.product-card__info_benefits div{
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #A5A9B4;
position: relative;
padding-left: 25px;
}
.pc_benefit-time:before{
content: "";
display: block;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/product-time.svg);
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-size: contain;
background-position: center; 
position: absolute;
left: 0;
top: 3px;  
}
.product-card__info_payment-types{
margin-top: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-wrap: wrap;
margin-left: -12px;
width: calc(100% + 24px);
}
.product-card__info_payment-types img{
padding: 11px 10px;
}
.product-card__description{
padding-right: 22px;  
color: #F6F8FA;
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #F6F8FA; 
}
.product-card__description p{
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #F6F8FA; 
}
.product-card__description h3{
display: inline-flex;
justify-content: center;
align-items: center;
}
.product-card__description h3 img{
margin-right: 15px;
}
.li_diamond{
list-style: none; 
padding-left:0; 
display: flex;
flex-direction: column;
margin-top: 14px;
margin-bottom: 20px;  
}
.li_diamond li{
display: inline-flex;
margin-bottom: 8px;
}
.li_diamond li img{
margin-right: 12px;  
}
.pc__chat{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/bg__chat.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center; 
border-radius: 16px;   
padding: 30px 25px;
margin-top: 17px;
}
.pc__chat .title {
margin-bottom: 0;
}
.pc__chat .title-section{
font-weight: 700;
font-size: 22px;
line-height: 27px;
color: #F6F8FA;
}
.pc__chat .title-btn{
margin-top: 12px;
}
.pc__chat .title-btn a{
background: #f6f8fa;
color: #7a59ff;
}
.woocommerce section .title-before{
color: #7A59FF;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #a5a9b4;
}
body.woocommerce {
background: #171717;
}
body.woocommerce .whyus {
background: transparent;
}
.form__type{
padding: 37px 40px 30px 40px;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/product-form__bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 16px; 
display: inline-flex;
justify-content: space-between;
width: 100%;
place-items: flex-start;
align-self: flex-start;
}
.woocommerce section .form__type .title-before {
color: #F6F2FF;
}
.form__type .btn{
background: #f6f8fa;
color: #7a59ff;
}
.form__type>div{
max-width: 400px;    
}
.form_slider, .form_slider img{
border-radius: 12px;
}
.slider-arrows .slick-arrow {
height: 32px;
width: 32px;
position: absolute;
top: 50%;
margin-top: -16px;
z-index: 1;
font-size: 0;
border-radius: 5px;
background: #1C1C1C;
border: 1px solid #636872;
border-radius: 10px;
}
.slider-arrows .slick-arrow:before {
-webkit-filter: none;
filter: none;
margin-top: 4px;
margin-left: 3px;
}
.slider-arrows .slick-arrow.slick-prev {
left: -12px;
}
.slider-arrows .slick-arrow.slick-prev:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.slider-arrows .slick-arrow.slick-next {
right: -12px;
}
.slick-arrow:before {
content: "";
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/btn-slide.svg);
-webkit-filter: invert(48%) sepia(10%) saturate(326%) hue-rotate(189deg) brightness(93%) contrast(92%);
filter: invert(48%) sepia(10%) saturate(326%) hue-rotate(189deg) brightness(93%) contrast(92%);
width: 11px;
height: 19px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slick-arrow:hover {
background: #30323a!important;
}
.slick-arrow:hover:before {
-webkit-filter: invert(0) sepia(48%) saturate(2%) hue-rotate(29deg) brightness(104%) contrast(101%)!important;
filter: invert(0) sepia(48%) saturate(2%) hue-rotate(29deg) brightness(104%) contrast(101%)!important;
}
.slick-arrow.slider_btn__previous {
margin-right: 12px;
}
.slick-arrow.slider_btn__previous:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.form__type-min{
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/product-form__bg-min.jpg);
padding: 32px 32px 32px 50px;
position: relative;
display: inline-flex;
align-items: center;
}
.form__type-min .title-section{
font-weight: 700;
font-size: 26px;
line-height: 32px;
color: #F6F8FA;
}
.form__type-min .title-description{
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #F6F8FA;
}
.form__type-min .title{
margin:0;
}
.form__type-min__img{
position: absolute;
left: 50%;
margin-left: -140px;
bottom: 0;
}
.form__type-min .title-btn {
margin-top: 16px;
}
.woocommerce form .form-row input.input-text{
color: #fff;       
background-color: #1A1225;
}
.woocommerce form .form-row select{
color: #fff; 
background-color: #1A1225;
}
.checkout.woocommerce-checkout{
margin-bottom: 22px;
}
.labels>div{
background: linear-gradient(91.71deg,#9e85ff 28.01%,#7ea2ff 51.45%) !important;
color: #fff;
}
.info-region a, .info-region div{
font-weight: 700;
font-size: 12px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
background: transparent;
padding: 10px;
border: 1px solid #7a59ff;
}
.info-region a{
background: #7a59ff2b;
border-color: #7a59ff;
}
.info-region a:hover{
background: transparent;
border-color: #7a59ff;    
}
.info-region .info-region__active {
color: #fff;
background: #7a59ff;
border-color: transparent;
}
.info-region a:first-child, .info-region div:first-child{
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
.info-region a:last-child, .info-region div:last-child{
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.product-card__info{
}
.info-region{
display: inline-flex;
margin-top: 10px;   
padding-left: calc(0.5 * var(--tcgap));
}
.banner__review{
z-index: 0;    
}
.product-card__info-title {
margin-bottom: 10px;
}
.woocommerce-input-wrapper .woocommerce-form__label-for-checkbox input{
display: none !important;
}
.default-check .form-check-input:checked ~ .form-check-label::before, .privacy.woocommerce-validated label::before {
background-color: #7a59ff!important;
}
.woocommerce-info a.showcoupon {
color: #7a59ff;
}
.woocommerce-checkout .content .woocommerce {
width: 100%;
}
.cart-block__form_payments_item .btn{
background: #212121;
}
.cart-block__form_payments_item .btn:hover, .btn-check:checked+.btn-outline-success, .btn-check+.btn-outline-success:hover {
background: #7a59ff;
border: 1px solid #7a59ff;
color: #fff;
}
.search-form label {
height: 38px;
}
.search-form{
min-height: 38px;   
}
.dropdown__select {
padding: 9px 12px;
}
.header-content__right .btn{
padding: 9px 16px;
}
.btn_cart{
position: relative;
height: 40px;
display: flex;
padding: 10px !important;
width: 40px;
box-shadow: 0px 4px 27px rgb(0 0 0 / 49%);
border-radius: 10px;
margin-right: 8px;
}
.btn_cart:before{
content: "";
display: block;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/cart.svg);
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;   
}
.how_list b{
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #F6F8FA;
display: block;  
}
.how_list b data{
font-weight: 700;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.1em;
color: #F6F2FF;
margin-right: 18px;
}
.how_list span{
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #A5A9B4;
margin-top:14px;
display: block; 
}
.how_list {
list-style: none;
padding:0;
}
.how_list li {
margin-bottom: 18px;
position: relative;
padding-left: 30px;
}
.how_list li:before{
content: "";
background: #212121;
border: 1px solid #F6F8FA;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
border-radius: 20px;
width: 16px;
height: 16px;
display: inline-block;
position: absolute;
left: 0;
top: 2px;
}
.how_list li:after{
content: "";
width: 1px;
height: 100%;
display: inline-block;
position: absolute;
left: 7px;
top: 18px;
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='6%2c 14' stroke-dashoffset='100' stroke-linecap='round'/%3e%3c/svg%3e");
}
.how_list li:last-child:after{
display: none;
}
.category__item_price{
width: 100%;
display: inline-flex;
flex-direction: row;
align-items: center;
}
.category__item_price b{
margin-right: 10px;
display: inline-flex;
}
a:hover .category__item_price b{
color: #a5a9b4;
}
.cart-block__form_line .form-switch{
position: relative;   
}
.product-template-default .banner__title {
max-width: 658px;
}
.personal-block .woocommerce form .form-row label{
position: relative;
}
.personal-block .woocommerce form .form-row label [type=checkbox]{
position: relative;
}
.form-check.default-check [type=checkbox]{
display: none;
}
.header-content__right .btn {
width: auto;
}
.category__item_img img {
height: auto;
}
.breadcrumbs{
margin:16px 0px;
}
.breadcrumbs a, .breadcrumbs>div{
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #636872;
}
.top-page{
}
.breadcrumbs p {
margin-bottom: 0;
}
.breadcrumbs .last{
font-weight: 600;
font-size: 14px;
color: #A5A9B4;
background: #212121;
border-radius: 8px;
padding: 2px 8px;
}
.page__title{
min-height: 63px;
display: flex;
align-items: center;
margin-bottom: 12px;
}
.page__title h1, .page__title h2{
font-weight: 700;
font-size: 52px;
line-height: 63px;
color: #F6F8FA;
margin:0;
}
.page__title h2{
font-size: 36px;
line-height: 44px;
}
.contacts__form {
background: #212121;
border-radius: 12px;
padding: 33px;
}
.btn-style, button.btn-style, .woocommerce button.button {
padding: 14px 35px;
background: linear-gradient(90deg, #6302D8 10.53%, #5030CE 95.39%);
border-radius: 50px;
font-weight: 700;
font-size: 16px;
line-height: 28px;
color: #F6F8FA;
}
.btn-style:hover, button.btn-style:hover, .woocommerce button.button:hover {
color: #F6F8FA;   
background: linear-gradient(90deg, #7A14F4 10.53%, #4F26F5 95.39%);
}
.btn-style:focus, button.btn-style:focus, .woocommerce button.button:focus {
background: linear-gradient(90deg, #6A1ACB 10.53%, #3613BF 95.39%);
color: #F6F8FA; 
}
form input[type="email"], form input[type="text"], form input[type="tel"], textarea, form input[type="password"], .wc-stripe-elements-field, .wc-stripe-iban-element-field {
background: #2F2F2F;
border: 1px solid #313132;
border-radius: 8px;
color: #A5A9B4;
}
.contacts__soc-list {
margin-bottom: 0;
display: flex;
flex-direction: column;
}
.contacts__soc-list a{
margin: 0;
margin-bottom: 10px;
padding: 10px 10px 10px 26px;
background: #212121;
box-shadow: 0px 33px 104px rgb(0 0 0 / 5%);
border-radius: 12px;
min-height: 60px;
}
.contacts__soc-list a:hover {
background: #2f2f2f;
}
body textarea {
border: transparent;
}
.contacts__soc-list a:before{
width: 41px;
height: 41px;
background-size: 41px;
margin:0;
position: absolute;
}
.contacts-soc__discord:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-discord-color.svg);  
}
.contacts-soc__instagram:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-instagram-color.svg);    
}
.contacts-soc__skype:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-skype-color.svg);    
}
.contacts-soc__mail:before{
background-image:url(//boomboost.co/wp-content/themes/boom-boost-purple/images/soc-discord-mail.svg);  
}
.contacts__soc-list a div{
padding-left: 69px;
font-weight: 700;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.1em;
color: #F6F2FF;
}
.contacts-soc__title{
text-transform: uppercase;
}
.contacts-soc__description{
font-size: 18px;
line-height: 22px;
}
.tooltip-block:hover .tooltiptext {
top: -40px;
}
.footer {
margin-top: 50px;
}
.mini-page{
background: #212121;
border: 1px solid #313132;
box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.49);
border-radius: 12px;
max-width: 926px;
margin: 30px auto 50px;
padding: 29px 47px;
}
h1{
font-weight: 700;
font-size: 36px;
line-height: 44px;
}
h4 {
font-weight: 700;
font-size: 40px;
line-height: 100%;
letter-spacing: normal;
font-weight: 700;
font-size: 26px;
line-height: 32px;
text-transform: none;
}
.page .title {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.accordion-button, .accordion-item:first-of-type .accordion-button {
background: #212121; }
.accordion-item, .accordion-item:first-of-type, .accordion-item:last-of-type {
background: #212121;
padding: 18px 29px;
}
.accordion-button:not(.collapsed){
background: #212121;  
}
button.accordion-button {
font-weight: 800;
font-size: 18px !important;
line-height: 28px;
padding-left: 12px;
}
.accordion-collapse.collapse.show{
border-top: 1px solid #313132;
padding-top: 20px;
}
.accordion-collapse {
transition: 0.4s;
}
.accordion-button:not(.collapsed):after {
filter: invert(34%) sepia(84%) saturate(2540%) hue-rotate(235deg) brightness(100%) contrast(102%);
}
.banner__desc{
margin-top: 16px;
display: flex;  
}
.banner__eta{
padding-right: 20px;   
}
.banner__desc_title{
font-weight: 400;
font-size: 12px;
line-height: 19px;
color: #F6F8FA;
}
.banner__desc_value{
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #F6F8FA;
}
.menu-item-type-custom a{
display: flex;
flex-flow: row-reverse;
justify-content: flex-end;
}
#menu-top-categories{
padding: 0;
list-style: none;
}
.menu-top-categories-container  img {
max-width: 24px;
}
.forms .form_slider {
min-width: 400px;   
}
label.form-check-label span.tc-price-wrap{
padding-right: 10px !important;   
}
label.form-check-label .tc-tooltip {
right: -30px;
}
.cart-block__content{
position: relative;    
}
.woocommerce a.remove{
position: absolute;
top: 5px;
right: 5px;
}
.woocommerce a.remove {
color: #ff3434!important;
}
.woocommerce a.remove:hover {
color: #ff3434!important;
background: #443754;
}
.blockUI.blockOverlay{
display: none !important;
}
.irs-bar, .irs-from, .irs-to{
background: #591ad3 !important;
border-top-color: transparent;
border-bottom-color: transparent;
}
.page_work-with-us{
background: #171717;    
}
.page_work-with-us .top-page{
}
.page_work-with-us .why{
border: 0;
background: #171717;
padding: 40px 0px;    
}
.page_work-with-us .why .row{
position: relative;
}
.why-info-block__container{
background: #212121;
box-shadow: 0px 33px 104px rgba(0, 0, 0, 0.05);
border-radius: 12px;
padding: 26px 37px;
}
.why-ib_item__title{
font-weight: 700;
font-size: 36px;
line-height: 44px;
color: #F6F8FA;
}
.why-ib_item__text{
font-weight: 700;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #F6F2FF;
}
.page_work-with-us .why{
position: relative;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/main_bg2.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.why-info-block{
position: absolute;
bottom: 120px;
}
.why-info-block__container{
display: inline-flex;
width: 100%;
justify-content: space-between;
}
.work-with-us__img{
position: relative;
}
.work-with-us__img:after {
content: "";
background-position: center;
background-size: contain;
background-repeat: no-repeat;
text-align: center;
display: block;
width: 350px;
height: 330px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/bg_block_benefits.svg);
position: absolute;
z-index: 0;
left: -70px;
top: -40px;
}
.page_work-with-us .accordion-item{
padding: 0;
margin-bottom: 8px;
}
.page_work-with-us button.accordion-button, .accordion-item:first-of-type .accordion-button {
padding: 18px 29px;
}
.page_work-with-us .accordion-body {
padding: 0px 85px 38px 29px;
}
.page_work-with-us .faq .title{
text-align: center;
}
.page_work-with-us .faq .title>div{
width: 100%;
}
.your-role__slider-container{
margin: 10px 20px;
position: relative;
}
.your-role__slide-item{
background: linear-gradient(90deg, #6302D8 10.53%, #5030CE 95.39%);
box-shadow: -8px 15px 51px rgba(0, 0, 0, 0.25);
border-radius: 20px;
display: inline-flex !important;
justify-content: end;
position: relative;
overflow: hidden;
padding-top: 80px;
}
.your-role__slide-item img{
z-index: 1;
max-height: 350px;
}
.your-role__slider-container .tns-nav {
display: none;
}
.your-role__slide-title{
font-weight: 700;
font-size: 36px;
line-height: 44px;
color: #F6F8FA;
position: absolute;
top: 46px;
left: 27px;
}
.your-role__slider-container 
.tns-controls button{
padding: 10px;
background-size: 12px;
border-radius: 5px;
background-position: center;
border: 1px solid #443754;
background-repeat: no-repeat;
}
.your-role__slider-container 
.tns-outer button[data-controls="prev"]{
left: -5px;    
}
.your-role__slider-container 
.tns-outer button[data-controls="next"]{
right: -5px;
}
.your-role__slider-container .your-role__slide-item:before{
content: "";
position: absolute;
background-image: url(//boomboost.co/wp-content/themes/boom-boost-purple/images/template/img-shadow.png);
background-position: right;
background-repeat: no-repeat;
background-size: auto;
width: 100%;
height: 100%;
z-index: 0;
bottom: -1px;
right: 0;
}
.page_work-with-us .faq{
background: #080808;
}
.your-role__slide-title2{
font-weight: 700;
font-size: 65px;
line-height: 79px;
color: rgba(255, 255, 255, 0.1);
position: absolute;
left: -21px;
width: 150%;
top: 68px;
}
.your-role__description{
font-weight: 600;
font-size: 16px;
line-height: 26px;    
}
.your-role__description h4{
}
.your-role__description h5{
font-weight: 700;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #F6F2FF;  
}
.your-role__info{
font-weight: 400;
font-size: 12px;
line-height: 19px;
color: #A5A9B4;
padding-left: 18px;
}
.your-role__description .title-btn{
display: inline-flex;
margin-top: 16px;
align-items: center;
}
.your-role__description .title-btn a{
min-width: 202px;
}
.about_loyalty{
background: #1c1c1c;
}
.benefits_loyalty{
background: transparent;
}
.news-item__desc a {
color: #7a59ff;
}
.landing-404{
padding:  180px 0px;
background-position: top;
}
.landing-404 .container{
text-align: center;    
}
.landing-404 .container img{
margin: 0 auto;
}
.landing-404-title{
font-weight: 700;
font-size: 26px;
line-height: 32px;
text-align: center;
color: #F6F8FA;
margin: 49px 0px 21px 0px;
}
.payment_method_stripe label{
padding-right: 50%;
}
.payment_method_stripe_cc .wc-stripe-card-icons-container {
display: flex;
}
.payment_method_stripe_cc .wc-stripe-card-icons-container img {
max-width: 30px;
}
.cart-block__form_payments_list .payment_box.payment_method_stripe ul{
display: none !important;
}
.discord_button{
max-width: 118px;
transition: 0.4s;
}
.discord_button:hover{
opacity: 0.8;
}
.news-element-line .news-item__title,
.news-item__content {
overflow-wrap: anywhere;
}
.pagination {
text-align: center;
justify-content: center;
}
.news-element-line {
overflow: hidden;
}
.news-element-line .news-item__image {
height: auto;
}
@media (max-width: 1440px){
.menu-side {
left: -85px;
}
}
@media (max-width: 991.98px){
.product_card_right {
margin-top: -160px;
width: 360px;
}
.form__type-min{
display: block;   
}
.form__type-min__img {
position: absolute;
left: auto;
margin-left: 0;
bottom: 0;
right: 0;
}
.form__type>div {
max-width: 45%;
}
}
@media (max-width: 768px){
.product-card__main{
flex-direction: column-reverse;   
}
.product_card_right {
margin-top: 0;
width: 100%;
max-width: 100%;
}
.product-card__info {
max-width: 100%;
}
.pc__chat{
margin-bottom: 20px;
}
.banner-products .banner__benefits {
padding-right: 0;
}
.product-card__right{
width: 100%;   
}
.form__type{
flex-direction: column;    
}
.form__type>div {
max-width: 100%;
}
.form__type-min__img{
display: none;
}
.product-card__info_price__options span {
min-width: inherit;
}
.forms .form_slider {
min-width: 300px;   
}
.why-info-block__container {
flex-direction: column;
align-items: center;
}
.why-ib_item{
margin-bottom: 10px; 
text-align: center;   
}
.your-role .row{
flex-direction: column-reverse;
}
.your-role__slider-container {
margin: 20px;
}
.why-info-block {
position: relative;
margin-bottom: -120px;
}
}
.payment_method_stripe .stripe-cards-icon{
display:none;
}
.woocommerce-form-coupon-toggle{
display:none;	
}
.woocommerce-additional-fields textarea{
color: #fff  !important;
background-color: #1A1225 !important;
}
.cart-block__total_line .woocommerce-input-wrapper label:has(input:checked)::after {
background-color: #7a59ff !important;
border-radius: 5px;
}
.tc-tooltip {
position: absolute;
right: -12px;
top: 50%;
margin-top: -8px;
font-size: 1em;
}
.logo__img {
margin-right: 8px;
}.wc-stripe-payment-button-preview{align-items:center;background-color:#000;border-radius:5px;display:flex;height:40px;justify-content:center}.wc-stripe-payment-button-preview img{height:22px}.wc-stripe-payment-button-preview:hover{cursor:pointer;filter:opacity(.7)}.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview{background-color:#ffd814}.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview img{height:40px}.wc-stripe-payment-button-preview.wc-stripe-link-preview{background-color:#00d66f}.wc-stripe-payment-button-preview.wc-stripe-link-preview img{height:40px}
button.stripe-gateway-stripelink-modal-trigger{background:no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA3MiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM2LjEyIDMuNjc2ODNDMzYuMTIgMi41NDg4MiAzNy4wNzA0IDEuNjMyMDIgMzguMTg4OCAxLjYzMjAyQzM5LjMwNzIgMS42MzIwMiA0MC4yNTc2IDIuNTUzNjIgNDAuMjU3NiAzLjY3NjgzQzQwLjI1NzYgNC44MDAwMyAzOS4zNDA4IDUuNzQ1NjMgMzguMTg4OCA1Ljc0NTYzQzM3LjAzNjggNS43NDU2MyAzNi4xMiA0LjgyODgzIDM2LjEyIDMuNjc2ODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0yOS45ODA4IDEuOTIwMDFIMzMuNTgwOFYyMi4wOEgyOS45ODA4VjEuOTIwMDFaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik00MC4wMDggNy42ODAwMUgzNi4zNzkyVjIyLjA4SDQwLjAwOFY3LjY4MDAxWiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNjYuMDk2IDE0LjM5MDRDNjguODI3MiAxMi43MTA0IDcwLjY4NDggMTAuMjA5NiA3MS40MTkyIDcuNjc1MjRINjcuNzkwNEM2Ni44NDQ4IDEwLjA5NDQgNjQuNjc1MiAxMS45MTM2IDYyLjI4OTYgMTIuNjg2NFYxLjkxNTIzSDU4LjY2MDhWMjIuMDc1Mkg2Mi4yODk2VjE2LjA4QzY1LjA1OTIgMTYuNzcxMiA2Ny4yNDggMTkuMTY2NCA2Ny45OTY4IDIyLjA3NTJINzEuNjQ5NkM3MS4wOTI4IDE5LjAyMjQgNjkuMDA0OCAxNi4xNjY0IDY2LjA5NiAxNC4zOTA0WiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNDYuNDQgOS4yOTI4M0M0Ny4zOTA0IDguMDMwNDMgNDkuMjQzMiA3LjI5NjAyIDUwLjc0NTYgNy4yOTYwMkM1My41NDg4IDcuMjk2MDIgNTUuODY3MiA5LjM0NTYzIDU1Ljg3MiAxMi40NDE2VjIyLjA3NTJINTIuMjQzMlYxMy4yNDMyQzUyLjI0MzIgMTEuOTcxMiA1MS42NzY4IDEwLjUwMjQgNDkuODM4NCAxMC41MDI0QzQ3LjY3ODQgMTAuNTAyNCA0Ni40MzUyIDEyLjQxNzYgNDYuNDM1MiAxNC42NTkyVjIyLjA4NDhINDIuODA2NFY3LjY4OTYySDQ2LjQ0VjkuMjkyODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1NyAxOC42Mjc0IDAgMTIgMEM1LjM3MjU5IDAgMCA1LjM3MjU3IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTkgMjQgMTIgMjRaIiBmaWxsPSIjMDBENjZGIi8+CjxwYXRoIGQ9Ik0xMS40NDc5IDQuODAwMDVINy43NDcwN0M4LjQ2NzA3IDcuODA5NjUgMTAuNTY5NSAxMC4zODI0IDEzLjE5OTkgMTJDMTAuNTY0NyAxMy42MTc2IDguNDY3MDcgMTYuMTkwNCA3Ljc0NzA3IDE5LjJIMTEuNDQ3OUMxMi4zNjQ3IDE2LjQxNiAxNC45MDM5IDEzLjk5NjggMTguMDIzOSAxMy41MDI0VjEwLjQ5MjlDMTQuODk5MSAxMC4wMDMzIDEyLjM1OTkgNy41ODQwNSAxMS40NDc5IDQuODAwMDVaIiBmaWxsPSIjMDExRTBGIi8+Cjwvc3ZnPgo=);background-color:transparent!important;border:none;cursor:pointer;display:none;height:40px;position:absolute;right:5px;width:64px}button.stripe-gateway-stripelink-modal-trigger:hover{background-color:transparent;border-color:transparent}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span{width:100%}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span>span{align-items:center;display:flex;float:right;justify-content:center}#radio-control-wc-payment-method-options-stripe__content.optimized-checkout-element{padding-top:1.4em}#radio-control-wc-payment-method-options-stripe__content.optimized-checkout-element .content:empty{display:none}#radio-control-wc-payment-method-options-stripe__label>span>span{border:none}.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
} .ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px; bottom: 0px; position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px; right: 0; position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
} .ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px; bottom: 2px; position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px; right: 2px; position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
} @supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}body{
position: relative;
}
.woo_amc_open{
width: 60px;
height: 60px;
z-index: 10000;
cursor: pointer;
}
.woo_amc_open.right-top{
position: absolute;
right: 30px;
top: 30px;
}
.woo_amc_open.left-top{
position: absolute;
left: 30px;
top: 30px;
}
.woo_amc_open.right-top-fixed{
position: fixed;
right: 30px;
top: 30px;
}
.woo_amc_open.left-top-fixed{
position: fixed;
left: 30px;
top: 30px;
}
.woo_amc_open.right-bottom-fixed{
position: fixed;
right: 30px;
bottom: 30px;
}
.woo_amc_open.left-bottom-fixed{
position: fixed;
left: 30px;
bottom: 30px;
}
.woo_amc_open_count{
width: 30px;
height: 30px;
position: absolute;
right: -10px;
top: -10px;
border-radius: 20px;
line-height: 30px;
text-align: center;
font-size: 17px;
overflow: hidden;
}
.woo_amc_open_active .woo_amc_open_count{
display: block;
}
.woo_amc_open_image{
display: flex;
width: 60px;
height: 60px;
align-items: center;
justify-content: center;
}
.woo_amc_open_image svg{
width: 50px;
max-height: 100%;
}
.woo_amc_bg{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999999;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.woo_amc_bg.woo_amc_show{
visibility: visible;
opacity: 1;
}
.woo_amc_bg.woo_amc_show:after{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.woo_amc_container_side .woo_amc_center{
margin: 0 auto;
max-width: 300px;
width: 100%;
}
.woo_amc_head{
position: relative;
display: flex;
align-items: center;
height: 55px;
}
.woo_amc_close{
position: absolute;
right: 20px;
top: 50%;
margin-top: -6px;
cursor: pointer;
width: 15px;
height: 15px;
}
.woo_amc_close:hover{
opacity: 0.7;
}
.woo_amc_close svg{
display: block;
}
.woo_amc_footer{
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.woo_amc_footer:hover{
opacity: 0.8;
}
.woo_amc_flex{
display: flex;
align-items: center;
}
.woo_amc_footer_w50{
width: 50%;
}
.woo_amc_footer .woo_amc_flex{
height: 90px;
}
.woo_amc_footer_lines{
padding-left: 15px;
}
.woo_amc_footer_link{
padding-right: 15px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: right;
}
.woo_amc_footer_lines .woo_amc_label, .woo_amc_footer_lines .woo_amc_value{
display: inline-block;
}
.woo_amc_footer_lines .woo_amc_value{
margin-left: 15px;
}
.woo_amc_container_wrap_center{
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;
display: none;
z-index: 999999;
}
.woo_amc_container_wrap_center .woo_amc_bg{
visibility: visible;
opacity: 1;
z-index: 1;
position: absolute;
}
.woo_amc_container_center{
margin: 0 auto;
max-width: 647px;
width: 100%;
max-height: 100%;
overflow: auto;
position: relative;
padding-top: 50px;
padding-bottom: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.woo_amc_container_center .woo_amc_container{
position: relative;
}
.woo_amc_container_center .woo_amc_items_wrap{
padding-bottom: 110px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.woo_amc_container_center .woo_amc_center{
margin: 0 auto;
}
.woo_amc_container_wrap{
position: fixed;
top: 0px;
bottom: 0;
width: 0;
overflow: hidden;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
z-index: 999999;
}
.woo_amc_container_wrap_right{
right: 0;
}
.woo_amc_container_wrap_left{
left: 0;
}
.woo_amc_container_wrap.woo_amc_show{
width: 380px;
}
.woo_amc_container_side{
width: 380px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.woo_amc_items_scroll{
position: absolute;
left: 0;
right: 0;
top: 75px;
bottom: 110px;
}
.woo_amc_container_wrap_right .ps__rail-y{
left: 0;
}
.woo_amc_items_wrap{
position: relative;
}
.woo_amc_item_wrap{
position: relative;
-webkit-transition: 0;
-moz-transition: 0;
-ms-transition: 0;
-o-transition: 0;
transition: 0;
}
.woo_amc_item_wrap+.woo_amc_item_wrap{
margin-top: 20px;
}
.woo_amc_items_wrap_loading .woo_amc_item_wrap{
opacity: 0.5;
}
.woo_amc_item{
position: relative;
}
.woo_amc_item_img{
float: left;
width: 70px;
display: block;
transition: 0.3s;
}
.woo_amc_item_img:hover{
opacity: 0.8;
}
.woo_amc_item_img img{
max-width: 100%;
height: auto !important;
}
.woo_amc_item_content{
margin-left: 85px;
}
.woo_amc_item_title{
line-height: 150%;
padding-right: 20px;
}
.woo_amc_item_title a{
text-decoration: none;
}
.woo_amc_item_title a:hover{
opacity: 0.7;
}
.woo_amc_item_price_wrap, .woo_amc_item_dop{
margin-top: 5px;
}
.woo_amc_item_price_label{
display: inline-block;
}
.woo_amc_item_delete{
position: absolute;
right: 0;
top: 0;
width: 15px;
height: 15px;
cursor: pointer;
}
.woo_amc_item_delete:hover{
opacity: 0.7;
}
.woo_amc_item_delete svg{
display: block;
width: 15px;
height: 15px;
}
.woo_amc_item_quanity_wrap{
margin-top: 10px;
font-size: 0;
}
.woo_amc_item_quanity_minus, .woo_amc_item_quanity_plus{
display: inline-block;
width: 15px;
height: 15px;
vertical-align: top;
cursor: pointer;
padding-top: 2px;
}
.woo_amc_item_quanity_minus:hover, .woo_amc_item_quanity_plus:hover{
opacity: 0.7;
}
.woo_amc_item_quanity_minus svg, .woo_amc_item_quanity_plus svg{
width: 15px;
height: 15px;
display: block;
}
input.woo_amc_item_quanity{
margin: 0;
padding: 0;
width: 30px;
height: 20px;
margin-left: 10px;
margin-right: 10px;
border: none;
background: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
outline: 0;
border: 0;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: 400;
box-shadow: none;
text-align: center;
}
.woo_amc_item_quanity_plus{
}
.woo_amc_item_total_price{
position: absolute;
right: 0;
bottom: 0;
line-height: 100%;
}
.woo_amc_item_price_wrap del, .woo_amc_item_price_wrap ins{
display: inline-block;
margin-left: 3px;
}
.woo_amc_clear{
clear: both;
}
.woo_amc_items_loading{
display: flex;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
min-height: 64px;
justify-content: center;
align-items: center;
z-index: 2;
visibility: hidden;
}
.woo_amc_items_wrap_loading .woo_amc_items_loading{
visibility: visible;
}
.woo_amc_items_wrap_loading .lds-spinner {
color: official;
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.woo_amc_items_wrap_loading .lds-spinner div {
transform-origin: 32px 32px;
animation: lds-spinner 1.2s linear infinite;
}
.woo_amc_items_wrap_loading .lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.woo_amc_items_wrap_loading .lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media(max-width: 600px){
.woo_amc_container_center{
padding-top: 0;
padding-bottom: 0;
}
}
@media(max-width: 380px){
.woo_amc_container_wrap.woo_amc_show, .woo_amc_container_side{
width: 100%;
}
.woo_amc_container_center .woo_amc_items_wrap{
padding-right: 15px;
padding-left: 15px;
}
}