/*  ---------------------------------------------------------
	1. Embedded fonts styles
	2. General reset
	3. Common site styles
	4. Custom form styles
	5. Styles for responsive breakpoints
	---------------------------------------------------------*/
/*  ---------------------------------------------------------
	1. Embedded fonts styles
	---------------------------------------------------------*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?nssizl');
	src:url('../fonts/icomoon.eot?#iefixnssizl') format('embedded-opentype'),
		url('../fonts/icomoon.woff?nssizl') format('woff'),
		url('../fonts/icomoon.ttf?nssizl') format('truetype'),
		url('../fonts/icomoon.svg?nssizl#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
* { max-height: 100000px;}
body{
    min-width:320px;
    line-height:26px;
}
a:hover,
a:focus{
    outline:none;
}
a:hover{
    color:#fff;
}

/*main css*/
#wrapper{

    overflow:hidden;
}
.scroll-top {
	right: 20px;
	bottom: 30px;
	z-index: 999;
}
.scroll-top a {
	display: none;
	text-indent: -9999px;
	position: relative;
}
.scroll-top a:after {
	position: absolute;
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	content: '';
	background: url(../images/ico03.png) no-repeat;
	width: 27px;
	height: 25px;
}
.scroll-top a:hover:after {
	background: url(../images/ico04.png) no-repeat;
}
.scroll-top.affix a {
	display: inline-block;
	vertical-align: top;
}
#header{
   
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);

    position:relative;
    z-index:100;
    background: #ededed;

    top:0;
    left:0;
    right:0;

    position:fixed;
   
}
.shrink {
    background-color:black !important;
    z-index:100;
}
.logo-holder{

    float:left;
    padding:5px 0;
}
.logo-holder a{

    display:inline-block;
    vertical-align:middle;
}
.logo-holder img{
    display:inline-block;
    vertical-align:middle;
    height :75px;
}
.logo-holder .slogan{
    color:goldenrod;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    display:inline-block;
    vertical-align:middle;
}
.logo-holder .slogan span{
    display:block;
}

#nav{
    overflow:hidden;
    padding:32px 0;
}
#nav .navigation{
    font:700 16px/19px 'Open Sans Condensed', sans-serif;
    margin:0;
    text-align:right;

}
#nav .navigation li{
    padding:0;
    margin:0 20px 0 0;

}
#nav .navigation li a{
    display:block;
    color:green;
}
#nav .navigation li a:active,
#nav .navigation li a:hover{
    color:goldenrod;
    transition:all 0.4s ease;
}

#nav .nav-opener {
	height: 18px;
	width: 24px;
	padding: 10px 12px;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}
#nav .nav-opener span {
	width: 24px;
	height: 4px;
	background: #2d9d2c;
	position: absolute;
	left: 0;
	top: 9px;
	transition: background 0s ease 0.3s;
	-webkit-transition: background 0s ease 0.3s;
	text-indent: 9999px;
}
#nav .nav-opener span:after,
#nav .nav-opener span:before {
	width: 24px;
	height: 4px;
	content: "";
	background: #2d9d2c;
	position: absolute;
	left: 0;
	transition-delay: 0.3s, 0s;
	-webkit-transition-delay: 0.3s, 0s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-duration: 0.3s, 0.3s;
}
#nav .nav-opener span:before {
	top: -6px;
	transition-property: top, transform;
	-webkit-transition-property: top, transform;
}
#nav .nav-opener span:after {
	bottom: -6px;
	transition-property: bottom, transform;
	-webkit-transition-property: bottom, transform;
}
#nav.active .nav-opener span { background: none;}
#nav.active .nav-opener span:after,
#nav.active .nav-opener span:before {
	transition-delay: 0s, 0.4s;
	-webkit-transition-delay: 0s, 0.4s;
	background: #fe0101;
}
#nav.active .nav-opener span:before {
	top: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#nav.active .nav-opener span:after {
	bottom: 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

