@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600;700&display=swap');
body,h1,h2,h3,h4,h5,h6,p,a,span,label,input,li,ul,ol,div{
    font-family: 'Josefin Sans', sans-serif;
}

body{
    margin: 0;
    padding: 0;
}

::selection {
  background: #FF4236; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #FF4236; /* Gecko Browsers */
  color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(255, 66, 54, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 66, 54, 0.6) !important;
  outline: none !important;
}

div:focus{
	outline: none !important;
}

h1{
    color: #fff;
    text-align: center;
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 60px;
}

h2{
    font-weight: bold;
    color: #D3A739;
}

a{
	transition: all 0.25s;
}

a:hover,
a:focus{
	text-decoration: none;
}

.bg{
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.clear{
    clear: both;
}


.text-muted{
    color: #FF4236 !important;
}
/* HEADER */

header .navbar{
    background: transparent;
}

header .navbar .navbar-brand{
    width: 270px;
    position: absolute;
    left: 50%;
    margin: 70px 0 0 -135px;
}

header .navbar .navbar-brand img{
    width: 270px;
}

header .navbar .nav-link{
    color: #B3B3B3;
    font-size: 16px;
}

header .navbar .nav-link:hover,
header .navbar .nav-link:focus,
header .navbar .nav-link:active{
    color: #D3A739;
}

#homepageHeader{
    background-color: #1A1A1A;
    padding: 270px 0 80px;
    margin-top: -56px;
}


.basketCount{
    width: 20px;
    height: 20px;
    color: #fff;
    background: #FF4236;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    margin: -24px 0 0 65px;
}
/* FOOTER */

footer{
    border-top: 1px solid #fff;
    padding: 30px 0;
    background: #1A1A1A;
}

footer a,
footer p{
    color: #fff;
}

footer a:hover{
    color: #D3A739;
}

footer ul{
    padding-left: 0;
    list-style: none;
}

/* PRODLIST */

#productList{
    background: #1A1A1A;
    padding: 80px 0;
}

#productList .item img{
    max-width: 80%;
    transition: all 0.25s;
}

#productList .item:hover img{
    transform: scale(1.1);
}

#productList .item a{
    color: #FFF;
    font-size: 18px;
    line-height: 22px;
}

#productList .item a span{
    color: #FF4236;
}

#productList .item:hover a{
    color: #D3A739;
}

#vipHomepageShort{
    background-color: #1A1A1A;
    padding: 80px 0;
    position: relative;
}

#vipHomepageShort .arrows{
    position: absolute;
    width: 250px;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
}

#vipHomepageShort .arrow-right{
    right: 0;
}

#vipHomepageShort h2,
#vipDesc h2{
    color: #D3A739;
}

#vipHomepageShort h3,
#vipDesc h3{
    color: #fff;
}

#vipHomepageShort p{
    color: #B3B3B3;
}

#vipDesc{
    background-color: #1A1A1A;
    padding: 80px 0 400px;
}

#vipDesc .col-12{
    border: 1px solid #D3A739;
    padding: 50px;
}

#vipDesc h2,
#vipDesc h3{
    text-align: center;
}

#vipDesc h4{
    color: #D3A739;
    padding-left: 45px;
    margin: 30px 0 10px;
}

#vipDesc h4:before{
    content: url(/../rcbf/themes/frontend/images/pipe.png);
    position: absolute;
    left: 50px;
    margin-top: -2px;
}

#vipDesc p{
    color: #fff;
    padding-left: 45px;
}

#vipDesc .price ul{
    padding: 0;
}

#vipDesc .price ul>li{
    color: #fff;
    font-size: 20px;
    list-style: none;
}

#vipDesc .price ul>li span{
    color: #D3A739;
    font-size: 20px;
}

#vipDesc .packageItem{
    border: none;
    margin-bottom: -340px;
}

#vipDesc .packageItem .inner{
    border: 1px solid #D3A739;
    padding: 50px;
    background: #1A1A1A;
}

#vipDesc .packageItem p{
    padding-left: 0 !important;
}

#vipDesc .btn-primary{
    background: #D3A739;
    border-radius: 0;
    border: 2px solid #D3A739;
    font-weight: bold;
    padding: 9px 30px 6px;
    margin-bottom: -120px;
}

#vipDesc .btn-primary:hover,
#vipDesc .btn-primary:focus,
#vipDesc .btn-primary:active{
    background: #fff;
    color: #D3A739;
    border: 2px solid #D3A739;
}


/* PRODUCT PAGE */

#productDescription{
    padding: 80px 0;
    background: #1A1A1A;
}

#productDescription p,
#productDescription li{
    color: #fff;
}

#homepageHeader.productpage h3{
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
}

#homepageHeader.productpage p.oldprice{
    color: #fff;
    text-decoration: line-through;
    margin-bottom: 0;
}

#homepageHeader.productpage p.sale{
    color: #FF4236;
    font-size: 22px;
    font-weight: bold;
}

