@import url('../default/style.css?v=3');

.gradient-bg {background:#110428 url('/templates/default/images/bg-3.png') repeat-x 0 0}
section img {max-width:100%;height:auto}

section.section-hero {  padding:0;background-color: #09012a;color: #fff;}
section.section-hero .hero-bg{ padding: 220px 0 0px 0;background-size: 100% 100%!important;}
section.section-hero .hero-bg .h3, section.section-hero .hero-bg h1{ line-height:120%}
section.section-hero .hero-bg img{margin-block: -90px;max-width: 100%;height:auto}
section.section-hero .dark-bg {padding-block:140px 125px}
section.section-hero .dark-bg, .footer {background:#140800;}
section.section-hero .dark-bg .col-2 p {color:#a7a7b6;}
	
.section-2 {color:#000;padding: 160px 0 0;}
.section-2 p{color:#000;}
.section-2 h3{color:#000;}
.section-2 strong{color:#000;}
.section-2 .row{margin-bottom:120px}

.section-3 {color:#fff;}


@media (max-width: 991px) {
section.section-hero .hero-bg img {   margin-block: 0;}
}
@media (max-width: 768px) {
	section.section-hero .hero-bg {padding: 170px 0 0px 0;}
	h1 {padding-top: 0px;line-height: 100%;}
	.h3 {padding-top: 0px;line-height: 100%;}
	section.section-hero .hero-bg img {   margin-block: 0 -60px;}
	.col-xs-push-2,
	.col-xs-push-1 {left:0;}
}
@media (max-width: 600px) {
.f-flex-3 { flex-direction: column;  gap: 40px;align-items: flex-start;}
.f-flex-3.mobile-invert{flex-direction: column-reverse;}
}