* {
font-family: Verdana;
}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
@charset "UTF-8";
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
*,::after,::before{box-sizing:border-box}html{ line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}header,nav,section{display:block}body{margin:0;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}img{vertical-align:middle;border-style:none}table{border-collapse:collapse}th{text-align:inherit}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button{margin:0;font-size:inherit;line-height:inherit}button{overflow:visible}button{text-transform:none}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}h1,h2,h3,h4,h5{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col,.col-6,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-9,.col-md-12,.col-md-2,.col-md-4,.col-md-6,.col-sm-12,.col-sm-6,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-6,.col-xl-7,.col-xl-9{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col{flex-basis:0;flex-grow:1;max-width:100%}
.col-6{flex:0 0 50%;max-width:50%}@media (min-width:576px){.col-sm-6{flex:0 0 50%;max-width:50%}
.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-md-6{flex:0 0 50%;max-width:50%}
.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{flex:0 0 25%;max-width:25%}
.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-6{flex:0 0 50%;max-width:50%}
.col-lg-9{flex:0 0 75%;max-width:75%}}@media (min-width:1200px){.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-3{flex:0 0 25%;max-width:25%}
.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-xl-6{flex:0 0 50%;max-width:50%}
.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-xl-9{flex:0 0 75%;max-width:75%}
.col-xl-12{flex:0 0 100%;max-width:100%}}
.table{width:100%;margin-bottom:1rem;color:#212529}
.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}
.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}
.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}
.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}
.table-dark{background-color:#c6c8ca}
.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}
.table-dark{color:#fff;background-color:#343a40}
.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}
.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}
.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0062cc;border-color:#005cbf}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#545b62;border-color:#4e555b}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}
.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#1e7e34;border-color:#1c7430}
.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}
.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#117a8b;border-color:#10707f}
.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}
.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#d39e00;border-color:#c69500}
.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#bd2130;border-color:#b21f2d}
.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#dae0e5;border-color:#d3d9df}
.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#1d2124;border-color:#171a1d}
.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}
.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}
.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}
.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}
.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#343a40;border-color:#343a40}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}
.collapse:not(.show){display:none}
.dropdown{position:relative}
.dropdown-toggle{white-space:nowrap}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}
.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}
.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}
.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}
.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}
.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}
.nav-link{display:block;padding:.5rem 1rem}
.nav-link:focus,.nav-link:hover{text-decoration:none}
.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}
.navbar>.container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap;font-size: 32px;
color: #fadb0a;}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
.navbar-nav{display:flex;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;float:none}
.navbar-collapse{flex-basis:100%;flex-grow:1;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}
.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}@media (max-width:991.98px){.navbar-expand-lg>.container{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}
.navbar-expand-lg .navbar-nav{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>.container{flex-wrap:nowrap}
.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}
.navbar-expand-lg .navbar-toggler{display:none}}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}
.justify-content-end{justify-content:flex-end!important}
.justify-content-center{justify-content:center!important}@supports ((position:-webkit-sticky) or (position:sticky)){}
.ml-auto{margin-left:auto!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}
.container{min-width:992px!important}
.navbar{display:none}
.table{border-collapse:collapse!important}
.table td,.table th{background-color:#fff!important}
.table-dark{color:inherit}
.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}}
button::-moz-focus-inner {
padding: 0;
border: 0; }
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
body {
font-size: 16px;
color: #292929;
line-height: 1.7em;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
min-width: 320px;
}
a {
text-decoration: none;
cursor: pointer;
transition: .3s;
color: #292929;
}
button,
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none !important;
transition: .3s;
}
h1, h2, h3, h4, h5 {
position: relative;
font-weight: 700;
margin: 0px;
background: none;
line-height: 1.2em;
}
h1 {
font-size: 52px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
button {
outline: none;
}
p {
position: relative;
}
img {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
display: inline-block;
max-width: 100%;
}
ul, li {
list-style: none;
padding: 0px;
margin: 0px;
}
img {
display: inline-block;
max-width: 100%;
}
::selection {
background-color: #0E8A701a;
color: #fadb0a;
}
.centered {
text-align: center;
}
.cl-white {
color: #ffffff;
}
.about-content.cl-white .section-title h4 {
margin-top: 10px;
}
.about-img {
max-width: 540px;
}
.cl-green {
color: #86BC42;
}
.cl-mint {
color: #17c0eb;
}
.cl-yellow {
color: #f19b4e;
}
.cl-red {
color: #ff5252;
}
.container {
max-width: 1200px;
}
.section-padding {
padding: 50px 0;
}
.section-padding-2 {
padding: 50px 0 30px;
}
.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: 32px;
font-weight: 300;
line-height: 1.4;
z-index: 1;
display: inline-block;
}
@media (max-width: 575px) {
.section-title h2 {
font-size: 32px;
}
}
@media (max-width: 450px) {
.section-title h2 {
font-size: 32px;
}
}
.mb-30 {
margin-bottom: 30px;
}
.mr-10 {
margin-right: 10px;
}
.blue-bg {
background: #000040;
}
.blue-bg-2 {
background: #22367d;
}
.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: 0.7;
}
.shaded-bg {
position: relative;
overflow: hidden;
z-index: 1;
}
.shaded-bg::after {
height: 100%;
width: 100%;
position: absolute;
background: rgba(0, 0, 64, 0.4);
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: 0.4s;
}
.bttn-small {
position: relative;
font-size: 12px;
font-weight: 700;
padding: 8px 28px;
border-radius: 12px;
display: inline-block;
cursor: pointer;
transition: 0.4s;
text-transform: uppercase;
}
.btn-fill {
color: #ffffff;
background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
}
.btn-fill:hover {
background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
border-color: #7f0648;
color: #ffffff;
box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.18);
}
.btn-blu {
background: #104acf;
color: #ffffff;
box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.05);
}
.btn-blu:hover {
background: #fadb0a;
color: #2D0D6B;
}
.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: #2D0D6B;
}
.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 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: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.header-area {
padding: 10px 0;
transition: 0.4s;
width: 100%;
z-index: 11;
}
.main-menu {
padding-left: 0;
padding-right: 0;
}
.main-menu ul li {
margin-right: 25px;
}
.main-menu ul li:last-child {
margin-right: 0px;
}
.main-menu ul li:hover a {
color: #fadb0a;
}
.main-menu ul li a {
color: #ffffff;
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
}
ul.dropdown-menu li a {
}
li.nav-item.dropdown .dropdown-toggle {
position: relative;
}
li.nav-item.dropdown .dropdown-toggle:before {
position: absolute;
content: "\f107";
font-size: 16px;
font-weight: normal;
right: -7px;
top: 48%;
transform: translateY(-48%);
}
@media (max-width: 991px) {
li.nav-item.dropdown .dropdown-toggle:before {
display: none;
}
}
.dropdown a {
transition: 0.4s;
}
.dropdown-menu {
opacity: 0;
visibility: hidden;
transition: all 0.5s;
display: block;
background: #2D0D6B;
margin-top: 23px;
width: 220px;
border-radius: 0;
border: 0;
border-bottom: 3px solid #fadb0a;
-webkit-box-shadow: 0px 7px 20px -14px rgba(34, 54, 60, 0.74);
box-shadow: 0px 7px 20px -14px rgba(34, 54, 60, 0.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: #ffffff !important;
}
.dropdown-menu a:hover {
background: transparent;
color: #fadb0a !important;
}
.dropdown-menu a:active {
background: transparent;
}
.main-menu ul li ul li {
margin-right: 0;
}
.menu-toggle {
position: relative;
display: block;
width: 25px;
height: 20px;
background: transparent;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
color: #292929;
font-size: 0;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.menu-toggle:before, .menu-toggle:after {
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
background: #ffffff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: -webkit-transform 0.25s ease-in-out;
-webkit-transition: -webkit-transform 0.25s ease-in-out;
-o-transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
-moz-transition: -webkit-transform 0.25s ease-in-out;
-ms-transition: -webkit-transform 0.25s ease-in-out;
}
span.menu-toggle:hover {
color: #ffb606;
}
.dropdown-toggle::after {
display: none;
}
.header-btn {
margin-left: 40px;
}
@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: #ffffff;
}
.main-menu ul li a {
color: #ffffff;
}
.main-menu ul li.dropdown:after {
position: absolute;
content: "\f107";
right: 15px;
top: 0;
color: #ffffff;
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, 0.7);
padding-bottom: 20px;
}
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 {
margin-left: 0;
}
.navbar-toggler {
padding-right: 0;
}
}
.copyright {
background: #000040;
color: #96abbb;
padding: 20px 0;
font-size: 14px;
}
.copyright .copy-text p {
margin: 0;
}
@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: #96abbb;
font-size: 14px;
}
.copyright .copy-nav ul li a:hover {
color: #ffffff;
}
.hero-slider {
color: #ffffff;
background: url(/img/bg.jpg);
width: 100%;
max-height: 600px;
background-position: center;
background-size: cover;
}
.hero-slider .single-slide {
padding: 146px 0;
}
@media (max-width: 991px) {
.hero-slider .single-slide {
padding: 50px 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: 72px;
text-transform: uppercase;
margin-bottom: 40px;
letter-spacing: 12px;
}
@media (max-width: 991px) {
.hero-slider .single-slide .hero-content h1 {
font-size: 60px;
}
}
@media (max-width: 575px) {
.hero-slider .single-slide .hero-content h4 {
font-size: 16px;
}
.hero-slider .single-slide .hero-content h1 {
font-size: 32px;
}
}
@media (max-width: 575px) {
.hero-slider .single-slide .hero-content a {
padding: 12px 20px;
font-size: 12px;
}
}
.single-box {
position: relative;
padding: 40px 30px;
color: #ffffff;
border-radius: 10px;
z-index: 1;
margin-bottom: 30px;
}
.single-box::before {
background: #00186a;
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: #00186a;
padding: 30px;
text-align: center;
color: #ffffff;
border-radius: 8px;
border: 1px solid rgba(0, 0, 64, 0.2);
margin-bottom: 30px;
box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.18);
transition: 0.6s;
position: relative;
}
.single-playnow::after {
position: absolute;
content: "\2605";
color: rgba(255, 255, 255, 0.3);
font-size: 48px;
top: 37px;
right: 34px;
transition: 0.5s;
}
.single-playnow img {
width: 100%;
margin-bottom: 10px;
border: 3px double #1B0859;
}
.single-playnow h4 {
font-weight: 300;
font-size: 20px;
margin-bottom: -5px;
}
.single-playnow:hover {
background: #000040;
}
.single-playnow:hover a {
transform: scale(1.2);
}
.winner-list .table-dark {
background: #000040;
color: #ffffff;
}
.winner-list .table {
border-radius: 8px;
margin-bottom: 0;
}
.winner-list .table thead {
background: #7e30e4;
}
.winner-list .table thead tr th {
padding: 20px;
color: #ffffff;
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, 0.3);
}
.single-brands {
text-align: center;
margin-bottom: 30px;
}
.single-brands a {
display: block;
border: 2px solid #2D0D6B;
padding: 40px 20px;
border-radius: 8px;
}
.single-brands a:hover {
border-color: #7e30e4;
}
.single-brands a:hover img {
transform: scale(1.1);
}
.single-brands a img {
height: 60px;
width: auto !important;
margin: auto;
transition: 0.4s;
}
.counter-area {
background-size: cover;
}
.counter-area .single-counter {
margin-bottom: 30px;
text-align: center;
color: #ffffff;
padding: 30px;
border: 1px dashed #ffffff;
transition: 0.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: 32px;
font-weight: 300;
margin-bottom: 10px;
letter-spacing: 2px;
}
.counter-area .single-counter h5 {
font-size: 18px;
font-weight: 300;
}
.counter-area .single-counter:hover {
border-color: #fadb0a;
}
.feature-area .single-feature-2 {
padding: 0 30px;
text-align: center;
color: #ffffff;
position: relative;
}
.feature-area .single-feature-2.bottom-after:after {
content: '';
position: absolute;
width: 70%;
height: 32px;
top: 0px;
left: 70%;
background: url(/img/after-1.png) center center no-repeat;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.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(/img/after-2.png) center center no-repeat;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media (max-width: 991px) {
.feature-area .single-feature-2.bottom-before:after {
display: none;
}
}
.feature-area .single-feature-2 img {
height: 90px;
width: 90px;
border-radius: 50%;
text-align: center;
color: #ffffff;
display: block;
margin: auto;
margin-bottom: 30px;
box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
border: 2px solid #ffffff;
padding: 12px;
filter: brightness(10000%);
}
.feature-area .single-feature-2 h4 {
font-weight: 300;
margin-bottom: 15px;
transition: 0.4s;
}
.feature-area .single-feature-2 p {
margin-bottom: -5px;
}
.feature-area .single-feature-2:hover img {
background: #ffffff;
filter: none;
}
@media (max-width: 380px) {
.section-title h4 {
font-size: 12px;
}
.single-box {
padding: 30px;
}
.single-box p {
font-size: 12px;
}
}