@font-face {
    font-family: Kozuka Gothic Pro L;
    src: url('../font/KozGoPro-Light.otf');
}
.header{
	border-bottom:2px solid #b00;
}
.logo1{
	margin-top:0 !important;
	padding-bottom:0 !important;
	width:60%;
}
.logo2{
	width:24%;
	padding-right:3%;
	padding-top:1%;
}
.fa-social{
	font-size:19px !important;
	margin:1% 1% 0% 1%;

}

body{
	overflow-x:hidden;
	text-align: justify;
    text-justify: inter-word;
	font-family:Kozuka Gothic Pro L !important;
	
}
.body{
	background-color:#ffffff;
	

}
.body-left{
	width:100%;
	background-color:#fff !important;
	margin:auto;
	padding:2%;	
}
.body-left-albums{
	width:100%;
	background-color:#fff !important;
	margin:auto;
	padding:0;	
	padding-left:2%;
}
.body-right{
	width:100%;
	margin:auto;
	
}
.blog-container{
	width:80%;
	margin:auto;
	margin-top:7%;
	margin-bottom:7%;
	
}

.footer-upper{
	background-color:#00b8e6;
	padding-top:0.5%;
	padding-bottom:0.5%;
	padding-left:1%;
}
.footer-lower{
	padding-top:0.5%;
	padding-left:1.5%;
	padding-right:1.5%;
	background-color:#002e4d;
}
.footer-upper-content{
	width:100%;
	margin:auto;
	padding:2%;
	text-align:center;
}

.footer-lower-content{
	width:100%;
	margin:auto;
	padding:1.5%;
}
.contact2{
	text-align:left !important;
	padding-left:3px;
}
.contact-textarea:focus{
	border: 2px solid #005ce6 !important;
}
.contact-textarea{
	min-width: 100%;
	max-width: 100%;
	min-height:50px;
    padding: 6px 10px;
    margin: 8px 0;
    box-sizing: border-box;
     border: 2px solid #ccc !important;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
	font-size:15px;
}

.contact-input {
    width: 100%;
    padding: 6px 10px;
    margin: 8px 0;
    box-sizing: border-box;
     border: 2px solid #ccc !important;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
	font-size:15px;	
}