#content{
    padding:30px 15px;
  
}
.visual-holder{
    overflow:hidden;
    /*padding:15px 15px;*/
}
.slideshow{
    position:relative;
    width:100%;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
	margin: 0 15px 0 0;

    height:565px;
}
.slideshow .slide{
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    top:0;
    min-height:600px;
    background-size:100% 100%;
    background-position:100% 100%;
}
.slideshow .slideset{
    height:200px;
}
.slideshow .slide.active {
	z-index: 2;
}
.slideshow.not-enough-slides a.btn-prev,
.slideshow.not-enough-slides a.btn-next {
	visibility: hidden;
}
.slideshow a {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	content: '';
	left: 0;
	z-index: 99;
	text-indent: -9999px;
	overflow: hidden;
	width: 56px;
	height: 56px;
	background: url(../images/next.png) no-repeat;
}
.slideshow a.btn-next {
	background: url(../images/back.png) no-repeat;
	left: auto;
	right: 0;
}

#main{
    overflow:hidden;
}

.company-info{
    overflow:hidden;
    padding:10px 0 0 0;
    margin-top:3px;
}
.company-info .info-block{
    display:inline-block; 
    padding:0 10px;
    letter-spacing:normal;
}
.company-info .block{
    background:#fff;
}
.company-info .block .image-holder{
    overflow:hidden;
    margin:0 0 10px;
    display:block;
    transition:all 0.4s ease;
    background:#fff;
    padding:5px;
    box-shadow:0 0 2px goldenrod;
}
    .company-info .block .image-holder img {
      
        width:100%;
        height:auto;
        min-height:50px;
      transition:all 0.4s ease;
    }
 .company-info .about-holder{

     vertical-align:middle;
     overflow:hidden;
 }
  .company-info .about-holder p{
      text-align:justify;
      letter-spacing:normal;
      padding:2px;
  }
 .company-info h1{
     font-size:33px;
     line-height:36px;
     color:goldenrod;
     font:700 bold;
     display:block;
     margin:0 0 30px;
     font-weight:bold;
 }
 .product-section{
     /*background-image:url(../images/products.jpg);*/
     background:rgba(0,0,0,.26);
     background-position:100% 100%;
     background-repeat:no-repeat;
   background-size:cover;
 }
 .product-section .container{
  
     /*padding:0px 0px;*/
 }
 .product-section .carousel{
     position:relative;
     padding:15px 0;
 }
 .product-section .carousel h1{
     font:33px;
     font-weight:bold;
     line-height:36px;
     color:goldenrod;
     text-align:center;
 }
 .product-section .carousel .mask{
     position: relative;
    overflow: hidden;
    margin: 0 -15px;
    min-height:301px;
 }
 
 .product-section .carousel .slideset {
	width: 99999px;
	float: left;
}
 .product-section .carousel .slide {
	width: 262px;
	margin: 0 15px;
	float: left;
	overflow: hidden;
	padding: 5px;
    border-radius:20px;
}
 .product-section .carousel .name {
	text-align: center;
font-size: 14px;
line-height: 17px;
color: black;
display:block;

}
 .product-section .carousel .slide .img-holder {
	background: #fff;
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.26);
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.26);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.26);
	margin: 0 0 2px;
    min-height:190px;
}
 .product-section .carousel .slide .img-holder:hover {
	-moz-box-shadow: 0 0 5px 0 rgba(254,0,0,.50);
	-webkit-box-shadow: 0 0 5px 0 rgba(254,0,0,.50);
	box-shadow: 0 0 5px 0 rgba(254,0,0,.50);
}
.product-section .carousel .slide .img-holder a {
	display: block;
}
.product-section .carousel .slide .img-holder img {
	display: block;
	width: 100%;
	height: auto;
	transition:all 0.4s ease;
}
.product-section .carousel .slide .img-holder a:hover img {
	transition:all 0.4s ease;
	transform:scale(0.95);
	-webkit-transform:scale(0.95);
}
.product-section .btn-all{
    border-radius:20px;
    font: 30px/33px "blockbeextracn", Helvetica, Arial, sans-serif;
    color:#fff;
    display:block;
    overflow:hidden;
    padding:10px 10px;
    position:relative;
    background: #3c3;
    margin:auto;
    width:33%;
}
.product-section .btn-all:hover{
    transition:all 0.4s ease;
	background:goldenrod;
}
/*Gallery*/
.Gallery-holder{
    padding:100px 5px;
    display:block;
    position:relative;
}
.Gallery-holder .image-block{
   
    display:inline-block;
    vertical-align:top;letter-spacing:normal;
    float:none;
    margin: 0 0 20px;
    width:24%;
    padding:0 5px;
    overflow:hidden;
    background:#fff;
    min-height:247px;
    box-shadow:0 0 3px 0 rgba(0,0,0,.26);
}
.Gallery-holder .image-block a img{
    transition:all 0.4s ease;
    width:100%;
    height:auto;
    min-height:200px;
    display:block;

}
.contact-us-visual{
    padding: 0px 25px;
background: url(../images/products.jpg);
background-repeat: no-repeat;
background-size: cover;
margin-top: 84px;
min-height:200px;
}
.contact-us{
    margin:0px;
}
.contact-us .Contact-section{
    padding:40px;
    margin:auto;
    text-align:center;
}
.contact-us .Contact-section .boxshadow{

    box-shadow:3px 2px 5px 3px goldenrod;
    min-height:360px;
    padding:15px 15px;
}
.contact-us .Contact-section .boxshadow .text{

    text-align:center;
    padding:5px 5px;
    color:#555;
    font-size:14px;
    line-height:17px;
}
.contact-us .Contact-section .boxshadow .field-holder{
    padding:0 2px;
    margin:0 -15px 0px;
}
.contact-us .Contact-section .boxshadow .field-holder .field-frame{
    display:block;
    vertical-align:top;
    margin:0 0 10px;
    letter-spacing:normal;

}
.contact-us .Contact-section .boxshadow .field-holder .field-frame
input[type=text],input[type=email],textarea{
    width:100%;
    /*color:goldenrod;*/
    border:1px solid goldenrod !important;
    background:#fff;
    text-transform:uppercase;
    padding:10px 25px;
    box-shadow:0 0 3px;
}
.contact-us .Contact-section .boxshadow .field-holder .field-frame
input[type=button],input[type=submit]{
  
    padding:10px 10px;
    background:goldenrod;
    transition:0.3s ease all;
    width:100%;
    border-radius:20px !important;
    border:2px solid goldenrod !important;
   color:#fff;
   font:30px/33px "blockbeextracn", Helvetica, Arial, sans-serif;
    float:none;
    margin:0 auto;
}
.contact-us .Contact-section .boxshadow .field-holder .field-frame
input[type=button]:hover{
    background:#fff;
    transition:0.3s all ease;
    border-color:gold;
    color:gold;
}

