@import('devrama.owl.sweetalert.tosrus.css');
@import('flexslider.css');
/* lightbox */
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/* reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a,a:hover,li:hover{text-decoration:none}b{font-weight:700}i{font-style:italic}::-webkit-input-placeholder{color:#353434;font-size:13px}:-moz-placeholder{color:#353434;font-size:13px}::-moz-placeholder{color:#353434;font-size:13px}:-ms-input-placeholder{color:#353434;font-size:13px}
.w10,.w15,.w20,.w25,.w30,.w33,.w35,.w50,.w60,.w65,.w70,.w75,.w80,.w90{float:left}.w100,.w500{width:100%}.w90{width:90%}.w80{width:80%}.w75{width:75%}.w70{width:70%}.w65{width:65%}.w60{width:60%}.w50{width:50%}.w40{width:40%;float:left}.w35{width:35%}.w30{width:30%}.w33{width:33.3333%}.w25{width:25%}.w20{width:20%}.w15{width:15%}.w10{width:10%}.c0,.c10,.c100,.c15,.c150,.c20,.c200,.c25,.c30,.c5,.c50,.c60,.c70,.c80,.c90{width:100%;clear:both}.c5{height:5px}.c10{height:10px}.c15{height:15px}.c20{height:20px}.c25{height:25px}.c30{height:30px}.c40{width:100%;clear:both;height:40px}.c50{height:50px}.c60{height:60px}.c70{height:70px}.c80{height:80px}.c90{height:90px}.c100{height:100px}.c150{height:150px}.c200{height:200px}
/* clear */
.c0,.c10,.c100,.c15,.c150,.c20,.c200,.c25,.c30,.c5,.c50,.c60,.c70,.c80,.c90{width:100%;clear:both}.c5{height:5px}.c10{height:10px}.c15{height:15px}.c20{height:20px}.c25{height:25px}.c30{height:30px}.c40{width:100%;clear:both;height:40px}.c50{height:50px}.c60{height:60px}.c70{height:70px}.c80{height:80px}.c90{height:90px}.c100{height:100px}.c150{height:150px}.c200{height:200px}.c500{height:500px}
/* button */
.btn{
	min-width: 180px;
	height: 40px;
	display: inline-block;
    padding: 5px 20px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
	text-transform: uppercase;
    cursor: pointer;
	border: none;
	outline: none;
}
.btn-filled{
	color:#535353;
	background-color: #fff;    
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    transition-property: color,background-color,border;	
}
.btn-filled:hover{
	color: #fff;
	background-color: transparent;
	border: 1px #fff solid;
	text-decoration:none;
}
.btn-filled-brown{
	color:#fff;
	background-color: #229d28;    
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    transition-property: color,background-color,border;	
}
.btn-filled-brown:hover{
	color: #229d28;
	background-color: transparent;
	border: 1px #229d28 solid;
	text-decoration:none;
}
.btn-empty{
	background-color: transparent;
    color: #229d28;
    border: 1px solid #229d28;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    transition-property: color,background-color,border;		
}
.btn-empty:hover{
	color: #fff;
	background-color: #229d28;
	text-decoration: none;	
	border: 1px solid #229d28;
}
/* ======================================  <------------------------------------- body !! */
body{
	font-family: 'Titillium Web', sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000;
}
.container{
	width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
}
/* ************************************   
   *********     MINI TOP     *********   
   ************************************ */
#miniTop{
	height: 40px;
	background: #3c1904;	
	position: relative;
	z-index: 3;
}
#miniTop ol{
	float: left;
}
#miniTop ul{
	float: right;
}
#miniTop ul li,
#miniTop ol li{
	height: 40px;
	color: #fff;
	line-height: 40px;	
	padding: 0 20px 0 35px;
	float: left;
}
#miniTop ol li:first-child{
	background: url(../img/phone.png) left 20px center no-repeat;
}
#miniTop ul li:first-child{
	background: url(../img/mail.png) left 20px center no-repeat;
}
#miniTop ul li:nth-child(2){
	background: url(../img/loc.png) left 20px center no-repeat;
}
#miniTop ul li a,
#miniTop ol li a{
	color: #fff;
	font-size: 12px;
	font-weight: 300;
}

