@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face{
font-family:Flaticon;
src:url(../fonts/Flaticon.eot);
src:url(../fonts/Flaticond41d.eot?#iefix) format("embedded-opentype"),url(../fonts/Flaticon.woff2) format("woff2"),url(../fonts/Flaticon.woff) format("woff"),url(../fonts/Flaticon.ttf) format("truetype"),url(../fonts/Flaticon.svg#Flaticon) format("svg");
font-weight:400;
font-style:normal
}
@media screen and (-webkit-min-device-pixel-ratio:0){
@ font-face{
font-family:Flaticon;
src:url(../fonts/Flaticon.svg#Flaticon) format("svg")
}
}
[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before{
font-family:Flaticon;
font-style:normal
}
.flaticon-shield:before{
content:"\f100"
}
.flaticon-quote:before{
content:"\f101"
}
.flaticon-door:before{
content:"\f102"
}
.flaticon-mails:before{
content:"\f103"
}
.flaticon-phone:before{
content:"\f104"
}
.flaticon-projection-screen:before{
content:"\f105"
}
.flaticon-website:before{
content:"\f106"
}
.flaticon-save-money:before{
content:"\f107"
}
.flaticon-ssl:before{
content:"\f108"
}
.flaticon-ui-1:before{
content:"\f109"
}
.flaticon-click:before{
content:"\f10a"
}
.flaticon-click-1:before{
content:"\f10b"
}
.flaticon-prediction:before{
content:"\f10c"
}
.flaticon-play:before{
content:"\f10d"
}
.flaticon-google-maps:before{
content:"\f10e"
}
.flaticon-add-photo:before{
content:"\f10f"
}
.flaticon-typography:before{
content:"\f110"
}
.flaticon-shopping-basket:before{
content:"\f111"
}
.flaticon-commerce-and-shopping:before{
content:"\f112"
}
.flaticon-box:before{
content:"\f113"
}
.flaticon-height:before{
content:"\f114"
}
.flaticon-order:before{
content:"\f115"
}
.flaticon-tshirt:before{
content:"\f116"
}
.flaticon-food-and-restaurant:before{
content:"\f117"
}
.flaticon-commerce-and-shopping-1:before{
content:"\f118"
}
.flaticon-3d-design:before{
content:"\f119"
}
.flaticon-world:before{
content:"\f11a"
}
.flaticon-support:before{
content:"\f11b"
}
.flaticon-free-shipping:before{
content:"\f11c"
}
.flaticon-vr-glass:before{
content:"\f11d"
}
.flaticon-add:before{
content:"\f11e"
}
.flaticon-quote-1:before{
content:"\f11f"
}
.flaticon-bin:before{
content:"\f120"
}
.flaticon-facebook-1:before{
content:"\f121"
}
.flaticon-twitter:before{
content:"\f122"
}
.flaticon-google-play:before{
content:"\f123"
}
.flaticon-fit:before{
content:"\f124"
}
.flaticon-ui-2:before{
content:"\f125"
}
.flaticon-cost:before{
content:"\f126"
}
.flaticon-product-1:before{
content:"\f127"
}
.flaticon-user-profiles:before{
content:"\f128"
}
.flaticon-support-2:before{
content:"\f129"
}
.flaticon-guarantee:before{
content:"\f12a"
}
.flaticon-free:before{
content:"\f12b"
}
.flaticon-support-3:before{
content:"\f12c"
}
.flaticon-quote-2:before{
content:"\f12d"
}
.flaticon-woman-1:before{
content:"\f12e"
}
.flaticon-download:before{
content:"\f12f"
}
.flaticon-agreement:before{
content:"\f130"
}
.flaticon-result:before{
content:"\f131"
}
.flaticon-work:before{
content:"\f132"
}
.flaticon-factory:before{
content:"\f133"
}
.flaticon-objective:before{
content:"\f134"
}
.flaticon-start:before{
content:"\f135"
}
.flaticon-cloud-computing:before{
content:"\f136"
}
.flaticon-send:before{
content:"\f137"
}
.flaticon-balaclava:before{
content:"\f138"
}
.flaticon-insurance:before{
content:"\f139"
}
.flaticon-empire-state-building:before{
content:"\f13a"
}
.flaticon-cardiovascular:before{
content:"\f13b"
}
.flaticon-cancer:before{
content:"\f13c"
}
.flaticon-alarm:before{
content:"\f13d"
}
.flaticon-kidney:before{
content:"\f13e"
}
.flaticon-wire:before{
content:"\f13f"
}
.flaticon-construction-and-tools:before{
content:"\f140"
}
.flaticon-invention:before{
content:"\f141"
}
.flaticon-protector:before{
content:"\f142"
}
.flaticon-water:before{
content:"\f143"
}
.flaticon-leak:before{
content:"\f144"
}
.flaticon-drain:before{
content:"\f145"
}
.flaticon-water-heater:before{
content:"\f146"
}
.flaticon-html:before{
content:"\f147"
}
.flaticon-marsupial:before{
content:"\f148"
}
.flaticon-internet:before{
content:"\f149"
}
.flaticon-pin-1:before{
content:"\f14a"
}
.flaticon-time-and-date:before{
content:"\f14b"
}
.flaticon-send-1:before{
content:"\f14c"
}
.flaticon-map-location:before{
content:"\f14d"
}
.flaticon-time-and-date-1:before{
content:"\f14e"
}
.flaticon-calendar:before{
content:"\f14f"
}
.flaticon-send-2:before{
content:"\f150"
}
.flaticon-work-1:before{
content:"\f151"
}
.flaticon-idea:before{
content:"\f152"
}
.flaticon-dinner:before{
content:"\f153"
}
.flaticon-architecture-and-city:before{
content:"\f154"
}
.flaticon-video:before{
content:"\f155"
}
.flaticon-drink:before{
content:"\f156"
}
.flaticon-profits:before{
content:"\f157"
}
.flaticon-null:before{
content:"\f158"
}
.flaticon-deposit:before{
content:"\f159"
}
.flaticon-money-withdrawal:before{
content:"\f15a"
}
.flaticon-esports:before{
content:"\f15b"
}
.flaticon-shield-1:before{
content:"\f15c"
}
.flaticon-casino:before{
content:"\f15d"
}
.flaticon-dice:before{
content:"\f15e"
}
.flaticon-save:before{
content:"\f15f"
}
.flaticon-jigsaw:before{
content:"\f160"
}
.flaticon-second-prize:before{
content:"\f161"
}
.flaticon-gaming:before{
content:"\f162"
}
.flaticon-wallet:before{
content:"\f163"
}
.flaticon-marketing:before{
content:"\f164"
}
.flaticon-arrow:before{
content:"\f165"
}
.flaticon-address:before{
content:"\f166"
}
.flaticon-whatsapp:before{
content:"\f167"
}
.flaticon-mail-1:before{
content:"\f168"
}
.flaticon-playing-cards:before{
content:"\f169"
}
.flaticon-casino-1:before{
content:"\f16a"
}
.flaticon-baccarat:before{
content:"\f16b"
}
.flaticon-dice-1:before{
content:"\f16c"
}
.flaticon-casino-2:before{
content:"\f16d"
}
.flaticon-table-for-playing-cards:before{
content:"\f16e"
}
.flaticon-gift:before{
content:"\f16f"
}
.flaticon-gear-1:before{
content:"\f170"
}
.flaticon-account:before{
content:"\f171"
}
.flaticon-business-and-finance:before{
content:"\f172"
}
.flaticon-money:before{
content:"\f173"
}
.flaticon-affiliate:before{
content:"\f174"
}
.flaticon-list:before{
content:"\f175"
}
.flaticon-click-3:before{
content:"\f176"
}
.flaticon-binocular:before{
content:"\f177"
}
.flaticon-search-1:before{
content:"\f178"
}
.flaticon-category:before{
content:"\f179"
}
.flaticon-travel:before{
content:"\f17a"
}
.flaticon-support-4:before{
content:"\f17b"
}
.flaticon-plus:before{
content:"\f17c"
}
.flaticon-minus:before{
content:"\f17d"
}
.flaticon-marker:before{
content:"\f17e"
}
.flaticon-email:before{
content:"\f17f"
}
.flaticon-phone-1:before{
content:"\f180"
}
.flaticon-play-button:before{
content:"\f181"
}
.flaticon-server:before{
content:"\f182"
}
.flaticon-server-1:before{
content:"\f183"
}
.flaticon-browser:before{
content:"\f184"
}
.flaticon-database:before{
content:"\f185"
}
.flaticon-password:before{
content:"\f186"
}
.flaticon-question:before{
content:"\f187"
}
.flaticon-process:before{
content:"\f188"
}
.flaticon-domain-registration:before{
content:"\f189"
}
.flaticon-click-2:before{
content:"\f18a"
}
.flaticon-play-button-1:before{
content:"\f18b"
}
.flaticon-technician:before{
content:"\f18c"
}
.flaticon-chart:before{
content:"\f18d"
}
.flaticon-server-2:before{
content:"\f18e"
}
.flaticon-server-3:before{
content:"\f18f"
}
.flaticon-watch:before{
content:"\f190"
}
.flaticon-maintenance:before{
content:"\f191"
}
.flaticon-repair:before{
content:"\f192"
}
.flaticon-add-group:before{
content:"\f193"
}
.flaticon-cpu:before{
content:"\f194"
}
.flaticon-cloud-computing-1:before{
content:"\f195"
}
.flaticon-bandwidth:before{
content:"\f196"
}
.flaticon-speed:before{
content:"\f197"
}
.flaticon-server-4:before{
content:"\f198"
}
*{
margin:0;
padding:0;
border:none;
outline:0
}
body{
font-size:16px;
color: #fff;
line-height:1.7em;
font-weight:400;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
font-family:Teko,sans-serif;
position: relative;
background: url(../images/bannerbg.png) #1d0706 50% no-repeat;
background-size: 50;
background-position: top center;
padding-bottom: 100px;
}
a{
text-decoration:none;
cursor:pointer;
transition:.3s;
color:#292929
}
a:focus,a:hover,a:visited,button{
text-decoration:none;
outline:0!important;
transition:.3s
}
h1,h2,h3,h4,h5,h6{
position:relative;
font-weight:700;
margin:0;
background:0 0;
line-height:1.2em;
font-family: "Poppins", sans-serif;
text-align: center;
}
h1{
font-size:52px
}
h2{
font-size: 54pt;
letter-spacing: 0;
color: #ffffff !important;
background: transparent;
line-height: 1.1;
-webkit-text-fill-color: unset;
font-weight: 700;
font-style: italic;
font-family: 'Teko', sans-serif;
text-align: center;
text-shadow: -1px 1px 20px rgba(0,0,0,.1), 0 0 5px #000000;
}
h3{
font-size: 80px;
}
h4{
font-size: 20px;
}
h5{
font-size:20px
}
h6{
font-size:18px
}
button,input,select,textarea{
outline:0
}
textarea{
overflow:hidden
}
p{
position:relative;
font-family: "Poppins", sans-serif
}
img{
-webkit-user-drag:none;
-khtml-user-drag:none;
-moz-user-drag:none;
-o-user-drag:none;
display:inline-block;
max-width:100%
}
li,ul{
list-style:none;
padding:0;
margin:0
}
img{
display:inline-block;
max-width:100%
}
::selection{
background-color:#0e8A701a;
color:#fadb0a
}
-moz-::selection{
background-color:#0e8A701a;
color:#fadb0a
}
-webkit-::selection{
background-color:#0e8A701a;
color:#fadb0a
}
-o-::selection{
background-color:#0e8A701a;
color:#fadb0a
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
overflow:hidden
}
.btn.focus,.btn:focus{
box-shadow:none
}
.border-0{
border:0
}
.radius-50{
border-radius:50px!important
}
.centered{
text-align:center
}
.cl-black{
color:#292929
}
.cl-primary{
color:#fadb0a
}
.cl-white{
color:#fff
}
.cl-blue{
color:#6c0b09
}
.cl-blue-2{
color:#000040
}
.cl-green{
color:#86bc42
}
.cl-mint{
color:#17c0eb
}
.cl-yellow{
color:#f19b4e
}
.cl-red{
color:#ff5252
}
.cl-facebook{
color:#3b5999
}
.cl-twitter{
color:#55acee
}
.cl-youtube{
color:#cd201f
}
.cl-pinterest{
color:#bd081c
}
.cl-instagram{
color:#f5214a
}
.facebook-bg{
background:#3b5999
}
.twitter-bg{
background:#55acee
}
.youtube-bg{
background:#cd201f
}
.pinterest-bg{
background:#bd081c
}
.google-plus-bg{
background:#dd5144
}
.linkedin-bg{
background:#0077b5
}
.instagram-bg{
background:#f5214a
}
.container{
max-width:1200px
}
.container-fluid{
padding:0 50px
}
.section-padding{
padding:100px 0
}
.section-padding-2{
padding-top: 5px;
padding-bottom:25px;
}
.section-padding-3{
padding-top:100px;
padding-bottom:40px
}
.section-title{
margin-bottom:40px
}
.section-title h4{
color:#fadb0a;
font-size:16px;
font-weight:700;
text-transform:uppercase;
margin-bottom:10px;
letter-spacing:2px
}
.section-title h2{
position:relative;
font-size:28px;
font-weight:700;
line-height:1.4;
z-index:1;
text-transform:uppercase;
display:inline-block
}
@media (max-width:575px){
.section-title h2{
font-size:22px;
font-weight:700
}
}
@media (max-width:450px){
.section-title h2{
font-size:32px
}
}
.mar-0{
margin:0
}
.mt-10{
margin-top:10px
}
.mt-20{
margin-top:20px
}
.mt-30{
margin-top:30px
}
.mt-40{
margin-top:40px
}
.mt-50{
margin-top:50px
}
.mt-60{
margin-top:60px
}
.mb-10{
margin-bottom:10px
}
.mb-20{
margin-bottom:20px
}
.mb-30{
margin-bottom:30px
}
.mb-40{
margin-bottom:40px
}
.mb-50{
margin-bottom:50px
}
.mb-60{
margin-bottom:60px
}
.mr-10{
margin-right:10px
}
.mr-20{
margin-right:20px
}
.mr-30{
margin-right:30px
}
.mr-40{
margin-right:40px
}
.mr-50{
margin-right:50px
}
.mr-60{
margin-right:60px
}
.pad-0{
padding:0
}
.pt-10{
padding-top:10px
}
.pt-20{
padding-top:20px
}
.pt-30{
padding-top:30px
}
.pt-40{
padding-top:40px
}
.pt-50{
padding-top:50px
}
.pt-60{
padding-top:60px
}
.pb-10{
padding-bottom:10px
}
.pb-20{
padding-bottom:20px
}
.pb-30{
padding-bottom:30px
}
.pb-40{
padding-bottom:40px
}
.pb-50{
padding-bottom:50px
}
.pb-60{
padding-bottom:60px
}
.gray-bg{
background:#f9f9f9
}
.black-bg{
background:#292929
}
.black-bg-2{
background:#555
}
.primary-bg{
background:#fadb0a
}
.primary-light-bg{
background:#00c9B72c
}
.primary-bg-dark{
background:#037ebd
}
.white-bg{
background:#fff
}
.light-blue-bg{
background:#234ba5
}
.green-bg{
background:#86bc42
}
.blue-bg-2{
background:0 0
}
.red-bg{
background:#ff5252
}
.yellow-bg{
background:#f19b4e
}
.yellow-light-bg{
background:#e9eef7
}
.purple-bg{
background:#8e0ef0
}
.purple-light-bg{
background:#e8cffc
}
.mint-bg{
background:#17c0eb
}
.transparent-bg{
background:0 0
}
.dark-overlay{
background-size:cover!important;
position:relative;
z-index:1
}
.dark-overlay:after{
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background:#111;
content:"";
z-index:-1;
opacity:.6
}
.blue-overlay{
background-size:cover!important;
position:relative;
z-index:1
}
.blue-overlay:after{
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background:#1d0302;
content:"";
z-index:-1;
opacity:.9
}
.gradient-overlay{
background-size:cover!important;
position:relative;
z-index:1
}
.gradient-overlay:after{
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background:-webkit-linear-gradient(left,#561b84 0,#242482 100%);
content:"";
z-index:-1;
opacity:.9
}
.shaded-bg{
position:relative;
overflow:hidden;
z-index:1
}
.shaded-bg::after{
height:100%;
width:100%;
position:absolute;
content:"";
top:0;
left:0;
transform:skewX(-40deg);
z-index:-1;
}
.bttn-mid{
position:relative;
font-size:14px;
font-weight:700;
padding:14px 40px;
border-radius:12px;
display:inline-block;
cursor:pointer;
text-transform:uppercase;
transition:.4s
}
.bttn-small{
position:relative;
font-size:12px;
font-weight:700;
padding:8px 28px;
border-radius:12px;
display:inline-block;
cursor:pointer;
transition:.4s;
font-family: "Poppins", sans-serif;
text-transform:uppercase
}
.bttn-mid i,.bttn-small i{
margin-right:7px
}
.btn-fill{
color:#fff;
background: #000000;
border:none;
font-weight:700;
color: #fdc437;
width: 100%;
padding:15px 120px;
-webkit-transition:.5s;
transition:.5s;
background-size:200% auto;
font-size:20px;
font-weight:700;
border-radius: 5px;
/* animation:pulse 1.5s infinite ease-in-out;
*/
text-align: center;
}
.btn-fill:hover{
background-position:right center;
color: #ffffff;
transform:translateY(-3px);
box-shadow: 0 0 20px 0 #ffffff;
}
.bttn-mid.btn-emt{
padding:12px 41px
}
.btn-emt{
background:0 0;
color:#fff;
border:2px solid #fff;
box-shadow:0 0 16px 4px rgba(0,0,0,.05)
}
.btn-emt:hover{
color:#fff;
box-shadow:none;
background:#fadb0a;
border:2px solid transparent
}
.btn-wht{
background:#fff;
color:#fadb0a;
box-shadow:0 0 16px 4px rgba(0,0,0,.05)
}
.btn-wht:hover{
background:#fadb0a;
color:#fff
}
.btn-blu{
background:#6c0b09;
color:#fff;
box-shadow:0 0 16px 4px rgba(0,0,0,.05)
}
.btn-blu:hover{
background:#fadb0a;
color:#6c0b09
}
.preloader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:99999;
display:flex;
flex-flow:row nowrap;
justify-content:center;
align-items:center;
background:#6c0b09
}
.lds-roller{
display:inline-block;
position:relative;
width:80px;
height:80px
}
.lds-roller div{
animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;
transform-origin:40px 40px
}
.lds-roller div:after{
content:" ";
display:block;
position:absolute;
width:7px;
height:7px;
border-radius:50%;
background:#fff;
margin:-4px 0 0 -4px
}
.lds-roller div:nth-child(1){
animation-delay:-36ms
}
.lds-roller div:nth-child(1):after{
top:63px;
left:63px
}
.lds-roller div:nth-child(2){
animation-delay:-72ms
}
.lds-roller div:nth-child(2):after{
top:68px;
left:56px
}
.lds-roller div:nth-child(3){
animation-delay:-108ms
}
.lds-roller div:nth-child(3):after{
top:71px;
left:48px
}
.lds-roller div:nth-child(4){
animation-delay:-144ms
}
.lds-roller div:nth-child(4):after{
top:72px;
left:40px
}
.lds-roller div:nth-child(5){
animation-delay:-.18s
}
.lds-roller div:nth-child(5):after{
top:71px;
left:32px
}
.lds-roller div:nth-child(6){
animation-delay:-216ms
}
.lds-roller div:nth-child(6):after{
top:68px;
left:24px
}
.lds-roller div:nth-child(7){
animation-delay:-252ms
}
.lds-roller div:nth-child(7):after{
top:63px;
left:17px
}
.lds-roller div:nth-child(8){
animation-delay:-288ms
}
.lds-roller div:nth-child(8):after{
top:56px;
left:12px
}
@keyframes lds-roller{
0%{
transform:rotate(0)
}
100%{
transform:rotate(360deg)
}
}
a#scrollUp{
right:10px;
bottom:10px;
width:50px;
height:50px;
line-height:50px;
background: #dbbf8e;
text-align:center;
color:#6c0b09;
border-radius:50%;
font-size:16px;
}
a#scrollUp:hover{
background:#6c0b09;
color:#fff
}
@-webkit-keyframes shape_1{
0%{
transform:rotate(0)
}
100%{
transform:rotate(360deg)
}
}
@keyframes shape_1{
0%{
transform:rotate(0)
}
100%{
transform:rotate(360deg)
}
}
@-webkit-keyframes shape_2{
0%{
transform:rotate(0)
}
100%{
transform:rotate(360deg)
}
}
@keyframes shape_2{
0%{
transform:rotate(0)
}
100%{
transform:rotate(360deg)
}
}
@-webkit-keyframes shape_3{
0%{
transform:rotate(0)
}
100%{
transform:rotate(360deg)
}
}
@keyframes shape_3{
0%{
transform:rotate(0)
}
100%{
transform:rotate(360deg)
}
}
.header-top{
color:#fff;
padding: 25px 0;
}
.header-top .single-header-top p{
margin:0;
margin-top:3px;
font-size:13px;
display:inline-block;
color:#ffb801;
text-transform:uppercase
}
.header-top .single-header-top p span{
margin-right:20px
}
.header-top .single-header-top p span i{
margin-right:5px
}
.header-top .single-header-top p span a{
color:#292929
}
.header-top .single-header-top p span a:hover{
color:#fadb0a
}
.header-top .single-header-top ul{
display:inline-block;
margin-left:20px
}
.header-top .single-header-top ul li{
display:inline-block;
margin:0 8px
}
.header-top .single-header-top ul li:last-child{
margin-right:0
}
.header-top .single-header-top ul li a{
color:#fff;
font-size:14px;
font-weight:600
}
.header-top .single-header-top ul li a i{
margin-right:5px
}
.header-top .single-header-top ul li a:hover{
color:#fadb0a;
text-decoration:underline
}
.header-top .single-header-top .account-menu{
float:right
}
@media (max-width:767px){
.header-top .single-header-top .account-menu{
float:none;
text-align:center
}
}
.header-top .single-header-top .account-menu select{
font-size:13px;
text-transform:uppercase;
border:1px solid #585894;
background:#6c0b09;
color:#fff;
border-radius:4px;
font-weight:700;
padding:1px 3px
}
@media (max-width:767px){
.header-top .single-header-top .account-menu ul{
margin-left:0
}
}
@media (max-width:767px){
.header-top .single-header-top{
text-align:center;
overflow:hidden;
margin-bottom:10px
}
}
@media (max-width:767px){
.header-top .single-header-top.last{
margin-bottom:0
}
}
.acc-tab-btn{
width:100%;
background:#6c0b09;
text-align:center;
border:3px solid #6c0b09
}
.acc-tab-btn li{
width:50%;
float:left
}
.acc-tab-btn li a{
width:100%;
padding:12px 0;
display:inline-block;
color:#fff
}
.acc-tab-btn li a.active{
background-image:linear-gradient(to left,#a756ff 0,#5b98ff 100%)
}
.social-login{
text-align:center;
margin-bottom:20px
}
.social-login a{
padding:6px 18px;
margin-right:10px;
color:#fff;
display:inline-block;
border-radius:4px
}
@media (max-width:420px){
.social-login a{
margin-bottom:5px
}
}
.social-login a i{
margin-right:5px
}
.acc-form input{
width:100%;
height:50px;
border:2px solid #ddd;
margin-bottom:15px;
text-indent:15px;
transition:.3s
}
.acc-form input:focus{
border:2px solid #6c0b09
}
.acc-form button{
width:100%
}
.header-area{
padding:10px 0;
transition:.4s;
width:100%;
z-index:11
}
.header-area.fixed-header{
padding:10px 0;
transition:.4s;
width:100%;
top:0;
z-index:11;
background:#fff;
position:fixed
}
.header-area.fixed-header ul li::before{
color:#292929
}
.header-area.fixed-header ul li:hover::before{
color:#fadb0a
}
.header-area.fixed-header ul li a{
color:#292929
}
@media (max-width:991px){
.header-area.fixed-header ul li a{
color:#fff
}
}
.header-area.fixed-header ul li a:hover{
color:#fadb0a
}
.header-area.fixed-header .header-btn button{
color:#292929
}
.header-sticky{
background:0 0
}
.sticky-header{
background:#fff;
padding:10px 0
}
.navbar-brand img{
height:50px;
width:auto
}
.main-menu{
padding-left:0;
padding-right:0
}
.main-menu ul li{
margin-right:25px
}
.main-menu ul li:last-child{
margin-right:0
}
.main-menu ul li:hover a{
color:#fadb0a
}
.main-menu ul li a{
color:#fff;
font-weight:400;
text-transform:uppercase;
font-size:14px;
font-family: "Poppins", sans-serif
}
.main-menu ul li:nth-last-of-type(1) .dropdown-menu .dropdown-menu,.main-menu ul li:nth-last-of-type(2) .dropdown-menu .dropdown-menu,.main-menu ul li:nth-last-of-type(3) .dropdown-menu .dropdown-menu{
left:-100%;
top:0
}
ul.dropdown-menu li a{
text-transform:capitalize
}
li.nav-item.dropdown .dropdown-toggle{
position:relative
}
li.nav-item.dropdown .dropdown-toggle:before{
position:absolute;
content:"\f107";
font-family:FontAwesome;
font-size:16px;
font-weight:400;
right:-7px;
top:48%;
transform:translateY(-48%)
}
@media (max-width:991px){
li.nav-item.dropdown .dropdown-toggle:before{
display:none
}
}
.dropdown-menu li.nav-item.dropdown:before{
position:absolute;
content:"\f107";
font-family:FontAwesome;
font-size:16px;
right:15px;
top:48%;
transform:translateY(-48%) rotate(-90deg);
color:#292929
}
.dropdown a{
transition:.4s
}
.dropdown-menu{
opacity:0;
visibility:hidden;
transition:all .5s;
display:block;
background:#6c0b09;
margin-top:23px;
width:220px;
border-radius:0;
border:0;
border-bottom:3px solid #fadb0a;
-webkit-box-shadow:0 7px 20px -14px rgba(34,54,60,.74);
box-shadow:0 7px 20px -14px rgba(34,54,60,.74)
}
.dropdown:hover>.dropdown-menu{
opacity:1;
visibility:visible;
transform:translate3d(0,-5px,0)
}
.dropdown-menu a{
padding-top:7px;
padding-bottom:7px;
font-size:14px;
color:#fff!important
}
.dropdown-menu a:hover{
background:0 0;
color:#fadb0a!important
}
.dropdown-menu a:active{
background:0 0
}
ul.dropdown-menu li .dropdown-menu{
left:100%;
top:0
}
@media (max-width:991px){
ul.dropdown-menu li .dropdown-menu.show{
visibility:visible;
opacity:1
}
}
.main-menu ul li ul li{
margin-right:0
}
.menu-toggle{
position:relative;
display:block;
width:25px;
height:20px;
background:0 0;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
color:#292929;
font-size:0;
-webkit-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
transition:all .25s ease-in-out
}
.menu-toggle:after,.menu-toggle:before{
content:'';
display:block;
width:100%;
height:2px;
position:absolute;
top:50%;
left:50%;
background:#fff;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
transition:-webkit-transform .25s ease-in-out;
-webkit-transition:-webkit-transform .25s ease-in-out;
-o-transition:-webkit-transform .25s ease-in-out;
transition:transform .25s ease-in-out;
-moz-transition:-webkit-transform .25s ease-in-out;
-ms-transition:-webkit-transform .25s ease-in-out
}
span.is-active{
border-color:transparent
}
span.is-active:before{
-webkit-transform:translate(-50%,-50%) rotate(45deg);
-ms-transform:translate(-50%,-50%) rotate(45deg);
transform:translate(-50%,-50%) rotate(45deg)
}
span.is-active:after{
-webkit-transform:translate(-50%,-50%) rotate(-45deg);
-ms-transform:translate(-50%,-50%) rotate(-45deg);
transform:translate(-50%,-50%) rotate(-45deg)
}
span.menu-toggle:hover{
color:#ffb606
}
span.is-active{
border-color:transparent
}
span.is-active:before{
-webkit-transform:translate(-50%,-50%) rotate(45deg);
-ms-transform:translate(-50%,-50%) rotate(45deg);
transform:translate(-50%,-50%) rotate(45deg)
}
span.is-active:after{
-webkit-transform:translate(-50%,-50%) rotate(-45deg);
-ms-transform:translate(-50%,-50%) rotate(-45deg);
transform:translate(-50%,-50%) rotate(-45deg)
}
.dropdown-toggle::after{
display:none
}
.black-bg .menu-toggle{
border-top:2px solid #fff;
border-bottom:2px solid #fff
}
.black-bg .menu-toggle::after,.black-bg .menu-toggle::before{
background:#fff
}
.black-bg .menu-toggle.is-active{
border-color:transparent
}
.header-btn{
margin-left:40px
}
.search-btn{
font-size:14px;
color:#fff;
display:inline-block
}
.search-full{
position:fixed;
top:0;
left:0;
width:100%;
height:0;
opacity:0;
visibility:hidden;
background:#fadb0a;
z-index:999;
transition:all .3s ease-in-out;
transform-origin:top
}
.search-full.open{
height:150px;
opacity:1;
visibility:visible
}
.search-full.close{
height:0;
opacity:0;
visibility:hidden
}
.search-full .search-close{
color:#fadb0a;
font-size:20px;
position:absolute;
top:20px;
right:20px;
z-index:9;
background:0 0;
color:#fff;
transform:rotate(45deg)
}
.search-full .search-close:hover{
transform:rotate(135deg)
}
.search-full--inner{
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
width:100%
}
.main-search-form{
width:100%
}
.main-search-form input{
border:2px solid #fff;
width:100%;
background-color:transparent;
color:#fff;
height:55px;
font-size:18px;
font-weight:300;
text-indent:20px;
transition:.4s
}
.main-search-form input:focus,.main-search-form input:hover{
border:2px solid #fff
}
.main-search-form input::-webkit-input-placeholder{
color:#fff
}
.main-search-form input::-moz-placeholder{
color:#fff
}
.main-search-form input:-ms-input-placeholder{
color:#fff
}
.main-search-form input:-moz-placeholder{
color:#fff
}
@media (max-width:991px){
.navbar-brand{
margin-left:15px
}
.main-menu ul li{
margin-right:0;
position:relative;
margin:3px 0
}
.main-menu ul li.dropdown a{
z-index:999;
position:relative;
color:#fff
}
.main-menu ul li a{
color:#fff
}
.main-menu ul li.dropdown:after{
position:absolute;
content:"\f107";
font-family:FontAwesome;
right:15px;
top:0;
color:#fff;
line-height:45px;
overflow:hidden;
z-index:1;
width:45px;
text-align:center;
background:#000040
}
.dropdown-menu{
display:none
}
.dropdown-menu{
width:auto;
margin:10px 15px 10px 0;
background:#000040
}
.navbar-collapse{
margin-top:20px;
padding-left:15px;
max-height:450px;
overflow:auto;
background:rgba(45,13,107,.7);
padding-bottom:20px
}
.cart-btn{
margin-left:0;
margin-top:15px
}
li.nav-item.dropdown:before{
display:none
}
.header-btn{
margin-left:0
}
}
@media (max-width:575px){
.main-menu{
padding-left:15px;
padding-right:15px
}
.navbar-brand{
right: 25px;
top: 50px;
}
.navbar-toggler{
padding-right:0
}
}
.footer-area{
position:relative;
z-index:1;
background:#6c0b09;
overflow:hidden
}
.footer-area::after{
position:absolute;
content:"";
right:-100px;
bottom:-100px;
width:523px;
height:396px;
background:url(../images/footer-bottom-1.png) no-repeat;
opacity:.1
}
.footer-area::before{
position:absolute;
content:"";
left:-300px;
bottom:-300px;
width:800px;
height:750px;
background:url(../images/about.png) no-repeat;
opacity:.1
}
.footer-area .footer-widget{
margin-bottom:30px;
color:#fff
}
.footer-area .footer-widget h3{
font-size:22px;
margin-bottom:20px;
margin-top:-4px;
font-weight:400;
position:relative;
text-transform:capitalize
}
.footer-area .footer-widget p{
margin-bottom:20px;
color:#96abbb
}
.footer-area .footer-widget .social a{
height:35px;
width:35px;
line-height:35px;
border-radius:50%;
color:#fff;
font-size:13px;
text-align:center;
margin-right:5px;
display:inline-block
}
.footer-area .footer-widget .social a:hover{
background:#fadb0a;
color:#fff
}
.footer-area .footer-widget.footer-nav{
margin-bottom:30px
}
.footer-area .footer-widget.footer-nav ul li{
margin-bottom:10px;
position:relative;
transition:.4s
}
.footer-area .footer-widget.footer-nav ul li:last-child{
margin-bottom:0
}
.footer-area .footer-widget.footer-nav ul li:hover{
color:#73e457
}
.footer-area .footer-widget.footer-nav ul li a{
color:#96abbb;
text-transform:capitalize;
font-family: "Poppins", sans-serif;
padding-left:25px;
position:relative;
font-size:14px
}
.footer-area .footer-widget.footer-nav ul li a::before{
position:absolute;
content:"\f024";
left:0;
top:-3px;
font-family:Fontawesome;
font-size:12px
}
.footer-area .footer-widget.footer-nav ul li a:hover{
color:#fff
}
.footer-area .footer-widget.footer-insta .row{
margin:0 -2px
}
.footer-area .footer-widget.footer-insta .row [class*=col]{
padding:0 2px;
margin-bottom:4px
}
.footer-area .footer-widget.footer-insta .row [class*=col] a{
position:relative;
display:block
}
.footer-area .footer-widget.footer-insta .row [class*=col] a img{
width:100%
}
.footer-area .footer-widget.footer-insta .row [class*=col] a::before{
position:absolute;
width:100%;
height:100%;
content:"";
left:0;
top:0;
background:#fadb0a;
opacity:0;
transition:.4s;
z-index:1
}
.footer-area .footer-widget.footer-insta .row [class*=col] a::after{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
color:#fff;
font-size:16px;
content:"\f06e";
font-family:Fontawesome;
opacity:0;
z-index:2;
transition:.4s
}
.footer-area .footer-widget.footer-insta .row [class*=col] a:hover::before{
opacity:.8
}
.footer-area .footer-widget.footer-insta .row [class*=col] a:hover:after{
opacity:1
}
.copyright{
color: #ffffff;
padding:20px 0;
font-size:14px;
text-align: center;
}
.copyright .copy-text p{
margin:0;
color: #dcbf8f;
}
@media (max-width:767px){
.copyright .copy-text{
text-align:center;
margin-bottom:15px
}
}
.copyright .copy-nav ul{
margin:0;
float:right
}
@media (max-width:767px){
.copyright .copy-nav ul{
float:none;
text-align:center
}
}
.copyright .copy-nav ul li{
display:inline-block;
margin:0 8px
}
.copyright .copy-nav ul li a{
color:#fadb0a;
font-size:14px
}
.copyright .copy-nav ul li a:hover{
color:#fff
}
.hero-area{
padding:150px 0;
color:#fff;
position:relative;
overflow:hidden
}
@media (max-width:991px){
.hero-area{
padding:150px 0
}
}
.hero-area::before{
position:absolute;
content:"";
width:950px;
height:950px;
right:0;
top:-50px;
background:url(../images/hero-bg.png)
}
@media (max-width:991px){
.hero-area::before{
display:none
}
}
@media (max-width:991px){
.hero-area .hero-content{
text-align:center
}
}
.hero-area .hero-content h4{
color:#fadb0a;
font-weight:700;
font-size:18px;
text-transform:uppercase;
margin-bottom:20px;
letter-spacing:2px
}
.hero-area .hero-content h1{
font-size:80px;
text-transform:uppercase;
margin-bottom:40px
}
@media (max-width:991px){
.hero-area .hero-content h1{
font-size:60px
}
}
@media (max-width:575px){
.hero-area .hero-content h1{
font-size:40px
}
}
.hero-area .hero-content h2{
font-size:52px;
margin-bottom:20px;
font-weight:300
}
.hero-area .hero-content p{
font-size:18px
}
@media (max-width:575px){
.hero-area .hero-content a{
margin-bottom:10px
}
}
.hero-slider{
color:#fff
}
.hero-slider .single-slide{
padding:220px 0
}
@media (max-width:991px){
.hero-slider .single-slide{
padding:150px 0
}
}
@media (max-width:991px){
.hero-slider .single-slide .hero-content{
text-align:center
}
}
.hero-slider .single-slide .hero-content h4{
color:#fadb0a;
font-weight:700;
font-size:18px;
text-transform:uppercase;
margin-bottom:20px;
letter-spacing:2px
}
.hero-slider .single-slide .hero-content h1{
font-size:80px;
text-transform:uppercase;
margin-bottom:40px
}
@media (max-width:991px){
.hero-slider .single-slide .hero-content h1{
font-size:60px
}
}
@media (max-width:575px){
.hero-slider .single-slide .hero-content h1{
font-size:40px
}
}
.hero-slider .single-slide .hero-content h2{
font-size:52px;
margin-bottom:20px;
font-weight:300
}
.hero-slider .single-slide .hero-content p{
font-size:18px
}
@media (max-width:575px){
.hero-slider .single-slide .hero-content a{
margin-bottom:10px
}
}
.hero-slider .owl-nav{
display:block
}
.hero-slider .owl-nav button{
position:absolute;
left:50px;
top:50%;
transform:translateY(-50%);
font-size:20px;
color:#292929;
height:80px;
width:80px;
border-radius:50%;
background:rgba(45,13,107,.5)!important;
box-shadow:0 0 16px 4px rgba(0,0,0,.05)
}
.hero-slider .owl-nav button.owl-next{
left:auto;
right:50px
}
.hero-slider .owl-nav button:hover{
background:#6c0b09!important
}
@media (max-width:991px){
.hero-slider .owl-nav{
display:none
}
}
.single-box{
position:relative;
padding:40px;
color:#fff;
border-radius:10px;
z-index:1;
margin-bottom:30px
}
.single-box::before{
background:#132152;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
content:'';
z-index:-1;
border-radius:10px
}
.single-box img{
margin-bottom:30px;
width:50px
}
.single-box h3{
font-size:24px;
margin-bottom:10px;
font-weight:300
}
.single-box p{
margin-bottom:20px;
color:#ffffffb8
}
.single-playnow{
background:#6c0b09;
padding:30px;
text-align:center;
color:#fff;
border-radius:8px;
border:1px solid rgba(0,0,64,.2);
margin-bottom:30px;
box-shadow:0 0 16px 4px rgba(0,0,0,.18);
transition:.6s;
position:relative
}
.single-playnow::after{
position:absolute;
content:"\f141";
color:rgba(255,255,255,.1);
font-size:60px;
top:25px;
right:10px;
font-family:Flaticon;
transition:.5s
}
.single-playnow img{
width:220px;
margin-bottom:10px
}
.single-playnow h4{
font-weight:300;
font-size:24px;
margin-bottom:30px
}
.single-playnow:hover{
background:#000040
}
.single-playnow:hover a{
transform:scale(1.2)
}
.single-playnow:hover::after{
font-size:90px;
top:40px;
right:30px
}
.winner-list .table-dark{
background:#000040;
color:#fff
}
.winner-list .table{
border-radius:8px;
margin-bottom:0;
font-family: "Poppins", sans-serif
}
.winner-list .table thead{
background:#6c0b09
}
.winner-list .table thead tr th{
padding:20px;
color:#fff;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px
}
.winner-list .table tbody tr th{
padding:20px;
vertical-align:middle
}
.winner-list .table tbody tr td{
font-size:16px;
padding:25px;
font-weight:300;
vertical-align:middle
}
.winner-list .table tbody tr td img{
width:25px;
margin-right:12px
}
.winner-list .table tbody tr:hover{
box-shadow:0 0 15px 0 rgba(29,17,128,.3)
}
.single-brands{
text-align:center;
margin-bottom:30px
}
.single-brands a{
display:block;
border:2px solid #6c0b09;
padding:20px 20px;
border-radius:8px;
background:#fff
}
.single-brands a:hover{
border-color:#ffb801
}
.single-brands a:hover img{
transform:scale(1.1)
}
.single-brands a img{
width:auto!important;
margin:auto;
transition:.4s
}
.counter-area{
background-size:cover
}
.counter-area .single-counter{
margin-bottom:30px;
text-align:center;
color:#fff;
padding:20px;
border:1px dashed #fff;
transition:.4s;
border-radius:8px
}
@media (max-width:575px){
.counter-area .single-counter{
margin-bottom:50px
}
}
.counter-area .single-counter i{
font-size:42px;
display:block;
line-height:initial;
margin-bottom:20px
}
.counter-area .single-counter h3{
font-size:18px;
font-weight:700;
margin-bottom:10px;
letter-spacing:2px;
text-transform:uppercase;
margin-top:10px
}
.counter-area .single-counter h5{
font-size:18px;
font-weight:400;
text-transform:capitalize
}
.counter-area .single-counter:hover{
border-color:#fadb0a
}
.testimonials .single-testimonial{
padding:40px;
margin-bottom:30px;
border:1px solid #fff;
border-radius:8px;
overflow:hidden;
color:#fff;
transition:.4s
}
.testimonials .single-testimonial .testimonial-thumb{
width:20%;
float:left
}
.testimonials .single-testimonial .testimonial-thumb img{
width:100%;
border-radius:7px
}
.testimonials .single-testimonial .testimonial-content{
width:75%;
float:left;
margin-left:5%
}
.testimonials .single-testimonial .testimonial-content .ratings{
color:#f19b4e
}
.testimonials .single-testimonial .testimonial-content .ratings i{
font-size:12px;
margin-right:1px
}
.testimonials .single-testimonial .testimonial-content p{
margin-bottom:10px;
font-size:14px;
font-weight:400;
line-height:2em;
color:#ffe22f
}
.testimonials .single-testimonial .testimonial-content h5{
font-size:18px;
font-weight:400;
margin-bottom:5px
}
.testimonials .single-testimonial .testimonial-content h6{
font-weight:300;
font-size:14px;
color:#6c0b09
}
.testimonials .single-testimonial:hover{
border-color:rgba(250,219,10,.4)
}
.feature-area .single-feature{
margin-bottom:30px;
border:2px solid #efefef23;
padding:45px 30px;
text-align:center;
border-radius:4px
}
.feature-area .single-feature img{
width:65px;
height:65px;
margin-bottom:30px;
transition:.4s
}
.feature-area .single-feature h4{
font-weight:300;
color:#fff;
margin-bottom:15px;
text-transform:capitalize
}
.feature-area .single-feature p{
color:#fff;
margin-bottom:15px
}
.feature-area .single-feature a{
font-weight:400;
color:#fff
}
.feature-area .single-feature a:hover{
color:#6c0b09
}
.feature-area .single-feature:hover img{
transform:scale(1.2)
}
.feature-area .single-feature-2{
margin-bottom:60px;
padding:0 30px;
text-align:center;
color:#fff;
position:relative
}
.feature-area .single-feature-2.bottom-after:after{
content:'';
position:absolute;
width:70%;
height:32px;
top:0;
left:70%;
background:url(../images/after-1.png) center center no-repeat;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0s
}
@media (max-width:991px){
.feature-area .single-feature-2.bottom-after:after{
display:none
}
}
.feature-area .single-feature-2.bottom-before:after{
content:'';
position:absolute;
width:70%;
height:32px;
bottom:150px;
left:68%;
background:url(../images/after-2.png) center center no-repeat;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0s
}
@media (max-width:991px){
.feature-area .single-feature-2.bottom-before:after{
display:none
}
}
.feature-area .single-feature-2 i{
font-size:34px;
height:90px;
width:90px;
line-height:90px;
font-style:unset;
border-radius:50%;
text-align:center;
color:#fff;
font-weight:700;
display:block;
margin:auto;
margin-bottom:30px;
box-shadow:0 0 9px 0 rgba(0,0,0,.1);
border:2px solid #fff;
transition:.4s
}
.feature-area .single-feature-2 h4{
font-weight:300;
margin-bottom:2px;
text-transform:capitalize;
transition:.4s;
color: #000000 !IMPORTANT;
font-weight:700;
font-size:32px
}
.feature-area .single-feature-2 p{
margin-bottom:-5px;
text-transform:capitalize;
font-weight:400;
font-size:20px
}
.feature-area .single-feature-2:hover i{
background:#fff;
color:#6c0b09
}
.faq-contents{
display:block;
height:auto;
margin-bottom:30px
}
.faq-contents .accordion{
list-style:none;
padding:0
}
.faq-contents .accordion li{
position:relative;
margin-bottom:20px;
border:1px solid #d9d9d9;
border-radius:4px
}
.faq-contents .accordion li:last-child{
margin-bottom:0
}
.faq-contents .accordion li p{
display:none;
padding:10px 30px 20px 20px;
color:#fff;
font-size:16px;
background:0 0;
margin-bottom:0;
line-height:2;
border-radius:4px
}
.faq-contents .accordion li a{
width:100%;
display:block;
cursor:pointer;
font-size:20px;
padding-left:20px;
padding-right:50px;
padding-top:30px;
padding-bottom:30px;
color:#fff;
user-select:none;
font-weight:300
}
.faq-contents .accordion li a i{
font-size:30px;
color:#fff;
margin-right:20px;
font-weight:400
}
.faq-contents .accordion li a.active{
color:#fff;
border:0
}
.faq-contents .accordion li a.active::after{
transform:rotate(225deg);
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
border-right:2px solid #fff;
border-bottom:2px solid #fff
}
.faq-contents .accordion li a::after{
width:10px;
height:10px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
position:absolute;
right:25px;
content:" ";
top:35px;
transform:rotate(45deg);
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.affiliate-section p{
margin-bottom:30px
}
.affiliate-section ul{
margin-bottom:40px
}
.affiliate-section ul li{
position:relative;
padding-left:30px;
margin-bottom:20px;
font-size:16px
}
.affiliate-section ul li::before{
position:absolute;
content:"\f109";
font-size:18px;
font-family:Flaticon;
color:#fadb0a;
left:0;
top:50%;
transform:translateY(-50%)
}
.newslatter form{
position:relative;
overflow:hidden
}
.newslatter form input{
width:100%;
height:60px;
float:left;
box-shadow:0 0 9px 1px rgba(253,77,64,.1);
font-size:16px;
text-indent:25px;
background:#000040;
border-radius:8px;
color:#fff
}
.newslatter form input::placeholder{
color:#fadb0a
}
.newslatter form button{
position:absolute;
top:4px;
right:4px;
width:100px;
height:52px;
color:#fff;
background:#fadb0a;
border-radius:8px;
font-size:18px
}
.newslatter form button:hover{
background:#6c0b09;
color:#fff
}
.newslatter p{
margin:0;
font-size:10px;
display:block
}
.newslatter p i{
margin-right:5px
}
.blog-area .single-blog{
margin-bottom:30px
}
.blog-area .single-blog:hover .single-blog-img::before{
opacity:.7
}
.blog-area .single-blog:hover .single-blog-img a{
opacity:1
}
.blog-area .single-blog .single-blog-img{
position:relative
}
.blog-area .single-blog .single-blog-img img{
width:100%;
border-radius:8px
}
.blog-area .single-blog .single-blog-img a{
font-size:26px;
color:#fff;
position:absolute;
left:50%;
top:45%;
transform:translate(-45%,-50%);
opacity:0;
transition:.3s
}
.blog-area .single-blog .single-blog-img a:hover{
color:#ff5252
}
.blog-area .single-blog .single-blog-img:before{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
background:#292929;
opacity:0;
transition:.4s;
border-radius:8px
}
.blog-area .single-blog .single-blog-content{
box-shadow:0 0 16px 4px rgba(0,0,0,.05);
padding:30px;
background:#4f0907;
color:#fff;
width:90%;
margin:auto;
margin-top:-70px;
position:relative
}
.blog-area .single-blog .single-blog-content .blog-meta{
margin-bottom:10px
}
.blog-area .single-blog .single-blog-content .blog-meta span a{
margin-right:10px;
font-size:14px;
display:inline-block;
color:#fff
}
.blog-area .single-blog .single-blog-content .blog-meta span a:hover{
color:#fadb0a
}
.blog-area .single-blog .single-blog-content .blog-meta span a i{
color:#fadb0a;
font-size:16px;
font-weight:700;
margin-right:5px
}
.blog-area .single-blog .single-blog-content h3{
font-size:20px;
text-transform:capitalize;
margin-bottom:5px;
line-height:1.4em;
font-weight:400
}
.blog-area .single-blog .single-blog-content h3 a{
color:#fff
}
.blog-area .single-blog .single-blog-content h3 a:hover{
color:#fadb0a;
text-decoration:underline
}
.blog-area .single-blog .single-blog-content p{
margin-bottom:0
}
.blog-area .single-blog-2{
margin-bottom:30px
}
.blog-area .single-blog-2:hover .single-blog-img::before{
opacity:.7
}
.blog-area .single-blog-2:hover .single-blog-img a{
opacity:1
}
.blog-area .single-blog-2 .single-blog-img{
position:relative
}
.blog-area .single-blog-2 .single-blog-img img{
width:100%
}
.blog-area .single-blog-2 .single-blog-img a{
font-size:26px;
color:#fff;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
opacity:0;
transition:.3s
}
.blog-area .single-blog-2 .single-blog-img a:hover{
color:#fadb0a
}
.blog-area .single-blog-2 .single-blog-img:before{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
background:#292929;
opacity:0;
transition:.4s
}
.blog-area .single-blog-2 .single-blog-content{
box-shadow:0 0 16px 4px rgba(0,0,0,.05);
padding:30px;
background:#fff;
position:relative
}
.blog-area .single-blog-2 .single-blog-content .blog-meta{
margin-bottom:10px
}
.blog-area .single-blog-2 .single-blog-content .blog-meta span a{
margin-right:10px;
font-size:14px;
display:inline-block;
color:#263845
}
.blog-area .single-blog-2 .single-blog-content .blog-meta span a:hover{
color:#fadb0a
}
.blog-area .single-blog-2 .single-blog-content .blog-meta span a i{
color:#fadb0a;
font-size:16px;
font-weight:700;
margin-right:5px
}
.blog-area .single-blog-2 .single-blog-content h3{
font-size:20px;
text-transform:capitalize;
margin-bottom:10px;
line-height:1.4em
}
.blog-area .single-blog-2 .single-blog-content h3 a{
color:#292929
}
.blog-area .single-blog-2 .single-blog-content h3 a:hover{
color:#6c0b09;
text-decoration:underline
}
.blog-area .single-blog-2 .single-blog-content p{
margin-bottom:0
}
.blog-area .single-blog-3{
margin-bottom:30px
}
.blog-area .single-blog-3:hover .single-blog-img::before{
opacity:.7
}
.blog-area .single-blog-3:hover .single-blog-img a{
opacity:1
}
.blog-area .single-blog-3 .single-blog-img{
position:relative
}
.blog-area .single-blog-3 .single-blog-img img{
width:100%
}
.blog-area .single-blog-3 .single-blog-img .blog-meta{
color:#fff;
position:absolute;
left:0;
bottom:0
}
.blog-area .single-blog-3 .single-blog-img .blog-meta span{
text-transform:uppercase;
background:#fadb0a;
padding:8px 22px;
display:block;
text-align:center;
line-height:20px;
font-size:14px
}
.blog-area .single-blog-3 .single-blog-img:before{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
background:#292929;
opacity:0;
transition:.4s
}
.blog-area .single-blog-3 .single-blog-content{
box-shadow:0 0 16px 4px rgba(0,0,0,.05);
padding:30px;
background:#fff;
position:relative
}
.blog-area .single-blog-3 .single-blog-content h3{
font-size:20px;
text-transform:capitalize;
margin-bottom:10px;
line-height:1.4em
}
.blog-area .single-blog-3 .single-blog-content h3 a{
color:#292929
}
.blog-area .single-blog-3 .single-blog-content h3 a:hover{
color:#fadb0a;
text-decoration:underline
}
.blog-area .single-blog-3 .single-blog-content p{
margin-bottom:0
}
.blog-area .styled-pagination{
position:relative;
margin-bottom:30px
}
.blog-area .styled-pagination li{
position:relative;
display:inline-block;
margin:0 3px 0 0
}
.blog-area .styled-pagination li.next a,.blog-area .styled-pagination li.previous a{
color:#fff
}
.blog-area .styled-pagination li a{
position:relative;
display:inline-block;
line-height:40px;
height:40px;
font-size:16px;
min-width:40px;
border-radius:50%;
color:#fff;
text-align:center;
text-transform:capitalize;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
background-color:#6c0b09
}
.blog-area .styled-pagination li a.active,.blog-area .styled-pagination li a:hover{
color:#6c0b09;
background-color:#fadb0a
}
.blog-area .blog-details img{
width:100%;
margin-bottom:30px
}
.blog-area .blog-details .blog-meta{
margin-bottom:10px
}
.blog-area .blog-details .blog-meta span a{
margin-right:10px;
font-size:14px;
display:inline-block;
color:#fff
}
.blog-area .blog-details .blog-meta span a:hover{
color:#fadb0a
}
.blog-area .blog-details .blog-meta span a i{
color:#fadb0a;
font-size:16px;
font-weight:700;
margin-right:5px
}
.blog-area .blog-details h2{
margin-bottom:20px;
font-weight:700;
font-size:30px
}
.blog-area .blog-details .blockquote{
font-size:16px;
border-left:2px solid #fadb0a;
font-style:italic;
padding-left:15px;
margin:20px 0;
padding:20px;
background:#6c0b09
}
.blog-area .blog-all-comments{
color:#fff
}
.blog-area .blog-all-comments h3{
margin-bottom:20px;
font-weight:600
}
.blog-area .blog-all-comments .blog-comments{
margin-bottom:40px;
padding:30px 40px;
overflow:hidden;
background:#6c0b09
}
.blog-area .blog-all-comments .blog-comments div{
overflow:hidden
}
.blog-area .blog-all-comments .blog-comments .author-thumb{
width:20%;
float:left
}
.blog-area .blog-all-comments .blog-comments .author-thumb img{
border-radius:50%;
width:70px
}
.blog-area .blog-all-comments .blog-comments .author-comments .author-details h4{
float:left;
font-size:18px
}
.blog-area .blog-all-comments .blog-comments .author-comments .author-details .comment-reply-btn{
float:right
}
.blog-area .blog-all-comments .blog-comments .author-comments .author-designation{
font-weight:300;
font-size:14px;
margin-bottom:5px;
font-style:italic
}
.blog-area .blog-comment-form{
margin-bottom:30px;
color:#fff
}
.blog-area .blog-comment-form h3{
margin-bottom:15px;
text-transform:uppercase
}
.blog-area .blog-comment-form input,.blog-area .blog-comment-form textarea{
width:100%;
border:2px solid #e5e5e5;
text-indent:20px;
margin-bottom:30px;
transition:.3s;
background:0 0;
color:#fff
}
.blog-area .blog-comment-form input:focus,.blog-area .blog-comment-form textarea:focus{
border-color:#fadb0a
}
.blog-area .blog-comment-form input{
height:50px
}
.blog-area .blog-comment-form textarea{
padding-top:15px
}
.blog-area .blog-comments+.blog-comments{
margin-left:15%
}
@media (max-width:767px){
.blog-area .blog-comment-form{
margin-bottom:40px
}
}
.blog-area .post-share-and-tag{
margin:40px 0 60px 0
}
.blog-area .post-share-and-tag .social{
float:right;
color:#fadb0a
}
@media (max-width:767px){
.blog-area .post-share-and-tag .social{
float:none;
text-align:left;
margin-top:20px
}
}
.blog-area .post-share-and-tag .social span{
font-size:20px;
font-weight:700
}
.blog-area .post-share-and-tag .social a{
font-size:18px;
text-align:center;
display:inline-block;
margin:0 5px
}
.blog-area .post-share-and-tag .tags{
color:#fadb0a
}
.blog-area .post-share-and-tag .tags a{
color:#fff;
text-transform:capitalize
}
.blog-area .post-share-and-tag .tags a:hover{
color:#fadb0a
}
.breadcrumb-area{
padding:100px 0;
position:relative;
overflow:hidden;
color:#fff
}
.breadcrumb-area::before{
position:absolute;
content:"";
right:0;
top:0;
width:699px;
height:573px;
background:url(../images/banner-right.png) no-repeat;
opacity:.3
}
@media (max-width:991px){
.breadcrumb-area::before{
display:none
}
}
.breadcrumb-area .site-breadcrumb h2{
font-size:52px;
font-weight:700;
text-transform:capitalize;
margin-bottom:20px
}
.breadcrumb-area .site-breadcrumb ul{
display:inline-block;
padding:8px 30px;
background:#411b8c;
border-radius:8px
}
.breadcrumb-area .site-breadcrumb ul li{
display:inline-block;
font-weight:400;
font-size:16px
}
.breadcrumb-area .site-breadcrumb ul li a{
margin-right:20px;
position:relative;
color:#fff;
font-weight:700
}
.breadcrumb-area .site-breadcrumb ul li a:after{
position:absolute;
content:"\f105";
font-family:Fontawesome;
right:-15px;
top:-4px;
font-weight:400
}
.breadcrumb-area .site-breadcrumb ul li a:hover{
color:#fadb0a
}
.single-jackpot{
color:#fff;
display:flex;
flex-direction:row;
justify-content:space-between;
border:1px solid #ffffff30;
padding:30px;
border-radius:8px;
margin-bottom:30px;
transition:.3s
}
.single-jackpot .jackpot-thumb{
margin-right:30px
}
.single-jackpot .jackpot-content h3{
font-weight:300;
margin-bottom:15px;
font-size:22px
}
.single-jackpot .jackpot-content p{
color:rgba(255,255,255,.7)
}
.single-jackpot:hover{
border-color:rgba(250,219,10,.3);
-webkit-transform:translateY(-6px);
-ms-transform:translateY(-6px);
transform:translateY(-6px)
}
.inplay-details .single-inplay{
overflow:hidden;
display:block;
cursor:pointer;
padding:15px;
border-radius:8px;
border:2px solid #6c0b09;
margin-bottom:20px
}
.inplay-details .single-inplay .img{
width:75px;
float:left
}
.inplay-details .single-inplay .img img{
width:40px
}
.inplay-details .single-inplay .text{
float:left;
color:#fff
}
.inplay-details .single-inplay .text h4{
font-weight:400;
font-size:18px;
margin-bottom:5px
}
.inplay-details .single-inplay .text p{
font-size:14px;
margin:0
}
.inplay-details .single-inplay .ball{
float:right
}
.inplay-details .single-inplay .ball a{
display:inline-block;
height:45px;
width:45px;
text-align:center;
line-height:45px;
font-weight:700;
background:#fadb0a;
color:#6c0b09;
border-radius:50%
}
.inplay-details .single-inplay .ball a:hover{
background:#6c0b09;
color:#fff
}
.inplay-details .single-inplay:hover{
background:#6c0b09
}
.polices-content{
margin-top:-6px
}
.polices-content h2{
margin-bottom:20px;
font-size:30px
}
.polices-content h3{
margin-bottom:20px;
font-size:24px
}
.polices-content p{
margin-bottom:30px
}
.polices-content ul li{
position:relative;
margin-bottom:20px;
padding-left:25px
}
.polices-content ul li::before{
position:absolute;
left:0;
top:0;
content:"\f111";
font-family:Fontawesome;
color:#6c0b09;
font-size:8px
}
.polices-content ul li:last-child{
margin-bottom:0
}
.polices-content.cl-white ul li:before{
color:#fff
}
.contact-form form h4{
font-weight:300;
font-size:24px;
margin-bottom:10px
}
.contact-form form p{
font-family: "Poppins", sans-serif;
font-size:16px;
margin-bottom:15px
}
.contact-form form input,.contact-form form textarea{
width:100%;
border:2px solid #6c0b09;
background:#6c0b09;
color:#fff;
text-indent:15px;
margin-bottom:15px;
font-family: "Poppins", sans-serif;
font-size:16px;
border-radius:4px
}
.contact-form form input:focus,.contact-form form textarea:focus{
border-color:#4a2296
}
.contact-form form input{
height:55px
}
.contact-form form textarea{
text-indent:0;
padding:10px 15px
}
.account-form .title{
margin-bottom:30px;
text-align:center
}
.account-form .title h3{
font-weight:300
}
.account-form .via-login{
text-align:center;
margin-bottom:30px
}
.account-form .via-login a{
margin-bottom:10px;
width:100%;
display:block;
padding:10px 0;
color:#fff;
border-radius:4px;
font-family: "Poppins", sans-serif;
font-size:16px
}
.account-form .via-login a i{
margin-right:7px
}
.account-form form input{
width:100%;
height:45px;
text-indent:10px;
border:2px solid #6c0b09;
background:#6c0b09;
margin-bottom:15px;
border-radius:4px;
color:#fff
}
.account-form form input:focus{
border-color:#4a2296
}
.account-form form button{
margin-bottom:15px
}
.account-form form p{
font-size:13px;
text-align:center;
font-family: "Poppins", sans-serif
}
.account-form form p a{
color:#fadb0a
}
.account-form form p a:hover{
color:#fadb0a;
text-decoration:underline
}
.site-sidebar .single-sidebar{
margin-bottom:40px;
padding:30px;
box-shadow:0 0 16px 4px rgba(12,22,58,.5);
color:#fff
}
.site-sidebar .single-sidebar div{
overflow:hidden
}
.site-sidebar .single-sidebar:last-child{
margin-bottom:0
}
.site-sidebar .single-sidebar h3{
font-size:24px;
font-weight:600;
position:relative;
margin-bottom:20px;
text-transform:capitalize
}
.site-sidebar .single-sidebar form{
width:100%;
position:relative;
height:50px;
border-radius:4px;
background:#6c0b09
}
.site-sidebar .single-sidebar form input{
width:100%;
height:100%;
transition:.4s;
text-indent:15px;
border:2px solid #6c0b09;
background:#6c0b09;
color:#fff
}
.site-sidebar .single-sidebar form input:focus,.site-sidebar .single-sidebar form input:hover{
border-color:#4a2296
}
.site-sidebar .single-sidebar form button{
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
background:0 0;
color:#fadb0a;
height:100%;
width:50px
}
.site-sidebar .single-sidebar form:hover button{
background:#fadb0a;
color:#6c0b09
}
.site-sidebar .single-sidebar ul li{
margin-bottom:20px;
position:relative;
transition:.4s
}
.site-sidebar .single-sidebar ul li:last-child{
margin-bottom:0
}
.site-sidebar .single-sidebar ul li:before{
position:absolute;
content:"\f101";
font-family:Fontawesome;
color:#fadb0a;
left:-10px;
opacity:0;
transition:.4s
}
.site-sidebar .single-sidebar ul li:hover{
padding-left:15px
}
.site-sidebar .single-sidebar ul li:hover:before{
left:0;
opacity:1
}
.site-sidebar .single-sidebar ul li a{
color:#fff;
display:block;
text-transform:capitalize
}
.site-sidebar .single-sidebar ul li a:hover{
color:#fadb0a
}
.site-sidebar .single-sidebar .social-follow a{
padding:25px 30px;
border-radius:4px;
color:#fff;
text-align:center;
display:inline-block;
font-family: "Poppins", sans-serif;;
margin:0 1px
}
.site-sidebar .single-sidebar .social-follow a:hover{
background:#fadb0a
}
.site-sidebar .single-sidebar .social-follow a i{
display:block;
font-size:18px
}
@media (max-width:991px){
.site-sidebar .single-sidebar .social-follow a{
margin-bottom:5px
}
}
@media (max-width:767px){
.site-sidebar .single-sidebar .social-follow a{
width:100%
}
}
.site-sidebar .single-sidebar .archives a{
display:block;
margin-bottom:15px;
font-family: "Poppins", sans-serif;;
color:#fff
}
.site-sidebar .single-sidebar .archives a:hover{
color:#fadb0a
}
.site-sidebar .single-sidebar .archives a:last-child{
margin-bottom:0
}
.site-sidebar .single-sidebar .archives a span{
float:right
}
.site-sidebar .single-sidebar a img{
width:100%
}
h4.header-text{
color:#ffb801;
font-size:22px;
text-align:center;
padding-top:25px;
padding-bottom:25px;
text-transform:unset;
color:#ffe742
}
.header-text{
background:#6b0c0a
}
@media screen and (max-width:600px){
.feature-area .single-feature-2 i{
font-size:30px;
height:40px;
width:40px;
line-height:37px;
font-style:unset;
border-radius:50%;
text-align:center;
color:#fff;
font-weight:700;
display:block;
float:left;
margin-bottom:15px;
box-shadow:0 0 9px 0 rgba(0,0,0,.1);
border:2px solid #fff;
transition:.4s;
margin-right:60px
}
}
@media screen and (max-width:600px){
.feature-area .single-feature-2{
margin-bottom:15px;
padding:0 30px;
text-align:left;
color:#fff;
position:relative
}
}
@media screen and (max-width:600px){
.header-top{
color:#fff;
padding:10px 0;
text-align:center
}
}
h1.hero__title{
color:#fff;
font-size:44px
}
h2.hero__title_yellow{
color:#fff;
font-size:65px
}
@media screen and (max-width:600px){
h1.hero__title{
color:#fff;
font-size:25px
}
}
@media screen and (max-width:600px){
h2.hero__title_yellow{
color:#fff;
font-size:35px;
font-weight:900
}
}
.hero-btn{
margin-bottom: 5px;
padding-top: 5px !IMPORTANT;
}
@media screen and (max-width:600px){
.btn-fill{
padding:15px 60px
}
}
p.lead{
color:#fff
}
@media only screen and (max-width: 600px) {
.hero-content {
margin-top:10px;
}
}
@media only screen and (max-width: 600px) {
body {
margin-top:10px;
background-position: top center;
background-size: 189% 50%;
}
}
@media only screen and (max-width: 600px) {
.feature-area .single-feature-2 h4 {
text-align:left;
font-size:30px;
}
}
.feature-area .single-feature-2 h4 {
font-weight: 300;
margin-bottom: 2px;
text-transform: capitalize;
transition: .4s;
color: #ec1c24;
font-weight: 700;
font-size: 30px;
}
.animated { 
background-image: url(/css/images/logo.png); 
background-repeat: no-repeat;
background-position: left top; 
padding-top:95px;
margin-bottom:60px;
-webkit-animation-duration: 1s;
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
}
@-webkit-keyframes bounce { 
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
40% {-webkit-transform: translateY(-30px);} 
60% {-webkit-transform: translateY(-15px);} 
} 
@keyframes bounce { 
0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
40% {transform: translateY(-30px);} 
60% {transform: translateY(-15px);} 
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
position: absolute;
left: 0;
bottom: 219px;
}
}
li.yellow-text {
color: #ffd118;
}
/* homeBanner css */
#homeBanner {
background-image: url("../images/bannerBg.png");
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 100%;
margin-top: -240px;
padding-top: 270px;
}
#homeBanner .img-box {
text-align: center;
}
#homeBanner .text-box h1 {
margin-bottom: 0;
}
/* logo css */
#logo .text-box h4 {
margin-bottom: 0;
font-weight: 600;
}
#logo .img-box img {
max-width: 90%;
display: block;
margin: 0 auto;
max-height: 120px;
object-fit: contain;
}
#logo .logo-box {
background: #ffffff15;
padding: 20px 40px;
border-radius: 30px;
}
#logo .owl-stage {
display: flex;
align-items: center;
}
#logo .item {
text-align: center;
}
/* most css */
#most .text-box {
position: relative;
}
#most .text-box::after {
content: '';
position: absolute;
top: -70px;
left: 0;
width: 90%;
height: 100%;
background: url('../images/mostBg.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: none;
}
#most .img-box img {
max-width: 90%;
padding-top: 30px;
}
/* get css */
#get .box.box2 {
text-align: center;
}
#get .box.box2 .img-box img {
max-width: 300px;
width: 100%;
margin-bottom: 10px;
}
#get .box.box2 .text-box h2 {
font-size: 70px;
font-weight: 700;
line-height: 1.1;
}
#get {
background: url('../images/getBg.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
}
/* how css */
#how .button-box {
padding: 0;
}
#how .button-box ul {
justify-content: flex-end;
}
#how .item  .box img {
max-width: 100px;
width: 100%;
}
#how .item .box {
display: flex;
align-items: center;
flex-wrap: wrap;
border: 2px solid #fff6;
border-radius: 100px;
padding: 10px;
}
#how .box .text-box h4 {
margin: 0 0 0 20px;
}
#how .top-box {
padding-bottom: 40px;
}
#how .item .box h4 {
font-weight: 600;
}
/* insta css */
#insta {
background: url('../images/instaBg.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
}
@media (max-width: 1599px) {}
@media (max-width: 1399px) {
#how .item .box img {
max-width: 90px;
}
footer .logo-box img {
max-width: 200px;
}
footer .box.box2 {
padding-left: 60px;
}
#most .text-box::after {
top: -90px;
}
}
@media (max-width: 1199px) {
.container {
max-width: 100%;
}
h1 {
font-size: 55px;
}
h2 {
font-size: 35px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 22px;
}
p {
font-size: 18px;
}
.btn.btn-yellow {
font-size: 18px;
padding: 10px 30px;
}
#get .box.box2 .img-box img {
max-width: 250px;
}
#get .box.box2 .text-box h2 {
font-size: 65px;
}
section.bg {
padding: 70px 0;
}
section {
padding-top: 70px;
}
#how .item .box img {
max-width: 80px;
}
footer {
padding-top: 70px;
}
#most .text-box::after {
top: -55%;
}
.call-to-action {
padding-right: 10px;
}
}
@media (max-width: 1079px) {
.call-to-action a img {
max-width: 130px;
}
}
@media (max-width: 991px) {
h1 {
font-size: 38px;
}
h2 {
font-size: 25px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 19px;
}
h5 {
font-size: 16px;
}
#header .logo-box img {
max-width: 100px;
}
p {
font-size: 16px;
}
.btn.btn-yellow img {
max-width: 25px;
}
.btn.btn-yellow {
font-size: 16px;
padding: 10px 25px;
}
.button-box ul {
column-gap: 10px;
row-gap: 10px;
}
section {
padding-top: 60px;
}
section.bg {
padding: 60px 0;
}
#logo .logo-box {
padding: 20px 30px;
border-radius: 20px;
}
#logo .text-box h4 {
font-size: 16px;
}
#get .box.box2 .text-box h2 {
font-size: 50px;
}
#how .item .box img {
max-width: 60px;
}
#how .box .text-box h4 {
margin: 0 0 0 10px;
}
footer .list-box ul img {
max-width: 35px;
}
footer {
padding-top: 60px;
}
.call-to-action {
right: 30px;
bottom: 2%;
}
}
@media (max-width: 767px) {
.mobile {
display: block !important;
}
.desktop {
display: none !important;
}
.columnReverse {
flex-direction: column-reverse;
}
/* #header .header-box > * {
width: 100%;
} */
#header .header-box .logo-box {
width: 100%;
}
/* #header .header-box {
flex-direction: column;
gap: 20px;
} */
#header .left-box {
order: 3;
}
#header .right-box, #header .left-box {
text-align: center;
}
#header .right-box ul, #header .left-box ul {
justify-content: center;
}
#homeBanner {
text-align: center;
margin-top: -400px;
padding-top: 420px;
}
.button-box {
padding-top: 20px;
}
.button-box ul {
justify-content: center;
}
#homeBanner .img-box {
padding-top: 30px;
}
/* #header .logo-box img {
max-width: 100px;
} */
#homeBanner .img-box img {
max-width: 500px;
width: 100%;
}
#logo .col:first-child {
width: 100%;
flex: 0 0 auto;
margin-bottom: 10px;
}
#most video {
max-width: 500px;
width: 100%;
margin: 0 auto;
display: block;
}
#most .box.box2 {
text-align: center;
}
#get {
text-align: center;
}
#get .box.box2 {
padding-bottom: 20px;
}
#how {
text-align: center;
}
#how .button-box ul {
justify-content: center;
padding-top: 20px;
}
#insta .row {
row-gap: 25px;
}
#how .item .box {
max-width: 200px;
margin: 0 auto;
}
footer {
text-align: center;
}
footer .logo-box img {
margin-bottom: 20px;
}
footer .box.box2 {
padding-left: 0;
}
footer .list-box ul {
justify-content: center;
}
footer .end-footer .box.box1 {
padding-bottom: 30px;
}
#most .text-box::after {
display: none;
}
#logo .img-box img {
max-height: 100px;
}
/* .call-to-action a img {
max-width: 40px;
} */
}
@media (max-width: 575px) {}
@media (max-width: 479px) {
h1 {
font-size: 30px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 17px;
}
h4 {
font-size: 16px;
}
p {
font-size: 14px;
}
.btn.btn-yellow {
font-size: 14px;
padding: 8px 20px;
}
section.bg {
padding: 40px 0;
}
section {
padding-top: 40px;
}
#logo .logo-box {
padding: 20px 20px;
border-radius: 20px;
}
#logo .img-box img {
max-width: 100%;
}
#get .box.box2 .img-box img {
max-width: 200px;
}
#get .box.box2 .text-box h2 {
font-size: 40px;
}
#how .top-box {
padding-bottom: 30px;
}
#how .item .box img {
max-width: 50px;
}
#how .item .box {
padding: 5px;
}
footer .link-box ul {
gap: 20px;
}
footer .end-footer .box.box1 {
padding-bottom: 20px;
}
footer .end-footer {
padding: 20px 0;
margin-top: 30px;
}
#logo .img-box img {
max-height: 80px;
}
.call-to-action {
right: 15px;
}
/* .call-to-action a img {
max-width: 30px;
} */
#header.show .logo-box img {
max-width: 80px;
}
}
@media (max-width: 375px) {}
.btn-wa {
width: 200px;
border-radius: 36px;
font-size: 21px;
font-weight: bold;
}i.fab.fa-whatsapp.fa-2x.pull-left {
font-size: 25px;
}
#blinking-button{
}
@keyframes blink {
0%, 100% {background-color:#05e10e;}
50% {background-color: #25D366;}
}
#blinking-button {
background-color: #8EDDBE;
color: white;
animation: blink 1s linear infinite;
}
/* Visit Website  */
#container {
position: absolute;
bottom: 0;
width: 100%;
background-color: #05e10e; 
}
#inner-div {
text-align: center;
padding: 20px;
}
footer .logos {
width: 100%;
box-sizing: content-box;
padding-top: 16px;
flex-wrap: wrap;
display: flex;
align-items: center;
display: flex;
justify-content: center;
}
footer .logos img {
max-width: 100%;
height: 40px;
margin: 10px;
opacity: 0.3;
}
@media screen and (min-width: 1024px) {
footer .logos {
width: 100%;
width: initial;
padding-top: 40px;
padding-top: 2.7777777778vw;
padding-bottom: 24px;
padding-bottom: 1.6666666667vw;
}
}
@media screen and (min-width: 1024px) and (min-aspect-ratio: 13/5) {
footer .logos {
padding-top: 1.3888888889vw;
}
}
@media screen and (min-width: 1024px) and (min-aspect-ratio: 13/5) {
footer .logos {
padding-bottom: 0.8333333333vw;
}
}
@media screen and (min-width: 1024px) {
footer .logos img {
height: 40px;
height: 2.7777777778vw;
margin-bottom: 16px;
margin-bottom: 1.1111111111vw;
}
}
@media screen and (min-width: 1024px) and (min-aspect-ratio: 13/5) {
footer .logos img {
height: 1.3888888889vw;
}
}
@media screen and (min-width: 1024px) and (min-aspect-ratio: 13/5) {
footer .logos img {
margin: 0vw -0.8333333333vw;
}
}
@media screen and (min-width: 1024px) and (min-aspect-ratio: 13/5) {
footer .logos img {
margin-bottom: 0.5555555556vw;
}
}
footer .copyright {
/* display: flex; */
align-items: center;
padding: 16px 0;
}
@media screen and (min-width: 1024px) {
footer .copyright {
padding: 36px;
padding: 2.5vw;
}
}
@media screen and (min-width: 1024px) and (min-aspect-ratio: 13/5) {
footer .copyright {
padding: 1.25vw;
}
}
footer .age-limit {
height: 24px;
margin: 0 8px;
}
@media screen and (min-width: 1024px) {
footer .age-limit {
height: 24px;
height: 1.6666666667vw;
margin: 0px 8px;
margin: 0vw 0.5555555556vw;
}
}
@media screen and (min-width: 1024px) and (min-aspect-ratio: 13/5) {
footer .age-limit {
height: 0.8333333333vw;
}
}
@media screen and (min-width: 1024px) and (min-aspect-ratio: 13/5) {
footer .age-limit {
margin: 0vw 0.2777777778vw;
}
}
footer .divider {
background-color: #ffffff;
opacity: 0.1;
width: 100%;
height: 1px;
}
footer .divider {
background-color: #ffffff;
opacity: 0.1;
width: 100%;
height: 1px;
}