.contact-us .Contact-section h1{

    font-size:24px;
    font-family:Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    line-height:27px;
    font-weight:bold;
    color:goldenrod;

}
.contact-us .Contact-section .title{
    color:black;
    float:left;
    padding:2px;
}
.contact-us .Contact-section address{

    float:left;
    padding:15px 0px;
    text-align:left;
    font-size:18px;
    line-height:21px;
    margin:auto;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.main-product{
   
    padding:0px 25px;
    background:url(../images/ps.jpg);
    background-repeat:no-repeat;
    background-size:cover;
     margin-top:84px;
     color:#fff;
}



.product-page-section{
    padding:0px 15px;
    position:relative;
}
.product-page-section .product-description{

    padding:0px;
   
}
.product-page-section .product-description h1{
    text-align:justify;
    float:left;
    padding:0px;
    font-size:18px;
    line-height:21px;
    color:goldenrod;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    color:#fff;

}
.product-page-section .product-description .text{
    padding:0px;
    font-size:17px;
    line-height:19px;
    color:rgba(0,0,0,.26);
    float:left;
    display:block;
    text-align:justify;
     color:#fff;
    letter-spacing:normal;
}

#productGallery{
    margin-top:10px;
    padding:10px;
    position:relative;
}
#productGallery .holder{
    position:relative;
    display:inline-block;
    padding:10px 10px;
    width:100%;
}
#productGallery .holder .image-block{
    letter-spacing:normal;
    position:relative;
    display:inline-block;
    padding:10px 10px;
    width:33%;
}
#productGallery .holder .frame{
    background:#fff;
    min-height:225px;
    width:100%;
    vertical-align:top;
    display:block;
  
    overflow:hidden;
   
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.26);
-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.26);
box-shadow: 0 0 3px 0 rgba(0,0,0,.26);
margin: 0 0 20px;
}

