@font-face {font-family: 'Fira Sans';font-style: normal;font-weight: 400;font-display: swap;src: local('Fira Sans'), url('/fonts/fira/FiraSans-Regular.woff2') format('woff2');}
@font-face {font-family: 'Fira Sans';font-style: normal;font-weight: 700;font-display: swap;src: local('Fira Sans'), url('/fonts/fira/FiraSans-Bold.woff2') format('woff2');}

:root {
    --theme-color: #2a4f9f;
    --bg-color: #fcfbf9;
    --text-grey: #888;
}

body {font-family: 'Fira Sans', sans-serif;font-style: normal;font-size: 17px; line-height: 26px; color:#2b2b2b;-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: 'Fira Sans',sans-serif;font-weight:400;text-transform:uppercase}
.fullscreen-banner h2 span{color:#2a4f9f;}
.sl-slide-inner {background-size: cover;background-position: center;height: 100vh;width: 100vw;overflow: hidden;}


.btn{font-family: 'Fira Sans', sans-serif;font-weight: 700;font-size: 14px;}
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Fira Sans', sans-serif; margin-top: 0px; margin-bottom: 0px;color:#222}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit;text-decoration:none; }
h1, h3.widget-title,.h1{ font-size: 40px; font-style: normal; line-height: 42px; margin-bottom: 30px;color: #222;font-weight:700;}
h2,.h2 { font-size: 40px; font-style: normal; line-height: 60px;margin-bottom: 30px; position: relative;font-weight:400;}
h3,.h3 { font-size: 35px; font-style: normal; line-height: 55px;font-weight:400;}
h4,.h4 { font-size: 24px; font-style: normal; margin-bottom: 10px; line-height: 30px; font-weight:400;}
h5,.h5 { font-size: 20px; font-style: normal; margin-bottom: 10px; line-height: 26px; font-weight:400;}
h6,.h6 { font-size: 18px; font-style: normal; line-height: 24px;font-weight:400;}
ul { margin: 0px; padding: 0px; }

.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: #2a4f9f; }
.section{margin: 30px 0 0 0;overflow:hidden}
.main-page .section {margin: 40px 0 0 0;padding:60px 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:#2a4f9f !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:#2a4f9f;}
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 h1,.dark-bg h2,.dark-bg h3,.dark-bg h4,.dark-bg h5,.dark-bg h6{color:#ffffff !important;}
.grey-bg{background-color:#f2f3f7;}
.grey-bg-2{background-color:#dddcdc;}
.grey-bg-3{background-color:#f3f3f3;}
.theme-bg{background-color:#2a4f9f;}
.theme-bg-2{background-color:#036800;}
.theme-bg p,.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:#ffffff !important;}
.theme-bg-3{background-color:#f1f4f1;}
.theme-bg-4{background-color:#e4ebe4;}
.transparent-bg{background-color: transparent !important;}
.grey-bg-3{background-color:#f0f0f0;}
.grey-bg-3 h5.card-title{color:#2a4f9f}
.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:#2a4f9f !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 #2a4f9f; 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; top: 40%; 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: 55px;line-height:60px;letter-spacing: normal}
.fullscreen-banner h5, .fullscreen-banner p{color:#fff;font-size: 20px;margin-bottom: 15px;line-height: 1.63636;font-weight: 400;}
.fullscreen-banner p{margin-bottom:0px;}


.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: #2a4f9f;}
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:#4baf47}
.fullscreen-banner .banner-content h1 span {color: #c08f70;}
.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: #036800;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: #036800;border-radius: 50%;color: #fff;border: 2px solid #fff;}
.banner-icon-top:hover .banner-icon{background-color: #4baf47;}
.banner-icon::after {content: '';position: absolute;top: -12px;left: -12px;right: -12px;bottom: -12px;border-radius: inherit;border: 2px dashed #4baf47;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: #2a4f9f !important;color: #fff !important;}
.owl-carousel-custom-1 .owl-nav button.owl-next {left: 60px !important;}

.gradient-bg-1{background: rgb(48,83,53);background: radial-gradient(circle, rgba(48,83,53,1) 0%, rgba(9,41,11,1) 100%);}
.gradient-bg-2{background: linear-gradient(96deg, rgba(2,22,9,1) 35%, rgba(3,104,0,1) 94%, rgba(3,104,0,1) 100%);}
.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;}

.theme-bg-4{background: #fff;background-image: url(/images/customs/bg-2.png);}

.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;}

.footer-box{background-color:#fff; background-image: url(/images/customs/bg-3.webp);padding-top: 140px;padding-bottom: 140px;}

.container-dunyanin-suyu{margin-top: -420px;}
.container-dunyanin-suyu h2{-webkit-text-stroke: 1px #fff; font-size: 60px; line-height: 70px;font-weight: 700; -webkit-text-fill-color: transparent;}
@media (max-width: 1200px) {
    .container-dunyanin-suyu h2{font-size: 50px; line-height: 55px;}
}
@media (max-width: 992px) {
    .container-dunyanin-suyu h2{font-size: 40px; line-height: 50px;}
}