@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

html {

  scroll-behavior: smooth;

}

body{

	font-family: 'Montserrat', sans-serif;

}

.mt-10{

	margin-top: 10px;

}

.mt-20{

	margin-top: 20px;

}

.mt-30{

	margin-top: 30px;

}

.mt-40{

	margin-top: 40px;

}

.mt-50{

	margin-top: 50px;

}

.mb-10{

	margin-bottom: 10px;

}

.mb-20{

	margin-bottom: 20px;

}

.mb-30{

	margin-bottom: 30px;

}

.mb-40{

	margin-bottom: 40px;

}

.mb-50{

	margin-bottom: 50px;

}

.pb-100{

	padding-bottom: 100px !important

}

.nopadding{

	padding: 0px !important

}

.img-max-full{

	max-width: 100%;

}

.img-full{

	width: 100%;

}

p{

	color: #7a7a7a;

	font-weight: 400

}

a:hover{

	text-decoration: none;

}

.highlight{

	color: #0093dd

}

.home-header{

	background: url(../images/home-banner.jpg) no-repeat top center;

	background-size: 100%;

	background-attachment: fixed;

	min-height: 100vh;

	text-align: center;

}

.D-nav{

	border: none;

    border-radius: 0;

    background: transparent;

    transition: 0.4s

}

.sticky-nav {

  position: fixed;

  top: 0;

  width: 100%;

  background: #fff;

  z-index: 99;

  transition: 0.4s

}

.sticky-nav .navbar-nav > li > a{

	color: #000000

}

.dark-logo{

	display: none;

	margin-top: 4px;

	transition: 0.4s

}

.sticky-nav .dark-logo{

	display: inline-block;

	transition: 0.4s

}

.sticky-nav .white-logo{

	display: none;

	transition: 0.4s

}

.D-nav .navbar-nav > li > a {

    color: #fff;

    font-weight: 700;

    font-size: 12px;

    padding: 30px 15px;

}

.sticky-nav .navbar-nav > li > a{

	color: #000000

}

.D-nav .navbar-nav > li > a:hover, .D-nav .navbar-nav > li > a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{

	color: #0093dd;

	background: transparent;

}

.D-nav .dropdown-menu{

	background: #222;

    border-radius: 0;

    top: 65px;

    right: -35px;

}

.D-nav .dropdown-menu>li>a {

    display: block;

    padding: 10px 20px;

    clear: both;

    font-weight: 400;

    line-height: 1.42857143;

    color: #c0c0c0;

    white-space: nowrap;

    font-size: 12px;

    border-bottom: 1px dashed #333232;

}

.D-nav .dropdown-menu>li:last-child > a{

	border: none;

}

.D-nav .dropdown-menu>li>a:hover{

	color: #c0c0c0;

	background: #303030

}

.dropdown:hover .dropdown-content {

	display: block;

}

.home-header h1{

	font-weight: 700;

	font-size: 66px;

	letter-spacing: 2px;

	color: #fff;

}

.home-header p{

	font-size: 16px;

    letter-spacing: .5px;

    font-weight: 400;

    color: #fff;

}

.header-down-scroll{

	color: #fff;

	font-size: 20px;

	position: absolute;

	bottom: 20px;

	left: 49%;

	display: inline-block;

	color: #fff

}

.header-down-scroll:hover, .header-down-scroll:focus{

	color: #0093dd

}

.section-60{

	padding: 60px 0px

}

.home-service{

	text-align: center;

}

.title-sm{

	font-weight: 700;

    line-height: 1;

    color: #1c1c1c;

    font-size: 20px;

    text-transform: uppercase;

}

.title-md{

	font-weight: 700;

    line-height: 1;

    color: #1c1c1c;

    font-size: 30px;

    text-transform: uppercase;

}

.title-lg{

	font-weight: 700;

    line-height: 1;

    color: #1c1c1c;

    font-size: 55px;

    text-transform: uppercase;	

}

.subheading:after{

	position: relative;

    display: block;

    content: "";

    height: 2px;

    margin: 20px auto 20px;

    width: 115px;

    background: #7a7a7a;

}