.contact-input:focus {
    border: 2px solid #005ce6 !important;
}
.contact-submit{
	background-color: #0066ff;
	border-bottom:3px solid #0047b3;
border-left:1px solid #0047b3;
border-top:1px solid #0066ff;
border-right:1px solid #0047b3;
    border-radius:5px;
    color: white;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.contact-submit:hover{
	background-color:#005ce6;
}

.update-title{
	width: 100%;
    padding: 6px 12px;
    margin: 8px 0; 
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
	font-size:16px;	
	 border: 1px solid #eee !important;
	 box-sizing: border-box;
}

.update-description{
	min-width: 100%;
	max-width: 100%;
	min-height:80px;
    padding: 6px 12px;
    margin: 8px 0;
    box-sizing: border-box;
     border: 1px solid #eee !important;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
	font-size:16px;
}

.form-update-greeting{
	color:#bbb;
	font-size:15px;
	
}

.alert{
	margin:0;
	color:#595;
	
}
.error{
	margin-left:2%;
	color:red;
}
.left{
	 padding-left:10% !important;
 }

.recentblog{
	text-align:center;
	margin:0.5%;
	padding:2%;
	padding-top:1.5%;
	background-color:#fff;
	
}

 .social-logo{
	text-align:right;
}


@media screen and (max-width:720px){
.direction-steps-content img{
	width: 80% !important;
	margin-left:10% !important; 
}
	.body-left-albums{
		padding-left:0 !important;
	}
	.gal-content{
	width:100% !important;
       
	}
	body{
	overflow-x:hidden;
	text-align: justify;
    text-justify: inter-word;
	font-family:Kozuka Gothic Pro L !important;
	
	}
	.header{
	border-bottom:1px solid #b00;
	}
	.logo1{
	margin-top:2% !important;
	width:100%;
	
	}
	.logo2{
		width:27%;
		padding-right:5%;
		padding-top:2%;
	}
	.social-logo{
		text-align:center;
		padding-bottom:5%;
	}
	.copyright{
		text-align:center;
		padding-top:5%;
	}
	.left{
		padding-left:1% !important;
	}.body-left{
		padding-left:1% !important;
	}
	.postblog{
		margin-bottom:15%;
	}
	.blog-container{
	width:100%;
	margin:auto;
	margin-top:5%;
	
	}
	.footer-lower-content{
	padding:2%;
	}
	.footer-upper-content{
	padding:5% 5%;
	
	}
	.footer1-body{
		text-align:center;
	}
	.footer1-title{
		text-align:center;
	}
	.recentblog{
		background-color:rgb(250,250,250);
		padding-top:9%;
		padding-bottom:9%;
		width:100%;	
		padding-left:3%;
	}
	.album-title{
		font-size:90% !important;
	}
	.album-photos-holder{
		width:45% !important;
	}
	.album-holder{
		width:100% !important;
		
	}
	.album-holder2{
	width:22% !important;
	}
	.blogs{
		margin-left:0px !important;	
	}
	.footer1-title{
		text-align:center;
	}
	.comments{
		margin-left:0px !important;
	}
	.form-comment{
		margin-left:0px !important;
	}
	.input-comment{
		width:100% !important;
		margin-bottom:3px !important;
	}
	.qwe{
		padding-top:5% !important;
	}
	.cards-holder{
		width:100% !important;
		margin-bottom:11% !important;
		padding-right:2% !important;		
		padding-left:2% !important;		
	}
	.side-menu-bar{
		text-align:center !important;
	}
	.menu-content{
		padding-top:3% !important;
		margin-top:3% !important;
		margin-left:1% !important;
	}
	.footer-image{
		width:100% !important;
	}
	.rowx{
		padding-left:0 !important;
		
	}
	.rowz{
		padding-right:3% !important;
	padding-left:3% !important;
	padding-top:5% !important;
	padding-bottom:5% !important;
	}
	.body-quickview{
	width:100%;
	padding:2%;
	}
	.address-section{
		text-align:center !important;
	}
	.banner2{
		width:100% !important;
	}
	.updates-container{
		padding:0 !important;
	}
	.video-holder{
		width:100% !important;
	}
	.banner-content>img{
	border:0 !important;
	}
	.btn-group-vertical{
		text-align:center !important;
	}
       .btn-group-vertical img{
		width:46% !important;
		margin-right:27% !important;
	}
	.testimonial{
	padding:10px !important;
}
.div-product{
	width:50% !important;
}
}
.btn-group-vertical{
		text-align:right !important;
	}
.video-holder{
	width:33%;
	position:relative;
	display:inline-block;
	margin-bottom:5% !important;
	
}
.gal-video{
	width:100%;


}
.footer-image{
	width:80%;
}
.qwe{
	padding-top:20%;
	text-align: justify;
    text-justify: inter-word;
}

 .logo-social{
	width:33px;

	border:3px solid #002e4d;
	border-radius:50%;
	text-align:center !important;
}
 .logo-social:hover{
	width:33px;
	
	border:3px solid #00b8e6;
	transition:0.6s;
}  
 .logo-social-header{
	width:25px;
	
}
 .logo-social-header:hover{
	width:25px;
	height:auto;
	
	transition:0.6s;
} 


.copyright{
	color:#fff;
	margin-top:1%;
	}
.blogs{
	width:97%;
	padding:2%;
	margin-bottom:10px;
	margin:2%;
	border:1px solid #eee;
	box-shadow:0 4px 4px 0 rgba(245,245,245,0.1),0 3px 10px 0 rgba(245,245,245,0.1);
	background-color:#fff;	
}

.postblog{
	width:92.5%;
	margin-right:3.5%;
	margin-top:9%;
	margin-bottom:3.5%;
	margin-left:3.5%;
}

.contact-input2:focus{
	border: 2px solid #005ce6;
}
.contact-textarea2:focus{
	border: 2px solid #005ce6;
}

.contact-textarea2{
	
	min-width: 100%;
	max-width: 100%;
	min-height:50px;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #eee;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
	font-family:Calibri;
	font-size:15px;
}
.contact-input2 {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #eee;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
	font-family:Calibri;
	font-size:15px;
	
}
.slogan{
	padding-top:30px;
	text-align: justify;
    text-justify: inter-word;
}
.subscribe-input{
	 width: 100%;
    padding: 6px 10px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    background-color:#fff;
    color: #123;
	border-radius:5px;
}
.subscribe-submit{
		background-color: #0066ff;
border-top:1px solid #0066ff;
	border-bottom:3px solid #0047b3;
border-left:1px solid #0047b3;
border-right:1px solid #0047b3;
    color: white;
    padding: 5px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	width:100%;
	border-radius:5px;
}
.subscribe-submit:hover{
	background-color: #005ce6;
}
.contact{
	padding:1%;
}
.affix {
      top: 0;
      width: 100%;
	   z-index: 9999 !important;
  }

  .affix + .container-fluid {
      padding-top: 70px;
  }

  .footer1-title{
	color:white;
	font-size:18px;
	padding-bottom:5px;
	text-align: justify;
    text-justify: inter-word;
}
.footer1-body{
	color:#fff;
	
}

.fixed {
        position:fixed;
    
}
.sidebar-outer {
    margin-top: -100%px;
    position: relative;
}

hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #ddd, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #ddd, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #ddd, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #ddd, #f0f0f0); 
}

