@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap');
@import url('bootstrap.min.css');
@import url('animate.css');
@import url('fontawesome.all.min.css');
@import url('owl.carousel.min.css');
@import url('owl.theme.default.min.css');

:root { --main-color: #ed1c24 ; --heading-color: #022334; --paragraph-color: #646e85; --body-font: 'Sarabun', sans-serif; --body-font-size: 16px; --line-height30: 1.6;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; font-family: var(--body-font);}

body { margin: 0; color: var(--paragraph-color); font-family: var(--body-font); line-height: var(--line-height30); font-size: var(--body-font-size);}
.body-overlay { position: fixed; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.92); z-index: 999; content: ""; left: 0; top: 0; visibility: hidden; opacity: 0; transition: all 0.4s ease; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress;}
.body-overlay.active { visibility: visible; opacity: 0.97;}

a:hover {text-decoration: none;}
:focus { outline: none!important;}

h1 { font-size: 40px; line-height: 1.2333333333;}
h2 { font-size: 34px; line-height: 1.3380952381;}
h3 { font-size: 22px; line-height: 1.3833333333;}
h4 { font-size: 20px; line-height: 1.3380952381;}
h5 { font-size: 17px; line-height: 1.3380952381;}
h6 { font-size: 15px; line-height: 1.2380952381;}
h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-weight: 700;}
p { color: var(--paragraph-color); -webkit-hyphens: auto; hyphens: auto; margin-bottom: 10px;}