/* ************************************   
   *********      HEADER      *********   
   ************************************ */
#header{
	background: #fff;
	box-shadow: 0 0 10px rgba(204,204,204,0.4);
	height: 90px;
	line-height: 88px;	
	position: relative;
	padding: 1px 0;
	z-index: 10;
}
#header .container{
	overflow: visible;
}
#header ul{
	float: right;	
}
#header h1{
	display: block;
	margin-top: 15px;
	margin-left: 15px;
	float: left;
	width: 220px;
}
#header h1 img{
	-webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    transition-property: transform;	
}
#header h1:hover img{
	transform: scale(0.96);
}
#header li{
	float: left;
	padding: 0 22px;
	position: relative;
}
#header li a{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	color: #000;
}
#header li:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  margin:0 auto;
  width: 0%;
  border-bottom: 2px solid #229d28;
  transition: 0.4s;
}
#header li:hover:after{
	width: 100%;	
}
#header li a:hover{
	transition: 0.4s;
	color: #229d28;
}
#header li:last-child a{
	color: #229d28;
	padding-left: 20px;
	background: url(../img/form.jpg) center left no-repeat;
	-webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    transition-property: background-image;	
	
}
#header li:last-child:hover a{
	color: #3c1904;
	background: url(../img/form1.jpg) center left no-repeat;
}
#header li:last-child:after{
	border-bottom: 2px solid #3c1904;
}

/* ************************************   
   *********      SLIDER      *********   
   ************************************ */
#slider{
	box-sizing: border-box;
	position: relative;
	height: 496px;
	text-align: center;	 
	overflow: hidden;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 10%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
} 
#slider h3{
	color: #fff;
	font-size: 34px;
	font-weight: 300;
	line-height: 36px;
	text-transform: uppercase;
	text-shadow: 0 0 40px #000;
} 
#slider h2{
	color: #fff;
	font-size: 68px;
	font-weight: 600;
	line-height: 68px;
	text-transform: uppercase;
	text-shadow: 0 0 60px #000;
} 
#slider p{
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	padding: 0 20%;
	text-shadow: 0 0 20px #000;
} 
#slider .line{
	display: block;
	width: 105px;
	height: 3px;
	background: #fff;
	margin: 0 auto;
}

/* ************************************   
   *********      BOXES       *********   
   ************************************ */   
#boxes{
	position: relative;
	z-index: 15;
	margin-top: 0px;
}
#boxes .container{
	overflow: visible;	
}
.box{
	height: 250px;
	text-align: center;	
	box-sizing: border-box;
	padding: 0 50px;
	cursor: pointer;
	position: relative;		
	background: rgba(34, 157, 40, 0.88);
	-webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    transition-property: transform;	
}
.box:hover{
	transform: scale(0.92);
}
.box.box2{
	width: 32.8333%;
	margin: 0 0.25%;
	box-sizing: border-box;
}
.box h2{
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
	text-transform: uppercase;
}
.box span{
	display: block;
	width: 30px;
	height: 1px;
	background: #fff;
	margin: 0 auto;
}
.box p{
	color: #fff;
	font-size: 14px;
    font-weight: normal;
	line-height: 22px;
}
.box-ico{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	border: 3px rgb(34, 157, 40) solid;
	border-radius: 50%;
	background: #fff;
}
.box1 .box-ico{
	background-image: url(../img/oferta.jpg);
	background-position: center center;
	background-repeat: no-repeat;	
}
.box2 .box-ico{
	background-image: url(../img/zdjecia.jpg);
	background-position: center center;
	background-repeat: no-repeat;	
}
.box3 .box-ico{
	background-image: url(../img/prezentacja.jpg);
	background-position: center center;
	background-repeat: no-repeat;	
}

