*{
    margin: 0;
    padding: 0;
}

.bg{
    width: 100% ;
    background-color: #76c043;
    height: 31px;
}

.header{
    height: 171px;
}

.container{
    margin: 0 auto;
    width: 1200px;
}

.adress{
    float: left;
}

.adress p{
    float: left ;
    font: bold 14px Arial,sans-serif;
    color: rgb(255, 255, 255);
    line-height: 2.143;
}

.adress span{
    font: bold 14px Arial,sans-serif;
    color: rgba(255, 255, 255, 0.302);
    text-transform: uppercase;
    line-height: 2.143;
    margin-left: 15px;
    letter-spacing: 7px;
}

.service-about p{text-align:justify;
}

.email{float: right;
margin-top: 0;
}

.email span{
    font: bold 14px Arial,sans-serif;
    color: rgba(255, 255, 255, 0.302);
    text-transform: uppercase;
    }

.email a{
    font: bold 14px Arial,sans-serif ;
    color: rgb(255, 255, 255);
    line-height: 2.143;
    text-decoration: none;
    margin-left: 15px;
}

.nav{
    height: 140px;
}

.logo{
    float: left;
    width: 290px;
	margin-top: 12.5px;
}

.navig{
    float: right;
    margin: 20px 0 0 100px;
}

.navig p{
    font: 24px 'robotoregular',Arial,sans-serif;
    color: rgb(0, 49, 96);
    text-transform: uppercase;
    line-height: 1.25;
    margin: 20px 0 0 370px;
}

.navig span{
    font: bold 14px Arial,sans-serif;
    color: rgb(118, 192, 67);
    text-transform: uppercase;
    line-height: 2.143;
    letter-spacing: 7px;
}

.navig ul li{
    display: inline;
    margin-left: 50px;
}

.navig ul li a{
    text-decoration: none;
    font: bold 15px Arial,sans-serif;
    color: #003160;
    text-transform: uppercase;
    line-height: 3.125;
}

.navig ul li a:hover{
    color: #76c043;
}

.navig ul li a:active{
    color: #76c043;
}

.btn_active{
    color: #76c043;
	font: bold 15px Arial,sans-serif;
	text-transform: uppercase;
	line-height: 3.125;
}

.slider{
    width: 100%;
	height:648px;
    background-color: black;
    margin-bottom: 70px;
}

.about{
    height: 250px;
    margin-top: 55px;
	margin-bottom:75px;
}

.about>div:not(.wrap){
    width: 100%;
    height: 55px;
    background-color: rgba(0, 0, 0, 0.1);
    margin-top: 35px;
}

.comp{
    position: absolute;
    left: 120px;
    top: -10px;
    width: 880px;
    height: 275px;
    background-color: white;
    padding: 0 20px 0 20px;
}

.comp a:first-child{
    font:bold 25px 'robotoregular',sans-serif;
    color: rgb(0, 49, 96);
    text-transform: uppercase;
    line-height: 1.25;
    text-align: center;
    letter-spacing: 8px;
    margin:0 0 35px 290px;
}

#readmore{
    font:bold 14px Arial,sans-serif ;
    color: #1f4a72;
    text-transform: uppercase;
    line-height: 2.143;
    text-decoration: none;
    position: absolute;
    left: 400px;
}

.comp p{
    font:bold 16px Arial,sans-serif;
    color: rgb(0, 0, 0);
    line-height: 1.5;
    text-align:center;
    margin-top: 30px;
    word-spacing: 10px;
}


.wrap{
    width: 1200px !important ;
    position: relative;
    margin: 0 auto;
}

.services{
    height: 363px;
    width: 100%;
    background-image: url(../images/services.jpg);
}

.serv{
    position: relative;
}

.servhome{
    position: relative;
}

.servhome div p{
    font: 15px 'robotoregular',Arial,sans-serif;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.733;
    text-align: center;
    text-shadow: 0px 1px 6px rgba(0, 49, 96, 0.85);
}

.servhome div{
    height: 208px;
    width: 208px;
}

.serv div p{
    font: 15px 'robotoregular',Arial,sans-serif;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.733;
    text-align: center;
    text-shadow: 0px 1px 6px rgba(0, 49, 96, 0.85);
}

.serv div{
    height: 208px;
    width: 208px;
}

#first{
    position: absolute;
    top: 70px;
    left: 0;
}

#second{
    position: absolute;
    top: 70px;
    left: 248px;
}

#third{
    position: absolute;
    top: 70px;
    left: 496px;
}

#fourth{
    position: absolute;
    top: 70px;
    right: 248px;
}

#fifth{
    position: absolute;
    top: 70px;
    right: 0;
}

    
.hovereffect {
position:relative;
text-align:center;
}

.hovereffecthome {
position:relative;
text-align:center;
}

