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

@import url('https://fonts.googleapis.com/css?family=Asul:400,700|Montserrat:300,400');
font-family: 'Asul', sans-serif;
font-family: 'Montserrat', sans-serif;

body{font-family: 'Asul', sans-serif;}
.text{padding-top:2%;}
.asul{margin-top:0.5%;}
.bg{background-color:#0e2269;}


/*navi*/

.navbar-inverse {
    background-color: transparent;
    border:none;
	margin-bottom:0px;
	
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
	font-family: 'Asul', sans-serif;
	font-size:14px; 
	font-weight:normal;
	padding-left:16px;
	padding-right:16px;
	font-weight:400;
	text-transform:uppercase;

}

.navbar-inverse .navbar-nav > li > a:focus {
     color: #00ffea;
	 outline:none;
	padding-bottom:2px;
	font-weight:400;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #00ffea;
	padding-bottom:2px;
	font-weight:400;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #00ffea;
    background-color: transparent;
	padding-bottom:2px;
	font-weight:400;
}

/*navi*/

.content h1{color:#333333;font-family: 'Montserrat', sans-serif; font-weight:500; }
.content p{color:#888888;font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:400;}
.content{padding-top:5%; padding-bottom:2%;}
.content h3 {
    line-height: 31px;
    font-weight: 400;
}

.image{margin-top:10%;}


/*footer*/

.icon-bg{background-color:#dceaf5; padding-top:2%; padding-bottom:4%; margin-top:2%; text-align:center;}
.icon{background-color:#f4f9fc; padding-top:2%; padding-bottom:2%; margin-top:4%;}
.icon h1{color:#eb0f0f; text-transform:uppercase; font-size:20px; font-weight:500;}
.icon h2{color:#0e2269; text-transform:uppercase; font-size:18px; font-weight:500;}
.works{list-style-type:none; padding-left:0px; font-size:14px; line-height:26px; color:#808080;}

.imgs img{margin:auto;}
.imgs h3{font-size:22px; font-weight:400; color:#092767;}
.imgs p{font-size:16px; font-weight:400; color:#333333;}

.footer{background-color:#021f61; color:#fff; font-family: 'Montserrat', sans-serif; text-align:center; border-top:2px solid #4571a2;  border-bottom: 2px solid #4571a2; }
.footer p{padding-top:1%;}

.mark{padding-bottom:2%; background-color:transparent;}
.vedio{height:280px; margin-top:1%;}

.content h2{color:#eb0f0f;}
.cont {list-style-type:none; padding-left:0px;}
.cont li{font-size:14px; font-family: 'Montserrat', sans-serif; color:#888888; font-weight:400; line-height:25px;}

.contect{padding-top:6%;}
.contect h1{text-align:center; color:#0e2269;font-family: 'Asul', sans-serif; font-size:30px;}
.info{padding-left:2%; padding-top:2%; padding-bottom:2%; background-color:#f0f3f4;border:1px solid #cacaca;}
.inf{padding-left:2%; padding-top:1%; padding-bottom:1%; background-color:#f0f3f4; border:1px solid #cacaca;}
.npd{padding:2px; font-size:18px; font-family: 'Asul', sans-serif; color:#333333;}
.btm{margin-bottom:6%;}

.box {
    width: 100%;
    float: left;
    background-color: #f3f3f3;
    padding: 2%;
    margin-top: 8%;
}

.marg{margin-top:4%;}
.bord-1{margin-top:3%;}

.vertical-text {
    padding-left: 15%;
    padding-top: 2%;
    color: red;
}
.text{text-align:center; background-color:#f0f0f0;}
.text img{text-align:center; padding-left:20%;}
.bgc{background-color:#f0f0f0;}

.col-sm-4.col-md-4.col-sx-6.text h6 {
    font-size: 16px;
}

.padd{padding:0px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

#tab_a img {
    margin: auto;
    margin-top: 14%;
}

.tex h6{font-size:16px; font-family: 'Asul', sans-serif; text-align:center; line-height:22px; text-transform:uppercase;}
.tex img{margin:auto;}

.nav-tabs > li > a {
    color: #555;
    cursor: default;
    font-family: 'Asul', sans-serif;
    font-size: 20px;
	
	} 

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    font-family: 'Asul', sans-serif;
    font-size: 20px;
	color:#0e2269;
}

.bord-1 {
    margin-top: 3%;
    margin-bottom: 3%;
}
.mar{margin-bottom:5%;}


@media screen and (max-width:1024px){
.content h3 {
    line-height: 30px;
    font-weight: 400;
    font-size: 22px;
    text-align: left;
}
.content p {
    color: #808080;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-align: justify;
}
.cont li {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #888888;
    font-weight: 400;
    line-height: 24px;
}
.image {
    margin-top: 18%;
}

}

@media screen and (max-width:980px){
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-family: 'Asul', sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.content h3 {
    line-height: 22px;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
}
.content p {
    color: #808080;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-align: justify;
}
.content {
    padding-top: 3%;
    padding-bottom: 2%;
}
.icon-bg {
    margin-top: 2%;
}

.cont li {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #888888;
    font-weight: 400;
    line-height: 22px;
	text-align:left;
}

.image {
    margin-top: 38%;
}
.info a {
    font-size: 14px;
}
.inf {
    font-size: 13px;
    padding-top: 1px;
    padding-bottom: 4%;
}
.contect h1 {
    text-align: center;
    color: #0e2269;
    font-family: 'Asul', sans-serif;
    font-size: 18px;
}




}


@media screen and (max-width:768px){
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-family: 'Asul', sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.content h3 {
    line-height: 22px;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
}
.content p {
    color: #808080;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-align: justify;
}
.content {
    padding-top: 3%;
    padding-bottom: 2%;
}
.icon-bg {
    margin-top: 2%;
}
.cont li {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    color: #888888;
    font-weight: 400;
    line-height: 20px;
}
.image {
    margin-top: 32%;
}

.info a {
    font-size: 14px;
}
.inf {
    font-size: 13px;
    padding-top: 1px;
    padding-bottom: 4%;
}
.contect h1 {
    text-align: center;
    color: #0e2269;
    font-family: 'Asul', sans-serif;
    font-size: 18px;
}


}


@media screen and (max-width:640px){
.navbar-inverse {
    margin-top: -10%;
}
.navbar-inverse .navbar-toggle {
    border-color: #fff;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
}
.content h3 {
    line-height: 30px;
    font-weight: 400;
    font-size: 23px;
    text-align: left;
}
.content p {
    color: #808080;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
}

}



@media screen and (max-width:600px){
	.image {
    margin-top: 2%;
}
.cont li {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    color: #888888;
    font-weight: 300;
    line-height: 30px;
}
}

@media screen and (max-width:480px){



.navbar-inverse {
    margin-top: -12%;
}
.navbar-inverse .navbar-toggle {
    border-color: #fff;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
}
.navbar-inverse {
    margin-top: -13.3%;
}
.content h3 {
    line-height: 30px;
    font-weight: 400;
    font-size: 23px;
    text-align: left;
}
.content p {
    color: #808080;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
}

.info a {
    font-size: 16px;
}
.inf {
    font-size: 14px;
}

.contect h1 {
    text-align: center;
    color: #0e2269;
    font-family: 'Asul', sans-serif;
    font-size: 20px;
}


}
@media screen and (max-width:360px){
.navbar-inverse {
    margin-top: -17.3%;
}
.info a {
    font-size: 16px;
}
.inf {
    font-size: 14px;
}

}
@media screen and (max-width:320px){
.nav-tabs > li > a {
    color: #555;
    cursor: default;
    font-family: 'Asul', sans-serif;
    font-size: 16px;
	
	} 

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    font-family: 'Asul', sans-serif;
    font-size: 16px;
	color:#0e2269;
}



.content h3 {
    line-height: 30px;
    font-weight: 400;
    font-size: 23px;
    text-align: center;
}
.content p {
    color: #808080;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-align: justify;
}
.col-sm-3.im img {
    width: 60%;
}
.navbar-inverse {
    margin-top: -19.3%;
}

.contect h1 {
    text-align: center;
    color: #0e2269;
    font-family: 'Asul', sans-serif;
    font-size: 14px;
}
.info a {
    font-size: 16px;
}
.inf {
    font-size: 14px;
}
.contect h1 {
    text-align: center;
    color: #0e2269;
    font-family: 'Asul', sans-serif;
    font-size: 18px;
}

}