@charset "utf-8";
/* CSS Document */

.top_con {
    float: right;
    padding-top: 30px;
}


.img_box {
    width: 100%;
    background-color: #195a8d;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
    border: 4px solid #195a8d;
    border-radius: 1px;
    float: left;

}

.webmail:hover {
    background-color: #ec1087;
}
.webmail {
    float: left;
    position: fixed;
    right: 20px;
    bottom: 0px;
    background-color: #ec1087;
    color: #fff;
    padding: 9px 15px;
    z-index: 99;
    border-radius: 7px 7px 0 0;
    cursor: pointer;
}

.logo{
	float:left;
}

.news {
    background-color: #2790ae;
}
.news ul {
    list-style: outside none none;
}
.news li {
    float: left;
	padding-left:15px;
    margin-right: 15px;
	color:#fff;
	position:relative;
}

.news li::before{
	position:absolute;
	left:0px;
	top:0px;
}

.news li a{
color:#fff;
}

p{
	color:#3f3f3f;
}

.second h2{
	font-size:19px;
	color:#ec1087;
	font-weight:600;
	text-align:center;
	border-bottom: 1px solid #ccc;
	letter-spacing: -1px;
	padding-bottom: 12px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
}


 h2{
	font-size:23px;
	color:#ec1087;
	font-weight:600;
}


.vision_mission {
    background-color: #f2f2f2;
    margin: 25px 0;
    padding: 30px;
}
.vision_mission > h2 {
    margin-top: 5px;
}

.calculator {
    background-color: #e8e8e8;
    float: left;
    padding: 15px;
    width: 100%;
}


.calculator1 {
    background-color: #e8e8e8;
    float: left;
    padding: 15px;
    width: 100%;
	min-height:412px;
}

.calculator > h3 {
    color: #ec1087;
    font-size: 19px;
    margin-top: 5px;
	margin-bottom:21px;
}


.calculator1 > h3 {
    color: #1084a5;
    font-size: 19px;
    margin-top: 5px;
	margin-bottom:21px;
}

.btm {
    margin-bottom: 12px;
}

.second {
    /*background-color: #195a8d;*/
	float:left;
	width:100%;
	padding:25px 0;
	background-image: url(../images/bg.jpg);
    background-position: center;
    background-size: cover;
	position: relative;
    z-index: 9;
	margin-bottom:25px;
}

.top_details {
    background-color: #195a8d;
    color: #fff;
    float: left;
    font-size: 13px;
    padding: 3px 0 0px;
    width: 100%;
}


.ser {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    float: left;
    min-height: 262px;
    padding: 15px;
    width: 100%;
	margin:15px 0;
}
.ser > h3 {
    border-bottom: 1px solid #fff;
    font-size: 19px;
    font-weight: 600;
    margin-top: 0;
    padding-bottom: 8px;
}
.ser ul {
    list-style: outside none none;
    margin-top: 14px;
    padding: 0;
}
.ser li {
    font-size: 15px;
    margin-bottom: 4px;
	position:relative;
	padding-left:15px;
}

.ser li::before{
	position:absolute;
	left:-2px;
	top:0px;
}

.massages {
    float: left;
    padding: 15px 0;
    width: 100%;
}

.img_box h5 {
    font-weight: 600;
    color: #fff;
	min-height: 32px;
}

.m_box {
    box-shadow: 0 0 4px #ccc;
    float: left;
    padding: 10px;
    width: 100%;
	margin:15px 0px;
}

.mes_img {
    float: left;
    margin-right: 15px;
    max-width: 100px;
    width: 100%;
}

.m_box h2 {
    margin-top: 0;
}

.more {
    color: #ec1087;
    float: right;
}

.more:hover{
	text-decoration:none;
}

.footer {
    background-color: #195a8d;
    float: left;
    padding-top: 15px;
    width: 100%;
	color:#fff;
}

.copy_right {
    background-color: #4c7696;
    color: #fff;
    font-size: 12px;
    padding: 12px 0;
    text-align: center;
}

.col > h4 {
    font-size: 17px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.col ul {
    float: left;
    list-style: outside none none;
    margin-right: 20px;
    padding: 0;
}


.col li {
    margin-bottom: 4px;
	position:relative;
	padding-left:18px;
	line-height:35px;
}

.col li::before{
	position:absolute;
	left:0;
	top:1px;
	font-size:11px;
}

.col li a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}

.col p{
	color:#fff;
	line-height:26px;
}

.map{
	text-transform:uppercase;
}

.map, .mail, .call{
	position:relative;
	padding-left:25px;
	margin-bottom:26px;
}

.map::before, .mail::before, .call::before{
	position:absolute;
	left:-3px;
	top:0px;
	font-size:19px;
}

.mail::before, .call::before{
	font-size:15px;
}

.col {
    float: left;
    width: 100%;
}

.gallery {
    float: left;
    padding: 15px 0 25px;
    width: 100%;
}

.gallery h2 {
    margin-bottom: 25px;
    margin-top: 20;
    position: relative;
	background-image:url(../images/gm.jpg);
	background-position:left center;
	background-repeat:repeat-x;
}

.gallery h2 span{
	background-color:#fff;
	padding-right:15px;
}


.owl-controls {
    /* position: absolute; */
    right: 0;
    top: 0px;
}
.owl-prev, .owl-next {
    display: block !important;
    float: left;
    margin:8px 2px;
    position: relative;
}
 
.owl-prev::before, .owl-next::before {
	/*background-color:#1184a5;*/
	color:#333;
	padding:9px 10px;
}


.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    border-radius: 100px!important;
}
/*.owl-prev:hover.owl-prev::before, .owl-next:hover.owl-next::before {
	background-color:#2194b5!important;
}*/

.nav li a:hover{
	background-color:#ec1087!important;
	color:#fff!important;
}

.sub_container {
    float: left;
    min-height: 550px;
    padding: 15px 0;
    width: 100%;
}

.sub_heading {
    border-bottom: 3px solid #ec1087;
	font-weight: 600;
	margin-bottom: 16px;
	padding-bottom: 12px;
	text-transform: Capitalize;
}

.sub_container ul{
	padding:0px;
	list-style:none;
}

.sub_container ul li{
	position:relative;
	padding-left:18px;
	margin-bottom:5px;
}

.sub_container ul li:before{
	/*position:absolute;*/
	left:0px;
	top:0px;
}


.full_fill li::before{
content:""!important;
}



.right_banner {
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    padding: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24%;
    z-index: 9999;
}
.right_banner > a {
    float: left;
    /*height: 31%;*/
    margin: 5px 0;
    overflow: hidden;
    padding: 15px;
    width: 100%;
}

.orange{
	background-color:#b71437;
}


.sky_dark{
	background-color:#1084a5;
}

.meroon{
	background-color:#71172a;
}

.blue{
	background-color:#152e69;
}
@media(max-width:990px){
	.navbar-default .navbar-nav > li > a {
    	font-size: 15px;
		padding-left:10px;
		padding-right:10px;
	}
}

@media(max-width:768px){
	
.right_banner {
    padding:10px;
    width: 50%;
}

.right_banner > a {
    float: left;
    height: 31%;
	padding:5px;
	margin:1px;
}

	.logo{
		width:100%!important;
	}
	.logo img{
		width:100%;
	}
	.top_contact{
		display:none;
	}
	
	
}


@media(max-width:550px){
.mes_img{
		margin:0 auto 10px auto;
		float:none;
	
	}
}