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

html, body{
    font-size: 100%;
	background:	#fff;
	font-family: "Microsoft YaHei", sans-serif !important;}
p{
	margin:0;}
ul,li{list-sytle:none;}
ul,label{
	margin:0;
	padding:0;}
body a:hover{
	text-decoration:none;}

.da-thumbs li {
  float: left;
  margin: 0.4%;
   padding: 8px;
  position: relative;
   width: 32.4%;}
.testimonials-grid-left .img-responsive{
  width:135px;
  height:135px;
max-width:135px
;}
@media (max-width:800px){
.testimonials-grid-left .img-responsive{
  width:60px;
  height:60px;
max-width:60px
;}

.da-thumbs li {
    float: none;

    padding: 10%;

    width: 80%;}
}
/**20160827 add**/
          .grid_4 {
	width: 22%;
	float: left;
	margin: 0 3% 0% 0;}
@media (max-width: 1280px)and(min-width:780px){
.grid_4 {
    width: 30%;}
}


/*-- header --*/
.navbar-brand{
	background: url(../images/1.png) no-repeat 0px 25px;
    display: block;
    height: 55px;
    padding: 1em 0 0em 1.8em;
    color: #fff !important;
    font-size: 2em;
    text-decoration: none;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background:none;}
.navbar-brand span{
	font-size:13px;
	display:block;
	padding-left:5px;
	color:#9CB8C6;
	line-height: 2.5em;}
.navbar-nav {
    float:left;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
    background: none;}