.home-service-box{

	margin-top: 30px;

	padding: 15px 10px !important

}

.home-service-box:hover{

	opacity: 0.8;

}

.home-service-box h5{

	font-weight: 700;

    line-height: 1;

    color: #1c1c1c;

    font-size: 14px;

    text-transform: uppercase;

}

.home-about{

	background: url(../images/home-about-bg.jpg) no-repeat top center;

	background-size: 100%;

	background-attachment: fixed;

	padding: 60px 0px;

}

.white{

	color: #fff;

}

.linhight-md{

	line-height: 1.8

}

.home-team-box{

	text-align: center;

}

.home-team-box:hover{

	opacity: 0.8;

}

.home-team-box img{

	width: 100%;

	border: 1px solid #ddd;

	margin-bottom: 10px

}

.home-team-box h4{

	font-size: 18px;

	color: #1c1c1c;

	font-weight: 700;

}

.home-team-box h5{

	color: #0093dd;

	font-weight: 700;

	font-size: 14px

}

.font-35{

	font-size: 35px;

	text-transform: uppercase;

	margin-bottom: 30px

}

.stats{

	padding: 30px 0px;

	text-align: center;

}

.stats h2{

	color: #0093dd;

	font-size: 65px;

    font-weight: 700;

}

.stats p{

	color: #1c1c1c;

	font-weight: 700;

}

.program-box{

	box-shadow: 0px 0px 5px #ddd;

	text-align: center;

	margin-bottom: 30px;

	padding: 15px 15px 0px 15px;

	overflow: hidden;

}

.program-box:hover img{

	transform: scale(0.9);

	transition: 0.4s

}

.program-box img{

	width: 100%;

	margin-bottom: 20px;

	transition: 0.4s

}

.program-box h3{

	background: #0093dd;

	color: #fff;

	margin-bottom: 0px;

	font-weight: 700;

	font-size: 15px;

	padding: 10px;

	border-radius: 5px 5px 0px 0px;

}

.my-btn, .my-btn:focus{

	display: inline-block;

	background: #0093dd;

	color: #fff;

	font-size: 14px;

    font-weight: 700;

    border-radius: 4px;

    padding: 10px 22px;

    text-align: center;

    box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;

    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;

    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;

    transition: all ease .3s;

    border: none;

}

.my-btn:hover{

	color: #fff;

	opacity: 0.8;

	transition: all ease .3s;

}

.client-box{

	padding: 15px;

	text-align: center;

	border: 1px solid #ddd;

	border-radius: 7px;

	margin-bottom: 30px;

	overflow: hidden;

}

.client-box img{

	max-width: 100%;

	transition: 0.4;

}

.client-box img:hover{

	transform: scale(1.1);

	transition: 0.4s;

}

.my-input{

	font-weight: 700;

    padding: 12.9px;

    color: #1c1c1c;

    background: #f2f2f2;

    border: 1px solid #f0f0f0;

    margin: 3px 0px 24px 0;

    -webkit-border-radius: 2px;

    box-shadow: none;

    height: auto;

}

.my-input::-webkit-input-placeholder { 

    font-family: 'Montserrat',sans-serif;

    font-weight: 700;

    text-transform: uppercase;

    color:#555;

}

.footer-top{

	background: #252525;

}

.footer-top p{

	color: #ababab;

	line-height: 1.8

}

.footer-top p i{

	color: #0093dd;

	margin-right: 10px

}

.footer-youtube, .footer-youtube:focus{

	display: inline-block;

	color: #0093dd;

	border: 1px solid #0093dd;

	padding: 5px 15px;

	font-weight: 700;

	border-radius: 5px;

	transition: 0.4s;

	margin: 5px;

}

.footer-youtube:hover{

	background: #0093dd;

	color: #fff;

	transition: 0.4s;

}

.footer-bottom{

	background-color: #1c1c1c;

    padding: 20px 0px;

}

.footer-bottom p{

	margin: 0px;

}

.footer-bottom a{

	color: #0093dd

}