.album-holder{
	width:33%;
	position:relative;
	display:inline-block;
	margin:-1.9px !important;
	padding:0 !important;
}
.album-holder2{
	width:21%;
	margin:1%;
	position:relative;
	display:inline-block;
}

.album-image{
	width:100%;
}

.album-title{
	color:#666;
	padding-left:3.5%;
	padding-top:3.5%;
	font-size:90%;
}

.album-photos{
	width:100%;;
}
.album-photos-holder{
	position:relative;
	display:inline-block;
	width:22%;
	border:1px solid #eee;
	
}

.comments{
	background-color:rgb(245,245,245);
	width:97%;
	margin:0 2% 0 2%;
	padding:1% 1% 1% 3%;
	border-bottom:1px solid #eee;
	border-left:5px solid #eee;
}
.form-comment{
	background-color:rgb(248,248,248);
	width:97%;
	margin:-1.9999999% 2% 0 2%;
	padding:0.5%;
	border-bottom:1px solid #eee;
}
.input-comment{
	border:1px solid rgb(245,245,245);
	outline: none;
	padding:6px 6px;
	border-radius:3px;
	width:43%;
	font-size:14px;
	
}

.input-comment:focus{
	border:1px solid rgb(230,230,230);
	transition:0.5s;
}
nav{
	box-shadow:0 5px 5px 0 rgba(2,2,2,0.2),0 5px 5px 0 rgba(2,2,2,0.1)!important;
}
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:pointer;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
	width:100%;
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h4 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:15px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
margin-top:28%;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .12 ease-in-out;
transition:all .12 ease-in-out;
margin:20px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h4,.hovereffect:hover a.info {
vertical-align:center;
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.cards-holder{
	width:99.99%;
	margin:0;
}
.text-container{
	padding:2% 1%;		
}
.w3-card-12{
	width:100%;
	}
.rowx{
	padding-left:3.9%;
	padding-top:5%;
	padding-bottom:5%;
}
.rowz{
	padding-right:3%;
	padding-left:3%;
	padding-top:5%;
	padding-bottom:5%;
}
.side-menu-bar{
	
	width:100%;
	margin:auto;
	text-align:right;
}
.side-menu{
	width:100%;
	position:relative;
	display:block;
	padding:5%;
	border:1px solid #eee;
	background-color:#333;
	color:#fff;	
}

.menu-content{
	
	padding:0 2% 2% 2%;
}
.about-content-title{
		font-size:23px;
		color:#0077b3;	
		font-weight:bold;
text-align:left !important;
}
.about-content{
	font-size:14px;
	color:#333;	
	font-family:sans-serif;
}

.card-desc{

	font-size:14px;
	color:#595959;
}
.card-title{
	color:#004d99;
}
/* testimonials*/
.testimonial{
	padding:10px 20px 40px 0px;
}
.centered-text {
  text-align: center;
}
.quote {
	font-style:italic;
  background: #00a3cc;
  padding: 15px 20px 0px 15px;
  border-radius: 2px;
  margin-bottom: 30px;
  color:#ffffff !important;
  box-shadow:0 2px 2px 0 rgba(2,2,2,0.1),0 2px 2px 0 rgba(2,2,2,0.1)!important;
}
.quote:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 18px 0 18px;
  border-color: #00a3cc transparent transparent transparent;
  position: relative;
  top: 37px;
  left: 20px;
}

.student {
  
  margin-bottom: 80px;
}
.student .photo {
  background-color: #ddd;
  border-radius: 50%;
  background-image: url(img/user.png);
  width: 128px;
  height: 128px;
  float: left;
  margin-right: 10px;
}
.student p {
  position: relative;
  top: 25px;
}
.student p:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform:uppercase;
}
.student p:nth-child(3) {
  font-size: 14px;
  color: #777;
  font-style:italic;
}
.body-quickview{
	width:100%;
	padding:5%;
	margin:0 !important;
}
.qv-title{
	font-size:32px;
	
}