/* ************************************   
   *********       ABOUT      *********   
   ************************************ */   
#about .w75{
	box-sizing: border-box;
	padding-right: 30px;	
	height: 680px;
	position: relative;
}
#about h3{
	color: #545454;
	font-size: 32px;
	font-weight: 600;
	line-height: 32px;
	text-transform: uppercase;
}
#about h3 span{
	color: rgba(34, 157, 40, 1);
}
#about p{
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	padding: 10px 0;
}
#about .line{
	display: block;
	width: 90px;
	height: 2px;
	background: rgba(34, 157, 40, 1);	
}
.about-icons{
	position: absolute;
	width: 100%;
	bottom: 0;	
}
.about-ico{
	float: left;	
    width: 70px;
    height: 70px;
    border: 3px rgb(34, 157, 40) solid;
    border-radius: 50%;
    background: #fff;
	margin-right: 10px;
}
.ico1 .about-ico{
	background: url(../img/pila.jpg) center center no-repeat;
}
.ico2 .about-ico{
	background: url(../img/las.jpg) center center no-repeat;
}
.ico3 .about-ico{
	background: url(../img/zadowolenie.jpg) center center no-repeat;
}
.about-desc{
	float: left;
}
#about .about-desc h3{
	text-transform: none;
	color: #000;
}
#about .about-desc p{
	text-transform: uppercase;
	color: #8b8b8b;
	padding: 3px 0;
}
.line2{
	display: block;
	width: 40px;
	height: 2px;
	background: rgba(34, 157, 40, 1);	
}
#about .w25{
	background: url(../img/about.jpg) top center no-repeat;	
	background-size: cover;
	border-right: 15px solid #3c1904;
	box-sizing: border-box;
	height: 480px;
	margin-bottom: 10px;
	position: relative;
}
#about .w25:after{
	position: absolute;
	bottom: -10px;
	content: '';
	height: 10px;
	width: 110%;
	background: #eaeae9;
}

  
/* ************************************   
   *********       ADV        *********   
   ************************************ */    
#adv{
	padding: 40px 0;
	background: url(../img/adv.jpg) center center no-repeat, rgb(34, 157, 40);
	background-size: cover;	
	text-align: center;
} 
#adv h3{
	color: #fff;
	font-size: 24px;
	line-height: 42px;	
	font-weight: 300;
	text-transform: uppercase;	
}
#adv h3 span{
	font-weight: 600;
}
#adv h3 b{
	font-size: 30px;
}
#adv h3 a{
	color: inherit;
}
#adv p{
	color: #fff;
	font-size: 16px;
	line-height: 38px;
	text-align: right;
	font-weight: 300;	
} 

#map_canvas{
	height: 280px;	
}
/* ************************************   
   *********      FOOTER      *********   
   ************************************ */   
#footer{
	padding: 20px 0;
	background: #3c1904;	
}
#footer ul{
	width: 555px;
	margin: 0 auto;
}
#footer ul li{
	float: left;
	padding: 5px 20px;
	-webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    transition-property: padding;	
}
#footer ul li a{
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
}
#footer ul li:hover{
	padding: 0px 20px 10px 20px;
}

/* ************************************   
   *********       COPY       *********   
   ************************************ */  
#copy{
	background: #f2f2f2;
	text-align: center;	
}
#copy .container{
	padding: 15px 0 25px 0;	
	border-top: 1px #e9e9e9 solid;
}
#copy a,
#copy p{
	color: #ababab;
	font-size: 13px;
	font-weight: 300;
}
#copy a:hover{
	color: #000;
}


/* ====================================   
   =========       SUBPAGE     ========   <------------------------------------- pd !!
   ==================================== */   
#cont{
	background: #f5f5f5;	
	margin-top: -5px;
}
#slider.subpage{
	height: 250px;
} 
#cont .line{
	display: block;
	width: 45px;
	height: 1px;
	background: #229d28;
	margin: 0 auto;
}
#cont h1{
	text-align: center;
	font-size: 32px;
	font-weight: 500;
	line-height: 32px;
	color: #3c1904;
}
#cont .path,
#cont .path span,
#cont .path a{
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	color: #6f6f6f;	
}
#cont .path a:hover{
	color: #3c1904;
}


