@charset "utf-8";
/* CSS Document */
/* @import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700italic,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic); */
body{  height:100%; margin:0; padding:0; /*--font-family: 'Droid Serif', serif;---*/font-family: 'Roboto', sans-serif; font-weight:300; }
.clr{ clear:both}
.logo{ width:auto; float:left; margin:6px 0 0; text-align:center; }
.logo img{ width:100%;}
.inner-page .logo{ visibility:visible;}
header{ min-height:100px; background:#fff; width:100%; margin:0; padding:0 0 10px; float:left; }
nav{ position:relative;width:100%; float:right;}
.nav-part{ text-align:right; margin:0 auto 0; padding:0; list-style:none;   }
.nav-part li{ display:inline-block; text-transform:uppercase; font-size:14px; text-align:center; border-right:1px solid #006dc6; }
.nav-part li:last-child{ border:none;}
.nav-part li:hover{ background:#E8E8E8;}
.nav-part li a{ padding:0 20px; color:#000000; display:block; text-decoration:none;}
.nav-part li.activ{ background:#E8E8E8;}
.nav-part li span{ font-size:10px; float:left; text-align:center; width:100%; color:#000000;}
.nav-icon{ color:#000; float:right;  position:absolute; right: 0; top: -38px; display:none; z-index:999999; cursor:pointer;}
.nav-icon .fa{ color:#000;font-size:30px; }

.banner{ width:100%; margin:0; padding:10px 0; float:left; }
.banner img{ width:100%;}

.body-bg{ background:url(../images/body-back.jpg) no-repeat; background-attachment:fixed; background-size:cover;min-height:300px;}
.inner{ padding-top:50px; padding-bottom:50px; font-size:14px; color:#4a4949; text-align:justify; width:100%; float:left;}
.inner h1{ width:100%; float:left; padding-bottom:10px;/*-- border-bottom:1px solid #474747;---*/ margin-top:0;color:#006dc6; font-family: 'Roboto', sans-serif; font-weight:700; text-transform:uppercase; font-size:20px; }
.inner h4{ color:#c94842; }

.home-box{ position:relative; margin-top:30px;}
.home-box .home-box-img { width:100px; height:100px; border-radius:50%; border:2px solid #ffc000; position:absolute; z-index:999; right:0; top:100px;}
.home-box h3{ width:100%; float:left; padding-bottom:10px;color:#006dc6; font-family: 'Roboto', sans-serif; font-weight:700; text-transform:uppercase; font-size:16px; }
.home-box .home-box-color{ background:#ffc000; border-radius:12px; border:5px solid #e0aa04; min-height:277px;}
.home-box .home-box-color ul{ padding:0 10px 0 0; margin:0 0 10px; list-style:none;}
.home-box .home-box-color ul li{ text-align:left; background:url(../images/round-icon.png) no-repeat left 7px; padding-left:10px; font-size:14px;word-wrap: break-word; }

footer{ margin:20px 0; text-align:center; font-size:10px; color:#666;}
footer ul{ margin:0; padding:0; list-style:none;}
footer ul li{ display:inline-block;  border-right:1px solid #006dc6; font-size:12px; margin-bottom:10px; text-transform:uppercase;}
footer ul li a{padding:0 10px; display:block; color:#000;}
footer ul li:last-child{ border:none;}


.profile ul{ margin:0; padding:0; list-style:none;}
.profile ul li{ width:251px; height:130px; border:6px solid #F90; border-radius:6px; float:left; margin:20px 34px 20px 0; overflow:hidden; position:relative;}
.profile ul li img{ width:100%; -webkit-transition: all ease 1s; height:130px; 
    -moz-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s; }
.profile ul li img:hover{ width:300px; height:200px; margin:auto; position:absolute; left:-50%; top:-50%; right:-50%; bottom:-50%;}
.profile h3{ float:left; width:100%; margin-bottom:0; font-size:16px;}




.contact-form .form-group{ width:100%; margin:10px 0 }
.contact-form .form-group label { width:115px; float:left; }
.contact-form .form-group input, textarea{ width:78% !important; float:left; margin-bottom:10px;}
.contact-form .form-group textarea{ height:150px; resize:none;}
.contact{ text-align:left;}