/*create by Clean Style*/
/* ================================= MAIN =================================*/
html, body { height:100%; scroll-behavior: auto !important;}
body { background:#f8f9fa; margin:0; padding:0; font-size:16px; font-family: "Ubuntu", sans-serif; color:#212529; min-height:100%; height:auto!important; height:100%; position:relative; line-height: 30px;}
img {border:none; outline:none;}
a {outline-style: none; color:#212529;}
a:hover {color:#4957e3;}
.left { float:left;}	
.right { float:right;}
.clear { clear:both; font-size:0; line-height:0;}

h1 {font-family: "Inter", sans-serif; font-size: 40px; font-weight: 600;}
h2 {font-family: "Inter", sans-serif; font-size: 28px; font-weight: 600;}
h3 {font-family: "Inter", sans-serif; font-size: 20px; font-weight: 600;}
h4 {font-family: "Inter", sans-serif; font-weight: 600;}
h5 {font-family: "Inter", sans-serif; font-weight: 600;}
h6 {font-family: "Inter", sans-serif; font-weight: 600;}

.h1 {font-family: "Inter", sans-serif; font-size: 40px; font-weight: 600;}
.h2 {font-family: "Inter", sans-serif; font-size: 28px; font-weight: 600;}
.h3 {font-family: "Inter", sans-serif; font-size: 20px; font-weight: 600;}
.h4 {font-family: "Inter", sans-serif;}
.h5 {font-family: "Inter", sans-serif;}
.h6 {font-family: "Inter", sans-serif;}

/* 4957e3 */

#container {margin:0 auto; padding:0; position: relative; overflow:hidden;}

.btn {line-height: 60px; padding: 0 40px;}

.btn-primary {color:#ffffff; background-color:#4957e3; }
.btn-secondary {color:#4957e3; background-color:#ffffff; border-color:#4957e3;}

.accordion-item {border-top:1px solid #E7E6EA; border-bottom:1px solid #E7E6EA;}
.accordion-button {font-size: 20px; font-weight: 600;}
.accordion-button:not(.collapsed)::after {content: "\f106"; box-sizing: border-box; font-weight: 900; font-family: "Font Awesome 6 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto;}
.accordion-button::after {content: "\f107"; box-sizing: border-box; font-weight: 900; font-family: "Font Awesome 6 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto;}

/* ================================= header =================================*/
.fixedTop {position: fixed; width: 100%;}
.first {margin-top:80px;}

.header {height: 80px; padding: 0; position: fixed; width: 100%; z-index: 100;}
.header .logo {max-height: 60px; height: 60px; padding:10px 0; cursor: pointer;}
.header .logo img {height: 60px;}

.header .menu {margin: 0px; padding: 0px;}
.header .menu li {list-style: none; display: block; width: 100%; text-align:center; }
.header .menu li a {display: inline-block; width: 100%; line-height: 80px; text-decoration: none; font-size: 18px; color:#212529; padding: 0 20px; transition: color .3s; cursor: pointer;}
.header .menu li a:hover {color:#4957e3;}
.header .menu li a.active {color:#4957e3;}

.navButton {line-height: 80px; font-size: 20px; cursor: pointer;}
.mobile {display: none; background: #ffffff; position: relative; z-index: 1000;}
.mobile > a {width: 100%;}

/* ================================= content =================================*/
.subtitle {font-size: 48px;}
.subtitle h3 {line-height: 60px;}
.subtitle i {color:#4957e3;}

.owl-carousel {}
.owl-nav {text-align: center; margin-top: 30px;}
.owl-nav button {width: 50px; height: 50px; border-radius: 0.5rem; border:1px solid #dee2e6!important; text-align: center; background: #ffffff!important; margin: 0 15px;}

.contacts {}
.contacts a {text-decoration: none; color:#4957e3;}
.contacts .icon {text-decoration: none; color:#4957e3;}

#g_captch {}
#g_captch > div {margin:0 auto;}

/* ================================= footer =================================*/
.footer {}
.footer .logo {max-height: 100px; text-align: center;}
.footer .logo img {max-height: 100px;}

.footer .menu {}
.footer .menu li {list-style: none; display: inline-block; width: 100%;}
.footer .menu li a {text-decoration: none; margin: 0 20px; transition: color .3s;}

.footer .social {}
.footer .social li {display: inline-block; list-style: none;}
.footer .social li a {margin: 0 10px; padding: 5px; transition: color .3s;}


/* SM */
@media (min-width: 576px) { 

}

/* MD */
@media (min-width: 768px) {

}

/* LG */
@media (min-width: 992px) {
	h1 {font-family: "Inter", sans-serif; font-size: 60px; font-weight: 600;}
	h2 {font-family: "Inter", sans-serif; font-size: 48px; font-weight: 600;}
	h3 {font-family: "Inter", sans-serif; font-size: 40px; font-weight: 600;}
	h4 {font-family: "Inter", sans-serif; font-weight: 600;}
	h5 {font-family: "Inter", sans-serif; font-weight: 600;}
	h6 {font-family: "Inter", sans-serif; font-weight: 600;}

	.h1 {font-family: "Inter", sans-serif; font-size: 60px; font-weight: 600;}
	.h2 {font-family: "Inter", sans-serif; font-size: 48px; font-weight: 600;}
	.h3 {font-family: "Inter", sans-serif; font-size: 40px; font-weight: 600;}
	.h4 {font-family: "Inter", sans-serif;}
	.h5 {font-family: "Inter", sans-serif;}
	.h6 {font-family: "Inter", sans-serif;}
	.mobile {display: inline-block;}
	.header .menu li {list-style: none; display: inline-block; width: auto;}
	.header .menu li a {width: auto;}
	.footer .menu li {width: auto;}
}

/* XL */
@media (min-width: 1200px) {

}

/* XXL */
@media (min-width: 1400px) {

}