#kontakt{
	text-align: center;	
}
#location-info{
	padding: 40px 50px 0px 0;
	box-sizing: border-box;
	height: 280px;
	text-align: right;
	background: url(../img/location.jpg) top left no-repeat;	
}
#location-info h4{
	font-size: 20px;	
    font-weight: 300;
    line-height: 20px;
}
#location-info h5{
	font-size: 13px;	
    font-weight: 400;
    line-height: 26px;
	text-transform: uppercase;
}
#location-info h6{
	font-size: 16px;	
    font-weight: 300;
    color: #3c3c3c;
    line-height: 20px;
}
#location-info p{
	font-size: 16px;	
    font-weight: 300;
    color: #000;
    line-height: 22px;
}
#location-info p a{
	color: inherit;
}
#wrapper-maps{
	height: 300px;
}
.formMail .w50{
	padding: 0 10px;
	box-sizing: border-box;	
}
.formMail1 .w50{
	box-sizing: border-box;	
}
.formMail1 .left{
	box-sizing: border-box;	
	padding-right: 30px;	
}
.formMail1 .right{
	box-sizing: border-box;	
	padding-left: 30px;	
}
.formMail1 h4{
	text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 10px;	
	padding-top: 20px;
}
.formMail label,
.formMail1 label{
	font-weight: 400;
	color: #5c5c5c;
	line-height: 30px;
}
.formMail1 label span{
	color: red;
	font-weight: 500;	
}
.formMail input,
.formMail1 input{
	width:100%;
	height: 45px;
	background: #fff;
	box-sizing: border-box;
	border: 1px #e6e6e6 solid;
	outline: none;
	text-indent: 15px;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	transition-property: border;
}
.formMail textarea,
.formMail1 textarea{
	width: 100%;
	border: 1px #e6e6e6 solid;
	outline: none;
	height: 275px;
	resize: none;
	padding: 10px 15px;
	box-sizing: border-box;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	transition-property: border;
	font: 14px 'Titillium Web';
	color: #000;
}
.formMail button,
.formMail1 button{
	height: 44px;	
}
.formMail input:hover,
.formMail textarea:hover,
.formMail1 input:hover,
.formMail1 textarea:hover{
	border: 1px #3c1904 solid;	
}

.prods{
	width: 1100px;
	margin: 0 auto;
}
.prodBox{
	position: relative;
	display: inline-block;
	margin: 30px 11px;
	width: 250px;
	border: 1px #dedede solid;
	padding: 20px 10px;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    transition-property: border, box-shadow;	
}
.prodBox table{
	width: 96%;
    margin: 0 auto;	
}
.prodBox table tr td{
	width: 50%;
	padding: 2px 0;
}
.prodBox table tr td:first-child{
	text-align: right;
	padding-right: 12px;
}
.prodBox table tr td:last-child{
	text-align: left;
	padding-left: 12px;
}
.prodBox p.idInfo{
	position: absolute;
    bottom: 0px;
    right: 8px;
    font-size: 10px;
    color: #cacaca;
}
.prodBox:hover{
	border: 1px #00498a solid;	
	-webkit-box-shadow: 0px 5px 14px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 5px 14px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 5px 14px 0px rgba(50, 50, 50, 0.25);	
}
.prodBox img{
	max-width: 100%;
}
.prodBox h4{
	color: #00498a;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	height: 44px;
	text-transform: uppercase;
}
.prodBox p{
	color: #404040;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	text-transform: none;
}
.prodBox a{
	color: #34495e;
	font-size: 12px;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase;
}
.prodBox a:hover{
	color: #00498a;	
}