#productGallery .holder .item-text{
    text-align: center;
padding: 5px;
border-bottom: 2px solid;
border-color: gold;
}

#productGallery .holder a{
    display:block;
    width:100%;
    position:relative;
    transition:0.4s all ease;
}
#productGallery .holder .caption{
   position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 10px 10px;
    font-size: 15px;
    line-height: 18px;
    z-index: 99;
    background-color: rgba(28, 167, 159, 0.54);
    text-align:center;
    font-weight:bold;
   
}

    
#productGallery .holder .frame img{
    width:100%;
    display:block;
    height:225px;
}
#productGallery .holder .frame img a{
    width:100%;
    display:block;
    height:225px;
   
}

#productGallery .holder a img:hover{
     transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	transition:all 0.4s ease;
}

#approch{
    padding: 92px 15px;
    letter-spacing:normal;
}
.env-people{

    padding:15px 15px;
    margin-top:45px;
    text-align:left !important;
}

.about-us{
    overflow:hidden;
    padding:10px 0 0 0;
    margin-top:3px;
}
.about-us h1{
   font-size:22px;
   font-weight:bold;
   line-height:25px;
   color:goldenrod;
}
.about-us p{
   text-align: justify;
letter-spacing: normal;
padding: 2px;
   
}
.about-us .board-holder{
    min-height:250px;
    background-color:goldenrod;
}
.about-us .board-holder .board-image{

    width:250px;
    height:250px;
    padding:2px 2px;
    margin:10px 10px;
}
.about-us .board-holder .board-image img{
    text-align:center;
   padding:0px;
   height:100%;
   width:100%;
   border-radius:100%;
}
.board-holder h3{

    text-align:center;
    font-size:16px;
    line-height:19px;
}

#footer{
    background-color:#ededed;
}
#footer .container{
    padding:15px 15px;
}
#footer .footer-holder{
    margin:0px -15px 5px;
}
#footer .footer-holder h4{
    font-size:21px;
    line-height:24px;
    display:block;

    text-align:center;
    font-weight:bold;
    color:goldenrod;
    margin:4px 76px 8px 19px;

}
#footer .footer-holder .footer-frame .social-networks{
    text-align:center;
    padding:25px 0;
   
}
#footer .footer-holder .footer-frame img{
    height:100%;
    width:100%;
}
    #footer .footer-holder .footer-frame .social-networks li {
         background:darkgrey;
    padding:0;
    letter-spacing:normal;
    margin:0 2px;
    
    }
    #footer .footer-holder .footer-frame .social-networks li a{
    display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 53px;
	height: 53px;
	background: url(../images/sprite.png) no-repeat;
	transition:all 0.4s ease;
    }
    #footer .footer-holder .footer-frame .social-networks li a.facebook:hover{
        	background-position: 0 -57px;
    }
     
      #footer .footer-holder .footer-frame .social-networks li a.youtube{
        	background-position: -232px 0px;
    }
        #footer .footer-holder .footer-frame .social-networks li a.youtube:hover {
       background-position: -232px -57px;
             }
   
