@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800,900|Open+Sans:300,400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&display=swap');


body{font-family: 'Open Sans', sans-serif; letter-spacing: 0.5px; font-weight: normal;font-size: 14px;}
a:hover{text-decoration: none;;}
*:focus{outline: none;}
button:focus{outline: none;}
.title_font{font-family: 'Playfair Display', serif;}

/*back-to-top*/ 
#back-to-top {border: 0 none; border-radius: 2px; bottom: 50px; cursor: pointer; position: fixed; right: 10px; text-decoration: none; z-index: 9999; margin: 0 auto; opacity: 0; width: 35px; height: 35px; display: inline-block; background: var(--main-bg-color); background-size: 35px; transition: ease all 0.5s; color: var(--main-white_text); line-height: 28px; font-size: 28px; text-align: center;}
#back-to-top.show {opacity: 1; } 
#back-to-top:hover{-webkit-box-shadow: 0px 0px 77px 0px rgba(0, 0, 0);box-shadow: 0px 0px 77px 0px rgba(0, 0, 0);} 


/*default button*/
.main-btn{border: 2px solid #2875a9; border-radius: 2px; padding: 8px 35px; font-weight: normal; background: #2875a9; color: #fff; display: inline-block;}
.main-btn:hover { background: #a4c6dd; color: #fff !important; }


.font-color{ color: #2875a9 !important; }
.white-color{color: #fff !important;}
.color_bg{background: #fff !important}

/*--------------------------------------
  		1). Header css start
--------------------------------------*/ 
.navbar-expand-lg {width: 100%; float: left;}
.header-area {background: #2875a9;-webkit-box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); }
.navbar-expand-lg {padding: 0px 0; transition: ease all 0.5s;}
.navbar-brand img { transition: ease all 0.5s; }
#navbarSupportedContent {justify-content: flex-end; }
.navbar-dark .navbar-nav .nav-link {font-weight: 600; color: #fff; position: relative; padding: 20px 2px; margin: 2px 12px; }
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {background: var(--main-white_bg_transparent);}
.dropdown-toggle::after{display: none;}  
.dropdown-item {font-size: 13px; padding: 8px 13px; background: #da1715;  color: #fff;    font-weight: 600; }
.dropdown-menu {border: 1px solid var(--main-black_bg_transparent); border-radius: 0; margin: 0;}
.header-animation .navbar-dark .navbar-nav .nav-link {padding: 22px 12px;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #fff !important; }
.dropdown-item:focus{color: #202020 !important;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {background: #da1715; }

.header_manu > li > a:before {content: ""; position: absolute; left: 51%; right: 51%; bottom: 12px; background: #ffffff; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.header_manu > li > a:hover:before, 
.header_manu > li > a:focus:before,
.header_manu > li > a:active:before {left: 0; right: 0; }


.dropdown-submenu {position: relative; }
.dropdown-submenu>a:after {content: "\f0da"; float: right; border: none; font-family: 'FontAwesome'; }
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: 0px; margin-left: 0px; }

 

/*--------------------------------------
  		1). Header css end
--------------------------------------*/  
 

.gray_bg{background: #fafafa;}
fieldset.form-group{position: relative;}
.form-control {border-radius: 0;}
.form-control {height: 52px; padding-top: 18px; font-size: 14px;font-weight: 600;}
label.form-lbl {position: absolute; top: 3px; left: 14px; font-size: 12px; color: #a5a5a5; z-index: 1;}
.page-title{position: relative;}



.box-Registration {background: #ffffff; }





/*Footer start*/
.footer-bg {background: #2875a9; }
.footer-contact {-webkit-box-shadow: 0px 0 48px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0 48px 0px rgba(0,0,0,0.3); box-shadow: 0px 0 48px 0px rgba(0,0,0,0.3); padding: 25px 0; margin: 0 0%; background: #fff; border-radius: 5px; justify-content: space-around; position: relative;}
.contact-info-box {position: relative; width: 33.33%; padding: 0 25px; text-align: center;}
.contact-info-box:before {content: ""; height: 100%; width: 1px; right: 0px; top: 0; position: absolute; border-right: 1px dashed black;}
{display: flex;}
.home-contact-info .contact-info-box:nth-last-child(1):before{display: none;}
.Email-box a{color: #202020;}
.box-footer {position: relative;} 
.footer {padding: 0 15px 30px 15px; }
.footer_link ul li a {padding: 0 20px; position: relative; color: #b3b3b3; font-size: 13px; }
.footer_link ul li a:after{background: #b3b3b3; content: ""; height: 100%; width: 1px; position: absolute; right: -6px; top: 1px;}
.footer_link ul li:nth-last-child(1) a:after{display: none;}
.footer_link ul li a:hover, .footer_socialmedia .socials-box a:hover{color: #fff;}
.footer_socialmedia .socials-box a{padding: 0 20px; position: relative; color: #b3b3b3; font-size: 13px; }
.footer_socialmedia .socials-box a:after{background: #ffffff; content: ""; height: 100%; width: 1px; position: absolute; right: -6px; top: 1px;}
.footer_socialmedia .socials-box a:nth-last-child(1):after{display: none;}
.Copyright-section p, .Copyright-section a, .Copyright-section span{color: #ddd; font-size: 13px;}
 
.contact-info-box a, .contact-info-box h4{font-size: 20px;}
.contact-info-box p{min-height: 40px;}
.home-contact-info{display: inline-flex;width: 100%;}
.bottom-footer{background: #2875a9;}
.kcits-link a:hover{text-decoration: underline;} 
.Copyright-section {margin-top: 19px;}


/*Footer end*/


 

@media screen and (max-width: 991px){
	.navbar-dark .navbar-nav .nav-link {padding: 8px 2px !important; margin: 2px 0px; }
	.navbar-dark .navbar-nav .nav-link i{float: right;}
	.box-image {margin-bottom: 25px; }
	.header_manu > li > a:before{display: none;}
	.contact-info-box {width: 100%; text-align: left; margin-bottom: 25px; }
	.home-contact-info {display: inline-block; }
	.contact-info-box p {min-height: auto; margin: 0; }
	.navbar-dark .navbar-toggler {border-color: rgba(255,255,255,.5); }

	.navbar-brand img {transition: ease all 0.5s; width: 220px; margin: 15px 0; }

}