.hovereffect .overlay {
margin-top:2px;
width:202px;
height:202px;
position:absolute;
overflow:hidden;
left:3px;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffecthome .overlay {
width:202px;
height:202px;
top:2px;
position:absolute;
overflow:hidden;
left:3px;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.overlay img{
    margin-top: 60px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:rgba(255,255,255,0.7);
background-color:transparent;
opacity:0.3;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffecthome:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.hovereffect:hover p{
    transition: all .4s ease-in-out 0.1s;
}

.hovereffecthome:hover p{
    margin-top: -60px;
    transition: all .4s ease-in-out 0.1s;
}

.hovereffect p{
    position: absolute;
    z-index: 2;
    left: 20px;
}


.hovereffecthome p{
    position: absolute;
    z-index: 2;
    left: 20px;
}

#fifth .hovereffect p{
    left: 5px;
}

#third .hovereffect p{
    left: 30px;
}


#fifth .hovereffecthome p{
    left: 7px;
}

#third .hovereffecthome p{
    left: 30px;
}


.contacts{
    background-image: url(../images/formbg.jpg);
    background-repeat: repeat-x repeat-y;
    height: 415px;
    padding-bottom: 10px;
    border-top: 8px solid #e5e5e5;
}

input{
    width: 352px;
    height: 55px;
    border: none;
    border-bottom: 2px solid #003260;
    background-color: #d7d7d7;
    padding: 0 20px;
	outline-color: #909FE0;
}

input:not(#name){
    margin-left: 6px;
}

textarea{
    width: 1159px;
    height: 90px;
    background-color: #d7d7d7;
    border: none;
    border-bottom: 2px solid #003260;
    resize: none;
    margin-top: 10px;
    padding: 20px 20px;
	outline-color: #909FE0;
}

.form p:first-of-type{
    font: 24px 'robotoregular',Arial,sans-serif;
    text-decoration: underline;
    color: rgb(0, 49, 96);
    text-transform: uppercase;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 45px;
    letter-spacing:10px;
}
.form{
    padding-top: 55px;
}

form p:nth-of-type(2){
    margin-top: 35px;
    text-align: center;
}

form p a{
    text-decoration: none;
    color: rgb(0, 48, 96);
    font: bold 14px Arial,sans-serif;
    text-transform: uppercase;
    line-height: 1.4;
    letter-spacing: 10px;
}

input[type="text"]::-webkit-input-placeholder{
    font: 14px Arial;
    color: rgba(0, 48, 96, 0.4);
    line-height: 1.4;
}

input[type="text"]::-moz-placeholder{
    font: 14px Arial;
    color: rgba(0, 48, 96, 0.4);
    line-height: 2.143;
}

textarea[name="text"]::-webkit-input-placeholder{
    font: 14px Arial;
    color: rgba(0, 48, 96, 0.4);
    line-height: 1.4;
}

textarea[name="text"]::-moz-placeholder{
    font: 14px Arial;
    color: rgba(0, 48, 96, 0.4);
    line-height: 1.4;
}



#slider{ 
	width:100%;
	height:648px;
	overflow: hidden;
	position:relative;}

.slide{
	width:100%;
	height:100%;
	}

#prewbutton, #nextbutton{
	position:absolute;
	top:0;
	overflow:hidden;
	text-indent:-999px;
	background:url(../images/prev.png) left center no-repeat;
	opacity:0.4;
	z-index:3;
	outline:none !important;
    width: 81px;
    height: 81px;
}

#prewbutton{
    left:0px;
    top: 281px;
}

#nextbutton{
	right:0px;
	background:url(../images/next.png) right center no-repeat;
    top: 281px;
    
}

#prewbutton:hover, #nextbutton:hover{
	opacity:1;}

.footer{
    height: 440px;
    background-color: #003060;
    padding-top: 9px;
}

.ymaps-layers-pane {
    -webkit-filter: grayscale(100%);
}

.copyright p {
    font: 16px 'oswald',Arial,sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1.875;
    text-align: left;
    float: left;
}

.copyright p span{
    color: #76c043;
}

.copyright p:last-of-type{
    float: right;
    font: 12px Arial,sans-serif;
    color: rgba(255, 255, 255, 0.502);
    line-height: 2.5;
    word-spacing: 3px;
}

.copyright{
    margin-top: 18px;
}



#sl-img {
    background: url(../images/bg-img2.jpg) center;
    height: 180px;
}

#sl-img4 {
    background: url(../images/bg-img4.jpg) center;
    height: 180px;
}

.products {
    background: url(../images/prod-bg.png) left;
    background-repeat: repeat-y;
    padding-left: 108px;
    margin-left: 77px;   
}

.contactcontent {
    background: url(../images/prod-bg.png) left;
    background-repeat: repeat-y;
    margin-left: 77px;  
	height: 675px; 
}

.contactcontent p {
    line-height: 1.5;
	color: #003160;
	font: 20px 'robotoregular',Arial,sans-serif;
}

.products p {text-align:justify;
text-indent:30px;}

.contactcontent h2 {
    font: 35px 'robotoregular',sans-serif;
    color: #003160;
    text-transform: uppercase;
    line-height: 1.25;
    letter-spacing: 5px;
    padding-top: 30px;
	margin-left: 77px;
    padding-bottom: 10px;
    margin-bottom: 28px;
    border-bottom: 3px solid #003160;
    display: inline-block;
}