header { background: #0e1134; padding: 120px 0 20px 0;}
.breadcrumb { background: transparent; padding: 0;}
.breadcrumb-item a { color: #fff;}
.breadcrumb-item.active { color: #fff;}
.breadcrumb-item+.breadcrumb-item::before { color: #fff; content: ">"!important;}
label { color: #676767; font-weight: 500; font-size: 17px;}
.form-control { border-color: #e5e5e5; border-radius: 5px;}
.contact-title { font-weight: 600; color: #666666;}
/*.text-center2 { margin-top: 20px; border-bottom: 1px solid #ed1c24; max-width: max-content padding-bottom: 5px;}-*
/*Button*/
.btn { height: 50px; line-height: 50px; padding: 0 35px; overflow: hidden; position: relative; transition: all 0.5s ease; font-weight: 400; display: inline-block; transform: perspective(1px) translateZ(0); border-radius: 5px;}
.btn:focus, .btn:active { outline: 0; box-shadow: none;}

.btn-base { color: #fff; border: 0; background: var(--main-color);}
.btn-base:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #022334; transform: scaleX(0); transform-origin: 0 50%; transition-duration: 0.4s;}
.btn-base:hover, .btn-base:focus { color: #fff;}
.btn-base:hover:before, .btn-base:focus:before {transform: scaleX(1);}

.btn-white { color: var(--main-color); border: 0; background: #fff; border: 1px solid var(--main-color);}
.btn-white:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #022334; transform: scaleX(0); transform-origin: 0 50%; transition-duration: 0.4s;}
.btn-white:hover, .btn-white:focus { color: #fff; border: 1px solid #022334;}
.btn-white:hover:before, .btn-white:focus:before { transform: scaleX(1);}

/*Section Title*/
.section-title { margin-bottom: 47px; position: relative;}
.section-title h2 { margin-bottom: 0;}
.section-title p { margin-bottom: 0; margin-top: 13px;}
.section-title a { margin-top: 25px;}
.text-center2 { position: relative; padding-bottom: 10px;}
.text-center2:after { position: absolute; content:""; left: 42%; bottom: 0; background: var(--main-color); height: 1px; width: 150px;}

/* Social Media*/ 
.social-area { padding: 0; margin: 0; font-size: small;}
.social-area li { list-style: none; display: inline-block; margin-right: 22px;}
.social-area li:last-child { margin-right: 0;}
.social-area li a { color: var(--heading-color); transition: 0.4s; font-size: 22px;}
.social-area li a:hover { color: var(--main-color);}

/*Search Popup*/
.search { margin-left: 32px;}
.search-popup.active .search-form { visibility: visible; opacity: 1; width: 40%;}
.search-popup .search-form { width: 35%; position: absolute; position: fixed; top: 50%; left: 50%; transition: all 0.4s ease; visibility: hidden; opacity: 0; transform: translate(-50%, -50%); z-index: 999;}
.search-popup .search-form .form-group .form-control { border: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; height: 54px; padding: 0 75px 0 25px; background: #f7f9fb;}
.search-popup .search-form .form-group .form-control:hover,
.search-popup .search-form .form-group .form-control:focus,
.search-popup .search-form .form-group .form-control:active { outline: 0; box-shadow: none;}
.search-popup .search-form .submit-btn { position: absolute; right: 0; top: 0; width: 60px; height: 54px; border: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #ffffff; transition: all 0.4s ease; padding: 0; text-align: center; cursor: pointer; background: var(--main-color);}
.search-popup .search-form .submit-btn:hover { background: #022334; color: #fff;}
.search-popup .search-form .submit-btn:hover,
.search-popup .search-form .submit-btn:focus,
.search-popup .search-form .submit-btn:active { outline: 0; box-shadow: none;}

.owl-nav button { height: 50px; width: 50px; border: 1px solid var(--main-color); background: #fff; cursor: pointer; font-size: 24px; font-weight: 700; color: var(--main-color); transition: 0.4s; border-radius: 4px; cursor: pointer !important;}
.owl-nav button:hover { background: var(--main-color); color: #fff;}
.owl-dots .owl-dot { height: 8px; width: 40px; border: 0; display: inline-block; padding: 0; margin: 0 4px; background: var(--heading-color)!important; cursor: pointer !important;}
.owl-dots .owl-dot.active { background: var(--main-color)!important;}
.owl-dots { text-align: center;}

/*left menu*/
.widget-select-inner ul { margin: 0; padding: 0;}
.widget-select-inner ul li { list-style: none;}
.widget-select-inner ul li:last-child .single-select-inner { margin-bottom: 0;}
.single-select-inner { font-weight: 600; cursor: pointer; margin-bottom: 7px;}
.single-select-inner:hover { font-weight: 600; cursor: pointer; margin-bottom: 7px; color: #ed1c24;}
.single-select-inner span { position: relative; display: inline-block; vertical-align: top; width: 18px; height: 18px; border-radius: 0; border: 2px solid #022334; text-align: center; top: 2px; margin-right: 5px;}
.single-select-inner span:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; text-align: center !important; font-size: 11px; line-height: 15px; vertical-align: middle;}
.single-select-inner input[type=checkbox] { position: absolute; opacity: 0;}
.single-select-inner input[type=checkbox]:checked { color: #fff; transition: color 0.3s ease-out;}
.single-select-inner input[type=checkbox]:checked + span { border-color: var(--main-color); background-color: var(--main-color);}
.single-select-inner input[type=checkbox]:checked + span:before { color: #fff; opacity: 1; transition: color 0.3s ease-out;}

/*Menu*/

.navbar-area { padding: 0; top: 0; position: fixed; z-index: 98; width: 100% !important; transition: all 0.4s; background: #fff;}
.navbar-area .navbar { padding: 0;}
.navbar-area .nav-container { background-color: transparent; padding: 20px 12px; transition: all 0.4s;}
.navbar-area .nav-container .logo a { font-weight: 700; font-size: 24px; color: #fff;}
.navbar-area .nav-container .logo a img { height: auto;}
.navbar-area .nav-container .logo .sticky-logo { display: none;}
.navbar-area .nav-container .btn-transparent { font-size: 13px; font-weight: 700;}
.navbar-area .nav-container .navbar-collapse .navbar-nav { display: block; width: 100%;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li { display: inline-block; font-weight: 400; line-height: 50px; text-transform: capitalize;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child { display: none;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li a { color: #022334; font-weight: 600; font-size: 15px; padding-left: .5rem; padding-right: .5rem;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li:hover a { color: #022334;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li + li { margin-left: 20px;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children { position: relative; z-index: 0; padding-right: 14px; background-image: url('../images/caret-down-fill.svg'); background-position: right center; background-repeat: no-repeat; background-size: 12px;} 
/*.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before { position: absolute; right: -1px; top: 50%; content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; vertical-align: middle; transform: translateY(-50%); transition: all 0.3s ease-in; color: #022334;}*/
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover { transition: all 0.4s ease;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu { visibility: visible; opacity: 1;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu { position: absolute; text-align: left; min-width: 210px; margin: 0; padding: 0; list-style: none; left: 0; top: 100%; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); background-color: #fff; z-index: 9; overflow: hidden; visibility: hidden; opacity: 0; transition: all 0.4s ease; border-radius: 0;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li { display: block; margin-left: 0; line-height: 22px; font-size: 15px; transition: all 0.4s ease; border-bottom: 1px solid #f5f5f5;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { display: block; padding: 10px 20px; white-space: nowrap; transition: all 0.3s; color: #050a30; font-size: 14px; font-weight: 500; transition: all 0.4s ease; position: relative;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:before { position: absolute; left: 17px; top: 50%; font-family: "Font Awesome 5 Free"; content: "\f0da"; display: inline-block; vertical-align: middle; font-weight: 900; transform: translateY(-50%); visibility: hidden; opacity: 0; transition: 0.4s; color: #fff;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover { background: var(--main-color);}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover a { color: #fff; padding: 10px 20px 10px 30px;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover a:before { visibility: visible; opacity: 1;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child { border-bottom: 0;}
.navbar-area-fixed { box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.1); top: 0;}
.navbar-area-fixed .nav-container { padding: 12px;}
.nav-right-part .btn { padding: 0 16px; margin-left: 6px;}
.navbar-nav { opacity: 0; visibility: hidden; transition: all 0.3s ease 0s;}
.menu-open { opacity: 1; visibility: visible;}
.bar1 { width: 32px; height: 2px; margin-bottom: 5px; position: absolute; background: var(--main-color); z-index: 9999; top: 10px; right: -5px;}
.bar2 { width: 24px; height: 2px; margin-bottom: 5px; position: absolute; background: var(--main-color);  z-index: 9999; top: 17px; right: -5px;}
.bar3 { width: 18px; height: 2px; margin-bottom: 5px; position: absolute; background: var(--main-color); z-index: 9999; top: 24px; right: -5px;}
.responsive-mobile-menu button:focus { outline: none; border: none;}
.responsive-mobile-menu { left: auto; top: 20px; right: 0; position: absolute; transition: 0.4s;}
.navbar-area.navbar-area-fixed .responsive-mobile-menu { top: 14px;}
.toggle-btn { width: 40px; height: 40px; transition-duration: 0.5s; border: 0; background: transparent;}
.toggle-btn .icon-left { transition-duration: 0.5s; position: absolute; height: 2px; width: 11px; top: 18px; background-color: var(--main-color); left: 7px;}
.toggle-btn .icon-left:before { transition-duration: 0.5s; position: absolute; width: 11px; height: 2px; background-color: var(--main-color); content: ""; top: -7px; left: 0;}
.toggle-btn .icon-left:after { transition-duration: 0.5s; position: absolute; width: 11px; height: 2px; background-color: var(--main-color); content: ""; top: 7px; left: 0;}
.toggle-btn .icon-left:hover { cursor: pointer;}
.toggle-btn .icon-right { transition-duration: 0.5s; position: absolute; height: 2px; width: 11px; top: 18px; background-color: var(--main-color); left: 18px;}
.toggle-btn .icon-right:before { transition-duration: 0.5s; position: absolute; width: 11px; height: 2px; background-color: var(--main-color); content: ""; top: -7px; left: 0;}
.toggle-btn .icon-right:after { transition-duration: 0.5s; position: absolute; width: 11px; height: 2px; background-color: var(--main-color); content: ""; top: 7px; left: 0;}
.toggle-btn .icon-right:hover { cursor: pointer;}
.toggle-btn.open .icon-left { transition-duration: 0.5s; background: transparent;}
.toggle-btn.open .icon-left:before { transform: rotateZ(45deg) scaleX(1.4) translate(2px, 1px);}
.toggle-btn.open .icon-left:after { transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -1px);}
.toggle-btn.open .icon-right { transition-duration: 0.5s; background: transparent;}
.toggle-btn.open .icon-right:before { transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 1px);}
.toggle-btn.open .icon-right:after { transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -1px);}
.toggle-btn:hover { cursor: pointer;}
.nav-right-part-desktop { margin-left: 20px; display: flex; align-items: center}
.nav-right-part-mobile { display: none;}
.sopen { display: block !important;}
.mr39{
	margin-right: -39px;
}
/*Banner*/
.banner-area { background: #022334 url('../images/banner.png'); background-size: cover; background-repeat: no-repeat;}
.banner-area .banner-area-inner { padding-left: 0 !important; padding-right: 0 !important;}
.banner-area-inner { padding: 170px 90px 180px 90px; border-radius: 10px; background-repeat: no-repeat; background-size: cover; margin-top: 100px;}
.banner-inner { position: relative; z-index: 3;}
.banner-inner h2 { font-size: 36px; color: #fff; position: relative; margin-bottom: 12px; animation: 1.5s 0.6s fadeInLeft both;}
.banner-inner p { position: relative; color: #d8d5d5; animation: 1.5s 0.8s fadeInLeft both; margin-bottom: 0; font-weight: 500;}
.banner-inner .main-search-inner { animation: 1.5s 1s fadeInLeft both; margin-top: 20px;}
.banner-inner .btn-wrap { animation: 1.5s 1s fadeInLeft both;}
.main-search-inner { position: relative;}
.main-search-inner i { position: absolute; left: 22px; top: 22px; color: var(--heading-color);}
.main-search-inner input { width: 100%; height: 60px; border: 0 !important; border-radius: 8px; padding-left: 58px; font-weight: 500; color: #646e85;}
.main-search-inner button { float: right; border-radius:0; border-top-right-radius:5px; border-bottom-right-radius:5px; top: -50px; right: -1px; background: #0e1134}
.main-search-inner button:hover { background: #ed1c24; color: #fff;}
.main-search-inner.main-search-bg input { background: #f3f4f9;}

/*Popular Category*/
.single-course-inner { border-radius: 8px; overflow: hidden; margin-bottom: 30px;}
.single-course-inner .thumb { overflow: hidden; position: relative;}
.single-course-inner .thumb img { transition: 0.7s;}
.single-course-inner .details { background: #f8f8f8; padding: 25px 30px; position: relative;}
.single-course-inner .details .meta p { color: var(--heading-color); font-size: 12px; font-weight: 600; margin-bottom: 0; border-bottom: 1px solid #ed1c24; }
.single-course-inner .details .meta p:hover { color: #ed1c24; font-size: 12px; font-weight: 600; margin-bottom: 0; border-bottom: 1px solid #ed1c24; }
.single-course-inner .details h5 { font-size: 18px; margin-top: 12px; margin-bottom: 25px; font-weight: 600;}
.single-course-inner .details h5 a { color: var(--heading-color); font-size: 22px;}
.single-course-inner .details .price-inner p { margin-bottom: 0; color: #001e57; font-style: italic;}
.single-course-inner .details .price-inner p:hover { margin-bottom: 0; color: #ed1c24;  font-style: italic;}
.single-course-inner .details .price-inner a { font-weight: 600; color: var(--heading-color);}
.single-course-inner .details .price-inner a:hover { color: var(--main-color);}
.single-course-inner:hover .thumb img { transform: scale(1.1);}
.single-course-inner.style-two .details { padding: 25px 15px;}
.course-detail-form {  border-radius: 8px;}
.course-detail-form .form-control { font-size: 14px; background: transparent; border-radius: 0; border:0; border-bottom: 1px solid #8a8a8a; padding-left: 0;}

/*Sponsor Slider*/
.client-slider .thumb { text-align: center;}
.client-slider .thumb img { width: auto !important; margin: 0 auto;}
.client-slider .owl-nav .owl-prev { border: 1px solid var(--main-color)!important; position: absolute; left: -70px; top: 50%; margin-top: -30px;}
.client-slider .owl-nav .owl-next { border: 1px solid var(--main-color)!important; position: absolute; right: -70px; top: 50%; margin-top: -30px;}
.client-slider .owl-nav .owl-prev:hover { background: var(--main-color)!important;}
.client-slider .owl-nav .owl-next:hover { background: var(--main-color)!important;}
.client-slider .owl-nav .owl-prev i,.client-slider .owl-nav .owl-next i { color: var(--main-color);}
.client-slider .owl-nav .owl-prev:hover i,.client-slider .owl-nav .owl-next:hover i{ color: #fff;}

/*Category Box*/
.single-category-inner { min-height: 190px; background: #f3f4f9; border-radius: 8px;background-size: cover; position: relative; transition: 0.4s; margin-bottom: 30px;    display: table-cell;
	vertical-align: middle;
	width: 400px;
	height: 220px;}
	.single-category-inner h4 { font-weight: 500;text-align: center; margin: 0 auto;}
	.single-category-inner h6 { margin-bottom: 0; font-weight: 500;}
	.single-category-inner.style-two:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); border-radius: 8px;}
	.single-category-inner.style-two h4 { color: #f8f8f8; position: relative; z-index: 2;}
	.single-category-inner.style-two h4 a { color: #f8f8f8;}
	.single-category-inner.style-two h6 { color: #f8f8f8; position: relative; z-index: 2;}
	.single-category-inner:hover { box-shadow: 0px 0px 30px #eeeeee;}
	.single-category-inner.style-two:hover { box-shadow: 0px 0px 30px #565656;}

	/*About Us*/
	.about-thumb-inner { overflow: hidden;}
	.about-thumb-inner img { transition: 0.7s;}
.about-thumb-inner:hover img { /* transform: scale(1.1)*/}

/*Blog*/
.single-blog-inner { overflow: hidden; border-radius: 8px; background: #f3f4f9; margin-bottom: 30px;}
.single-blog-inner .thumb { overflow: hidden;}
.single-blog-inner .thumb img { transition: 0.7s;}
.single-blog-inner .details { padding: 25px 30px;}
.single-blog-inner .details h5 { margin-bottom: 0;}
.single-blog-inner .details p { margin-bottom: 0; margin-top: 14px; font-size: 14px; font-weight: 500;}
.single-blog-inner .details .date { color: var(--main-color);}
.single-blog-inner:hover .thumb img { transform: scale(1.1);}
.single-blog-inner.style-two { position: relative;}
.single-blog-inner.style-two:after { content: "";  background-image: linear-gradient(to top, #022334 11%, rgba(255, 255, 255, 0)); height: 100%; width: 100%; left: 0; bottom: 0;}
.single-blog-inner.style-two .details { background: none; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3;}
.single-blog-inner.style-two .details h5 { color: #fff;}
.single-blog-inner.style-two .details p { margin-bottom: 0; margin-top: 15px; font-size: 14px; font-weight: 500;}

/*Footer*/
.footer-area .widget-title { margin-bottom: 22px;}
.footer-area .widget_nav_menu, .footer-area .widget { margin-bottom: 50px;}
.footer-area .widget_nav_menu ul { margin: 0; padding: 0;}
.footer-area .widget_nav_menu ul li { list-style: none; margin-bottom: 6px;}
.footer-area .widget_nav_menu ul li a { color: #565656; transition: 0.4s;}
.footer-area .widget_nav_menu ul li a:hover { color: var(--main-color);}
.footer-top p { margin-top: 20px;}
.footer-top { background: var(--main-color); padding: 50px 30px 0 30px; border-radius: 10px;}
.footer-top, .footer-top p { color: #fff;}
.footer-bottom { padding: 10px 0 10px 0; border-top: 1px solid #e5e5e5;}
.footer-bottom p { margin-bottom: 0;}
.footer-bottom p span { color: var(--heading-color);}

/* E-bulten*/
.ebulten { margin: 30px 0; background: url('../images/ebulten-bg.png') no-repeat; background-size: contain; background-position: center;}
.subscribe-inner-wrap { position: relative; margin-top: 30px;}
.subscribe-inner-wrap input { width: 100%; height: 80px; border: 0; border-radius: 5px; margin-bottom: 30px;}
.subscribe-inner-wrap button { height: 60px; position: absolute; right: 9px; top: 10px; border-radius: 5px;}

.language { margin-left: 16px;}
.language  .dropdown-item.active, .dropdown-item:active { background: #ed1c24 ;}
.language .dropdown-menu { border: 0; min-width: 5rem; left: 10px;}
.language .dropdown-toggle::after { display: none;}
.language .dropdown-toggle{ position: relative;
	z-index: 0; padding-left: 14px;
	background-image: url(../images/caret-down-fill.svg);
	background-position: left 22px;
	background-repeat: no-repeat;
	background-size: 12px;
} 

/*Talep Form*/
.talep-form { background: url(../images/talep-bg.png) no-repeat; background-position: center center;}
.talep-form .form-control{  background: transparent; border: 0; border-bottom: 1px solid #fff; border-radius: 0; padding-left: 0; color: #fff;}
.talep-form .btn { background: #fff; color: var(--main-color);}
.talep-form .btn:hover { background: var(--main-color); color: #fff;} 
.talep-form ::placeholder { color: #fff!important; opacity: 1;}
.talep-form ::-ms-input-placeholder { color: #fff!important;}
.talep-form ::-ms-input-placeholder { color: #fff!important;}

/*Blog Area*/
.blog-area{ background: url(../images/blog-bg.png) no-repeat; background-position: center center;}
.urun-area{ background-position: center center;}
.blog-slider .owl-dots .owl-dot { background: #022334 !important;}
.urun-slider .owl-dots .owl-dot { background: #022334!important;}
.blog-slider .owl-dots .owl-dot.active { background: var(--main-color)!important;}

/*Pagination*/
.page-item:first-child .page-link { border-radius: 0;}
.page-item:last-child .page-link { border-radius: 0;}
.page-link { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: var(--heading-color); padding: 2px; background-clip: padding-box; border-radius: 0; transition: opacity .6s ease;}
.page-item.active .page-link { background: var(--main-color); border-color: var(--main-color);}
.page-link:hover { background: var(--main-color); }

.lazy {
	display: block;
	width: 100%;
}


/*Responsive*/
@media all and (min-width: 2300px) {
	
	.subscribe-inner-wrap { position: relative; margin-top: 90px;}
}




@media all and (max-width: 5120px) {
	.banner-area-inner { padding: 110px 50px 120px 50px; margin-top: 100px; }
	.banner-inner h2 { font-size: 27px;}
	.banner-inner p { font-size: 15px;}
	.main-search-inner input { height: 50px;}
	.main-search-inner i { top: 16px;}
	.single-category-inner h4 { font-size: 20px;}
	.single-category-inner h6 {font-size: 14px;}

}

@media all and (min-width: 1600px) {
	.container { max-width: 1440px; }
	.nav-left-part .main-search-inner input { width: 500px;}
	.banner-area-inner { padding: 190px 100px 200px 100px; margin-top: 100px; }
	.main-search-inner button { height: auto; }
	.text-center2:after{ left: 43%;}

}


@media all and (max-width: 1599px) {
	.banner-area-inner { padding: 110px 50px 120px 50px; margin-top: 100px; }
	.banner-inner h2 { font-size: 27px;}
	.banner-inner p { font-size: 15px;}
	.main-search-inner input { height: 50px;}
	.main-search-inner i { top: 16px;}
	.single-category-inner h4 { font-size: 20px;}
	.single-category-inner h6 {font-size: 14px;}
}

@media all and (max-width: 1199px) {
	.section-title.style-two h2 { font-size: 32px;}
	.single-category-inner h4 { font-size: 20px;}
	.single-category-inner h6 { font-size: 13px;}	
	.owl-theme .owl-dots .owl-dot span { display: none;}
}


@media all and (max-width: 991px) {
	.nav-right-part { margin-right: 50px;}
	.nav-right-part .btn { height: 42px; line-height: 43px;}
	.nav-right-part .btn .right { padding-left: 5px; font-size: 13px;}
	.nav-right-part-mobile { display: flex; align-items: center; }
	.nav-right-part-desktop { display: none;}
	.nav-right-part-mobile .search { margin-right: 20px; }
	.navbar-area .nav-container { position: relative; z-index: 0;}
	.navbar-area .nav-container .navbar-toggler { padding: 0px;}
	.navbar-area .nav-container .navbar-collapse {padding-right: 0; }
	.navbar-area .nav-container .navbar-collapse .navbar-nav { display: block; margin-top: 20px;}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li { display: block; text-align: left; line-height: 30px; padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child { display: block;}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a { display: block; }
	.navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child { border-bottom: none; }
	.navbar-area .nav-container .navbar-collapse .navbar-nav li + li { margin-left: 0; }
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children { background-position: right 15px; }
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before { top: 25px; right: 0px !important;}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu { position: initial; display: block; width: 100%; border-top: none; box-shadow: none; margin-left: 0; padding-bottom: 0; height: auto; overflow: hidden; max-height: 250px; overflow-y: scroll; background-color: transparent; border-radius: 10px; padding: 0px; border-bottom: none; display: none; transition: none; visibility: visible; opacity: 1;}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li { padding: 0;}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li { border-top: none;}
	.nav-left-part { display: none;}
	.responsive-mobile-menu { top: 25px; }
	.language .btn { height: auto!important; top: -5px!important;}
	.language .dropdown-toggle { padding-left:17px!important;}
	.subscribe-inner-wrap button { right: 30px;}  
	.ebulten { background-size: cover;}
	.search-popup .search-form { width: 50%;}
	.search-popup.active .search-form { width: 70%;}
	.banner-area-inner { margin-top: 82px;}
	.footer-top { text-align: center;}
	.footer-bottom { text-align: center;}
	.single-category-inner h4 { font-size: 21px;}
	.client-slider .owl-nav .owl-prev { left:0;}
	.client-slider .owl-nav .owl-next { right:0;}
	.order-2-res { order: 2;}
	.order-1-res { order: 1;}
	.section-title div { 
		width: 100%!important; margin-left: 0!important;
	}
	/*.text-center2 { margin-top: 20px; border-bottom: none;}*/
	.single-blog-inner { 
		overflow: hidden; border-radius: 8px; background: #f3f4f9; margin-bottom: 30px; margin-left: 20px;
		margin-right: 21px;
	}
	.language .dropdown-toggle{ position: relative;
		z-index: 0; padding-left: 14px;
		background-image: url(../images/caret-down-fill.svg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 12px;
	} 

}

@media all and (max-width: 767px) {
	.mr39{
	margin-right: 0px;
}
	.single-course-inner .thumb img {	width: 100%;}
	.single-blog-inner .thumb img { width: 100%;}
	.responsive-mobile-menu { top: 25px; }
	.text-center2:after {display: none;}
	/*.text-center2 { margin-top: 20px;}*/
	.single-blog-inner { 
		overflow: hidden; 
		border-radius: 8px; 
		background: #f3f4f9; 
		margin-bottom: 30px; 
		margin-left: 20px;
		margin-right: 21px;
	} 
	.language .dropdown-toggle{
		position: relative;
		z-index: 0; padding-left: 14px;
		background-image: url(../images/caret-down-fill.svg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 12px;
	} 
	h1.mbtitle {
		text-align: center;
		font-size: 22px;
	}
	.breadcrumb {
		font-size: 14px;
	}

	li.fm1 img{
		float: left;
		margin-right: 5px;
		margin-bottom: 20px;
	}
	li.fm1 a{
		padding-left: 0px!important;
	}
	li.fm1{
		text-align: left;
	}
	li.fm2 img{
		float: left;
		margin-right: 5px;
	}
	li.fm2{
		text-align: left;
		
	}
	li.fm3 img{
		float: left;
		margin-right: -2px;
	}
	li.fm3{
		text-align: left;
	}
	h4.ttm{
		text-align: left;

	}
	.footer-area .widget_nav_menu, .footer-area .widget {
		text-align: left;
	}
}
li.fm1 img{
	margin-bottom: 20px;
	float: left;
	margin-top: 5px;
}
@media all and (max-width: 575px) {
	.nav-right-part { margin-right: 30px; right: 0; }
	.nav-right-part .btn { height: 35px; line-height: 35px; font-size: 13px; padding: 0 10px; }
	.nav-right-part-mobile .search { margin-right: 5px;}
	.navbar-area .nav-container { padding: 12px;}
	.navbar-area .nav-container .logo a img { width: 125px; }
	.language .btn { height: auto!important; top: 0!important;}
	.responsive-mobile-menu { right: 0; top: 14px; }
	.section-title h2 { font-size: 28px;}
	.banner-inner p {font-size: 16px;}
	.banner-area-inner { padding: 90px 25px 100px 25px;}
	.banner-inner h2 { font-size: 30px;} 
	.client-slider .owl-nav { display: none;}
	.single-course-inner .details { padding: 25px 20px;}
	.single-blog-inner .details { padding: 25px 15px;}
	.subscribe-inner-wrap button { position: relative; width: 100%; right: 0; top: 0;background-color: white; }
	.subscribe-inner-wrap input { height: 60px; padding: 0 20px;}
	.footer-top h2 { font-size: 30px;}
	.footer-bottom .thumb img { width: 140px;}
	.single-blog-inner { 
		overflow: hidden; border-radius: 8px; background: #f3f4f9; margin-bottom: 30px; margin-left: 20px;
		margin-right: 21px;
	}
	.language .dropdown-toggle{ position: relative;
		z-index: 0; padding-left: 14px;
		background-image: url(../images/caret-down-fill.svg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 12px;
	} 
}

@media all and (max-width: 360px) {
	.banner-inner h2 { font-size: 28px;}
}


@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}