.navbar-default {
    border: none;
    background: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	color:#fff;
	background:#34495e;}
.header {
    background-color:#2f5299;}
.navbar-default .navbar-nav > li > a {
    color: #fff;
	font-size: 15px;}
.navbar {
    margin-bottom: 0;}
.nav > li > a {
    padding: 10px 40px;}
.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#34495e;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;}
/*-- //header --*/
/*-- banner --*/
.banner{
	background:url(../images/banner.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:450px;
	position:relative;}
.banner-info{
	width:80%;
	margin:13em auto 0;}
.banner-info-left{
	width:80%;
	text-align:center;
	margin: 0 auto 2em;}
.banner-info-left h1{
	text-transform:capitalize;
	font-size:2em;
	color:#fff;
	margin:0;}
.banner-info-left p {
    font-size: 12px;
    color: #f5f5f5;
    margin: 1em 0 3em;
    line-height: 1.8em;}
.more a{
	padding:12px 30px;
	background:#2d41a8;
	font-size:12px;
	
	color:#fff;
	text-decoration:none;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;}
.more a:hover{
	background:#fff;
	color:#2d41a8;}


.more a.a2{
	padding:12px 10px;
	background:#2d41a8;
	font-size:12px;
	float:left;
	color:#fff;
	text-decoration:none;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;}
.more a.a2:hover{
	background:#fff;
	color:#2d41a8;}
.banner-pos{
	position: absolute;
    top: 80%;
    left: 13%;
    width: 73%;}
.banner-pos-left-info{
	background:#fff;
	padding:2em;
	box-shadow: 1px 0px 2px #D8D8D8;
	-webkit-box-shadow: 1px 0px 2px #D8D8D8;
	-moz-box-shadow: 1px 0px 2px #D8D8D8;
	-o-box-shadow: 1px 0px 2px #D8D8D8;
	-ms-box-shadow: 1px 0px 2px #D8D8D8;}
.banner-pos-left-info h3{
	font-size:1.7em;
	text-transform:capitalize;
	color:#2d41a8;
	 
	margin:0;
	line-height:1.4em;}
.banner-pos-left-info p{
	color:#999;
	font-size:12px;
	line-height:1.8em;
	margin:1em 0 0;}
.banner-pos-left-info h3 i{
	color: #999;
    left: -0.5em;
    top: .2em;}
/*-- //banner --*/
/*-- welcome --*/
.welcome{
	padding: 3em 0 2em 0;}
.welcome h3,.services h3,.services1 h3,.advantages h3,.history-left h3,.history-right h3,.gallery h3,.contact h3,.newsletter-info h3{
	color:#2d41a8;
	
	margin:0;
	font-size:2em;
	padding-left: 0.7em;
	position:relative;}
.welcome h3:before,.services h3:before,.contact h3:before,.gallery h3:before,.services1 h3:before,.history-left h3:before,.history-right h3:before{
	content: '';
    height: 100%;
    border-left: 5px solid #D8D8D8;
    position: absolute;
    top: 0%;
    left: 0%;}
p.ever{
	margin:.5em 0 0;
	color:#999;
	font-size:12px;
	line-height:1.8em;
	padding-left:1em;}
.welcome-grd{
	border-radius: 170px;
    box-shadow: 0px 0px 5px #D8D8D8;
    padding: 1em 1em 0 1em;
    position: relative;
    min-height: 250px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	background-color:#f7f6f6;}
.welcome-grid:hover div.welcome-grd{
	transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;}
.welcome-grd:hover{
	box-shadow: 0px 0px 5px #2d41a8;}
.welcome-grd:hover div.icons{
	background:#999;}
.welcome-grd h4{
	text-transform:capitalize;
	font-size:1.3em;
	color:#2d41a8;
	 
	margin:2.5em 0 1em;
	text-align:center;}
.welcome-grd p{
	margin:0;
	color:#999;
	font-size:12px;
	text-align:center;
	line-height:1.8em;}
.icons{
	width:70px;
	height:70px;
	background:#34495e;
	margin:0 auto;
	border-radius:60px;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	-o-border-radius:60px;
	-ms-border-radius:60px;
	position:absolute;
	top: -10%;
    left: 37%;}
.icons span{
	color: #fff;
    font-size: 1.3em;
    left: 1.1em;
    top: 1em;}
.welcome-grids{
	margin:6em 0 0;}
/*-- //welcome --*/
/*-- banner-text --*/
.banner-text-inf,.banner-text-inf1,.banner-text-inf2{
	min-height:530px;}
.banner-text-inf{
	background:url(../images/1.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;}
.banner-text-inf1{
	background:url(../images/2.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;

	-ms-background-size:cover;}
.banner-text-inf2{
	background:url(../images/3.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;}
.banner-text-info h2{
	width:80%;
	margin:0em auto;
	color:#fff;
	
	text-align:center;
	font-size:2em;
	padding:11em 0 0;}
/*-- wmuslider --*/
.wmuSlider {
	position: relative;
	overflow: hidden;}
.wmuSlider .wmuSliderWrapper article img {}
/* Default Skin */
.wmuSliderPagination {
	z-index: 2;
	position: absolute;
	right: 47%;
    top: 90%;}
ul.wmuSliderPagination {
	padding:0;}
.wmuSliderPagination li {
	float: left;
	margin: 0 8px 0 0;
	list-style-type: none;}
.wmuSliderPagination a {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	background:#999;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;}
.wmuSliderPagination a.wmuActive {
	background:#fff;}
/* Default Skin */
.wmuGallery .wmuGalleryImage {
	margin-bottom: 10px;}
.banner-wrap{
	padding:0;}
/*-- //wmuslider --*/
/*-- //banner-text --*/
/*-- services --*/
.services,.banner-text,.services1,.history,.gallery,.contact,.newsletter{
	padding:3em 0;}
.services-left h4{
	color: #2d41a8;
	font-size: 1.3em;
	line-height: 1.5em;
	
	text-transform: capitalize;}
.services-left p {
	color: #999;
	font-size: 12px;
	margin:1em 0 0;
	line-height: 1.8em;}
.services-top-main:nth-child(2) {
	margin-top: 3em;}
.services-top{
	margin:3em 0 0;}
.services-top-main:hover .service-img {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;}
.para p{
	color: #999;
    font-size: 12px;
    line-height: 1.8em;
    margin: 0;
    border:1px dashed #999999;
    padding: 4em 2em 2em;
    text-align: center;}
.para ul{
	color: #999;
    font-size: 12px;
    line-height: 1.8em;
    margin: 0;
    border:1px dashed #999999;
    padding: 4em 2em 2em;
    text-align: center;}
.services-grid:hover div.para span{
	background:#2d41a8;}
.services-grid:hover div.para p{
	border: 1px dashed #2d41a8;}
.services-grid:hover div.para ul{
	border: 1px dashed #2d41a8;}
.services1{
	padding:0 0 5em;}
.services-grids{
	margin:3em 0 0;}
.para span{
	font-size: 2em;
    color: #fff;
    background:#999;
    padding: .8em 0 0;
    width: 90px;
    height: 90px;
    border-radius: 60px;
    top: 38px;
    /*left: 128px;*/
    text-align: center;}
/*-- //services --*/
/*-- about --*/
.advantages{
	background: #f1f1f1;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 460px;}

.advantages h3{
	color:#2d41a8;
	margin:0;
	text-align: left;}
.our-advantages-grids:nth-child(2){
	margin:3em 0;}
.our-advantages-grd-left p{
	padding: 13px 15px;
	text-align: center;
	color: #fff;
	font-size: 21px;
	margin: 0;
	border-radius: 160px;
	background:#2d41a8;}
.our-advantages-grd-right{
	padding:0 !important;}
.our-advantages-grd-right h4{
	font-size:1.5em;
	color:#606060;
	margin:0 0 1em;
	text-transform:capitalize;}
.our-advantages-grd-right p{
	color:#999;
	font-size:12px;
	margin:0;
	line-height: 1.8em;}
.history-left-grid p{
	font-size:1em;
	color:#9D9D9D;
	margin:0;
	padding-left: 1em;}
.glyphicon-calendar {
  left:0;}
.history-left-grid h4,.history-right h4{
	color:#34495e;
    font-size: 14px;
	font-weight:bold;
	margin:1em 0;
	text-transform:capitalize;}
p.aut{
	color:#999;
	font-size:12px;
	margin:0;
	line-height:1.8em;
	padding: 0;}
.history-left-grid:nth-child(3){
	margin:2em 0;}
.history-right p{
	color:#999;
	font-size:12px;
	line-height:1.8em;
	margin:1em 0 0;}
.history-right ul{
	padding:2em 0 0;}
.history-right ul li{
	list-style-type:none;
	margin:0 0 10px;
	background: url(../images/9.png) no-repeat 0px 7px;
	display: block;
	padding-left: 1.5em;}
.history-right ul li a{
	font-size:12px;
	color:#999;
	text-decoration:none;
	text-transform:capitalize;}
.history-right ul li a:hover{
	text-decoration:none;
	color:#2d41a8;}
.history-left h3,.history-right h3 {
    margin: 0 0 1.5em !important;}
/*-- //about --*/
/*-- newsletter --*/
.newsletter-info{
	background:url(../images/10.jpg) no-repeat 0px 0px;
	min-height:445px;
	position:relative;}
.mes{
	position:absolute;
	top: 33%;
    right: 0%;}
.mes span{
	background:url(../images/4.png) no-repeat 0px 0px;
	display:block;
	height:300px;
	width:300px;}
.newsletter-info h3{
	padding:7em 0 0 7em !important;
	text-align:center;
	color:#fff;}
.letter{
	margin: 2em auto 0 23em;
    width: 60%;}
.letter input[type="text"]{
	border:none;
	background:#fff;
	padding:12px 10px;
	color:#2d41a8;
	width:80%;
	outline:none;
	font-size:12px;}
.letter input[type="submit"]{
	outline:none;
	border:none;
	background: url(../images/3.png) no-repeat 19px 8px #fff;
    display: inline-block;
    padding: 11.5px 0;
    width: 10%;
	cursor:pointer;}
/*-- //newsletter --*/
/*-- gallery --*/
.gallery-grids{
	margin:3em 0 0;}
.gallery-grid1 img{
	padding:.5em;
	border:1px dotted #f26f62;}
.da-thumbs {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;}

.da-thumbs li a,
.da-thumbs li a img {
  display: block;
  position: relative;
  width: 100%;
 height:225px;}
@media (max-width:768px){
	.da-thumbs li a,.da-thumbs li a img {
 height:auto;}
}
.da-thumbs li a {
	overflow: hidden;}
.da-thumbs li a div {
  position: absolute;
  background:rgba(45, 176, 204, 0.75);
  width: 100%;
  height: 100%;}
.da-thumbs li a div span {
  display: block;
  padding: 10px 0;
  margin: 11px 20px 20px 20px;
  font-weight: normal;
  text-transform: capitalize;
  color: rgba(255,255,255,0.9);
  text-align: center;
  font-size: 12px;}
.da-thumbs li a div  h5 {
  color: #FFF;
  font-size: 14px;
  margin: 1em 0 0 0;
	
  text-align: center;
  text-transform: capitalize;}
/*-- //gallery --*/
/*-- contact --*/
.contact-us1-bottom{
	margin:3em 0 0;}
.contact-us1-bottom form{
	float:left;
	width:50%;}
.contact-us1-bottom input[type="text"],.contact-us1-bottom input[type="email"],.contact-us1-bottom textarea {
	outline: none;
    padding: 10px 10px;
    background: none;
    color: #8C969D;
    font-size: 12px;
    border: 1px solid #BCBCBC;
    width: 48.3%;}
.contact-us1-bottom input[type="email"]{
	margin:0 0 0 1em;}
.contact-us1-bottom textarea {
	min-height:150px;
	resize:none;
	width:100%;
	margin:1em 0;}
.contact-us1-bottom input[type="submit"] {
	background: #2d41a8;
    color: #fff;
    outline: none;
    padding: 10px 0px;
    width: 30%;
	font-size: 12px;
	border:none;
	 
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;}
.contact-us1-bottom input[type="submit"]:hover {
	background:#65767D;}
.home-radio-clock{
	float:left;
	width:20%;
	margin-left: 5em;}
.home-radio-clock-right{
	float:left;
	width:20%;}
.home-radio-clock ul{
	padding:0;
	margin:0;}
.home-radio-clock ul li{
	padding-left: 4em;
	color: #999;
	font-size: 12px;
	 
	list-style-type:none;
	margin: 0 0 1em;}
.home-radio-clock-right ul{
	padding:0;
	margin:0;}
.home-radio-clock-right ul li{
	 
	color: #999;
    font-size: 12px;
	list-style-type:none;}
.home-radio-clock ul li i{
	font-size:1.5em;
	left: -15px;
	color:#65767d;}
.home-radio-clock-right ul li span{
	display:block;}
.home-radio-clock-right ul li.lst{
	margin:1em 0 2em;}
.map{
	margin:3em 0 0;}
.map iframe{
	width:100%;
	min-height:400px;}
/*-- //contact --*/
/*-- footer --*/
.footer {
  padding: 4em 0;
  background-color:#4D4D4D;}
.footer-grid h3.title {
     
    font-size: 1.8em;
    color: #C9C9C9;
	margin:0;}
.footer-grid ul {
  margin: 0;
  padding: 2em 0 0;}
.footer-grid ul li {
    display: block;
	margin: 0 0 10px;
	color:#818180;
	font-size: 12px;}
.footer-grid ul li a {
    font-size: 12px;
    color: #8D8D8C;
    text-decoration: none;
    padding: 0.2em 0;
    display: inline-block;}
.footer-grid ul li a:hover {
  color:#fff;}
.contact-grid ul li span {
  left: -15px;}
.footer-grid ul li.adrs {
    padding-left:1.1em;}
.copy {
  text-align: center;
  background:#454545;
  padding:1.5em 0;}
.copy p {
    color: #fff;
    font-size: 12px;
    margin: 10px 0 0;}
.copy p a {
  color:#2d41a8;
  text-decoration:none;}
.copy p a:hover{
  color:#fff;
  border-bottom:3px double #2d41a8;}
.copy-left {
    float: left;}
.social-icons {
    float: right;}
.social-icons ul li {
    display: inline-block;
    margin-right: 10px;}
.social-icons ul li a.fb {
    background: url(../images/iconsprite.png)no-repeat 10px 3px;}
.social-icons ul li a.fb:hover{
	background-color:#3b5998;}
.social-icons ul li a {
    background: url(../images/iconsprite.png)no-repeat 3px -33px;
    display: block;
    width: 32px;
    height: 32px;
    transition: none;}
.social-icons ul li a.pn {
    background: url(../images/iconsprite.png)no-repeat 6px -108px;}
.social-icons ul li a.pn:hover {
   background-color:#cc2127;}
.social-icons ul li a.gg {
    background: url(../images/iconsprite.png)no-repeat 6px -72px;}
.social-icons ul li a.gg:hover {
   background-color:#dd4b39;}
.social-icons ul li a:hover {
    transform: rotatey(360deg);
	-webkit-transform: rotatey(360deg);
	-o-transform: rotatey(360deg);
	-moz-transform: rotatey(360deg);
	-ms-transform: rotatey(360deg);
    transition: .5s all;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	background-color:#55acee;}
/*-- //footer --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(../images/arrow.png) no-repeat 0px 0px;}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);}
/*-- //to-top --*/
/*-----start-responsive-design------*/
@media (max-width:1440px){
         
	.banner-pos-left-info h3 {
		font-size: 1.4em;}
	.banner-info {
		margin: 10em auto 0;}
	.banner-pos {
		top:76%;
		left: 12%;
		width: 77%;}
	.banner {
		min-height: 630px;}
}
@media (max-width: 1280px){
          .grid_4 {
	width: 30%;
	float: left;
	margin: 0 3% 0% 0;}
	.banner-pos {
		left: 8%;
		width: 85%;}
	.banner-text-inf, .banner-text-inf1, .banner-text-inf2 {
		min-height: 405px;}
	.banner-text-info h2 {
		padding: 8em 0 0;}
	.advantages {
		min-height: 450px;}
}
@media (max-width: 1024px){
        .grid_4 {
	width: 30%;
	float: left;
	margin: 0 3% 0% 0;}
	.banner-info-left h1 {
		font-size: 1.8em;}
	.banner {
		min-height: 520px;}
	.banner-info {
		margin: 7em auto 0;}
	.banner-pos {
		left: 3%;
		width: 93%;}
	.banner-pos-left-info h3 {
		font-size: 1.2em;}
	.banner-pos-left-info p {
		margin: 0.5em 0 0;}
	.welcome {
		padding: 3em 0 5em;}
	.welcome h3, .services h3, .services1 h3, .advantages h3, .history-left h3, .history-right h3, .gallery h3, .contact h3, .newsletter-info h3 {
		font-size: 1.8em;}
	.welcome-grids {
		margin: 4em 0 0;}
	.welcome-grd h4 {
		font-size: 1.1em;
		margin: 2.5em 0 0.4em;}
    .welcome-grd {
		min-height: 205px;}
	.icons {
		top: -20%;
		left: 35%;}
	.icons span {
		left: 1.1em;
		top: 1.1em;}
	.services, .banner-text, .services1, .history, .gallery, .contact, .newsletter,.advantages{
		padding: 3em 0;}
	.services-left h4 {
		font-size: 1.1em;}
	.services-grids {
		margin: 1em 0 0;}
	.para span {
		left: 99px;}
	.banner-pos-left-info h3 i {
		top: 0;}
	.our-advantages-grd-left p {
		padding: 11px 15px;
		font-size: 12px;}
	.our-advantages-grd-right h4 {
		font-size: 1.2em;
		margin: 0 0 0.5em;}
	.our-advantages-grids:nth-child(2) {
		margin: 3em 0 2em;}
	.advantages {
		min-height: 510px;}
	.history-left-grid h4, .history-right h4 {
		font-size: 1.1em;}
	.da-thumbs li a div h5 {
		margin: 1.5em 0 0 0;}
	@media (max-width:768px){.da-thumbs li a div h5 {
		margin: 1em 0 0 0;}}
	.da-thumbs li a div span {
		font-size: 12px;}
	.contact-us1-bottom input[type="text"], .contact-us1-bottom input[type="email"], .contact-us1-bottom textarea {
		width: 48%;}
	.home-radio-clock ul li {
		padding-left: 0em;}
	.contact-us1-bottom textarea {
		width: 100% !important;}
	.footer-grid h3.title {
		font-size: 1.5em;}
	.footer {
		padding: 3em 0;}
}
@media (max-width:768px){
	.navbar-default .navbar-nav > li > a {
		font-size: 12px;}
	.nav > li > a {
		padding: 38px 12px;}
	.navbar-brand {
		background: url(../images/1.png) no-repeat 0px 25px;
		background-size: 20%;
		height: 70px;
		padding: 0.9em 0 0em 1.6em;
		font-size: 1.7em;}
	.banner-info-left h1 {
		font-size: 1.5em;}
	.banner-info {
		margin: 5em auto 0;
		width: 90%;}
	.more a {
		padding: 10px 25px;
		font-size: 13px;}
	.banner-pos {
		left: 2%;
		top: 100%;
		width: 96%;}
	.banner {
		min-height: 360px;}
	.welcome {
		padding: 4em 0 3em;}
	.welcome h3, .services h3, .services1 h3, .advantages h3, .history-left h3, .history-right h3, .gallery h3, .contact h3, .newsletter-info h3 {
		font-size: 1.6em;}
	.welcome-grid {
		float: left;
		margin: 0 0 0 3em !important;
		width: 40%;}
	.welcome-grid:nth-child(1),.welcome-grid:nth-child(2){
		margin: 0 auto 4em 3em !important;}
	.welcome-grd {
		min-height: 250px;}
	.welcome-grd h4 {
		margin: 3.5em 0 0.4em;}
	.banner-text-info h2 {
		padding: 4em 0 0;
		width: 90%;}
	.banner-text-inf, .banner-text-inf1, .banner-text-inf2 {
		min-height: 305px;}
	.services-top-left {
		float: left;
		width: 50%;}
	.services-left {
		text-align: center;}
	.service-img img {
		margin: 0 auto;}
	.services-left h4 {
		font-size: 1em;}
	.services-left p {
		margin: 0;}
	.services-grid {
		/**width: 33.33%;**/
		float:left;}
	.para span {
		left: 61px;}
	.our-advantages-grd-left {
		width: 10%;}
	.our-advantages-grids:nth-child(2) {
		margin: 2em 0 0em;}
	.our-advantages-grd-right {
		margin: 0 0 2em;}
	.history-right {
		margin: 2em 0 0;}
	.letter {
		margin: 2em auto 0 11em;
		width: 77%;}
	.newsletter-info h3 {
		padding: 9em 0 0 7em !important;}
	.da-thumbs li a div h5 {
		font-size: 1.3em;}
	.gallery-grids {
		margin: 2em 0 0;}
	.contact-us1-bottom form {
		float: none;
		width: 100%;
		margin: 0 0 2em;}
	.contact-us1-bottom {
		margin: 2em 0 0;}
	.contact-us1-bottom input[type="text"], .contact-us1-bottom input[type="email"], .contact-us1-bottom textarea {
		width: 48.74%;}
	.home-radio-clock {
		width: 30%;
		margin-left: 1em;}
	.home-radio-clock-right {
		width: 50%;}
	.home-radio-clock-right ul li span {
		display: initial;}
	.map {
		margin: 2em 0 0;}
	.map iframe {
		min-height: 270px;}
	.footer-grid h3.title {
		font-size: 1.3em;}
	.footer-grid {
		float: left;}
	.footer {
		padding: 2.5em 0 1.5em;}
}
@media (max-width: 767px){
	.navbar-brand {
		height: 95px;}
	.navbar-toggle {
		margin-top: 30px;
		margin-right: 0;
		margin-bottom: 0;}
	.navbar-default .navbar-toggle {
		border: none;
		background-color: #2d41a8;}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #2d41a8;}
	.navbar-nav {
		float: none;
		text-align: center;
		background-color: #66737F;}
	.nav > li > a {
		padding: 15px 0px;}
}
@media (max-width: 736px){
	.letter {
		margin: 2em auto 0 6em;}
}
@media (max-width: 667px){
	.banner-info-left h1 {
		font-size: 1.3em;}
}
@media (max-width:640px){
	.navbar-toggle {
		margin-top: 35px;}
	.banner-info-left {
		width: 100%;}
	.banner {
		min-height: 320px;}
	.banner-info {
		margin: 4em auto 0;
		width: 97%;}
	.more a {
		padding: 8px 17px;}
	.banner-pos-left-info {
		padding: 1.5em;}
	.welcome h3, .services h3, .services1 h3, .advantages h3, .history-left h3, .history-right h3, .gallery h3, .contact h3, .newsletter-info h3 {
		font-size: 1.4em;}
	.welcome {
		padding: 3em 0 3em;}
	.welcome h3:before, .services h3:before, .contact h3:before, .gallery h3:before, .services1 h3:before, .history-left h3:before, .history-right h3:before {
		border-left: 3px solid #D8D8D8;}
	.icons {
		width: 56px;
		height: 56px;}
	.welcome-grd h4 {
		margin: 2.5em 0 0.4em;}
	.welcome-grd {
		min-height: 208px;}
	.icons span {
		left: 0.8em;
		top: 0.8em;}
	.icons {
		top: -14%;
		left: 38%;}
	.banner-text-info h2 {
		font-size: 1.7em;}
	.wmuSliderPagination {
		right: 45%;
		top: 74%;}
	.banner-text-inf, .banner-text-inf1, .banner-text-inf2 {
		min-height: 275px;}
	.para span {
		font-size: 1.5em;
		width: 70px;
		height: 70px;
		left: 56px;}
	.para p {
		padding: 3.5em 1em 2em;}
	.services-grids {
		margin: 0;}
	.our-advantages-grd-left p {
		font-size: 12px;}
	.our-advantages-grd-left {
		width: 13%;}
	.our-advantages-grd-right h4 {
		font-size: 1em;}
	.our-advantages-grd-right {
		width: 87%;}
	.letter {
		margin: 2em auto 0 2em;
		width: 96%;}
	.letter input[type="text"] {
		width: 83%;}
	.mes span {
		background: url(../images/4.png) no-repeat 0px 0px;
		background-size: 90%;
		display: block;
		height: 218px;
		width: 240px;}
	.mes {
		top: 28%;
		right: -2%;}
	.newsletter-info h3 {
		padding:7em 0 0 13em !important;}
	.newsletter-info {
		background: url(../images/10.jpg) no-repeat 0px 0px;
		min-height: 330px;
		background-size: 160%;}
	.da-thumbs li a div h5 {
		font-size: 1.1em;}
	.da-thumbs li a div span {
		font-size:13px;
		padding: 5px 0;
		margin: 0 5px;}
	.contact-us1-bottom input[type="text"], .contact-us1-bottom input[type="email"], .contact-us1-bottom textarea {
		width: 48.4%;}
	.footer-grid ul {
		padding: 1em 0 0;}
	.footer-grid {
		float: left;
		width: 50%;}
	.footer-grid:nth-child(2) {
		margin: 0 0 3em;}
	.copy p {
		margin: 0;}
	.copy-left {
		float: none;
		margin: 0 0 1em;}
	.social-icons {
		float: none;}
	.welcome-grid:nth-child(1), .welcome-grid:nth-child(2) {
		margin: 0 auto 4em 2.5em !important;}
	.welcome-grid {
		margin: 0 0 0 2.5em !important;}
}
@media (max-width:480px){
	.banner-info-left h1 {
		font-size: 1.2em;}
	.banner {
		min-height: 300px;}
	.banner-pos-left-info h3 {
		font-size: 1em;}
	.banner-pos-left-info {
		padding: 1em;}
	.banner-pos-left-info h3 i {
		top: 0.2em;
		font-size: 1.3em;}
	.welcome {
		padding: 1em 0;}
	.welcome-grid:nth-child(1), .welcome-grid:nth-child(2) {
		margin: 0 auto 4em 0em !important;
		width: 50%;}
	.welcome-grd h4 {
		margin: 1.5em 0 0.4em;}
	.welcome-grd {
		min-height: 190px;}
	.welcome-grid {
		margin: 0 !important;
		width: 50%;}
	.services, .banner-text, .services1, .history, .gallery, .contact, .newsletter, .advantages {
		padding: 2em 0;}
	.banner-text-info h2 {
		font-size: 1.4em;}
	.wmuSliderPagination {
		right: 41%;
		top: 70%;}
	.wmuSliderPagination {
		right: 41%;}
	.banner-pos {
		width: 98%;}
	.services-top {
		margin: 2em 0 0;}
	.services-top-main:nth-child(2) {
		margin-top: 1em;}
	.services-grid {
		width: 80%;
		float: none;
		margin: 0 auto;}
	.para span {
		left: 125px;}
	.our-advantages-grd-left {
		width: 18%;}
	.our-advantages-grd-right {
		width: 80%;}
	.history-left-grid h4, .history-right h4 {
		font-size: 1em;}
	.newsletter-info h3 {
		padding: 4em 0 0 8em !important;}
	.letter input[type="submit"] {
		background: url(../images/3.png) no-repeat 10px 8px #fff;}
	.newsletter-info {
		background: url(../images/10.jpg) no-repeat 0px 0px;
		min-height: 240px;
		background-size: 160%;}
	.da-thumbs li {
		float: none;
		margin: 0.4% auto;
		width: 80%;}
	.gallery-grids {
		margin: 1em 0 0;}
	.da-thumbs li a div h5 {
		margin: 1em 0 0 0;}
	.contact-us1-bottom input[type="text"], .contact-us1-bottom input[type="email"], .contact-us1-bottom textarea {
		width: 47.9%;}
	.contact-us1-bottom input[type="submit"] {
		padding: 8px 0px;
		font-size: 12px;}
	.map iframe {
		min-height: 180px;}
	.footer-grid h3.title {
		font-size: 1.1em;}
	.footer {
		padding: 1.5em 0 0.5em;}
}
@media (max-width: 412px){
	.letter {
		margin: 2em auto 0 0.5em;}
	.contact-us1-bottom input[type="text"], .contact-us1-bottom input[type="email"], .contact-us1-bottom textarea {
		width: 47.5%;}
	.footer-grid {
		padding: 0 !important;}
}
@media (max-width:320px){
	.navbar-brand {
		background: url(../images/1.png) no-repeat 0px 31px;
		height: 85px;
		padding: 1.2em 0 0em 1.6em;
		background-size: 17%;
		font-size: 1.4em;}
	.navbar-brand span {
		font-size: 11px;
		line-height: 1.5em;}
	.navbar-toggle {
		margin-top: 28px;}
	.navbar-default .navbar-nav > li > a {
		font-size: 13px;}
	.nav > li > a {
		padding: 9px 0px;}
	.banner-info-left h1 {
		font-size: 1em;}
	.banner-info {
		margin: 2.5em auto 0;
		width: 100%;}
	.banner-info-left p {
		font-size: 13px;
		margin: 0.5em 0 1em;}
	.more a {
		padding: 6px 11px;
		font-size: 11px;}
	.banner {
		min-height: 275px;}
	.banner-pos-left-info p {
		margin: 0;
		font-size: 13px;}
	.banner-pos-left-info {
		padding: .5em .5em .5em 1em;}
	.welcome {
		padding: 3em 0 2em;}
	p.ever,.welcome-grd p,.services-left p,.para p,.our-advantages-grd-right p,p.aut,.history-right ul li a{
		font-size: 13px;}
	.history-right ul li {
		margin: 0 0 5px;}
	.newsletter-info {
		background: url(../images/10.jpg) no-repeat 0px 0px;
		min-height: 190px;
		background-size: 200%;}
	.history-left-grid h4, .history-right h4 {
		margin: 1em 0 0.5em;}
	.history-right p {
		font-size: 13px;
		margin: 0;}
	.history-right ul {
		padding: 1em 0 0;}
	.welcome-grid {
		float: none;
		width:83% !important;
		margin: 0 auto 3em 1em !important;}
	.welcome-grid:nth-child(1), .welcome-grid:nth-child(2) {
		margin: 0 auto 3em 1em !important;
		width: 50%;}
	.welcome-grid:nth-child(4) {
		margin: 0 auto 0em 1em !important;}
	.welcome-grd h4 {
		margin: 1.8em 0 0.4em;}
	.welcome-grids {
		margin: 3em 0 0;}
	.banner-text-info h2 {
		font-size: 1.2em;
		line-height: 1.3em;
		padding: 3em 0 0;}
	.banner-text-inf, .banner-text-inf1, .banner-text-inf2 {
		min-height: 220px;}
	.services-top-left {
		float: none;
		width: 100%;}
	.services-top {
		margin: 1em 0 0;}
	.services-left,.services-top-left,.our-advantages-grid,.history-left,.history-right{
		padding: 0 !important;}
	.history-left h3, .history-right h3 {
		margin: 0 0 1em !important;}
	.service-img {
		padding: 0 1em !important;}
	.services-top-main:nth-child(2) {
		margin: 1em 0;}
	.services-top-main:nth-child(3) {
		margin: 0 0 1em;}
	.services-grid {
		width: 100%;}
	.para span {
		left: 90px;}
	.our-advantages-grd-left {
		width: 28%;}
	.our-advantages-grd-right {
		width: 68%;
		margin: 0 0 1em;}
	.newsletter {
		padding: 0 0 2em;}
	.newsletter-info h3 {
		padding: 4em 0 0 0em !important;}
	.letter {
		margin: 1em auto 0 0.5em;}
	.letter input[type="text"] {
		padding: 10px 10px;
		font-size: 13px;}
	.letter input[type="submit"] {
		padding: 8.5px 0;
		width: 14%;
		background: url(../images/3.png) no-repeat 10px 10px #fff;
		background-size: 50%;}
	.da-thumbs li {
		width: 95%;}
	.da-thumbs li a div h5 {
		margin: 2.5em 0 0 0;}
	.contact {
		padding: 0 0 2em;}
	.contact-us1-bottom {
		margin: 1em 0 0;}
	.contact-us1-bottom input[type="text"], .contact-us1-bottom input[type="email"], .contact-us1-bottom textarea {
		width: 100%;
		padding: 10px;
		font-size: 13px;}
	.contact-us1-bottom input[type="email"] {
		margin: 1em 0 0;}
	.contact-us1-bottom input[type="submit"] {
		width: 45%;
		padding: 6px 0px;
		font-size: 13px;}
	.home-radio-clock ul li i {
		font-size: 1.2em;}
	.home-radio-clock ul li,.home-radio-clock-right ul li,.copy p {
		font-size: 13px;}
	.home-radio-clock-right ul li.lst {
		margin: 1em 0;}
	.home-radio-clock {
		width: 98%;
		float: none;
		margin: 0 0 1em 1em;}
	.home-radio-clock-right {
		width: 100%;
		float: none;}
	.footer-grid {
		float: none;
		width: 100%;
		margin: 0 0 1em;
		padding: 0 !important;}
	.footer-grid ul li {
		margin: 0 0 5px;}
	.footer-grid:nth-child(2) {
		margin: 0 0 1em;}
	.contact-grid ul li span {
		left: 0px;
		padding-right: 1em;}
}



/*******************add  teachers and news***********************/
.pagelist ul,.pagelist li{
    list-style:none;}
.pagelist{
padding-top:3em;}
.testimonials h3,.news h3,.gallery h3,.contact h3{
	font-size: 2em;
	color: #2d41a8;
	margin: 0;}
.testimonials-grid-right p{
	font-size:14px;
	color:#999;
	line-height:1.8em;
	margin:1em 0 0;}
.testimonials-grid-right p span{
	display:block;
	font-size:1em;
	margin:.3em 0 0;
	color:#99012C;}
.rating {
    direction: rtl;
    text-align:left;}
.rating > span {
    display: inline-block;
    position: relative;}
.rating > span:hover, .rating > span:hover ~ span {
    color: #B4976F;}
.testimonials-grids{
	margin:3em 0 0;}
/*-- Shadow Radial --*/
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;}
/*--flexisel--*/
.flex-slider{	
background:#222227;
padding: 70px 0 165px 0;}
.opportunity{
background:#28282e;
margin:0px 20px;
padding:80px 0;
position:relative;}
#flexiselDemo1 {
	display: none;}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
  height:135px;}
.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;}


/*-- news-events --*/
.news{
	padding:3em 0 3em;}
.latest-news-grid{
     height:200px;
    margin-bottom:3em;}
.latest-news-grid-right{
	border-left:1px solid #555;
        height:200px;}
.latest-news-img{width:150px;height:100px;}
@media (max-width:768px){
	.latest-news-grid{
     height:auto;}
.latest-news-grid-right{
        height:auto;}
.latest-news-img{width:100%;height:auto;}
}
.latest-news-grid-right h4{
	text-transform:capitalize;
	font-size: 1.1em;
    color: #99012C;
    margin: 0.5em 0 0;}
p.man{
	margin:1em 0 0 !important;}
.latest-news{
    margin: 4em 0 6em;}
.latest-news-grids:nth-child(1){
	margin:0 0 3em;}
.latest-news-grid-right p{
	color:#999;
	margin:0;
	line-height:1.8em;
	font-size:14px;}
.latest-news-grid-right p span {
    padding-left: 1em;}
.news-grid-left-top p{
	font-size: 14px;
    color: #E6E6E6;
    text-align: center;
    margin: 0;
    border: 1px solid #BAB9B9;}
.news-grid-left-top p i{
	font-size: 1.5em;
    padding: 1em;
    background: #809198;
    color: #fff;
    left: -32px;
    top: 0px;}
.news-grid-left img{
	width:100%;}
.news-grid-left{
	position:relative;}
.news-pos{
	position: absolute;
	top: 221px;
	left: 16px;
	width: 349px;}
.news-pos p{
	padding: 1em;
    color: #fff;
    font-size: 14px;
    line-height: 1.8em;
    margin: 0;
    background: #99012C;}
.news-grid-left:hover .news-grid-left1{
	background:url(../images/2-.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.news-grid-left:hover .news-grid-left2{
	background:url(../images/3-.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.news-grid-left:hover .news-grid-left3{
	background:url(../images/4-.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.news-grid-left:hover div.news-grid-left-top p i{
	background: #99012C;
    color: #fff;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;}
.news-grid-left:hover div.news-pos p{
	background:#809198;
	color:#fff;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;}
.news-grid-left1 h4,.news-grid-left2 h4,.news-grid-left3 h4{
	text-transform: capitalize;
    font-size: 1.3em;
    color: #fff;
    margin: 0;
    padding: 1em 0 0 1em;}
p.vel{
	font-size:14px;
	color:#fff;
	margin:1em 0;
	line-height:1.8em;
	padding: 0em 0 0 1em;}
.news-grid-left1{
	background:url(../images/2.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.news-grid-left2{
	background:url(../images/3.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.news-grid-left3{
	background:url(../images/4.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.newsletter{
	padding: 6em 0 0em;
    margin: 0 auto;
    width: 80%;}
.newsletter form{
	padding:1em;
	background:#809198;}
.newsletter input[type="text"]{
	background:#fff;
	color:#B8B7B7;
	font-size:14px;
	width:74.5%;
	display:inline-block;
	outline:none;
	border:none;
	padding:13px 10px;}
.newsletter input[type="submit"]{
	background:#D6D8DB;
	color:#fff;
	font-size:16px;
	width:25%;
	outline:none;
	border:none;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	padding:13px 0;
	text-align:center;}
.newsletter input[type="submit"]:hover{
	background:#fff;
	color:#D6D8DB;}




/*--about--*/
.about{
padding:3em 0;}
.about h2,.team h3,.contact-top h2,h2.top,.project-sec h2{
color:#b28b51;
  font-size: 2.5em;
  margin-bottom: 1em;
  font-family: 'Marvel-Regular';
  font-weight: 700;
  text-align:center;}
.about-head img{
float:left;
width:22%;
margin-right:3%;}
.about-info{
float:left;
width:75%;}
.about-info2{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	font-size: 14px;
	line-height: 1.8;
	color: #666;}
.about-info h3{
	color: #4b76cf;
  font-size: 1.7em;
  font-family: 'Marvel-Regular';
  font-weight: 700;
  margin-bottom: 0.7em;}
.about-info p {
font-size: 0.9em;
  line-height: 1.9em;
  color: #777;}
.ministries-sec{
margin-top:2em;}
.what-do,.activites{
padding:0;}
.what-do h3,.activites h3{
color: #6F5C1D;
  font-size: 1.7em;
  font-family: 'Marvel-Regular';
  font-weight: 700;
  margin-bottom: 0.7em;}
.what-do li ,.activites li {
list-style-image: url(../images/icon3.png);
margin:0 0 10px 20px;}
.what-do li a,.activites li a {
color: #9A9598;
font-size: 0.9em;
text-decoration: none;}
.what-do ul li a:hover,.activites ul li a:hover  {
color:#b28b51;
padding-left: 1em;}
.team{
margin-top:3em;}


.team-grid p {
font-size: 0.9em;
  line-height: 1.8em;
  color: #777;}
.team-grid img {
	width: 100%;
        height:250px;}
.team-grid h4{
	  color:#6F5C1D;
  font-size: 1em;
  font-weight: 600;
  margin:0.6em 0;}

















.slider{
	position:relative;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;}
.rslides img {
  display: block;
 /** height: 450px;**/
  float: left;
  width: 100%;
  border: 0;}
.rslides_tabs {
  text-align: center;
  width: 100%;
  position:absolute;
  bottom:5%;
  z-index:999;}
.rslides_tabs li {
  display: inline-block;}
.rslides_tabs a {
   border:1px solid #999;}
.rslides_tabs li:first-child {
  margin-left: 0;}
.rslides_tabs .rslides_here a {
  color: #fff;
  font-weight: bold;}
#slider3-pager a {
  display: inline-block;}
#slider3-pager img {
  float: left;
  display:block;}
#slider3-pager .rslides_here a {
  background: transparent;
  border:3px solid #fff;}
#slider3-pager a {
  padding:0;
   border:3px solid #999;}
.caption{
	position:absolute;
	top:0;
	width:60%;
	left:19%;
	text-align:center;
	top:43%;}
.caption h1{
	color:#FFF;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:3em;
	text-transform:uppercase;
	margin-bottom:5px;}
.caption p{
	color:#FFF;
	font-weight:400;
	font-size:1.3em;
	width:75%;
	margin:0 auto;}
.grid1{
margin-bottom:2em;}
.box1{
background:url(../images/b1.jpg) no-repeat 0px 0px;
background-size:cover;
min-height:300px;}
.box2{
background:url(../images/b2.jpg) no-repeat 0px 0px;
background-size:cover;
min-height:300px;}
.box3{
background:url(../images/b3.jpg) no-repeat 0px 0px;
background-size:cover;
min-height:300px;}
.box4{
background:url(../images/b4.jpg) no-repeat 0px 0px;
background-size:cover;
min-height:300px;}

.box-info h3{
color:#fff;
font-size:3.5em;
padding:4em 0 0 1em;
font-weight:600;
transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;}
.box1:hover div.box-info h3,.box2:hover div.box-info h3,.box3:hover div.box-info h3,.box4:hover div.box-info h3{
color:#fff;}
.box-info p{
	color:#fff;
	font-size:1.1em;
	width:87%;
	padding:0.5em 0 1em 3.5em;
	font-weight:600;}
.grid1 a,.grid2 a{
text-decoration:none;}
.content-bottom{
	 margin:6% 0;}
.bottom-grid-left h3{
	 color:#292929;
	 font-size:2.3em;
	 margin-bottom:5px;
	 font-weight:600;}
.bottom-grid-left p{
	 color:#929292;
	 font-size:1.15em;
	 margin-bottom:5px;
	 font-weight:400;
	 width:90%;
	 line-height:1.5em;}
.bottom-grid-right img{
	width:100%;}
.plant{
	 background:url(../images/plant2.jpg) no-repeat 0px 0px;
	 min-height:400px;
	 text-align:center;
	 background-size:100%;
	 padding:10% 0;}
.plant h3{
	color:#fff;
	font-size:3.5em;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
	margin-bottom:5px;}
.plant p{
	color:#fff;
	font-size:1.3em;
	font-weight:600;
	width:80%;
	margin:0 auto;}
.service-grids{
	background:#eee;
	padding:5em 0;}
.service-grid1{
	 background:url(../images/11.png) no-repeat 0px 0px;	 
	 padding:0 0 0 60px;}
.service-grid2{
	 background:url(../images/22.png) no-repeat 0px 0px;	 
	 padding:0 0 0 60px;}
.service-grid3{
	 background:url(../images/33.png) no-repeat 0px 0px;	 
	 padding:0 0 0 60px;}
.service-grid1 h3,.service-grid2 h3,.service-grid3 h3{
	font-size:1.8em;
	font-weight:600;
	color:#333;
	margin-bottom:7px;}
.service-grid1 p,.service-grid2 p,.service-grid3 p{
	 line-height:1.5em;
	 font-size:1em;
	 color:#929292;}
.products{
	 margin:6% 0;}
.product-lists h3,.product-grids h3{
	 color:#2c2c2c;
	 font-size:2.2em;
	 font-weight:600;	 
	 text-decoration:underline;}
ul.list1{
	margin-top:1.5em;}
ul.list1 li{
	display:block;}
ul.list1 li a{ 
	display:block;
	text-decoration:none;
	font-size:1.15em;
	padding:6px 0;
	color:#929292;
	font-weight:400;}
ul.list1 li a:hover{
	 color:#ff5857;}
.product-grids {
  padding-left: 3em;}
.product-grid {
	 float:left;
	 width:33%;
	 padding:0 15px 0 0;
	 margin-top:2em;}
.product-grid img{
	width:100%;
	margin-bottom:1.5em;}
.product-grid h4{	
	margin-bottom:7px;
	font-size:1.3em;
	font-weight:600;}
.product-grid h4 a{
	text-decoration:none;
	 color:#ff5857;}
.product-grid h4 a:hover{
	color:#2c2c2c;}
.product-grid p{
	color:#929292;
	line-height:1.5em;
	font-size:1em;
	font-weight:400;}

/*-- header --*/

/*-- //header --*/
/*-- banner --*/
.title h3{
	color:#2d41a8;
	margin:0;
	font-size:2em;

	font-size: 1.8em;
	text-align:center;}

.what-do li ,.activites li {
list-style-image: url(../images/icon3.png);
margin:0 0 10px 20px;}






















span.menu {
  display: none;}
.header {
	text-align: center;
	padding: 0 0 0;}
.head-nav ul li a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;}
.head-nav {
	background: #2f5299;
	padding: 0em 0;
	margin: 0;}
.head-nav ul{
	padding:0;
	margin: 0;}
.head-nav ul li {
	display: inline-block;}
.head-nav ul li a:hover, .head-nav ul li.active a {
  color: #fff;
  background:#264279;}


@media (max-width:768px){
.head-nav ul li{
	display:block;
	float:none;}
.head-nav ul li a{
	border-right:none;
	color:#fff;
	font-size:1.1em;
	display: block;
	 line-heihgt:2em;}
.head-nav ul{
	position: absolute;
	margin: 0  ;
	padding: 0;
	z-index: 999;
	width: 100%;
	display: none;
	text-align: center;
	background:#264279;
	/**top:50px;**/
	left:0;
	z-index: 9999;}
.head-nav span.menu {
  display: block;
  text-align: center;
  padding: 0.1em;}
.head-nav {
  margin: 0;}
.header {
  text-align: center;
  padding: 0;
  line-height:50px;}
 span.menu{
	display:block;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	text-align:right;
	cursor:pointer;}
.head-nav ul li a:hover, .head-nav ul li.active a {
  color: #63b8bd;
  background:none;}
.rslides img { 
  height: auto;}
.grid_4 {
	width: 80%;
	float: left;
	margin: 0 10% 0% 10%;}

/*--responsive design--*/

/*******************add  teachers and news***********************/

.testimonials h3,.news h3,.gallery h3,.contact h3{
	font-size: 2em;
	color: #2d41a8;
	margin: 0;}
.testimonials-grid-right p{
	font-size:14px;
	color:#999;
	line-height:1.8em;
	margin:1em 0 0;}
.testimonials-grid-right p span{
	display:block;
	font-size:1em;
	margin:.3em 0 0;
	color:#99012C;}
.rating {
    direction: rtl;
    text-align:left;}
.rating > span {
    display: inline-block;
    position: relative;}
.rating > span:hover, .rating > span:hover ~ span {
    color: #B4976F;}
.testimonials-grids{
	margin:3em 0 0;}
/*-- Shadow Radial --*/
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;}
/*--flexisel--*/
.flex-slider{	
background:#222227;
padding: 70px 0 165px 0;}
.opportunity{
background:#28282e;
margin:0px 20px;
padding:80px 0;
position:relative;}
#flexiselDemo1 {
	display: none;}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;}
.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;}


/*-- news-events --*/
.news{
	padding:3em 0 3em;}
.latest-news-grid-right{
	border-left:1px solid #555;}
.latest-news-grid-right h4{
	text-transform:capitalize;
	font-size: 1.1em;
    color: #99012C;
    margin: 0.5em 0 0;}
p.man{
	margin:1em 0 0 !important;}
.latest-news{
    margin: 4em 0 6em;}
.latest-news-grids:nth-child(1){
	margin:0 0 3em;}
.latest-news-grid-right p{
	color:#999;
	margin:0;
	line-height:1.8em;
	font-size:14px;}
.latest-news-grid-right p span {
    padding-left: 1em;}
.news-grid-left-top p{
	font-size: 14px;
    color: #E6E6E6;
    text-align: center;
    margin: 0;
    border: 1px solid #BAB9B9;}
.news-grid-left-top p i{
	font-size: 1.5em;
    padding: 1em;
    background: #809198;
    color: #fff;
    left: -32px;
    top: 0px;}
.news-grid-left img{
	width:100%;}
.news-grid-left{
	position:relative;}
.news-pos{
	position: absolute;
	top: 221px;
	left: 16px;
	width: 349px;}
.news-pos p{
	padding: 1em;
    color: #fff;
    font-size: 14px;
    line-height: 1.8em;
    margin: 0;
    background: #99012C;}
.news-grid-left:hover .news-grid-left1{
	background:url(../images/2-.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.news-grid-left:hover .news-grid-left2{
	background:url(../images/3-.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.news-grid-left:hover .news-grid-left3{
	background:url(../images/4-.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.news-grid-left:hover div.news-grid-left-top p i{
	background: #99012C;
    color: #fff;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;}
.news-grid-left:hover div.news-pos p{
	background:#809198;
	color:#fff;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;}
.news-grid-left1 h4,.news-grid-left2 h4,.news-grid-left3 h4{
	text-transform: capitalize;
    font-size: 1.3em;
    color: #fff;
    margin: 0;
    padding: 1em 0 0 1em;}
p.vel{
	font-size:14px;
	color:#fff;
	margin:1em 0;
	line-height:1.8em;
	padding: 0em 0 0 1em;}
.news-grid-left1{
	background:url(../images/2.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.news-grid-left2{
	background:url(../images/3.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.news-grid-left3{
	background:url(../images/4.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:300px;}
.newsletter{
	padding: 6em 0 0em;
    margin: 0 auto;
    width: 80%;}
.newsletter form{
	padding:1em;
	background:#809198;}
.newsletter input[type="text"]{
	background:#fff;
	color:#B8B7B7;
	font-size:14px;
	width:74.5%;
	display:inline-block;
	outline:none;
	border:none;
	padding:13px 10px;}
.newsletter input[type="submit"]{
	background:#D6D8DB;
	color:#fff;
	font-size:16px;
	width:25%;
	outline:none;
	border:none;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	padding:13px 0;
	text-align:center;}
.newsletter input[type="submit"]:hover{
	background:#fff;
	color:#D6D8DB;}




/*--about--*/
.about{
padding:3em 0;}
.about h2,.team h3,.teamx h3,.contact-top h2,h2.top,.project-sec h2{
	color: #285ac2;
	font-size: 2.5em;
	margin-bottom: 1em;

	text-align: center;}
.about-head img{
float:left;
width:22%;
margin-right:3%;}
.about-info{
float:left;
width:75%;}
.about-info2{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	font-size: 14px;
	line-height: 1.8;
	color: #666;}
.about-info h3{
	color: #4b76cf;
  font-size: 1.7em;
  font-family: 'Marvel-Regular';
  font-weight: 700;
  margin-bottom: 0.7em;}
.about-info p {
font-size: 0.9em;
  line-height: 1.9em;
  color: #777;}
.ministries-sec{
margin-top:2em;}
.what-do,.activites{
padding:0;}
.what-do h3,.activites h3{
color: #6F5C1D;
  font-size: 1.7em;
  font-family: 'Marvel-Regular';
  font-weight: 700;
  margin-bottom: 0.7em;}
.what-do li ,.activites li {
list-style-image: url(../images/icon3.png);
margin:0 0 10px 20px;}
.what-do li a,.activites li a {
color: #9A9598;
font-size: 0.9em;
text-decoration: none;}
.what-do ul li a:hover,.activites ul li a:hover  {
color:#b28b51;
padding-left: 1em;}
.team{
margin-top:3em;}


.grid_4x {
	width: 18%;
	float: left;
	margin: 0 5% 0% 0;}

.team-grid p {
font-size: 0.9em;
  line-height: 1.8em;
  color: #777;}
.team-grid img {
	width: 100%;}
.team-grid h4{
	color: #4b76cf;
	font-size: 1em;
	font-weight: 600;
	margin: 0.8em 0;}

















.slider{
	position:relative;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;}
.rslides img {
  display: block;
  /**height: 450px;**/
  float: left;
  width: 100%;
  border: 0;}
.rslides_tabs {
  text-align: center;
  width: 100%;
  position:absolute;
  bottom:5%;
  z-index:999;}
.rslides_tabs li {
  display: inline-block;}
.rslides_tabs a {
   border:1px solid #999;}
.rslides_tabs li:first-child {
  margin-left: 0;}
.rslides_tabs .rslides_here a {
  color: #fff;
  font-weight: bold;}
#slider3-pager a {
  display: inline-block;}
#slider3-pager img {
  float: left;
  display:block;}
#slider3-pager .rslides_here a {
  background: transparent;
  border:3px solid #fff;}
#slider3-pager a {
  padding:0;
   border:3px solid #999;}
.caption{
	position:absolute;
	top:0;
	width:60%;
	left:19%;
	text-align:center;
	top:43%;}
.caption h1{
	color:#FFF;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:3em;
	text-transform:uppercase;
	margin-bottom:5px;}
.caption p{
	color:#FFF;
	font-weight:400;
	font-size:1.3em;
	width:75%;
	margin:0 auto;}
.grid1{
margin-bottom:2em;}
.box1{
background:url(../images/b1.jpg) no-repeat 0px 0px;
background-size:cover;
min-height:300px;}
.box2{
background:url(../images/b2.jpg) no-repeat 0px 0px;
background-size:cover;
min-height:300px;}
.box3{
background:url(../images/b3.jpg) no-repeat 0px 0px;
background-size:cover;
min-height:300px;}
.box4{
background:url(../images/b4.jpg) no-repeat 0px 0px;
background-size:cover;
min-height:300px;}

.box-info h3{
color:#fff;
font-size:3.5em;
padding:4em 0 0 1em;
font-weight:600;
transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;}
.box1:hover div.box-info h3,.box2:hover div.box-info h3,.box3:hover div.box-info h3,.box4:hover div.box-info h3{
color:#fff;}
.box-info p{
	color:#fff;
	font-size:1.1em;
	width:87%;
	padding:0.5em 0 1em 3.5em;
	font-weight:600;}
.grid1 a,.grid2 a{
text-decoration:none;}
.content-bottom{
	 margin:6% 0;}
.bottom-grid-left h3{
	 color:#292929;
	 font-size:2.3em;
	 margin-bottom:5px;
	 font-weight:600;}
.bottom-grid-left p{
	 color:#929292;
	 font-size:1.15em;
	 margin-bottom:5px;
	 font-weight:400;
	 width:90%;
	 line-height:1.5em;}
.bottom-grid-right img{
	width:100%;}
.plant{
	 background:url(../images/plant2.jpg) no-repeat 0px 0px;
	 min-height:400px;
	 text-align:center;
	 background-size:100%;
	 padding:10% 0;}
.plant h3{
	color:#fff;
	font-size:3.5em;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
	margin-bottom:5px;}
.plant p{
	color:#fff;
	font-size:1.3em;
	font-weight:600;
	width:80%;
	margin:0 auto;}
.service-grids{
	background:#eee;
	padding:5em 0;}
.service-grid1{
	 background:url(../images/11.png) no-repeat 0px 0px;	 
	 padding:0 0 0 60px;}
.service-grid2{
	 background:url(../images/22.png) no-repeat 0px 0px;	 
	 padding:0 0 0 60px;}
.service-grid3{
	 background:url(../images/33.png) no-repeat 0px 0px;	 
	 padding:0 0 0 60px;}
.service-grid1 h3,.service-grid2 h3,.service-grid3 h3{
	font-size:1.8em;
	font-weight:600;
	color:#333;
	margin-bottom:7px;}
.service-grid1 p,.service-grid2 p,.service-grid3 p{
	 line-height:1.5em;
	 font-size:1em;
	 color:#929292;}
.products{
	 margin:6% 0;}
.product-lists h3,.product-grids h3{
	 color:#2c2c2c;
	 font-size:2.2em;
	 font-weight:600;	 
	 text-decoration:underline;}
ul.list1{
	margin-top:1.5em;}
ul.list1 li{
	display:block;}
ul.list1 li a{ 
	display:block;
	text-decoration:none;
	font-size:1.15em;
	padding:6px 0;
	color:#929292;
	font-weight:400;}
ul.list1 li a:hover{
	 color:#ff5857;}
.product-grids {
  padding-left: 3em;}
.product-grid {
	 float:left;
	 width:33%;
	 padding:0 15px 0 0;
	 margin-top:2em;}
.product-grid img{
	width:100%;
	margin-bottom:1.5em;}
.product-grid h4{	
	margin-bottom:7px;
	font-size:1.3em;
	font-weight:600;}
.product-grid h4 a{
	text-decoration:none;
	 color:#ff5857;}
.product-grid h4 a:hover{
	color:#2c2c2c;}
.product-grid p{
	color:#929292;
	line-height:1.5em;
	font-size:1em;
	font-weight:400;}

/*-- header --*/

/*-- //header --*/
/*-- banner --*/
.title h3{
	color:#2d41a8;
	margin:0;
	font-size:2em;

	font-size: 1.8em;
	text-align:center;}

.what-do li ,.activites li {
list-style-image: url(../images/icon3.png);
margin:0 0 10px 20px;}


.content h3 {
	font-size: 22px;
	color: #3c50b1;
	text-align:center;
	line-height:2;}
.contentTitle {
	float: left;
	width: 45%;}
.bar{
	padding: 0;
	border-bottom: 2px solid #3c50b1;}

.Content {
	float: none;
	width: 100%;}

.contentTitle h1 {
	font-size: 18px;
	color: #3c50b1;}

.Content p {
	font-size: 14px;
	padding:0.5em;
	color: #666;}


table .title{
	background-color:#CCC;
	color:#333;
	font-weight:bold;
	text-align:center;}

.shot{
	
	float: left;
	margin-right: 0px;

	width: 100%;
	max-width:80px;
	height: auto;
	-webkit-border-radius: 5px;
	border-radius: 5px;}













span.menu {
  display: none;}
.header {
	text-align: center;
	padding: 0 0 0;}
.head-nav ul li a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  padding: 1.2em 1.5em;}
.head-nav {
	background: #2f5299;
	padding: 0em 0;
	margin: 0;}
.head-nav ul{
	padding:0;
	margin: 0;}
.head-nav ul li {
	display: inline-block;}
.head-nav ul li a:hover, .head-nav ul li.active a {
  color: #fff;
  background:#264279;}












/*--team-starts--*/
.teamx{
	padding:2em 0px;}
.teamx .m{
	margin-top:20px;}
.teamx-top{
	text-align:center;}
.teamx-bottom{
	margin-top:4%;}
.captn h4 {
    color: #fff;
    font-size: 12px;
    margin: 0px;
	line-height:1.5;}
.captn p {
    font-size:16px;
    margin-top: 3px;}
.teamx-left a .captn {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    position: absolute;
    bottom: -99%;
    right: 0;
    background-color: #003366;
    padding: 7% 10%;
    text-align: center;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.teamx-left a:hover .captn {
    width: 100%;
    bottom: -82%;
    padding: 7% 10%;}
.teamx-left a {
	overflow: hidden;
	position: relative;
	display: block;}
.teamx-text {
    text-align: center;
    margin: 17px 0px;}
.teamx-text h5 {
    color: #3765c2;
    font-size: 1.2em;
    margin: 0;}
.teamx-text p{
	font-size:16px;
	color:#999;
	margin-top:3px;}
.teamx-left img{
	width:100%;}
/*--team-ends--*/


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;}



.clear {clear: both;}



#cv {
	
	background: #;
	margin: 30px auto;}

.mainDetails {
	padding: 25px 35px ;
	border-bottom: 2px solid #3c50b1;}
.mainDetails h3 {
	color: #285ac2;
	font-size: 2.5em;
	margin-bottom: 1em;}
.mainDetails h4 {
	color: #285ac2;
	font-size: 2em;
	margin-bottom: 5px;}

#name h1 {
	font-size: 2.5em;
	font-weight: 700;
	
	margin-bottom: -6px;}

#name h2 {
	font-size: 2em;
	margin-left: 2px;}

#mainArea {

	padding: 0 40px;}

#headshot {
	width: 25%;
	float: left;
	margin-right: 30px;}

#headshot img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 5px;
	border-radius: 5px;}

#name {
	float: left;}

#contactDetails {
	float: right;}

#contactDetails ul {
	list-style-type: none;
	font-size: 0.9em;
	margin-top: 2px;}

#contactDetails ul li {
	margin-bottom: 3px;
	color: #444;}

#contactDetails ul li a, a[href^=tel] {
	color: #444; 
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in;}

#contactDetails ul li a:hover { 
	color: #cf8a05;}


section {
	border-top: 1px solid #dedede;
	padding: 20px ;}
section.s2 {
	border:none;
	padding: 20px ;}

section:first-child {
	border-top: 0;}



.sectionTitle {
	float: left;
	width: 25%;}

.sectionContent {
	float: right;
	width: 72.5%;}

.sectionTitle h1 {
	font-size: 18px;
	color: #3c50b1;}
.name {
	font-size: 18px;
	color: #3c50b1;}
.name a{
	font-size: 18px;
	color: #3c50b1;
	text-decoration:none;}


.sectionContent p {
	font-size: 14px;
	color: #666;}

.sectionContent h2 {
	font-size: 1.5em;
	margin-bottom: -2px;}

.subDetails {
	font-size: 0.8em;
	margin-bottom: 3px;}

.keySkills {
	list-style-type: none;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	margin-bottom: 20px;
	font-size: 1em;
	color: #444;}

.keySkills ul li {
	margin-bottom: 3px;}

@media all and (min-width: 602px) and (max-width: 800px) {
#headshot {
	width: 50%;
	float: left;}
	
.grid_4 {
	width: 80%;
	float: left;
	margin: 0 10% 0% 10%;}	

.shot{
	max-width:50px;}
	
	.keySkills {
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;}
}

@media all and (max-width: 601px) {
	#cv {
		width: 95%;
		margin: 10px auto;
		min-width: 280px;}
	.shot{
	max-width:50px;}
	
	#headshot {
	width: 50%;
	float: left;}
	
	#name, #contactDetails {
		float: none;
		width: 100%;
		text-align: center;}
	
	.sectionTitle, .sectionContent {
		float: none;
		width: 100%;}
	
	.sectionTitle {
		margin-left: -2px;
		font-size: 1.25em;}
	
	.keySkills {
		-moz-column-count:2;
		-webkit-column-count:2;
		column-count:2;}
}













@media (max-width:768px){
.head-nav ul li{
	display:block;
	float:none;}
	.shot{
	max-width:50px;}
.head-nav ul li a{
	border-right:none;
	color:#fff;
	font-size:1.1em;
	display: block;
	  padding: 0.5em 0em;}
.head-nav ul{
	position: absolute;
	margin: 0  auto;
	padding: 2% 0;
	z-index: 999;
	width: 100%;
	display: none;
	text-align: center;
	background:#264279;
	/**top:9em;**/
	left:0;
	z-index: 9999;}
.head-nav span.menu {
  display: block;
  text-align: center;
  padding: 0.1em;}
.head-nav {
  margin: 1em 0 0;}
.header {
  text-align: center;}
 span.menu{
	display:block;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	text-align:right;
	cursor:pointer;}
.head-nav ul li a:hover, .head-nav ul li.active a {
  color: #63b8bd;
  background:none;}
}

/************************************add*******************************************************/
  .nbs-flexisel-inner {
    height: 135px;}