#pageContent{	
	width: 930px;
	margin: 0 auto;
	box-sizing: border-box;
}
#pageContent p,
#pageContent span{
	line-height: 26px;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	padding: 10px 0;
}
#pageContent b{
	font-weight: 600;
}
#pageContent ul{
	padding-left: 30px;	
}
#pageContent li{
	list-style-type: circle;
    padding: 3px 0;
    font-size: 14px;
    font-weight: 300;
}
#pageContent li a{
	color: inherit;
	text-decoration: underline;
	font-weight: 500;
}
#pageContent li a:hover{
	color: #229d28;	
}
#xmpl{
	text-align: center;
	margin-bottom: 40px;
}

.dropdown{
    position: relative;
    display: inline-block;
}
.dropdown-content{
    display: none;
    position: absolute;
	top: 70px;
    background-color: rgba(255,255,255,0.95);
    min-width: 230px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999999999;
}
.dropdown-content a{
    color: black!important;
    line-height: 22px!important;
	font-weight: 300!important;
	padding: 10px 15px!important;
	box-sizing: border-box;
    text-decoration: none;
	text-transform: none!important;
    display: block;
}
#mobi > li .dropdown-content a:hover{
	background: #fafafa!important;
	color: #008b3a!important;
}
.dropdown:hover .dropdown-content {
    display: block;
}


/* ====================================   
   =========       MEDIA       ========   <------------------------------------- @media !!
   ==================================== */   
