body{margin:0; padding:0;}
div.top{width:100%; background-image:url(top.jpg); height:70px;}
div.up{margin:0 auto; width:85%; max-width:1400px;}
div.country{width:50%; float:left; text-align:right; padding-top:20px; padding-right:0px; word-spacing:5px;font-family:'Arial', Arial, sans-serif; color:#FFFFFF; font-size:16px;}
div.contact_up{width:50%; float:left; text-align:left; padding-top: 20px; word-spacing:10px; font-family:'Arial', Arial, sans-serif; color:#FFFFFF; font-size:16px;}
div.navigation{width:85%; max-width:1400px; height:120px; margin: 0 auto;}
div.logotype{float:left; width:30%; height:80px; padding-top:20px; padding-bottom:20px; margin: 0 auto;}
div.navigation_menu{float:left; width:70%; height:80px; padding-top:40px;}
div.article{text-align:justify; height:auto; overflow: hidden;}
.navbar{display:none;}
a:link{color:#ffffff; font-size:16px; text-decoration:none;}
a:link.main{color:#ffffff; font-size:16px; text-decoration:none;}

.style{color:#666666}

div.targi{width:100%; height:auto; overflow:hidden; background-color:#61b847; margin-top:1.6em;}
div.targiin{ width:85%; margin: 0 auto; text-align:center;}
/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: right;
	margin-right: 1px;
}

/*Style for menu links*/
li a {
	display:block;
	min-width:90px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;
	background: #666666;
	text-decoration: none;
}

/*Hover state for top level links*/
li:hover a {
	background: #8db80c;
}
.active{
	background: #8db80c;
}


/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #666666;
	text-align: center;
	padding: 10px 0;
	display: none;
	
	
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
	
}




#jssor_1 {position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1400px; height: 330px; overflow: hidden; visibility: hidden;}
#loading {position: absolute; top: 0px; left: 0px;}
div.stage_index {filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
div.stage_star {position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;}
#slides {cursor: default; position: relative; top: 0px; left: 0px; width: 1300px; height: 481px; overflow: hidden;}
data-p {display: none;}
.jssorb05{position:absolute;}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av{position:absolute;width:16px;height:16px;background:url('img/b05.png') no-repeat;overflow:hidden;cursor:pointer;}
.jssorb05 div{background-position:-7px -7px;}
.jssorb05 div:hover, .jssorb05 .av:hover{background-position:-37px -7px;}
.jssorb05 .av{background-position:-67px -7px;}
.jssorb05 .dn, .jssorb05 .dn:hover{background-position:-97px -7px;}
.jssora22l, .jssora22r{display:block;position:absolute;width:40px;height:58px;cursor:pointer;background:url('img/a22.png') center center no-repeat;overflow:hidden;}
.jssora22l{background-position:-10px -31px;}
.jssora22r{background-position:-70px -31px;}
.jssora22l:hover{background-position:-130px -31px;}
.jssora22r:hover{background-position:-190px -31px;}
.jssora22l.jssora22ldn{background-position:-250px -31px;}
.jssora22r.jssora22rdn{background-position:-310px -31px;}

img.fruit{ margin-top:5px; border-radius:12px 12px 12px 12px; border: 4px solid white;}
img.fruit_in{ border-radius:12px 12px 12px 12px; border: 4px solid #666666;}

div.main{width:100%; margin-top:20px; height:auto; overflow:hidden;}
div.center{width:85%; max-width:1400px; margin: 0 auto;height:auto; overflow:hidden;}
div.center_blog{width:85%; max-width:1400px; margin: 0 auto; padding-bottom:20px; height:auto; overflow:hidden;}

h1{text-align:center; font-size:26px; font-family: 'Oswald', sans-serif; color:#666666; }
h2{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; color:#8db80c; }
h3{text-align:left; font-size:18px; font-family: 'Oswald', sans-serif; color:#666666; }
h3.white{text-align:right; font-size:18px;font-family: 'Oswald', sans-serif; color:#fff; margin-top:30px;}

h4{ font-size:20px; font-family: 'Oswald', sans-serif; color:#ffffff; }
h5{ text-align:center; font-size:26px; font-family: 'Oswald', sans-serif; color:#ffffff; }
h6{text-align:left; font-size:26px; font-family: 'Oswald', sans-serif; color:#666666; }
p.main{text-align:center; font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px;}
p.offer_left{text-align:right; font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px;}
p.offer_right{text-align:left; font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px;}
p.box_info{ text-align:center; font-family: 'Arial', sans-serif; color:#666666; font-size:16px; overflow: hidden;}

p{font-family: 'Arial', sans-serif; color:#666666; letter-spacing:1px; line-height:20px;}
div.box{float:left; width:23%; padding:1%; text-align:center; height:100%; font-family: 'Arial', sans-serif; color:#666666; font-size:14px;  overflow: hidden; background-color:#f1f1f1;}
div.box_info{ width:90%; margin: 0 auto; height:225px; font-family: 'Arial', sans-serif; color:#666666; font-size:14px; overflow: hidden;}
img.team{margin-top:5px; border-radius:12px 12px 12px 12px; border: 6px solid white;}


div.company{width:100%; height:116px; margin-top:20px; background-image:url(img/green.jpg); padding-top:80px;}
div.company_full{width:100%; background-image:url(main.jpg);}
div.company_in{width:85%; max-width:1200px; margin: 0 auto; padding-top:10px; text-align:center; font-family: 'Arial', sans-serif; color:#ffffff; font-size:18px; line-height:25px;
padding-left:20px; padding-right:20px; padding-bottom:30px;}

div.offer{width:100%; height:510px; background-color:#FFFFFF; padding-top:25px; padding-bottom:25px; font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px;}
div.offer_about{width:100%; height:360px; background-color:#FFFFFF; padding-top:25px; padding-bottom:25px; font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px;}

div.offer_left{ width:49%; float:left; background-image:url(tlo.jpg); height:100%; margin-right:1%; border-radius:0px 80px 80px 0px; opacity:0.9;}
div.offer_right{ width:49%; float:left;  background-image:url(tlo.jpg); height:100%; margin-left:1%; border-radius:80px 0px 0px 80px;opacity:0.9;}
div.offer_left:hover{ width:49%; float:left; background-image:url(tlo.jpg); height:100%; margin-right:1%; border-radius:0px 80px 80px 0px; opacity:1;}
div.offer_right:hover{ width:49%; float:left;  background-image:url(tlo.jpg); height:100%; margin-left:1%; border-radius:80px 0px 0px 80px;opacity:1;}
div.offer_right_in{width:78%; text-align:left; float:left; padding-left:60px; height:100%;}
div.offer_left_in{width:78%; text-align:right; float:right; padding-right:60px; height:100%;}
div.offer_info{ width:90%; float:right; height:160px; font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px;}
div.offer_infor{ width:90%; float:left; height:160px; font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px;}


div.footer{width:100%; height:70px; background-image:url(footer.jpg);bottom:0;float:left;margin-bottom:0;}
div.down{width:85%; max-width:1400px;height:10px;padding-top:20px;margin:0 auto;}
div.bottom{font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px;text-align:left;}

div.info{width:30.5%; padding-left:2%; float:left; text-align:left; font-family: 'Arial', sans-serif; color:#666666; font-size:16px; padding-bottom:50px; color:#8db80c; height:430px;    border-left: 3px solid #f1f1f1; margin-left: 0.4%;margin-bottom:20px;}
div.infoimage{width:31%; padding-left:2%; float:left; text-align:left; font-family: 'Arial', sans-serif; color:#666666; font-size:16px; padding-bottom:50px; color:#8db80c;}

div.main_map{width:100%;}
div.center_map{width:85%; max-width:1200px; margin: 0 auto;}
img.info{padding-top:10%}

div.footermap{float:left;width:100%;bottom:0px;height:400px;overflow:hidden;}
iframe{border:none; width:100%; height:400px;}
iframe.blog{border:none; width:100%; margin: 0 auto;}

p.data {font-family: 'Arial', sans-serif; color:#666666; font-size:12px; text-align:left;}
h1.blog {text-align:center; font-size:26px; font-family: 'Oswald', sans-serif; color:#666666;}

div.in{width:100%; height:198px; background-image:url(tlo_in.jpg);}

img.calendar{vertical-align: middle;}
img.map{float:right;}

div.fruit{width:40%; float:left; height:100%; padding-top:20px;}
div.fruit_info{width:60%; float:left; height:100%; padding-top:20px;}

div.half{width:48%; float:left; height:auto;text-align:justify;}
div.break{width:4%; float:left; height:1550px;}
div.half_b{width:48%; float:left; height:auto; text-align:justify;}
td{font-family: 'Comfortaa', sans-serif; color:#ffffff; text-align:center; font-size:16px; height:50px;}
ul.in{ list-style-type:circle;}
li.in{ display:list-item;float:left; font-family: 'Arial', sans-serif; color:#666666; font-size:16px;}

div.half_contact{width:66%; float:left; height: auto; overflow:hidden; padding-bottom:20px;text-align:justify;}
div.break_contact{width:4%; float:left; height:500px;}
div.half_form{width:30%; float:left; height:500px;text-align:justify;}

#formularz{width:100%; background-image:url(form.jpg);border:2px solid #ccc;border-radius:10px; text-align:center; }
#formularz label{display:block;margin-bottom:5px;font-size:16px;color:#555555;}
#formularz textarea,
#formularz input{padding:5px;border-radius:3px;border:1px solid #ffffff;margin-bottom:25px;width:245px;}
#formularz input#submit{width:255px;cursor:pointer;margin-bottom:0px; background-color:#8db80c; color:#FFFFFF;}
#formularz p.copy{color:#555555;margin-bottom:0px;font-size:12px;text-align:center;}
#formularz p.copy a{color:#555555;text-decoration:none;font-weight:bold;}
p.form{text-align:center; font-family: 'arial', sans-serif; color:#ffffff; font-size:16px;}
div.gallery{ width:25%; margin: 0 auto; float:left; text-align:center; margin-bottom:40px;} 
img.gallery{border-radius:12px 12px 12px 12px; border: 4px solid green;}
p.contact{color:#666666;}

div.allnew{ width:85%; max-width:1400px;   margin: 0 auto; height:auto; overflow:hidden; background-color:#FFFFFF; padding-top:4em; padding-bottom:2em;}
div.servicenew{ width:50%; float:left; height:auto; overflow: hidden; text-align:left; }
div.icons{width:50%; float:left; height:auto; overflow: hidden; padding-top:1em;}
div.icon-1{float:right; text-align:center; width:29%; padding:1%; height:auto; overflow:hidden; color:#fff; position: relative; background-color:#8db80c; margin:1% 0% 0% 1%; border:3px solid #fff;-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;}
  div.icon-1 > img {border:3px solid #709405;;-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;}
  div.icon-1:hover > img {border:3px solid #8db80c; border-radius: 0% 0% 40% 0%;-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;}
div.icon-1:hover{float:right; text-align:center; width:29%; padding:1%; height:auto; overflow:hidden; color:#fff; position: relative; background-color:#709405; margin:1% 0% 0% 1%; border:3px solid #fff;-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;}

div.companynew{width:100%; height:auto; overflow:hidden; background-image:url(bg-company.jpg); background-position: center;  color:#FFFFFF; text-align:right; border-bottom:10px solid #e1e1e1; margin-top:2em; padding-top:4em; padding-bottom:4em;}
div.servicelast{ width:50%; float:left; height:auto; overflow: hidden; text-align:left; }
div.in{width:85%; max-width:1400px; margin:0 auto; height:auto; overflow:hidden; }
div.service{width:50%; float:left; height:auto; overflow: hidden; text-align:right; margin-top:-30px; }
div.service-logo{width:50%; float:left; height:auto; overflow: hidden;  text-align:left;}
p.slider{color:#FFFFFF;}
div.contentoffer{width:95%; height:auto; overflow:hidden; border-top:3px solid #8db80c;}
div.offercontent{width:66%; float:left; height:auto; overflow:hidden; margin-top:-5px; padding:2%;}
div.offerimage{width:30%; float:left; height:auto; overflow:hidden;}

.banner1 {width: 100%; height: auto; overflow:hidden; margin: auto; background: url('img/banner1.jpg') no-repeat scroll; color: #fff; position: relative;}
.banner1 p {font-weight: 200; display: block; width: 100%; color:#262222;}
.banner1 p b { color: #fff; font-weight: 300;}
p.dark{background-color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 0.9em; color: #262222; padding: 10px; border: 5px solid #8db80c; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; width: 30%; margin: 0 auto;-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;}
p.dark:hover{background-color: #8db80c; font-family: 'Oswald', sans-serif; font-size: 0.9em; color: #fff; padding: 10px; border: 5px solid #709405; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; width: 30%; margin: 0 auto;-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;}

p.darkleft{background-color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 0.9em; color: #262222; padding: 10px; border: 5px solid #8db80c; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; width: 30%; float:right;-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;}
p.darkleft:hover{background-color: #8db80c; font-family: 'Oswald', sans-serif; font-size: 0.9em; color: #fff; padding: 10px; border: 5px solid #709405; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; width: 30%; float:right;-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;}

p.darkness{background-color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 0.9em; color: #262222; padding: 10px; border: 5px solid #8db80c; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; width: 30%; float:left;-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;}
p.darkness:hover{background-color: #8db80c; font-family: 'Oswald', sans-serif; font-size: 0.9em; color: #fff; padding: 10px; border: 5px solid #709405; text-align: center; width: 30%; float:left;-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;}

div.contentproduct {width:100%; height:auto; overflow:hidden; padding-bottom:20px;}

@media screen and (max-width : 1024px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
		
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
		float:left;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
		
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}
@media all and (min-width : 1400px) {
/*Style for menu links*/
li a {
	display:block;
	min-width:115px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background: #666666;
	text-decoration: none;
}

}
@media all and (max-width : 1024px) {
div.logotype{float:none; min-width:260px; height:80px; padding-top:20px; padding-bottom:20px; margin: 0 auto;}
div.country{width:100%; float:none; padding-top:20px; font-family:'Arial', Arial, sans-serif; color:#FFFFFF; font-size:8px; text-align:center;}
div.contact_up{width:100%; float:none; text-align:center; padding-top: 5px; word-spacing:17px; font-family:'Arial', Arial, sans-serif; color:#FFFFFF; font-size:12px;}
div.contact_up{display:none}
div.navigation_menu{display:none}
#jssor_1 { display:none;}
div.btn { float:none; background-color:#666666; height:45px; width:100%; margin-top:10px; text-align:center; color:#FFFFFF; font-size:20px; font-family: 'Comfortaa', sans-serif;}
h1{text-align:center; font-size:20px; font-family: 'Oswald', sans-serif; color:#666666; margin-top:0px; }
h6{text-align:left; font-size:26px; font-family: 'Oswald', sans-serif; color:#666666; margin-top:60px;}

div.box{float:none; width:100%; height: 450px; margin: 0 auto; margin-bottom:20px;}

div.offer{width:100%; height:100%; background-color:#ffffff; padding-top:25px; font-family: 'Arial', sans-serif; color:#ffffff; font-size:12px; margin-bottom:0px;}
div.offer_left{ width:100%; float:none; background-image:url(tlo.jpg);  height:100%; margin:0 auto; border-radius:0px 0px 0px 0px; margin-bottom:20px;}
div.offer_right{ width:100%; float:none; background-image:url(tlo.jpg); height:100%; margin: auto; border-radius:0px 0px 0px 0px;}
div.offer_right_in{width:100%; text-align:center; float:none; padding:0px; height:100%;}
div.offer_left_in{width:100%; text-align:center; float:none; padding:0px; height:100%;}
div.offer_info{ width:100%; float:none; height:190px; font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px;}
div.offer_infor{ width:100%; float:none; height:190px; font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px;}
p.offer_left{text-align:center; font-family: 'CArial', sans-serif; color:#ffffff; font-size:16px;}
p.offer_right{text-align:center; font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px;}


h4{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; color:#ffffff; }

div.company{width:100%; height:116px; margin-top:20px; background-image:url(img/hostessy_warszawa.jpg);}
div.company_full{width:100%; background-image:url(mainmobile.jpg);}
div.company_in{width:85%; max-width:1200px; margin: 0 auto; padding-top:30px; text-align:center; font-family: 'Arial', sans-serif; color:#ffffff; font-size:16px; line-height:25px;
padding-left:20px; padding-right:20px; padding-bottom:30px;}

div.info{width:96%; float:none; text-align:center; font-family: 'Arial', sans-serif; color:#8db80c; font-size:16px; margin-bottom:60px;border: 3px solid #f1f1f1;}
div.infoimage{display:none;}
img.info{padding-top:0%}
div.footermap { display:none;}
h4{ font-size:26px; font-family: 'Oswald', sans-serif; color:#ffffff; padding-top:20px; }

div.footer{display:none;}
p.team{display:none;}
p.data {font-family: 'Arial', sans-serif; color:#666666; font-size:12px; text-align:left; margin-top:160px;}


div.fruit{width:100%; float:none; height:100p%; padding-top:20px;}
div.fruit_info{width:100%; float:none; height:100%; padding-bottom:20px; margin-bottom:20px;}

div.half{width:100%; float:none; height:1400px;text-align:justify;}
div.break{ width:100%; height:100px;}
div.half_b{width:100%; float:none; height:1050px;text-align:justify;}
td{font-family: 'Arial', sans-serif; color:#ffffff; text-align:center; font-size:8px; height:50px;}
ul.in{display: inline; }

div.half_contact{width:100%; float:none; height:100%;text-align:center; background-color:#666666; border-radius:12px 12px 12px 12px; padding-left:2px; padding-right:2px; }
div.break_contact{ float:none; height:50px;}
div.half_form{width:100%; float:none; height:200px;text-align:center;}
div.gallery{ width:100%; margin: 0 auto; float:none; text-align:center; padding-bottom:40px; margin-top:50px;} 
img.gallery{border-radius:12px 12px 12px 12px; border: 4px solid green;}

div.box_info{ width:90%; margin: 0 auto; height:180px; font-family: 'Arial', sans-serif; color:#666666; font-size:14px; overflow: hidden}

div.article{text-align:center;}
a:link.main{color:#ffffff; font-size:14px; text-decoration:none;}
img.map{display:none;}
h1.contact{text-align:center; font-size:26px; font-family: 'Oswald', sans-serif; color:#ffffff; padding-top:10px; }
p.contact{color:#ffffff;}
img.res{width:100%;}


div.allnew{ width:85%; max-width:1400px;   margin: 0 auto; height:auto; overflow:hidden; background-color:#FFFFFF; padding-top:0em; padding-bottom:2em;}
div.servicenew{ width:100%; float:none; height:auto; overflow: hidden; text-align:center; }
div.icons{width:100%; float:none; height:auto; overflow: hidden; padding-top:1em;}
div.icon-1{float:right; text-align:center; width:45%; padding:1%; height:auto; overflow:hidden; color:#fff; position: relative; background-color:#8db80c; margin:1% 0% 0% 1%;}
div.companynew{width:100%; height:auto; overflow:hidden; background-image:url(bg-company.jpg); background-position: center;  color:#FFFFFF; text-align:center; border-bottom:10px solid #e1e1e1; margin-top:2em; padding-top:4em; padding-bottom:4em;}
div.servicelast{ width:100%; float:none; height:auto; overflow: hidden; text-align:center; }
div.in{width:85%; max-width:1400px; margin:0 auto; height:auto; overflow:hidden; }
div.service{width:100%; float:none; height:auto; overflow: hidden; text-align:center; margin-top:-30px; }
div.service-logo{width:100%; float:none; height:auto; overflow: hidden;  text-align:center;}
p.slider{color:#FFFFFF;}
div.contentoffer{width:95%; height:auto; overflow:hidden; border-top:3px solid #8db80c;}
div.offercontent{width:66%; float:left; height:auto; overflow:hidden; margin-top:-5px; padding:2%;}
div.offerimage{width:30%; float:left; height:auto; overflow:hidden;}

.banner1 {width: 100%; height: auto; overflow:hidden; margin: auto; background: url('img/banner1.jpg') no-repeat scroll; color: #fff; position: relative;}
.banner1 p {font-weight: 200; display: block; width: 100%; color:#262222;}
.banner1 p b { color: #fff; font-weight: 300;}
p.dark{background-color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 0.9em; color: #CA0005; padding: 10px; border: 5px solid #8db80c; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; width: 30%; margin: 0 auto;margin: 0 auto;}
p.darkleft{background-color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 0.9em; color: #CA0005; padding: 10px; border: 5px solid #8db80c; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; width: 30%; float:none;margin: 0 auto;}
p.darkness{background-color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 0.9em; color: #CA0005; padding: 10px; border: 5px solid #8db80c; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; width: 30%; float:none; margin: 0 auto;}

div.contentproduct {width:100%; height:auto; overflow:hidden; padding-bottom:20px;}
h3{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; color:#666666; }
h3.white{text-align:center; font-size:16px; font-family: 'Oswald', sans-serif; color:#fff; }
hr{margin: 0 auto;}

div.info > img {display:none;}
img {max-width:320px;}

.navbar {
  width: 100%;
  display:block;
    background: rgb(250, 250, 250);
    background: #000;  position:absolute;
  z-index:4;
 top:0;
 position:fixed;
  
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 62px;
  
}

.navbar .menu-items {
  display: flex;
}

.navbar .nav-container li {
  list-style: none;
}

..nav-container a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem;
  padding: 0.7rem;
}

.navbar .nav-container a:hover{
    font-weight: bolder;
}

.nav-container {
  display: block;
  position: relative;
  height: 85px;
}

.nav-container .checkbox {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  top: 20px;
  left: 20px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  
}

.nav-container .hamburger-lines {
  display: block;
  height: 26px;
  width: 32px;
  position: absolute;
  top: 17px;
  left: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color:#fff;
}

.nav-container .hamburger-lines .line {
  display: block;
  height: 4px;
  width: 100%;
  border-radius: 10px;
  background: #fff;
  
}

.nav-container .hamburger-lines .line1 {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}

.nav-container .hamburger-lines .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}

.navbar .menu-items {
  padding-top: 20px;
    background: rgb(250, 250, 250);
    background: #000;
  height: auto;
  width: 100%;
  transform: translate(-150%);
  display: flex;
  flex-direction: column;
  transition: transform 0.5s ease-in-out;
  text-align: center;
  font-family: 'Roboto Slab', sans-serif;
}

.navbar .menu-items li {
  margin-bottom: 1.2rem;
  font-size: 16px;
  font-weight: 500;
  margin-top:20px;
  color:#FFF
}

.logonav {
  position: absolute;
  top: -7px;
  left: 80px;
  font-size: 12px;
  color: #444;
}
.logonavcontact {
  position: absolute;
  top: 25px;
  left:0px;
  right: 0px;
  font-size: 12px;
  color: #444;
  font-family: 'Roboto Slab', sans-serif;font-weight:700; font-size:20px; padding-top:4px;
  text-align:center;
}

.nav-container input[type="checkbox"]:checked ~ .menu-items {
  transform: translateX(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
  transform: rotate(45deg);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
  transform: scaleY(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
  transform: rotate(-45deg);
}

.nav-container input[type="checkbox"]:checked ~ .logo{
  display: none;
}
.menu-items li {float:none;}
div.top {margin-top:85px;}
div.logonav{padding-top:15px;}
}