#homepageHeader.productpage .form-control{
    font-family: sans-serif;
    background: transparent;
    color: #fff;
    border-radius: 0;
}

#homepageHeader.productpage select option{
    color: #1A1A1A;
    border-radius: 0;
}

#homepageHeader.productpage .storageDesc{
    color: #B3B3B3
}

#homepageHeader.productpage .storageDesc span{
    color: #FF4236;
}

#homepageHeader.productpage .modal .form-control{
    color: #000;
}

#homepageHeader.productpage .modal .form-control.error{
    border-color: #FF4236;
}

#homepageHeader.productpage .modal small{
    color: #FF4236 !important;
}


#homepageHeader.productpage .btn-primary,
.modal-body .btn-primary{
    background: #FF4236;
    color: #fff;
    border: 2px solid #FF4236;
    padding: 9px 30px 5px;
}

.modal-body .alert-success{
    background: none;
    border: none;
    color: #000;
}

.basketLayer .btn-success{
    background: #FF4236;
    border: 2px solid #FF4236;
}
.basketLayer .btn-link{
    color: #a1a1a1;
}

.basketLayer p{
    font-size: 12px;
}

.basketLayer .prices{
    font-size: 12px;
}

.basketLayer .delItem{
    color: #fff;
    background: #a1a1a1;
    padding: 2px 5px 0px;
}

#basketpage{
    margin-top: 15px;
}

#basketpage header .secret{
    display: none;
}

#checkoutcontent .user-datas .item .inner{
    height: auto;
    margin: 0;
}

#checkoutcontent .user-datas .item{
    padding: 1px 15px;
}

#checkoutcontent .user-datas .item .inner h2{
    color: #000;
}

#checkoutcontent .user-datas .item .inner a,
#checkoutcontent .user-datas .item .inner p{
    color: #a1a1a1;
}

#checkoutcontent .product-datas h2{
    text-align: center;
    color: #000;
    font-weight: bold;
}

#basketpage #basketcontent .data-content h2{
    color: x000;
}

#basketpage #basketcontent .data-content .addaddressformdiv{
    padding-left: 0;
}

#basketpage #basketcontent {
    margin-top: 17px;
}

#checkoutcontent{
    margin-top: 50px;
}
@media (max-width: 767px){
    #homepageHeader {
        padding: 40px 20px;
        margin-top: 50px;
    }

    #productList {
        padding: 40px 0;
    }

    #productList hr{
        border-color: #a1a1a1;
    }

    #productList .item {
        margin: 0;
    }

    #productList .item .right{
        text-align: left;
        display: flex;
        align-items: center;
    }

    #productList .item img{
        margin-bottom: 0 !important;
    }

    #vipHomepageShort .arrows{
        display: none;
    }

    #vipDesc{
        padding: 30px;
    }

    #vipDesc h2{
        font-size: 30px;
        line-height: 33px;
    }

    #vipDesc h3{
        font-size: 18px;
    }

    #vipDesc h4,
    #vipDesc p{
        padding-left: 30px;
    }

    #vipDesc h4:before {
        content: url(/../themes/frontend/images/pipe.png);
        left: 15px;
    }

    #vipDesc .col-12{
        padding: 30px 20px 30px 20px;
    }

    #vipDesc .packageItem{
        padding: 5px;
        margin-bottom: 30px;
    }

    #vipDesc .packageItem .inner{
        padding: 30px;
    }

    #vipDesc .packageItem h2{
        font-size: 20px;
    }

    #vipDesc .btn-primary{
        margin-bottom: -82px;
    }

    #vipDesc .price ul>li,
    #vipDesc .price ul>li span{
        font-size: 18px;
    }

    #homepageHeader.productpage{
        text-align: center;
    }

    #homepageHeader.productpage img{
        margin: 0 !important;
    }

    #homepageHeader.productpage h3{
        text-align: center;
        font-size: 25px
    }

    #homepageHeader.productpage .form-control{
        width: 100% !important;
    }

    #homepageHeader.productpage .btn-primary, .modal-body .btn-primary{
        margin-top: 0 !important;
    }

    #productDescription{
        padding: 30px 15px;
        text-align: center;
    }

    .modal-body .btn-secondary{
        margin-bottom: 15px;
    }
    
}

@media (min-width: 768px) and (max-width: 992px){
    
}

@media (min-width: 993px) and (max-width: 1200px){
    #vipDesc h2, #vipDesc h3 {
        text-align: center;
        font-size: 22px;
    }

    #vipDesc .packageItem .inner{
        padding: 30px;
    }
}

@media (min-width: 1201px) and (max-width: 1366px){
    #vipDesc h2, #vipDesc h3 {
        text-align: center;
        font-size: 22px;
    }

    #vipDesc .packageItem .inner{
        padding: 30px;
    }
}

@media (min-width: 1367px){
  
}