@charset "utf-8";
/* header Style */

.navbar-inverse{ background-color:#222222; }

.navbar {
    margin-bottom:0px;
    border:none;
	border-radius:0;
}

.navbar-brand{ font-size:30px; text-transform:uppercase; font-weight:normal; min-height:100px; padding-top:25px; color:#fff;}
.navbar-brand b{ font-weight:bold; color:#f9c001;}
.navbar-brand span{font-size:14px; text-transform:uppercase; font-weight:normal;}
.navbar-brand a{ color:#fff;}
.navbar-header img{float:left;margin-left: 15px;/* margin-top:15px; */height:  100px;}

.navbar-nav > li > a{
    padding-top: 40px;}

.navbar-inverse .navbar-nav > li > a{color: #f9c001;}
	
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background-color: #f9c001;}

.nav > li:hover{ background-color: #05535f;}

.top {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color:#f9c001;
	z-index:9999;
}
.top .container {
    padding:0 15px;
}
.login-btn{ float:left; margin-right:10px; color:#222;}


.About{color:#333; padding:0px 0; /*! border-bottom:1px #ccc solid; */ margin-bottom:12px;}
.About h2{ width: 56%; font-family: Arial; font-size: 26px; line-height:33px; padding-bottom: 12px;font-weight:normal;text-align:center; margin:0 auto; 
color:#05659f;}

.About p{ font-family:Arial; text-align:center; font-size:14px; line-height:26px; color:#333; padding:6px 0;}
.About b{font-weight:600;color: #05535f;}

.body-Section{color:#333; padding:20px 0;}
.body-Section h2{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    color: #05535f;
    text-transform: uppercase;
    }
.body-Section p{     font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    padding: 0 5px;
	text-align:justify;
    
}
.body-Section img{ width:90px; margin-top:22px; margin-bottom:20px; float:left; margin-right:10px;border-radius: 20%; border: 5px #05535f solid;}
.body-Section img:hover{ width:90px; margin-top:22px; margin-bottom:20px; float:left; margin-right:10px;border-radius: 20%;border:5px #b9c391 solid;}

.body-Section a{font-weight:400;text-align:center;color: #05535f;font-size: 14px;line-height:24px;padding:0;}

.align-right{text-align:right}
.btn{ font-weight: normal; text-align:center; color:#02273f; font-size: 14px; line-height:24px; padding:0;}

.services {padding:20px 0; margin:0;  background:url(image/serv-bg.jpg) center center no-repeat;}
.services h2{width:40%;font-size: 28px;line-height:30px;font-weight:normal;text-align:center;border:2px #0169ac dashed;margin:10px auto;padding:0;color:#0169ac;font-family:  Arial;text-transform:uppercase;}
.services h2:hover{ background:#ffb902;}
.services p{ font-family:Arial; text-align:center; font-size:14px; line-height:24px; color:#fff; padding:5px 0;}
.services img{ width:100%;}
.services img:hover{ border:1px solid #222; border-radius:100%; transition:.9s; transform: rotateZ(360deg);}
.serv{background: rgba(1,105,172,0.9);text-align:center;padding-top:10px;margin: 10px 0px 0 0px;border-right: 5px solid #fff;}
.serv:hover{ background:#1094e8;}
.serv h3{font-size:20px; line-height:30px; font-weight:normal; text-align:center; padding:0; color:#fff; text-transform:uppercase;font-family: Arial;}
.serv P{font-family:Arial; text-align:center; font-size:16px; line-height:24px; color:#fff;}

.round-img{border-radius:60px; width:80px; height:80px; border:5px solid #c1c2c3;}
.round-img:hover{ border:5px solid #0663a9; transition:.9s; transform: rotateZ(-360deg);}

.col-md-3 {
    /*! width: 24%; */
    /*! margin-right:0.5%; */
	/*! margin-left: 0.5%; */
}


.container-max{ width:100%; margin:0 auto; padding:0; text-align:center;}
.container-mid{ width:1000px; margin:0 auto; padding:0;}
.clearfix{ clear:both;}


.gmap{ width:100%; float:left; min-height:200px;margin-top: 27px;}
.gmap h3{font-size:24px; line-height:36px; text-align:left; color:#fff; padding:5px 0px;font-family: Arial;}
.follow{ width:100%;margin-top: 47px;}
.follow h3{font-family: Arial, Helvetica;
    font-size: 18px;
    line-height: 30px;
    color: #e02b19;
    text-align: left;
    border-bottom: 1px #444 dashed;
    text-transform: uppercase;}
.follow p{ font-size:16px; line-height:30px; text-align:left; color:#fff; padding-bottom:5px; padding-left:5px; border-bottom:1px #444 dashed;font-family: Arial;}
.follow p:hover{ background:#0169ac;}
.follow p img{ float:left; margin-right:10px;}
.follow p a{ color:#2376b6; text-decoration:none;}

.use-links{ width:100%;}
.use-links h3{font-family: Arial, Helvetica;
    font-size: 18px;
    line-height: 30px;
    color: #e02b19;
    text-align: left;
    border-bottom: 1px #444 dashed;
    text-transform: uppercase;}
.use-links ul{ list-style-type:none; margin:0; padding:0;font-family: Arial;}
.use-links ul li{ font-size:16px; line-height:36px; text-align:left; color:#fff; padding:0px; padding-left:5px; border-bottom:1px #444 dashed;}
.use-links ul li:hover{ background:#0169ac;}
.use-links ul li:hover a{ color:#eee;}
.use-links ul li a{ color:#2376b6; text-decoration:none;}


.grid2 figure{/* width: 24% !important; */}
.grid2 figure figcaption{padding: 12% 5% !important;}
.grid2 figure figcaption h3{font-size: 18px !important;}






/*footer*/
footer{margin-top: 0px; background: #eee;}

footer h2{     font-size: 22px;
    line-height: 30px;
    color: #05535f;
    text-align: left;
    border-bottom: 1px #a7a7a7 dashed;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
/*! font-weight: 600; */
}

footer .container-middle a{    color:#333;}

.col-three{float:left; width:100%; margin:1%;}

.last-ft{margin-top: 3px;}

.us-lk ul{    list-style-type: none;
    font-size: 13px;
    margin-bottom: 0;
    color: #fff;}

.us-lk ul li{line-height: 20px; margin-bottom: 4px;}



.us-lk ul li:hover a{color:#333 !important;}

footer a{color:#05535f;}

.ft-soc ul{font-size: 16px;     margin-bottom: 0;     list-style: none;}
	
.ft-cont strong{color:#333;}

.ft-cont p{margin-bottom:8px; font-size: 13px; line-height: 20px; font-family:Arial, Helvetica, sans-serif;     color: #333;}

.copyrht{
    background: #05535f;
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
}
.f-social{list-style:none; margin-top:15px; font-size:16px;}
.f-social li a{line-height:35px; text-decoration:none; color:#05535f;font-size: 14px;}
.f-social li a:hover{ color:#333;}
	
.copyrht p{margin-bottom:0;     color: #fff;font-size: 14px;}

#FooterrControl1_tr_FooterBackImage{background-image:none !important;}

.cprht-lft{float:left;}

.cprht-rht{float:right;}

.cprht-rht a{color:#fff;}

/*footer*/




.carousel-control{ color:#000;}
.carousel-control.left,.carousel-control.right {background:none;width:25px;}
.carousel-control.left {left:-25px;}
.carousel-control.right {right:-25px;}
.broun-block {
    background: url("http://myinstantcms.ru/images/bg-broun1.jpg") repeat scroll center top rgba(0, 0, 0, 0);
    padding-bottom: 34px;
}

.Clients h2{ background:#eb9216; margin:0; padding:5px 5px;}

.block-text {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 0 #2c2222;
    color: #626262;
    font-size: 14px;
    margin-top: 27px;
    padding: 15px 18px;
}
.block-text a {
 color:#222;
    font-size: 25px;
    font-weight: bold;
    line-height: 21px;
    text-decoration: none;
}
.mark {
    padding: 12px 0;background:none;
	color:#f3bc0a;
}
.block-text p {
    color: #585858;
    font-family: Georgia;
    font-style: italic;
    line-height: 20px;
}

.sprite-i-triangle {
    background-position: 0 -1298px;
    height: 44px;
    width: 50px;
}
.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}


.block {
    display: block;
}
.zmin {
    z-index: 1;
	border:1px #ccc solid;
}
.ab {
    position: absolute;
}

.person-text {
    padding: 10px 0 0;
    text-align: center;
    z-index: 2;
}
.person-text a {
    color: #ffcc00;
    display: block;
    font-size: 14px;
    margin-top: 3px;
    text-decoration: underline;
}
.person-text i {
    color: #ffcc00;
    font-family: Georgia;
    font-size: 13px;
}
.rel {
    position: relative;
}
.readmore{ width:120px; margin:0 auto; padding:5px; /*! border:1px #0169ac solid; */ /*! background:#0169ac; */ line-height:24px; text-align:center;margin-bottom: 10px;}
.readmore a{color:#fff; text-decoration:none; font-size:14px; font-weight:normal; text-transform:uppercase;}
.readmore:hover{ background:#b9c391; color:#fff;}

/*contact*/
.map-cont{     margin-top: 20px;
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    text-align: center;
	height: 430px;
	
	}
	.map-cont img{     margin-top: 60px;
   
	
	}
.bx-rht-cont{    /*! width:40%; */
    /*! float: left; */
    /*! margin-left: 3%; */}
.bx-rht-cont h2{
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
	text-transform:uppercase;
    }
.bx-rht-cont h2 span{    display: block;
    font-weight: normal;
    font-size: 14px;
    color: #999;}
	
.bx-rht-cont p{margin-bottom:5px;    font-size: 14px;
    font-family: Arial;
    color: #666;
    line-height: 24px;
    }
.brn-off{width:31%; padding:1%; float:left;     padding-bottom: 0;}
.cont-page h3{ margin: 0; font-size: 16px; text-transform:uppercase;}
.cont-page p{font-size:14px;     line-height: 24px !important;}

.bx-rht-cont h3{
    font-weight: bold;
    font-size: 19px;
    margin-top: 20px;
    text-align:  left;
    }

.cont-page h2 span{    display: block;
    font-size: 14px;
    color: #999;
    font-weight: 500;
    margin-bottom: 10px;}
	
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center;}

/*contact*/

.mis { margin:0 auto; background-color:#05659f;}
.mis h2 {     color: #fff;
    font-size: 22px;
    font-weight: normal;
    font-family: Arial;
    line-height: 36px;
    text-align: center;
text-transform: uppercase;
font-weight: 600;
padding: 7px 0 0 0;
}
.mis p { color: #fff;
    font-size: 15px;
    font-weight: normal;
    font-family: Arial;
    line-height: 24px;
    text-align: center;
padding: 0 5px 18px 5px;
}
.imgg{ background-color:#eee;}

.imgg h2{ color: #05659f;
    font-size: 22px;
    font-weight: normal;
    font-family: Arial;
    line-height: 36px;
    text-align: center;
margin-top: -10px;
padding: 10px 0 0 0;
text-transform: uppercase;
font-weight: 600;
}
.imgg img{ margin:0 auto; text-align:center; padding-bottom:20px;}

.readmore{text-align:center;background-color: #fff;}
.readmore a{color: #222;text-decoration:none;/* background:#16547e; */line-height:24px;padding:5 5px;/* border:1px #58bde7 solid; */}
.readmore a:hover{background: #eee;}



/* -- effect-bubba2 --*/
.section-heading{ margin-bottom:20px;}
.section-heading h2{ font-size: 26px; line-height: 30px;}

.hspan{ color: #05659f;}


.grid2 figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 5px;
    width: 49%;
    min-height: 200px;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

figure.effect-bubba2 {
    background: #0263c4;
}


figure.effect-bubba2:hover img { opacity: 0.4;}
figureffect-bubba2:hover figcaption::before, figure.effect-bubba2:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
figure.effect-bubba2 figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba2 figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
figure.effect-bubba2:hover figcaption::before,
figure.effect-bubba2:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba2:hover h4,
figure.effect-bubba2:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.effect-bubba2 figcaption:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.grid2 figure figcaption, .grid2 figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid2 figure figcaption {
    padding: 12% 5%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid2 figure figcaption h3{color: #fff;font-size: 28px;line-height:30px;}

figure.effect-bubba h4 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
	font-size: 15px;
}
figure.effect-bubba2:hover figcaption::before,
figure.effect-bubba2:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba2 figcaption::before, figure.effect-bubba2 figcaption::after {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba2 img {
    opacity: 0.7;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}


.aside {
    margin-top: 10px;
}

.aside h3 {
    background: #05535f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
    line-height: 36px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}
.aside ul {
    margin: 0;
    padding: 0;
}
.aside ul li {

    border-bottom: 1px solid #fff;
    line-height: 30px;
    padding-left: 20px;
    transition: all .3s;
    list-style: none;
}
.aside ul li a {
    color: #fff;
}
.camn4{ background: #05535f;}
.active{
  background-color: #b9c391;
  color: #fff;
}