@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
:root, body {font-size: 12px; font-family: 'Roboto', sans-serif; line-height: 1.2; font-weight: 400; color:#3C3F46;}
@media (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media (min-width: 576px){
	:root, body {font-size: 14px;}
}
@media (min-width: 768px){
	:root, body {font-size: 15px;}
}
@media (min-width: 992px){
	:root, body {font-size: 16px;}
}
@media (min-width: 1200px) {
	:root, body {font-size: 20px;}
}


h1,.h1 {font-size: 3rem; text-transform: uppercase; font-weight: 700;} /* 60 */
h2,.h2 {font-size: 2.5rem; text-transform: uppercase; font-weight: 700;} /* 50 */
h3,.h3 {font-size: 1.5rem; text-transform: uppercase; font-weight: 700;} /* 30 */
	h3.s1,.h3.s1 {text-transform: none;}
	h3.s2,.h3.s2 {text-transform: none; font-weight: 400;}
h4,.h4 {font-size: 1rem; text-transform: uppercase; font-weight: 700;} /* 20 */
	h4.s1,.h4.s1 {text-transform: none; font-weight: 400;}
	h4.s2,.h4.s2 {text-transform: none; font-weight: 500;}
h5,.h5 {font-size: .8rem; text-transform: uppercase; font-weight: 700;} /* 16 */
	h5.s1,.h5.s1 {text-transform: none; font-weight: 400;}
	h5.s2,.h5.s2 {text-transform: none; font-weight: 500;}
a {color:#F58220;}
a:hover {color:#0B6DB7}
.text-warning {color:#F58220 !important;}

header {margin: 0 !important; padding: 0 !important;}
header .container {position: relative; padding: 3rem 15px 1rem !important;}

header .container::before {content:''; box-shadow: 0 2px 10px rgba(100, 101, 119, 0.15); left:50%; margin-left: -50vw; width:100vw; top:0; bottom: 0; position: absolute; z-index: -1;}
header .container #logo {margin-right: 3rem;}
header .container #top_menu a {color:#0B6DB7;}
header .container #top_menu a:hover {color:#F58220;}
@media (min-width: 768px) and (max-width: 992px){
	header .container #top_menu a {font-size: 12px;}
}
@media (min-width:768px) {
	header .container #header_items {position: absolute; top:0; left: 15px; right: 15px; height: 2rem; align-items: center;}
	header .container #header_items::before {content:''; box-shadow: 0 2px 10px rgba(100, 101, 119, 0.15); left:50%; margin-left: -50vw; width:100vw; top:0; bottom: 0; position: absolute; z-index: -1;}
	header .container * {margin: 0;}
}
@media (max-width:767px) {
	header .container #top_menu ul {flex-direction: column; margin: 1rem 0;}
	header .container #top_menu ul li {margin: .5rem 0;}
}
#center {}

footer {background: #3C3F46; margin-top: 6.5rem; padding: 50px 0; color:#fff;}
footer ul li {margin: .5rem 0;}
footer ul li a {color:#fff;}

/* modules */

.mod-soc a {width:20px; height: 20px; position: relative; border-radius: 50%; background: #0B6DB7; display: inline-block; vertical-align: middle; margin: 0 .3rem .3rem;}
footer .mod-soc a {width:30px; height: 30px;}
.mod-soc a > img {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.mod-soc a:hover {background:#F58220;}


.mod-slider .video {position: relative; cursor: pointer;}
.mod-slider .video img {object-fit: cover; width: 100%; height: 100%;}
.mod-slider .video::before {content:''; position: absolute; top:0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, #5CABE8 0%, #045592 100%); opacity: 0.7; transition: .3s}
.mod-slider .video:hover::before {opacity: .6;}
.mod-slider .video .video-button {position: absolute; top:50%; right:30%; z-index: 10; color:#fff; transform: translateY(-50%);}
.mod-slider .video .video-button::before {content:''; width: 80px; height: 80px; background: #F58220 url('/images/pages/home/item007.png') center no-repeat; border-radius: 50%;
	position: absolute; left: -100px; top:-20px;
	box-shadow:0 8px 10px rgba(245, 130, 32, .3); animation:hoverWave linear 1s infinite;}
@media (min-width: 992px) {
	.mod-slider .video {position: absolute; width: 50vw; top: 0; bottom: 0; left:1rem;}
	.mod-slider .h-lg-100 {height: 100%; min-height: 80vh;}
}

.mod-benefits {position: relative;}
.mod-benefits .ico {height: 70px;}
@media (min-width: 992px) {
	.mod-benefits {margin-top: -100px;}
	.mod-benefits::before {content: url('/images/pages/home/item016.png'); position: absolute; top:20%; left: 50%; margin-left: -50vw; z-index: -1;}

}

.mod-rules {margin-top: 6.5rem;}
.mod-rules .h3 {margin-bottom: 40px;}
.mod-rules .nav-tabs {justify-content: space-between; border-bottom: none;}
.mod-rules .nav-tabs .nav-link {flex: 0 0 100%; border:none; box-shadow: 0 4px 10px rgba(100, 101, 119, 0.1); border-radius: 3px; overflow: hidden; text-align: center; padding:2rem 0; color:#3C3F46; position: relative;}
.mod-rules .nav-tabs .nav-link.active {color:#fff; background: none;}
.mod-rules .nav-tabs .nav-link::before {content:''; position:absolute; bottom:0; left:0; right:0; top: 0; background: #fff; z-index: -1;}
.mod-rules .nav-tabs .nav-link::after {content:''; position:absolute; bottom:0; left:0; right:0; height: 5px; background: #F58220; transition: .3s; z-index: -1;}
.mod-rules .nav-tabs .nav-link:hover::after {height: 10px;}
.mod-rules .nav-tabs .nav-link.active::after {height: 100%;}
.mod-rules .nav-tabs .nav-link:nth-child(2)::after {background: #0B6DB7;}
.mod-rules .nav-tabs .nav-link:nth-child(3)::after {background: #3C3F46;}
.mod-rules .card .card-body {padding: 0; display: flex; position: relative; cursor: pointer;}
.mod-rules .card .card-body::before {content: none;}
.mod-rules .card .card-body .readmore {position: absolute; bottom: 1rem; right:1rem; background: #F58220; border-radius: 2px; padding: .2rem .3rem; color: #fff; font-size: 0; transition: .3s;}
.mod-rules .card:hover .card-body .readmore {font-size: .8rem;}
.mod-rules .card .card-body .readmore::after {content:url('/images/pages/home/item034.png'); vertical-align: middle; height: 10px;transition: .3s;}
.mod-rules .card:hover .card-body .readmore::after {margin-left: .5rem;}
.mod-rules .desc {padding: 1rem 0;}
.mod-rules .desc ul {margin: 1rem 0; padding: 0; display: block}
.mod-rules .desc ul li {margin: .5rem 0; padding: 0 0 0 30px; position: relative; display: block;}
.mod-rules .desc ul li::before {position: absolute; content:url('/images/pages/home/item048.png'); left:10px; top:0;}

@media (min-width: 576px) {
	.mod-rules .nav-tabs .nav-link {flex: 0 0 32%;}
}

.mod-numbers {margin-top: 6.5rem;}
.mod-numbers .d-flex {background: rgba(255,255,255,.7);}
@keyframes hoverWave {
	0% {box-shadow:0 4px 5px rgba(245, 130, 32, .3),0 0 0 0 rgba(245, 174, 32, .2),0 0 0 0 rgba(245, 130, 32, .2)}
	40% {box-shadow:0 4px 5px rgba(245, 130, 32, .3),0 0 0 8px rgba(245, 174, 32, .2),0 0 0 0 rgba(245, 130, 32, .2)}
	80% {box-shadow:0 4px 5px rgba(245, 130, 32, .3),0 0 0 15px rgba(245, 174, 32, 0),0 0 0 13px rgba(245, 130, 32, .67)}
	100% {box-shadow:0 4px 5px rgba(245, 130, 32, .3),0 0 0 15px rgba(245, 174, 32, 0),0 0 0 20px rgba(245, 130, 32, 0)}
}
@media (min-width: 992px) {
	.mod-numbers::before {content:''; top:0; bottom: 0; right:100%; background: linear-gradient(180deg, #FDA961 0%, #F58220 100%); left:auto; margin: 0;}
	.mod-numbers::after {content:''; background: url('/images/pages/home/item035.png') right no-repeat; background-size: contain; position:absolute; z-index:-1; top:0; bottom: 0; right: 50%; margin-right: -50vw; width: 100vw;}
}
@media (min-width: 768px) {
	.mod-numbers .h1 {font-size: 6rem; margin: 0;}
}
@media (max-width: 767px) {
	.mod-numbers .d-flex {flex-wrap: wrap;}
	.mod-numbers .d-flex > * {flex:100%;}
}

.mod-steps {margin-top: 6.5rem; position: relative;}

.mod-steps .wraps {position: relative; z-index: -1; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 5rem;}
.mod-steps .wrap { position: relative; flex:160px; margin: 1rem;}

@media (min-width: 992px){
	.mod-steps .wraps {display: block;}
	.mod-steps .wrap {margin: 0; height: 160px;}
	.mod-steps .wrap .text {position: absolute; bottom: 30%;}
	.mod-steps .wrap .text .title {position: absolute; font-size: 150px; z-index: 5; color: #ECECEC; bottom: -50px;}
	.mod-steps .wrap .text .desc {position: relative; z-index: 10; width: 240px;}
	.mod-steps .wrap .text .desc::before,
	.mod-steps .wrap .text .desc::after {content:''; position: absolute; width: 10px; height: 10px; background: #F58220; border-radius: 50%; left: -30px; bottom: 25px;}
	.mod-steps .wrap .text .desc::after {left: auto; right:-20px;}
	.mod-steps .wrap .text .title::before {content:''; position: absolute; background:#fff; top:0; left: -30px; width:280px; bottom: 0; z-index: -1;}

	.mod-steps .introtext {position: absolute; top:0; right: 0;}
	.mod-steps .wrap::before {content:''; height: 163px; width:70%; position: absolute; top:50%; left:0; border: dashed #F58220; border-width: 3px 0 3px 3px; border-radius: 80px 0 0 80px;}
	.mod-steps .wrap::after {content:''; height: 163px; width:30%; position: absolute; top:50%; right:0; border: dashed #F58220; border-width: 3px 3px 3px 0; border-radius: 0 80px 80px 0;}
	.mod-steps .wrap:nth-child(odd) .text {left: 60%;}
	.mod-steps .wrap:nth-child(even) .text {left: 30%;}
	.mod-steps .wrap:nth-child(even)::after,
	.mod-steps .wrap:nth-last-child(1)::after,
	.mod-steps .wrap:nth-child(1) .text .desc::before,
	.mod-steps .wrap:nth-last-child(1) .text .desc::after,
	.mod-steps .wrap:nth-child(odd)::before {content: none;}
}

.mod-enter {color:#fff; display: flex; align-items: flex-end;}
.mod-enter .ico {flex:30%;}
.mod-enter::before {background: linear-gradient(180deg, #5CABE8 0%, #045592 100%);}
@media (min-width: 992px) {
	.mod-enter::before {top:30%;}
}

.mod-photos {margin-top: 6.5rem;}
.mod-photos .h3 {margin-bottom: 40px;}
.mod-photos .row > div {overflow: hidden;}
.mod-photos img {width:100%; height: 100%; object-fit: cover; transition: .3s;}
.mod-photos img:hover {transform: scale(1.1) rotate(3deg);}
.mod-photos img.photo-logo {object-fit: contain;}

.mod-contact {margin-top: 6.5rem;}
.mod-contact .h3 {margin-bottom: 40px;}


.mod-contact .email,
.mod-contact .address,
.mod-contact .phone {background:url('/images/pages/home/item045.png') left no-repeat; padding-left: 30px; margin: 10px 0;}
.mod-contact .email {background-image:url('/images/pages/home/item046.png');}
.mod-contact .address {background-image:url('/images/pages/home/item047.png');}
.mod-contact .row > div:nth-child(2) .card .card-body::before {background: #0B6DB7;}
.mod-contact .row > div:nth-child(3) .card .card-body::before {background: #3C3F46;}
.mod-contact .row > div:nth-child(4) .card .card-body::before {background: #ABABAB;}
@media (min-width: 992px) {
	.mod-contact .map iframe {position: absolute; left:0; width: 50vw; top: 0; bottom: 0; cursor: pointer; height: 100%;}
}
/* bootstrap */
@media (min-width: 1220px) {
	.container { max-width: 1220px;}
}
.card {box-shadow: 0 4px 10px rgba(100, 101, 119, 0.1); border-radius: 3px; border:none; overflow: hidden;}
.card .card-body {position: relative;}
.card .card-body::before {content:''; position:absolute; bottom:0; left:0; right:0; height: 5px; background: #F58220; transition: .3s;}
.card:hover .card-body::before {height: 10px;}

.btn-primary {background: #0B6DB7;}
.btn-light {background: #FFFFFF; box-shadow: 0 4px 10px rgba(100, 101, 119, 0.1);}
.btn-warning {background: #F58220; box-shadow: 0 4px 10px rgba(100, 101, 119, 0.1); border-radius: 2px; color:#fff;}

.animated.delay-1 {-webkit-animation-delay:200s;animation-delay:200ms}
.animated.delay-2 {-webkit-animation-delay:400s;animation-delay:400ms}
.animated.delay-3 {-webkit-animation-delay:600s;animation-delay:600ms}
.animated.delay-4 {-webkit-animation-delay:800s;animation-delay:800ms}
.animated.delay-5 {-webkit-animation-delay:1000s;animation-delay:1000ms}
.animated.delay-6 {-webkit-animation-delay:1200s;animation-delay:1200ms}
.animated.delay-7 {-webkit-animation-delay:1400s;animation-delay:1400ms}
.animated.delay-8 {-webkit-animation-delay:1600s;animation-delay:1600ms}
.animated.delay-9 {-webkit-animation-delay:1800s;animation-delay:1800ms}
.animated.delay-10 {-webkit-animation-delay:2000s;animation-delay:2000ms}