.contactcontent h3 {
	font: 25px 'robotoregular',sans-serif;
    color: #76c043;
    text-transform: uppercase;
    line-height: 1.25;
    letter-spacing: 5px;
    padding-top: 30px;
    margin-left: 77px;
    padding-bottom: 10px;
}

.products h2 {
    font: 35px 'robotoregular',sans-serif;
    color: #003160;
    text-transform: uppercase;
    line-height: 1.25;
    letter-spacing: 5px;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 28px;
    border-bottom: 3px solid #003160;
    display: inline-block;
}

.products h3 {
    background: #76c043;
    color: #fff;
    font: 23px'robotoregular',sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 11px;
    position: relative;
    margin-bottom: 27px;
}
.products h3 span {
     background: #003160;
    position: absolute;
    padding: 11px 11px 11px 18px;
    top: 0;
    left: 0;
    border-right: 2px solid #fff;
 }
.products_sub {
    position: relative;
}

.products .products_sub > ul li {
    list-style: none;
    float: left;
    margin-right: 2px;
    background: #dddddd;
    color: #003160;
    text-transform: uppercase;
    text-align: center;
	width: 337px;
    font: 14px'robotoregular',sans-serif;
    text-decoration: underline;
    padding-top: 12px;
    padding-bottom: 13px;
    cursor: pointer;
    position: relative;
}

.products .products_sub > ul li:last-of-type {
    float: right;
    margin-right: 0;
}


.products h3:after {
    content: url(../images/arrow.png);
    top: 45px;
    position: absolute;
    left: 48%;
}
.products .products_sub > ul {
    padding-top: 10px;
    margin-bottom: 20px;
}

.products .products_sub > ul:after {
    content: "";
    display: table;
    clear: both;
}

.products_sub_border {
    position: absolute;
    width: 100%;
    height: 8px;
    left: 0;
    top: 0;
    background-color: #76c043;
}
.sub_content.active ~ .products_sub_border {
    background-color: #003160;
}

.sub_content > img {
    border: 7px solid #d8d8d8;
    width: 327px;
    height: auto;
    float: left;
    margin-right: 32px;
}

.sub_content2 > img {
    border: 7px solid #d8d8d8;
    width: 327px;
    height: auto;
    float: left;
    margin-right: 32px;
}

.bloc {
    overflow: auto;
    padding-bottom: 60px;
}
.products p {
    font-size: 14px;
    font-family: arial;
    line-height: 1.5;
}
.products p strong {
    text-decoration: underline;
}
.sub_content > div {
    display:table;
    height: 347px;
} 

.sub_content2 > div {
    display:table;
    height: 347px;
}

.sub_content > div p {
    display: table-cell;
    vertical-align: middle;
}

.sub_content2 > div p {
    display: table-cell;
    vertical-align: middle;
}

.products .products_sub > ul .active {
    background-color: #003160;
    color: #fff;
}


.products .products_sub > ul .active:after {
    content: url(../images/slac2.png);
    top: 40px;
    position: absolute;
    left: 0;
    right: 0;
}

.sub_content {
    display:none;
}

.sub_content2 {
    display:none;
}

.products .sub_content.active {
    display:block;
}

.products .sub_content2.active {
    display:block;
}



#sl-img2 {
    background: url(../images/bg-img3.jpg) center;
    height: 180px;
}
.services2 {
    height: 254px;
    margin-left: -174px;
    background: #fff;
    border-bottom: 8px solid #76c043;
}
.services2 .serv div p {
    color: #003160;
    text-shadow: none;
}
.services2 .container.serv div {
    top: 0 !important;
}

.services2 .servhome div p {
    color: #003160;
    text-shadow: none;
}
.services2 .container.servhome div {
    top: 0 !important;
}

.service-about h3 {
    background: none;
    color: #76c043;
    font-size: 24px;
    text-align: left;
    padding: 0;
    margin-bottom: 10px;
}
.service-about h3:after {
   display:none;
}
.service-about {
    margin-top: 30px;
    padding-bottom: 70px;
}
.serv div:hover:after {
    content: url(../images/slaq.png);
    top: 235px;
    position: absolute;
    left: 34%;
    transform: rotate(180deg);
}

.servhome div:hover:after {
    top: 240px;
    position: absolute;
    left: 34%;
    transform: rotate(180deg);
}

.service-about  {
    display:none;
}
.service-about.active {
    display:block;
}


 #messageBox{
	display: inline-block;
    float: left;
    position: relative;
    left: 98px;
    font-size: 22px;
    top: 16px; 
	 }


@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face{
    font-family: 'oswald';
    src: url('../fonts/Oswald-Light.eot');
    src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Oswald-Light.woff') format('woff'),
         url('../fonts/Oswald-Light.ttf') format('truetype'),
         url('../fonts/Oswald-Light.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;    
}