.qv-body{
	
	text-align:justify;
	text-justify: inter-word;
}
.header-right-container{
	padding:2%;
}
.address-section{
	color:#eeeeee;
	padding-bottom:0 !important;
	font-size:13px;
}
.fa-social{
	font-size:20px !important;
	margin:1% 1% 0% 1%;
}

.banner2{
	width:100%;
}
.recent-updates-container{
	width:100%;
	padding:2% 2%;
	float:right;
}
.news-updates-title{
	width:100%;
	height:auto;
	padding:2%;
	text-align:center !important;
	text-transform:uppercase;
	font-size:16px;
	color:#ffffff;
	background-color:#146;
	border-radius:5px 5px 0px 0px;
}
.latest-news-updates-title{
	width:100%;
	height:auto;
	padding:2%;
	text-align:center !important;
	font-size:15px;
	color:#146;
	background-color:#fff;
	text-transform:uppercase;
	border-left:1px solid #146;
	border-right:1px solid #146;
	border-bottom:1px solid #146;
}
.latest-news-updates-content{
	text-align:justify;
	text-justify:inter-word;
	width:100%;
	height:auto;
	padding:2%;
	color:#146;
	padding:2%;
	border-bottom:1px solid #146;
	
}
.recent-news-updates-title{
	width:100%;
	height:auto;
	padding:2%;
	text-align:center !important;
	font-size:15px;
	color:#146;
	background-color:#fff;
	text-transform:uppercase;
	
}

.recent-news-updates-content{
	width:100%;
	height:auto;
	padding:2%;
	
}
.rnuc-link{
	text-decoration:none;
	color:#146;
}
.rnuc-link:hover{
	text-decoration:none;
	color:#00b8e6;
	transition:0.1s;
	
}
.news-updates-footer{
	width:100%;
	height:30px;
	padding:2%;
	background-color:#146;
	border-radius:0px 0px 5px 5px;
}
.more-update{
	text-decoration:none;
	color:#146;
}
.more-update:hover{
	text-decoration:none;
	color:#00b8e6;
	transition:0.2s;
}

.updates-container{
	width:100%;
	padding:0 5% 5% 15%;
}
.update-image{
	width:30%;
	border: 0 !important;
}
.all-updates{
		border-top:1px solid rgba(205, 205, 205, 0.1);
		border-left:1px solid rgba(205, 205, 205, 0.1);
		margin-bottom:3%;
		box-shadow: 1px 2px 2px rgba(50, 50, 50, 0.1);
		padding:2%;
		
}
.form-update-container{
		margin-bottom:3%;	
}
.update-titles{
	font-size:28px;
	color:#004d99;

}
.update-date{
	color:#999;
}
.update-photo{
	max-height:300px;
	max-width:100%;
	
	display: block;
    margin: auto;
   
}
.update-desc{
	font-size:17px !important;
	text-align:justify;
	text-justify:inter-word;
	
}
div.upload {
    width: 157px;
    height: 57px;
   
    overflow: hidden;
}

div.upload input {
    display: block !important;
    width: 157px !important;
    height: 57px !important;
    opacity: 0 !important;
    overflow: hidden !important;
	cursor:pointer;
}

.gal-content{
	width:30%;
	position:relative;
	float:left;
	display:inline-block;
	margin:0;
	vertical-align:center;
}
.album-name{
	padding-bottom:15%;
	font-size:25px;
	color:#555;
}
.album-titles{
	font-size:16px;
	color:#555;
	padding-top:5px;
}
.album-photos{
	border:1px solid #fff;
}
.album-photos:hover{
	border:1px solid #aaa;
}


.direction-for-use{
	
	padding:0;
}
.direction-title{
        
	font-size:16px;
	margin-bottom:2%;
	color:white;
	background-color:#138;
	border-radius:5px;
	text-align:center;
	padding:7px;
        border-bottom:3px solid #126;
}
.direction-steps{
	margin-bottom:1.8%;
}
.direction-steps-title{
	padding:1.5%;
	color:white;
	background-color:#b30000;
	border-radius:5px 5px 0 0;
}
.direction-steps-content{
        font-family:sans-serif;
	text-align:justify;
	text-justify:inter-word;
	padding:1.8%;
	color:#511;
	border:1px solid #b30000;
	border-radius:0 0 5px 5px;
}
.direction-steps-content img{
	width: 60%;
	margin-left:20%; 
}