.inner-header{

	background: url(../images/inner-bg.jpg) no-repeat top center;

	background-size: 100%;

	background-attachment: fixed;

	padding: 0px 0px 120px 0px;

	text-align: center;

}

.inner-header h1{

	font-size: 60px;

    letter-spacing: 2px;

    font-weight: 700;

    color: #fff;

    margin-top: 80px

}

.inner-header p{

	font-size: 16px;

    letter-spacing: .5px;

    color: #fff;

}

.service-nav{

	list-style: none;

	padding: 0px;

	margin: 0px;

}

.service-nav li a{

	display: block;

	color: #3a3a3a;

    font-size: 13px;

    padding: 10px;

    border-bottom: 1px solid rgba(0,0,0,0.06);

    transition: 0.4s

}

.service-nav li a:hover{

	background: #0093dd;

	color: #fff;

	transition: 0.4s

}

.program-popup{

	background: #fff;

}

				

				

.program-popup-top{

	box-shadow: 0px 0px 10px #ddd;

	padding: 5px 0px;

	text-align: center;

}

.program-popup-top a{

	display: inline-block;

	font-size: 25px;

	color: #1c1c1c;

	margin: 5px 15px;

	transition: 0.4s

}

.program-popup-top a i{

	font-size: 23px

}

.program-popup-top a:hover{

	opacity: 0.6;

	transition: 0.4s

}

.program-popup-top p{

	margin: 0px;

	position: absolute;

	top: 15px;

	right: 25px

}

.gallery-box{

	padding: 15px;

	margin-bottom: 30px;

	box-shadow: 0px 0px 5px #ddd;

}

.gallery-box img{

	width: 100%;



}

.overlay-link{

	width: 100%;

	height: 100%;

	position: absolute;

	background: rgba(0, 0, 0, 0.7);

	top: 0;

	left: -100%;

	padding-top: 40%;

	transition: 0.4s

}

.overlay-link a{

	display: inline-block;

	color: #fff;

	font-weight: 700;

	font-size: 16px

}

.overlay-show:hover .overlay-link{

	left: 0;

	transition: 0.4s



}

.text-normal{

	text-transform: initial !important;

}



.overlay {

    display: block;

    margin: 0 auto;

    position: absolute;

    z-index: 3;

    background: rgba(0, 0, 0, 0.8);

    overflow: hidden;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all .5s;

}

.effect .overlay {

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0;

}

.expand {

    display: block;

    position: absolute;

    z-index: 100;

    text-align: center;

    color: #fff;

    line-height: 50px;

    font-weight: 700;

    font-size: 20px;

    list-style: none;

    padding: 0;

}

.expand .social-icon {

    display: inline;

    margin-left: 5px;

    margin-right: 5px;

}

.effect .overlay .expand {

    left: 0;

    right: 0;

    top: 50px;

    margin: 0 auto;

    opacity: 0;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.effects .img a {

    display: inline;

    margin: auto;

    padding: 0;

    max-width: 100%;

    height: auto;

    color: #fff;

}

.effect:hover  .overlay {

    opacity: 1;

}

.effect:hover .overlay .expand {

    top: 52%;

    margin-top: -30px;

    opacity: 1;

}
@media only screen and (max-width: 600px) {
	.home-header{
		background-size: auto 100%;
	}
	.home-header h1{
		font-size: 45px;
	}
	.navbar-brand>img, .header-logo-1{
		max-width: 260px;
	}
	.D-nav .navbar-nav > li > a{
		padding: 15px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		border:  none;
	}
	.home-about{
		background-size: auto 100%;
	}
	.footer-top{
		text-align: center;
	}
	.footer-bottom{
		text-align: center;
	}
	.footer-bottom .text-right{
		text-align: center !important;
		margin-top: 20px;
	}
	.inner-header {
	    background: url(../images/inner-bg.jpg) no-repeat top center;
	    background-size: auto 100%;
	    background-attachment: unset;
	}
	.inner-header h1{
		font-size: 26px;
	}
}
.inner-content, .inner-content *{
	text-align: left !important;
	font-family: 'Montserrat', sans-serif !important;
}