﻿
/*@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/teko/teko-v22-latin_latin-ext-regular.woff2') format('woff2');

}

@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/teko/teko-v22-latin_latin-ext-700.woff2') format('woff2');
}*/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

body {font-family: 'Nunito Sans', sans-serif;font-style: normal;font-size: 17px; line-height: 26px; color:#3E4952;-webkit-text-size-adjust: none;background-color: #fff;font-weight: 400;-webkit-font-smoothing: subpixel-antialiased;overflow-x:hidden;}
.fullscreen-banner h2,.fullscreen-banner h3{font-family: "Nunito Sans", sans-serif;font-weight:700}
.fullscreen-banner h2 span{color:#b21400;}
.sl-slide-inner {background-size: cover;background-position: center;height: 100vh;width: 100vw;overflow: hidden;}


.btn{font-family: "Nunito Sans", sans-serif;font-weight: 400;font-size: 15px;}
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6{font-family: "Nunito Sans", sans-serif; margin-top: 0px; margin-bottom: 0px;color:#252525}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit;text-decoration:none; }
h1, h3.widget-title,.h1{ font-size: 46px; font-style: normal; line-height: 50px; margin-bottom: 10px;color: #252525;font-weight:800;}
h2,.h2 { font-size: 46px; font-style: normal; line-height: 50px;margin-bottom: 10px; position: relative;font-weight:800;}
h3,.h3 { font-size: 40px; font-style: normal; line-height: 46px;font-weight:800;}
h4,.h4 { font-size: 30px; font-style: normal; margin-bottom: 10px; line-height: 36px; font-weight:800;}
h5,.h5 { font-size: 18px; font-style: normal; margin-bottom: 10px; line-height: 22px; font-weight:800;}
h6,.h6 { font-size: 16px; font-style: normal; line-height: 20px;font-weight:800;}
ul { margin: 0px; padding: 0px; }

.fs-60 {font-size: 60px;}
.fs-50 {font-size: 50px;}
.fs-40 {font-size: 40px;}
.fs-30 {font-size: 30px;}
.text-stroke {-webkit-text-stroke: 2px #b21400;-webkit-text-fill-color: white;}
.rounded-120{border-radius:120px;}

.line-h-2{line-height: 1.6;}
.line-h-3{line-height: 1.7;}
.line-h-4{line-height: 1.8;}
.line-h-5{line-height: 1.9;}

.letter-space-1{letter-spacing: 5px;}
.letter-space-2{letter-spacing: 10px;}
.letter-space-3{letter-spacing: 15px;}

/* ------------------------
    Helper class
------------------------*/

.lead{font-weight: normal; font-size: 16px; line-height: 1.7;}
.o-hidden{overflow: hidden;}
.img-center{display: inline-block !important; max-width: 100%;}
.pos-r{position: relative;}
.z-index-0{z-index: 0; position: relative;}
.z-index-1{z-index: 1; position: relative;}
h1 span, h2 span,h3 span,h4 span, h5 span,h6 span{ color: #3E4952; }
section{overflow:hidden;}
.section{margin: 40px 0 0 0;overflow:hidden;}
.main-page .section {margin: 40px 0 0 0;padding:60px 0}
.page-content.section {margin: 40px 0 0 0;}

.section-title { margin-bottom: 30px; }
.align-item-middle{display: -webkit-flex; /* Safari */  -webkit-align-items: center; /* Safari 7.0+ */  display: flex; align-items: center;}
/*.align-item-middle > div{width: 100%;}*/



/* ------------------------
    Text color
------------------------*/
.text-theme,a.text-theme{color:#b21400 !important;}
.text-theme-alt,a.text-theme-alt{color:#01233e !important;}
.text-black {color: #000 !important;}
.text-white {color: #fff !important;}
.text-grey{color:#aaaaaa;}
.text-yellow{color:#b21400;}
a.text-theme:hover{color:#000 !important;}
/* ------------------------
    Background color
------------------------*/
.white-bg {background-color: #ffffff !important;}
.dark-bg{background-color:#000;}
.dark-bg p,.dark-bg i,.dark-bg h1,.dark-bg h2,.dark-bg h3,.dark-bg h4,.dark-bg h5,.dark-bg h6{color:#ffffff !important;}
.grey-bg{background-color: #f3f4f6 !important/*#f2f3f7;*/}
.grey-bg-2{background-color:#f3f4f6;}
.theme-bg{background-color:#b21400;}
.theme-bg-2{background-color:#165e2d;}
.theme-bg p,.theme-bg i,.theme-bg h1,.theme-bg h2,.theme-bg h3,.theme-bg h4,.theme-bg h5,.theme-bg h6{color:#ffffff !important;}
.theme-bg-2 p,.theme-bg-2 h1,.theme-bg-2 h2,.theme-bg-2 h3,.theme-bg-2 h4,.theme-bg-2 h5,.theme-bg-2 h6{color:#000000 !important;}
.theme-bg-3{background-color:#f1f4f1;}
.theme-bg-4{background-color:#f3f4f6}
.theme-bg-5{background-color:#f3f4f6}
.transparent-bg{background-color: transparent !important;}
.grey-bg-3{background-color:#f0f0f0;}
.grey-bg-3 h5.card-title{color:#b21400}
.black-bg{background-color:#000;}
.black-bg p,.black-bg h2,.black-bg h3,.black-bg h4,.black-bg h5,.black-bg h6{color:#fff}
.black-bg .fas{color:#b21400 !important}




.fullscreen-banner{position: relative;min-height:600px;}
.fullscreen-banner .carousel, .fullscreen-banner .carousel-inner, .fullscreen-banner .carousel-inner .carousel-item{height: 100%;}
.carousel-fade .carousel-inner .carousel-item {opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.banner-1::before {border: 10px solid rgba(255,255,255,0.1); content: ""; height: 120%; left: 50%; position: absolute;
  top: -10%; transform: translateX(-50%) skewX(-25deg); width: 80%; z-index: -1;}
.banner-2 h1{border-top: 3px solid #b21400; border-bottom: 3px solid #ffffff; padding: 15px 0;}
[data-bg-img]{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.align-center{position: absolute; top: 50%; width: 100%; z-index: 9;}
.fullscreen-banner .align-center{position: absolute; width: 100%; z-index: 9;}
.align-end{position: absolute; bottom: 0; width: 100%; z-index: 9;}
.fullscreen-banner .nav-dots{display: none;}
.side-navbar .fullscreen-banner .align-center, .side-navbar .nav-arrows span{padding-top: 0 !important;}
.fullscreen-banner h1, .fullscreen-banner h2, .fullscreen-banner h3{font-size: 65px;line-height:70px;}
.fullscreen-banner h5{color:#fff;font-size: 20px; margin-bottom: 15px;line-height: 27px;font-weight: 700;}
.fullscreen-banner p{color:#fff;font-size: 20px;margin-bottom: 15px;line-height: 27px;font-weight: 400;}
.fullscreen-banner p{margin-bottom:20px;}


.countdown{margin:40px 0; display: table; width: 100%;}
.countdown > li{padding: 0 30px; font-weight: 700; text-align: center; border-right: 1px dashed rgba(0,0,0,0.1); list-style-type: none; display: table-cell; width: auto;}
.countdown > li:first-child{padding-left: 0;}
.countdown > li:last-child{border-right: none;}
.countdown > li span{font-size:70px; font-weight:600; line-height:60px; margin-bottom: 20px; display: inline-block;}
.countdown > li p{font-size:20px; text-transform: uppercase; line-height:30px; margin-bottom: 0; color: #3bb143;}
.countdown > li:nth-child(2) p{color: #c71585;}
.countdown > li:nth-child(3) p{color: #663399;}
.countdown > li:nth-child(4) p{color: #ffa500;}

.countdown > li:last-child{padding-right: 0;}
.dark-bg .countdown > li{border-color:rgba(255,255,255,0.2) }

.form-group{margin-bottom: 20px; position: relative;}
 label{font-size: 17px; color: #222}
/*.form-control{border-radius: 5px; font-size: 13px; background: none; border-color: #a0a0a0; box-shadow: none;height:50px;}*/
.grey-bg .form-control{background: #ffffff}
textarea.form-control{height: 150px;}
.form-control:focus{box-shadow: none; border-color: #b21400;}
select.form-control {/*-moz-appearance: none; -webkit-appearance: none; appearance: none;*/ height: 50px !important;}
#map {width: 100%; height: 100%;}
input[type="checkbox"] {width:20px;height:20px;border-color:#d6d6d6}
/*.iframe-h{height: 500px !important;}
.help-block.with-errors {position: absolute; color: red; right: 0; font-size: 10px; line-height: 14px;}*/

.education-box {position: relative; overflow: hidden;}
.education-box:before {content: ""; position: absolute; top: 50%; bottom: 0; left: 50%; width: 5px; margin-left: -2.5px; background: rgba(255,255,255,0.2); height: 80%; transform: translateY(-50%);}
.education-box .education-box-item {width: 50%; max-width: 420px; background: rgba(255,255,255,0.05); padding: 20px; position: relative; z-index: 2; margin-top: 15%;}
.education-box .education-box-item:before {content: attr(data-line); position: absolute; right: -60%; margin-right: 0; top: 50%; height: 50px; width: 50px; border-radius: 50%;
border: 4px solid #FF4500; text-align: center; color: #FF4500; line-height: 43px; font-size: 20px; font-weight: 700; text-transform: uppercase; background: #ffffff;}
.education-box .education-box-item:after {content: ""; height: 4px; position: absolute; right: -50%; margin-right: 0; top: 50%; width: 50%; border-bottom: 1px dashed rgba(255,255,255,0.1);}
.education-box .education-box-item:nth-child(even) {float: right;margin-top:3%;}
.education-box .education-box-item:nth-child(even):before {right: auto; left: -60%; margin-left: 0;}
.education-box .education-box-item:nth-child(even):after {left: -50%; margin-left: 0%;}
.education-box .education-box-item:first-child {margin-top: 0;}
.education-box .education-box-item h6 {font-size: 14px; color: #FF4500; font-weight: 700;}
.education-box .education-box-item h4 {font-size: 18px; color: #ffffff;}
.education-box .education-box-item h5 {font-size: 14px; color: rgba(255,255,255,0.5);}
.education-box .education-box-item p {margin-bottom: 0;}
.education-box .education-box-item::before{border-color: #fff;}
.education-box .education-box-item-1::before{background-color: green;}
.education-box .education-box-item-2::before{background-color: #0088ff}
.education-box .education-box-item-3::before{background-color: yellow}
.education-box .education-box-item-4::before{background-color: red}


.list-icon li{position: relative; padding-left: 30px;}
.list-icon li i{position: absolute; left: 0; top: 5px}



/*CUSTOM CSS*/
.fullscreen-banner .banner-content h2,
.fullscreen-banner .banner-content h2 span {font-size: 55px !important;line-height: 60px;font-weight: 700;letter-spacing: normal;display: inline-block;color: #fff;}
.fullscreen-banner .banner-content h3 {font-size: 20px !important;line-height: 24px;font-weight: 700;letter-spacing: normal;display: inline-block;color: #fff;}
.fullscreen-banner .banner-content a:hover{color:#b21400}
.fullscreen-banner .banner-content h1 span {color: #b21400;}
.fullscreen-banner .banner-content p {font-size: 18px !important;line-height: 26px !important;}

.banner-icon {display: inline-block;text-align: center;line-height: 130px;width: 110px;height: 110px;background-color: #b21400;border-radius: 50%;color: #fff;border: 2px solid #fff;}
.banner-icon-top {position: relative;text-align: center;display: inline-block;border-radius: 50%;padding: 10px;margin-bottom: 20px;}
.banner-icon {display: inline-block;position: relative;text-align: center;line-height: 130px;width: 110px;height: 110px;background-color: #b21400;border-radius: 50%;color: #fff;border: 2px solid #fff;}
.banner-icon-top:hover .banner-icon{background-color: #b21400;}
.banner-icon::after {content: '';position: absolute;top: -12px;left: -12px;right: -12px;bottom: -12px;border-radius: inherit;border: 2px dashed #b21400;animation: spinBorder 14s linear infinite;}

@keyframes moveUpDown {
0% {transform: translateY(0);}
50% {transform: translateY(5px);}
100% {transform: translateY(0);}
}
.banner-icon i,.moveupDown {animation: moveUpDown 2s ease-in-out infinite;}
.banner-icon i {color: #fff;font-size: 50px;-webkit-text-stroke: 1px #fff;-webkit-text-fill-color: transparent;}

@keyframes spinBorder {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

@media (max-width: 414px) {
.banner-icon {line-height: 100px;width: 90px;height: 90px;}
.fullscreen-banner .banner-content h2,
.fullscreen-banner .banner-content h2 span {font-size: 35px !important;line-height: 40px;font-weight: 700;}
.fullscreen-banner .banner-content h3 {font-size: 15px !important;line-height: 18px;}
}


.counter.style-3 i{position: absolute; left: 40px; top: 40%; padding: 10px 25px 10px 0;}

.content-icon-info h5{font-size: 20px;font-weight: 700;line-height:32px;margin-bottom:0;}

.owl-carousel-custom-1 .owl-nav {top: 100% !important}
.owl-carousel-custom-1 .owl-nav button {background-color: #b21400 !important;color: #fff !important;}
.owl-carousel-custom-1 .owl-nav button.owl-next {left: 60px !important;}


.theme-bg-4{background: #fff;background-image: url(/images/customs/bg-1.webp);}

.card-custom-1 .card{background-color:transparent;border:none;}
.card-custom-1 .card-img-top {padding: 12px 12px 12px 12px !important;border: 2px dashed #1f9a26;}
.card-custom-1 figure,.card-custom-1 picture{margin:initial;padding:initial;border:none;}
.card-custom-1 .card-img-top img {border: 8px solid #fff;}
.card-custom-1 .card .card-title{align-items: center;display: flex;}
.card-custom-1 .card .card-title a:hover{color: #1f9a26;}
.card-custom-1 .card i {font-size: 40px;color: #1f9a26;margin-right: 20px;animation: moveUpDown 1.5s ease-in-out infinite;}

.accordion h6 a{font-size: 24px;text-decoration: none;font-weight: bold;}
.accordion h2,.accordion-button {line-height: 30px;color:#000;font-weight: 700;}
.accordion-button:not(.collapsed) {background-color: #b214000f;color:#000;}

.footer-box{background: #f8f9fc;padding-top: 140px;padding-bottom: 140px;}

.gradient-bg-1{background: radial-gradient(circle, #b21400 0%, #330600 70%, #330600 100%);}
.gradient-bg-2{background: radial-gradient(circle, #330600 0%, #b21400 95%, #b21400 95%);}
.gradient-bg-1 h5,.gradient-bg-1 h2,.gradient-bg-1 p,.gradient-bg-2 h5,.gradient-bg-2 h2,.gradient-bg-2 p{color:#fff !important}
.gradient-bg-1 .text-black,.gradient-bg-2 .text-black{color:#000 !important}