@media all and (max-width: 1120px){
	.container{
		width: 100%;
		padding: 0 5px;
		box-sizing: border-box;	
	}

}
@media all and (max-width: 1110px){
	#header li:first-child{
		display: none;	
	}
	.box{
		width: 33.333%;	
	}
	#footer .w40 img{
		margin-top: -25px;	
	}
	.prods{
		width: 825px;	
	}
}
@media all and (max-width: 1024px){
	body{
		overflow-x: hidden;	
	}
	.dropdown-content a{
		text-align: left;	
	}
	#about .w25{
		display: none;	
	}
	#about .w75{
		width: 100%;
		padding: 0 5px 50px 5px;
		height: auto;
	}
	
}
@media all and (max-width: 980px){
	#header li{
		padding: 0 15px;
	}
}
@media all and (max-width: 940px){	
	.baner.baner-two{
		display: none;	
	}
	.baner{
		width: 50%;	
	}
	#pageContent{
		width: 100%;
		padding: 0 5px;	
	}
	.box{
		padding: 0 10px;	
	}
	#slider p{
		padding: 0 10%;	
	}
}
@media all and (max-width: 900px){	
	#header li:last-child a span{
		display: none;
	}
	#header li{
		padding: 0 12px;	
	}
	#header li:last-child a{
		padding-left: 12px;	
	}
}
@media all and (max-width: 860px){
	#partners{
		padding: 20px 0;	
	}
	#adv .txt{
		width: 100%;		
	}
	.adv-content,
	#adv h3,
	#adv p{
		text-align: center;	
	}
	#adv img{
		float: none;
		margin: 0 auto;	
	}	
	#footer .w33{
		width: 50%;
		padding-left: 10px;
		box-sizing: border-box;
	}
	#footer .w33:last-child{
		display: none;	
	}
	
}
@media all and (max-width: 830px){
	.prods{
		width: 550px;	
	}	
	#header h1{
		width: 200px;	
		margin-left: 5px;
	}
	#header h1 img{
		max-width: 100%;
	}
}
@media all and (max-width: 768px){		
	#slider{
		height: 489px;	
	}	
	#footer .w40,
	#copy img{
		display: none;
	}
	#footer .w60{
		width: 100%;
	}
	#copy p{
		float: none;
		width: 100%;
		text-align: center;
	}
	#header li{
		padding: 0;	
	}
	#header h1 img{
		padding-top: 15px;
	}
	#location-info,
	#map_canvas{
		width: 100%;	
	}
	#location-info{
		text-align: center;	
		padding: 40px 0;
	}
	.formMail .w50{
		width: 100%;	
	}
	.formMail .w50:last-of-type{
		margin-top: 15px;
	}
	
	#header{
		width: 100%;	
		z-index: 150;
		height: auto;
		background: #008b3a;
	}
	#header .container{
		padding: 0;
	}
	#header h1{
		text-align: center;
		background: #fff;
    	width: 100%;	
		margin-left: 0;
		margin-top: 30px;
		height: 85px;
	}
	#header ul{
		position: absolute;
		background: url(../img/menu.png) bottom 3px right no-repeat, rgb(33, 140, 38);
		padding-bottom: 30px;
		cursor: pointer;
		margin-top: -242px;
		width: 100%;
	}
	#header ul li{
		background: rgba(34, 157, 40, 0.88);
		width: 100%;
		cursor: default;
		display: block;	
		height: 40px;
		line-height: 40px;
		text-align: center;
	}
	#header ul li:last-child a{
		color: #fff;	
		background: none;
		padding-left: 0;
	}
	#header ul li:last-child:hover a{
		color: #fff;
		background: none;
	}
	#header li:hover:after{
		width: 0;
	}
	#header li:hover a{
		color: #fff;
	}
	#header ul li a{
		color: #fff;
		font-weight: 500;
	}
	#miniTop {
		z-index: 165;	
	}
	.baner.baner-one{
		display: none;
	}
	.baner{
		width: 100%;	
	}
	.baner h3{
		text-align: center;
	}
	#header ul li:nth-child(6){
		height: auto;	
	}
	.dropdown-content{
		position: relative;
		top: 0;
		width: 100%;
		background: none;
		display: block;
		box-shadow: none;
	}
	.dropdown-content a{
		text-align: center;
		color: #fff!important;
	}
	#mobi > li .dropdown-content a:hover{
		background: transparent!important;
		color: #fff!important;
	}
	#miniTop ul li:nth-child(2){
		padding: 0 7px 0 35px;	
	}
	#miniTop ol li:first-child{
		padding: 0 20px 0 20px;	
		background: url(../img/phone.png) left 8px center no-repeat;
	}
	#slider .c200{
		height: 100px;	
	}
	#slider p{
		padding: 0 10px;	
	}
	.about-icons{
		display: none;	
	}
	#about .w75 .c80{
		height: 1px;	
	}
	#about .w75{
		padding-bottom: 5px;	
	}
}
@media all and (max-width: 670px){
	.box.box3{
		display: none;	
	}	
	.box{
		width: 50%;	
	}
	.box.box2{
		width: 49%;
		margin: 0 0 0 1%;	
	}

}
@media all and (max-width: 600px){
	#adv{
		display: none;	
	}
}
@media all and (max-width: 575px){
	#miniTop ul li:nth-child(2){
		display: none;	
	}
	#miniTop ul li{	
		padding: 0 7px 0 35px;	
	}
	#footer ul{
		width: 100%;	
	}
	#footer ul li{
		text-align: center;
		width: 100%;
		float: none;
		padding: 5px 0;	
		border-bottom: 1px dashed rgba(255,255,255,0.05);
	}
	#footer ul li:last-child{
		border-bottom: none;
	}
	#footer ul li:hover{
		padding: 5px 0;	
	}
}
@media all and (max-width: 560px){	
	.box ol {
		margin: 15px auto;
		width: 215px;
	}
	.box table{
		margin: 50px auto;
   		width: 240px;
	}
	.prods{
		width: 275px;	
	}	
	.formMail button, 
	.formMail1 button{
		min-width: 100px;	
	}
	
}
@media all and (max-width: 385px){	
	#xmpl img{
		max-width: 90%;	
	}
	#slider .c200{
		height: 50px;	
	}
	#boxes{
		display: none;	
	}
	#about{
		background: #fff;	
	}
	
}
@media all and (max-width: 320px){	
	#miniTop{
		display: none;	
	}	
	#cont{
		margin-top: 35px;	
	}
}
@media all and (max-width: 280px){
	.prods{
		width: 100%;	
	}	
}