#footer .bottom-fotter{
    text-align:center;
    font-size:16px;
    line-height:19px;
  background-color:#111111;
}
#footer .bottom-fotter .fotter-list{
    margin:0px;
    font-size:16px;
    line-height:19px;
}
#footer .footer-holder .footer-frame img{
    display:block;
    padding:0 85px 20px;
}
#footer .footer-holder .footer-frame span.tel{
   
        font: 18px/21px "blockbeextracn", Helvetica, Arial, sans-serif;
    margin: 0 0 15px;
    text-align:center;
    display:block;
}
#footer .footer-holder .footer-frame address{
    border-top:2px solid;
    border-top-color:darkgrey;
    font: 16px/19px "blockbeextracn", Helvetica, Arial, sans-serif;
margin: 0 0 0px;
padding-top:10px;
text-align: center;
display: block;
}
#footer .footer-holder .footer-frame .email{
    color:black;
}
#footer .footer-holder .footer-frame a{
    color:black;
}
#footer .bottom-fotter .copyrights{
    color:#fff;
}

/*  ---------------------------------------------------------
	5. Styles for Responsive web design
	---------------------------------------------------------*/

@media only screen and (min-width:1025px){
	span.tel a,
	a.tel {
		cursor:default;
		pointer-events:none;
	}
}
@media screen and (max-width:1200px) {
	#nav ul li{
		margin: 0 0 0 20px;
	}
	
}
@media screen and (max-width:992px) {
	.logo-holder {
		margin: 7px 0;
		height: 75px;
		padding: 0;
	}
	.logo-holder img {
		display: block;
		width: 100%;
		height: auto;
	}
	#header .navigation {
		padding: 0 15px;
	}
	
	#nav ul {
		font-size: 20px;
		line-height: 22px;
	}
	#nav ul li{
		margin: 0 0 0 15px;
	}
	#nav ul li span {
		font-size: 10px;
		line-height: 13px;
	}
	
	
	
	#footer .footer-holder h4 {
		font-size: 35px;
		line-height: 38px;
		margin: 0 0 10px;
	}
	#footer .footer-holder .footer-frame {
		width: 100%;
	}
	#footer .footer-holder .footer-frame address {
		font-size: 15px;
		line-height: 18px;
	}
	#footer .footer-holder .footer-frame .social-networks {
		text-align: center;
	}
	#footer .footer-holder {
		margin: 0 -15px 40px;
	}
	#footer .footer-holder .footer-frame .social-networks li {
		margin: 0 5px 5px;
	}
}
@media screen and (max-width:767px) {
	
	
	.logo-holder {
		float: none;
		width: 239px;
		height: 88px;
		margin: 0 auto 15px;
	}
	#nav {
		float: none;
		padding: 40px 0 0;
	}
	#nav .nav-opener {
		display: block;
	}
	.nav-slide.js-slide-hidden {
		position: absolute !important;
	}
	#nav ul {
		text-align: left;
	}
	#nav ul li:first-child {
		margin: 0 0 5px;
	}
	#nav ul li {
		margin: 0 0 5px;
		display: block;
	}
	.nav-slide {
		padding: 0;
	}
	
	
	
	#footer .container {
		padding: 20px 15px 0;
	}
	#footer .footer-holder {
		margin: 0 -15px 15px;
	}
	#footer .footer-holder .footer-frame {
		text-align: center;
		margin: 0 0 15px;
	}
	#footer .footer-holder h4 {
		font-size: 30px;
		line-height: 33px;
	}
	#footer .footer-holder .footer-list li {
		margin: 0 0 5px;
	}
	#footer .footer-holder .footer-frame .social-networks li {
		margin: 0 2px;
	}
	#footer .bottom-footer span {
		display: block;
		margin: 0 0 5px;
	}
	#footer .bottom-footer span:first-child::after {
		display: none;
	}

}
@media screen and (max-width:639px) {
	.services-section .services-holder .services-frame {
		width: 100%;
	}
}