@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300,800,600&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 16px;
	color: #2a2a2a;
}
h1.title, .head_title {
	margin: 0;
	position: absolute;
	top: 15px;
	left: 0;
	width: 230px;
	height: 55px;
}
a.logo {
	background: url("../img/main-logo2.png") left center no-repeat;
	width: 362px;
	height: 60px;
	display: block;
	text-indent: -99999px;
    background-size: 85%;
}
h1.title a:hover, .head_title a:hover, section.bottom a.logo:hover {
	opacity: 0.7;
}
h2 {
	color: #2a2a2a;
	font-size: 36px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 15px 0 36px;
	position: relative;
}
h3 {
    font-family: Poppins,sans-serif;
    color: #000;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 15px 0;
}
p {
	margin: 15px 0;
	text-align: left;
	line-height: 28px;
}
a {
	color: #776552;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
a:hover {
	text-decoration: underline;
}
.btn {
    font-family: "Open Sans";
    font-size: 14px;
    color: #776552;  
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none; 
    text-align: center;
    padding: 12px 30px;
    border: 2px solid #776552;
    border-radius: 3px;
    background: #fff;
    margin: 20px 0 0;
    display: inline-block;
}
.btn:hover {
    background: #776552;
    color: #fff;
    text-decoration: none;   
}
.btn.invert {
    color: #fff;
    background: #000;
    border-color: #000; 
    margin: 0;   
}
.btn.invert:hover {
    border-color: #fff;
    color: #fff;
    background: transparent;  
}
.btn.sm {
    padding: 8px 24px;   
}
.btn.reverse {
    background: #776552;
    color: #fff;   
}
.btn.reverse:hover {
    background: #fff;
    color: #776552; 
    border: 2px solid #776552;  
}
.clr {
	clear: both;
}

section.top {
	background: #fff;
	height: 90px;
	width: 100%;
	color: #000;
	font-size: 12px;
	font-weight: 400;
    /*
    padding-top: 67px;
    */
}
section.content {
	margin: 0 auto;
	max-width: 1100px;
	position: relative;
}

section.top .info {
    float: right;  
}
section.top .info strong {
    font-weight: 700;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;   
}
section.top .info .lang {
    float: left;  
    padding: 32px 40px 31px 0px; 
}
section.top .info .lang a {
    font-weight: 400;
    font-size: 14px;
    color: #696969; 
}

section.top .info .lang a.active, section.top .info .lang a:hover {
    border-color: #776552;   
}
section.top .info .flag {
    width: 25px;
    height: 25px;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    margin: 0 5px;  
}
section.top .info .flag.hu {
    background: url("../img/hu.png") left center / 100% no-repeat;   
}
section.top .info .flag.sk {
    background: url("../img/sk.png") left center / 100% no-repeat;   
}
section.top .info .phone {
    float: left; 
    background: url("../img/phone.svg") left center / 15% no-repeat; 
    padding: 25px 40px 25px 50px; 
    font-weight: 400;
    color: #696969;
    font-size: 13px;
    font-family: 'Poppins', sans-serif; 
}
section.top .info .mail {
    float: left;  
    background: url("../img/email.svg") left center / 16% no-repeat;  
    padding: 25px 0px 25px 50px; 
    font-weight: 400;
    color: #696969;
    font-size: 13px; 
    font-family: 'Poppins', sans-serif;
}
section.top .info .phone a, section.top .info .mail a {
    color: #696969;   
}

header {
	background: #776552;
	height: 70px;
	width: 100%;
    position: relative;
}

#mobileButton {
    padding: 15px 20px 15px;
    text-align: center;
    width: 94%;
    height: auto;
    top: 140px;
    box-sizing: border-box;
    border-top: 1px solid rgba(115, 94, 49, 0.3);
    margin: 0 auto;
}
#mobileButton a {
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 25px;
    display: block;
}
#mobileButton i {
    padding-right: 10px;
}
#mobileButton {
    display: none;  
}

ul#menu {
	margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}
ul#menu li {
	list-style-type: none;
	display: inline-block;
    position: relative;
}
ul#menu li a {
	color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 25px 12px 26px;
    text-transform: uppercase;
	position: relative;
}
ul#menu li a.last {
	padding-right: 0;
}
ul#menu li a:hover, ul#menu li a.active {
	text-decoration: none;
    color: #f39c12;
}

ul#menu ul {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#000;
    padding:10px 0;
}
ul#menu ul li {
    float:none;
    width:200px;
}
ul#menu ul a {
    line-height:120%;
    padding:15px 20px;
    color: #fff;
}
ul#menu ul a:hover {
    color: #f39c12;   
}
ul#menu li:hover > ul {
    display:block;
}

header .main-offer {
    background: url("../img/label.svg") 30px center / 10% no-repeat #f39c12;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: 700;
    padding: 25px 40px 26px 60px;
    text-transform: uppercase;
    text-decoration: none;
}
header .main-offer:hover {
    background-color: #000;   
}

section.slider {
	background: #fff;
	width: 100%;
	position: relative;
}
#slides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
#slides li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
#slides img {
	display: block;
	position: relative;
	z-index: 1;
	height: auto;
	width: 100%;
	border: 0;
}
.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 45%;
	left: 2%;
	opacity: 1;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 142px;
	width: 70px;
}
.callbacks_nav:active, .callbacks_nav:hover {
	opacity: 0.7;
}
.callbacks_nav.prev {
	background: transparent url("../img/left.png") no-repeat left top;
}
.callbacks_nav.next {
	background: transparent url("../img/right.png") no-repeat right top;
	left: auto;
	background-position: right top;
	right: 2%;
}
#slides .caption {
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    /*display: inline-table;*/
    left: 10%;
    padding: 14px 0px;
    position: absolute;
    right: 0;
    top: 25%;
    z-index: 5;
	font-size: 48px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: normal;
	width: 80%;
    text-align: left;
}
#slides .sub-caption {
    color: #fff;
    /*display: inline-table;*/
    left: 10%;
    padding: 6px 0px;
    position: absolute;
    right: 0;
    top: 42%;
    z-index: 5;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	width: 50%;
    font-family: 'Poppins', sans-serif; 
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
#slides .caption.h3, #slides .sub-caption.h3 {
    text-shadow: none;
    color: #000;   
}
#slides .sub-caption.h4 {
    background: #776552;
    text-shadow: none;
    padding: 20px;
    box-sizing:border-box;   
}
#slides .slider-btn {
    background: #f39c12;
    color: #fff;
    /*display: inline-table;*/
    left: 10%;
    padding: 15px 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 65%;
    z-index: 5;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    width: 10%;
}
#slides .slider-btn:hover {
    background: #776552;   
}
ul.callbacks_tabs {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 15px;
	z-index: 5;
	padding: 0;
	text-align: center;
}
ul.callbacks_tabs li {
	list-style-type: none;
	display: inline-block;
}
ul.callbacks_tabs li a {
	background: #fff;
    border-radius: 50%;
    color: #fff;
    content: "";
    display: block;
    height: 16px;
    margin: 0 8px;
    width: 16px;
}
ul.callbacks_tabs li a:hover, ul.callbacks_tabs li.callbacks_here a{
	text-decoration: none;
	background-color: #776552;
	color: #776552;
}

section.main {
    background: #fff;
	padding: 60px 0;
	width: 100%;
    float: left;
}
section.main.grey {
    background: #F9F9FA;   
}
section.main p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #696969;   
}
section.main p b {
    color: #776552;   
}

section.company-num {
    background: url("../img/num_bg.jpg") center center fixed no-repeat #776552;
    background-size: 100%;
    padding: 80px 0;
    width: 100%;
    color: #fff;
    float: left;   
}
section.company-num .box {
    display: inline-table;
    width: 22%;
    margin: 0 1%;
    color: #fff;
    text-align: center;
}
section.company-num .box.s1 {
    background: url("../img/truck.svg") center top /25% no-repeat;
}
section.company-num .box.s2 {
    background: url("../img/scale.svg") center top /25% no-repeat;
}
section.company-num .box.s3 {
    background: url("../img/funds.svg") center top /25% no-repeat;
}
section.company-num .box.s4 { 
    background: url("../img/team.svg") center top /25% no-repeat; 
}
section.company-num .box strong {
    display: block;
    /*font-size: 50px;*/
    font-size: 44px;
    font-weight: 800;
    color: #fff;
    padding-top: 75px;
    font-family: 'Poppins', sans-serif; 
}
section.company-num .box span {
    display: block;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0; 
    font-family: 'Poppins', sans-serif; 
}

section.advantages {
    background: #fff;
    padding: 60px 0;
    width: 100%;
    color: #000;  
    float: left; 
}
section.advantages p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #696969;   
}
section.advantages p, section.advantages h2, section.advantages h3 {
    text-align: center;   
}
section.advantages .line {
    width: 100%;
    height: auto;
    float: left; 
    margin-top: 40px;  
}
section.advantages .avt-bx {
    float: left;
    width: 31%;
    margin: 1%;
    border: 1px solid #f0f0f0;
    padding: 9% 2% 2%;
    box-sizing: border-box;
    transition: all 0.3s;
}
section.advantages .avt-bx:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
section.advantages .avt-bx h3 {
    transition: all 0.3s;   
}
section.advantages .avt-bx:hover h3 {
    color: #776552;
}   
section.advantages .avt-bx.a1 { 
    background: url("../img/money-bag.svg") center 30px /18% no-repeat; 
}
section.advantages .avt-bx.a2 {
    background: url("../img/quality.svg") center 30px /18% no-repeat;
}
section.advantages .avt-bx.a3 {
    background: url("../img/delivery-truck.svg") center 30px /18% no-repeat;
}
section.advantages .avt-bx.a4 {
    background: url("../img/gardening.svg") center 30px /18% no-repeat;
}
section.advantages .avt-bx.a5 {
    background: url("../img/leaves.svg") center 30px /18% no-repeat;
}
section.advantages .avt-bx.a6 {
    background: url("../img/test-tube.svg") center 30px /18% no-repeat;
}

section.news {
    background: #fff;
    padding: 60px 0;
    width: 100%;
    color: #000;  
    float: left; 
}
section.news p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #696969;   
}
section.news p, section.news h2, section.news h3, section.news .date, #news .nws-bx p, #news .nws-bx h3, #news .nws-bx .date {
    text-align: left; 
    padding: 0 6%;  
}
section.news h2, section.news p.subtitle {
    padding: 0;
    text-align: center;   
}
section.news .date, #news .nws-bx .date {
    color: #707070;
    font-size: 13px;
    font-weight: 300;
    background: url("../img/clock.svg") center left / 16% no-repeat; 
    margin-left: 20px;
    padding-left: 8%;  
}
section.news .line {
    width: 100%;
    height: auto;
    float: left; 
    margin-top: 40px;  
}
section.news .nws-bx, #news .nws-bx {
    float: left;
    width: 31%;
    margin: 1%;
    border: 1px solid #f0f0f0;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.3s;
    background: #fff;
}
section.news .nws-bx:hover, #news .nws-bx:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
section.news .nws-bx h3, #news .nws-bx h3 {
    margin: 30px 0 10px;   
}
section.news .nws-bx h3 a, #news .nws-bx h3 a {
    transition: all 0.3s;
    color: #000;   
}
section.news .nws-bx:hover h3 a, #news .nws-bx:hover h3 a {
    color: #776552;
    text-decoration: none;
}
section.news .nws-bx .picture, #news .nws-bx .picture {
    width: 100%;
    height: 220px;
    display: block;
}   
#news .nws-bx .picture { 
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;  
}
section.news .nws-bx.n1 .picture {
    background: url("../img/news1.jpg") center top / cover no-repeat; 
}
section.news .nws-bx.n2 .picture {
    background: url("../img/news2.jpg") center top / cover no-repeat;
}
section.news .nws-bx.n3 .picture {
    background: url("../img/news3.jpg") center top / cover no-repeat;
}
section.news .nws-bx .btn, #news .nws-bx .btn {
    margin: 0;   
}

section.testimonial {
    padding: 60px 0;
    width: 100%;
    color: #000;  
    float: left; 
    background: url("../img/tragya.jpg") center center / cover no-repeat #fff;
    color: #fff;
}
section.testimonial p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #696969; 
    margin-bottom: 0;  
}
section.testimonial h2, section.testimonial p.subtitle {
    padding: 0;
    text-align: center;
    color: #fff;   
}
section.testimonial h4 {
    margin: 5px 0 10px;
    color: #555;
    font-weight: 700;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;   
}
section.testimonial .line {
    width: 100%;
    height: auto;
    float: left; 
    margin-top: 40px;  
}
section.testimonial .bx {
    float: left;
    width: 48%;
    margin: 1% 1% 10%;
    padding: 2%;
    background: #fff;
    box-sizing: border-box;
    transition: all 0.3s;
    border-radius: 6px;
    position: relative;
}
section.testimonial .bx:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
section.testimonial .bx .label {
    transform: matrix(0.7071,0.7071,-0.7071,0.7071,11,-5);
    -ms-transform: matrix(0.7071,0.7071,-0.7071,0.7071,11,-5);
    -webkit-transform: matrix(0.7071,0.7071,-0.7071,0.7071,11,-5);
    width: 22px;
    height: 22px;
    background: #fff;
    position: absolute;
    bottom: -15px;
    left: 22px
} 
section.testimonial .bx .user {
    position: absolute;
    bottom: -90px;
    left: 14px;
    padding: 10px 10px 10px 75px;
} 
section.testimonial .bx .user .img {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
}
section.testimonial .bx.t1 .user .img {
    background: url("../img/t1.png") left center / 100% no-repeat;
}
section.testimonial .bx.t2 .user .img {
    background: url("../img/t2.png") left center / 100% no-repeat;
}

section.partners {
    background: #f9f9f9;
    padding: 60px 0;
    width: 100%;
    color: #8e8e8e;  
    float: left; 
}
section.partners .ptn {
    float: left;
    width: 23%;
    height: auto;
    margin: 0 1%;   
}
section.partners .ptn a {
    display:block;
} 
section.partners .ptn a:hover {
    opacity: 0.7;   
}

section.offer_cta {
    background: #f39c12;
    padding: 80px 0;
    width: 100%;
    color: #fff;  
    float: left; 
}
section.offer_cta.green {
    background: #776552;   
}
section.offer_cta .left {
    float: left;
    width: 75%;
    float: left;
    font-family: poppins;
    font-size: 18px;
    font-weight: 300;
}
section.offer_cta .left p {
    margin: 0;
}
section.offer_cta .right {
    float: right;
    width: 25%;
    text-align: right;
}
 
section.offer_form {
    background: #fff;
    padding: 0;
    width: 100%;
    display: table;
} 
section.offer_form .left {
    display: table-cell;
    width: 50%;
    background: url("../img/apple.jpg") center center / cover no-repeat;   
}
section.offer_form .right { 
    width: 50%; 
    display: table-cell;
    background: url("../img/sample.png") left top no-repeat #776552;
    padding: 8% 4%;
    box-sizing: border-box;  
}
section.offer_form .right h3 { 
    text-align: center;
    margin: 0px 0 40px;
    font-weight: 300;
    color: #fff;
    font-size: 24px;
}
section.offer_form .right form .btn {
    color: #fff;
    background: #f39c12;
    border-color: #f39c12;  
}
section.offer_form .right form .btn:hover {
    background: #000;
    border-color: #000;    
}

section.cta, section.cta2 {
    background: #fff;
    padding: 0;
    width: 100%;
    display: table;
} 
section.cta .right {
    display: table-cell;
    width: 50%;
    background: url("../img/agriculture.jpg") center center / cover no-repeat;   
}
section.cta2 .right {
    display: table-cell;
    width: 50%;   
}
section.cta .left, section.cta2 .left {
    width: 50%; 
    display: table-cell;
    background: #F9F9FA;
    padding: 8%;
    box-sizing: border-box;  
}
section.cta .left h3, section.cta2 .left h3 { 
    color: #2a2a2a;
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 15px 0 36px;
}
section.cta .left p, section.cta2 .left p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #696969;   
}

section.bottom {
	background: #fff;
	width: 100%;
	padding: 60px 0;
}
section.bottom .contact {
	display: inline-table;
    width: 49%;
	color: #696969;
    margin: 0 2%;
}
section.bottom .contact .logo {
    margin-bottom: 40px;   
}
section.bottom .c1 {
	margin-left: 0;
}
section.bottom .c2 {
    /*width: 20%; */  
    width: 48%;   
}
section.bottom .c3 {
	margin-right: 0;
	border-right: 0;
    /*width: 20%;*/
    width: 45%;
}
section.bottom .c3 a {
    color: #696969; 
    padding-left: 30px;  
}
section.bottom h3 {
	color: #333;
    font-size: 21px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 0;
    font-weight: 300;
    font-family: poppins;
    text-transform: none;
}

section.bottom .c3 a.f-phone {
    background: url("../img/phone.svg") left center / 12% no-repeat; 
}
section.bottom .c3 a.f-mail {
    background: url("../img/email.svg") left center / 9% no-repeat; 
}
section.bottom .c3 a.f-web {
    background: url("../img/lang.svg") left center / 9% no-repeat;
}

.footer_menu {
    margin: 0;
    padding: 0;   
}
.footer_menu > li {
    list-style: none;
    position: relative;
    padding: 10px 0 10px 20px;
}
.footer_menu > li a {
    color: #696969;
}
.footer_menu > li a:hover, section.bottom .c3 a:hover {
    color: #776552;   
    text-decoration: none;
    padding-left: 10px;
}
section.bottom .c3 a:hover {
    padding-left: 30px;   
}
.footer_menu > li:before {
    font-family: "FontAwesome";
    font-size: 20px;
    content: "\f105";
    position: absolute;
    left: 0;
    top: 10px;
    padding: 0 7px 0 0;
    color: #ccc;
}

footer {
	background: #fff;
	width: 100%;
}
footer .content {
    border-top: 1px solid rgba(0,0,0,0.09);   
}
footer p, footer a {
	color: #696969;
	margin: 0;
}
footer p {
    font-family: 'Poppins', sans-serif; 
    text-align: center;
    padding: 30px 0;
    font-size: 14px;
}

section.headlines {
	background: url("../img/page.jpg") center center no-repeat #000;
	background-size: 100%;
	opacity: 0.8;
}
section.headlines h2, section.headlines h1 {
	color: #fff;
	font-size: 45px;
	font-weight: 800;
	padding: 100px 0;
	margin: 0;
	text-shadow: 0 0 15px #000;
	text-align: center;
	position: relative;
    text-transform: uppercase;
}

form {
	width: 100%;
	text-align: center;
}
form.whitelabel {
    margin: 20px 0 20px;   
}
form .input {
	width: 100%;
    border: 0 none;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background: #fff;
	padding: 15px 10px;
	margin: 0 0 20px;
	color: #696969;
	font-family: Open Sans;
	font-size: 13px;
	font-weight: 300;
	transition: all 0.5s ease 0s;
    border-radius: 3px;
}
form.whitelabel input, form.whitelabel textarea {
    border: 1px solid #ccc;   
}
form .input.w2 {
	width: 48%;
}
form.whitelabel .input:focus, form.whitelabel textarea:focus {
	border-color: #776552;
	color: #776552;
}
::-webkit-input-placeholder {
    color: #696969;
}
:-moz-placeholder {
   color: #696969;
   opacity: 1;
}
::-moz-placeholder {
   color: #696969;
   opacity: 1;
}
:-ms-input-placeholder {
   color: #696969;
}
:placeholder-shown {
  color: #696969;
}
form input[name="mail"].w2 {
    margin-right: 3%;   
}
form textarea {
	width: 100%;
	height: 100px;
	resize: none;
}
form .button {
	background: #a21410;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 30px;
	display: inline-block;
	letter-spacing: 2px;
	transition: all 0.5s ease 0s;
}
form .button:hover {
	opacity: 0.7;
	text-decoration: none;
}
form.whitelabel .btn {
    margin: 0;   
}
form input[name="privacy"]{
	width: 30px !important;
	margin: 0;
}

.mess {
	border: 3px solid #26A65B;
	color: #26A65B;
	padding: 15px 15px 15px 5%;
	margin: 20px 0;
	display: block;
	width: 93%;
	font-weight: 600;
	text-align: left;
	background: url("../img/mess.png") 2% center no-repeat;
}
.error {
	color: #A21410;
	border-color: #A21410;
	background: url("../img/err.png") 2% center no-repeat;
}
.warning {
	color: #F7CA18;
	border-color: #F7CA18;
	background: url("../img/wrn.png") 2% center no-repeat;
}
.mess a { color: #26A65B; }
.error a { color: #A21410; }
.warning a { color: #F7CA18; }

table.formazott{
    margin-bottom: 30px !important;
}
table.formazott .head {
    background-color: #776552;
    color: #fff;
}
table.formazott td {
    padding: 20px 10px;
    text-align: right;
}
table.formazott .first{
    width: 60%;
    text-align: left;
}
table.formazott h4 {
    margin: 0 !important;
}
table.formazott .dark {
    background-color: rgba(83, 169, 44, 0.3);
}

#cookie_window {
    background: #eee;
    color: #222;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 15px;
    padding: 12px 42px 12px 12px;
    width: 420px;
    right: 20px;
    bottom: 20px;
    position: fixed;
    z-index: 1000;
    box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#cookie_window a {
	font-weight: bold;
}
#cookie_window a:hover {
	text-decoration: underline;
}
#cookie_window .close {
    background: #f39c12;
    height: 100%;
    cursor: pointer;
    position: absolute;
    display: block;
    width: 30px;
    right: 0px;
    top: 0px;
	text-align: center;
}
#cookie_window .close i {
	background: #fff;
	color: #222;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    height: 14px;
    margin: 18px 6px;
    padding: 1px 3px 4px;
    width: 12px;
	border-radius: 10px;
}
#cookie_window .close:hover {
	opacity: 0.7;
	text-decoration: none;
}

#product.list .row {
    margin: 15px 0 0;
    padding: 30px 0 0;
    border-top: solid 1px #f0f0f0;
    float: left;
    width: 100%;
    box-sizing: border-box;   
}
#product.list .row.first {
    margin: 0;
    padding: 0;
    border-top: 0 none;
}
#product.list .row h3 {
    font-size: 30px;
    margin-bottom: 30px;   
}
#product.list .row .ppicture, #product.detail .ppicture, #news.detail .picture {
    float: left;
    margin: 0 40px 40px 0;
    padding: 4px;
    background: #fff;
    text-align: center;
    border: 4px solid #f0f0f0;
    width: 30%;
    height: auto;
}
#product.list .row .ppicture img, #product.detail .ppicture img, #news.detail .picture img {
    width: 100%;   
}
#product.list .row .ppicture:hover {
    border-color: #f39c12;   
}
#product.detail .ppicture:hover, #news.detail .picture {
    cursor: auto;   
}
#product.list .row .doc-box, #product.detail .doc-box {
    color: #f39c12;
    margin: 30px 0 5px;
    display: block;
}
#product.list .row .doc-box a, #product.detail .doc-box a {
    margin: 0 10px;
    color: #f39c12;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif; 
}
#product.list .row .doc-box a i, #product.detail .doc-box a i {
    font-size: 25px;
    font-weight: normal;
    margin-right: 6px;
    color: #f39c12;   
}
#product.list .row .more {
    margin-top: 40px;   
}
#product.detail .lead, #news.detail .lead {
    font-weight: 700;   
}
#product.detail .description, #news.detail .description {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #696969;
}
#product.detail .description h3, #news.detail .description h3 {
    color: #696969;
    font-size: 22px;
    font-weight: 700;    
}
#product.detail .price {
    color: #776552;
    font-size: 28px;
    font-weight: 700; 
    margin: 40px 0;  
}
#news.detail .date {
    color: #776552;
    font-size: 13px;
    font-weight: 300;  
}

#product.list .pic_box {
    width: 30%;
    float: left;
    margin: 1.5%; 
    height: 400px;
    background-color: #fff !important;
    background-position: center !important; 
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    border: 4px solid #f0f0f0;
    box-sizing: border-box; 
}
#product.list .pic_box span.title {
    font-size: 22px;
    font-weight: 800;
    color: #696969;
    background: rgba(255, 255, 255, 0.8);
    padding: 10px 20px;
    box-sizing: border-box;
    line-height: normal;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;  
}
#product.list .pic_box:hover {
    border-color: #776552;
}

a.scrollTop:hover { 
    background: #000;
    color: #fff;
}
a.scrollTop {
    background: transparent;
    color: #fff;
    right: 20px;
    bottom: 90px;
    position: fixed;
    overflow: hidden;
    width: 38px;
    height: 38px;
    z-index: 999;
    text-align: center;
    background: #f39c12;
    transition: background-color 0.3s ease 0s;
}
a.scrollTop i {
    font-size: 25px;
    padding: 6px 0;
}

@media all and (max-width: 1024px) {
    section.top{ margin: 0 auto; }
    section.content{ width: 96%; }
    #slides .caption{ top: 6%; width: 80%; }
    #slides .slider-btn{ top: 74%; }
    section.company-num .box{ width: 21%; }
    section.bottom .contact.c1{ width: 44%; }
    #slides .slider-btn{ width: 20%; }
}
@media all and (max-width: 800px) {
    header{ height: auto; }
    #mobileButton { display: block; }
    ul#menu{ display: none; position: relative; padding: 0 0 5px; }
    ul#menu li{ display: block; }
    ul#menu li a{ text-align: center; margin-bottom: 5px; color: #000; background: #fff; padding: 18px; }
    header .main-offer{ display: none; }
    section.slider{ display: none; }
    section.company-num .box{ width: 47%; margin: 2% 1%; }
    section.bottom .contact.c1 { width: 36%; }
    section.cta2 .right, section.cta .left, section.cta2 .left { width: 100%; display: block; float: left; }
    ul#menu ul{ display: none !important; }
}
@media all and (max-width: 600px) {
    section.top{ height: 175px; }
    h1.title, .head_title{ margin: 0 auto; left: 0; right: 0; }
    section.top .info { width: 100%; margin-top: 85px; }
    section.top .info .phone{ margin-left: 50px; }
    .main .content img{ width: 100% !important; margin: 0 0 40px !important; }
    section.company-num{ background-repeat: repeat; }
    section.company-num .box { width: 100%; margin: 5% 0%; background-size: 15% !important; }
    section.advantages .avt-bx{ width: 100%; margin: 1% 0; }   
    section.advantages .avt-bx h3{ margin-top: 90px; } 
    section.testimonial .bx { width: 100%; margin: 1% 0% 22%; }
    section.offer_cta .left, section.offer_cta .right{ width: 100%; text-align: center; }
    section.offer_cta .right{ margin-top: 30px; }
    section.offer_cta .left p{ text-align: center; }
    section.bottom .contact{ width: 100% !important; margin: 2% 0; text-align: center; }
    section.bottom .contact h3, section.bottom .contact p{ text-align: center; }
    a.logo{ margin: 0 auto; }
    .footer_menu > li:before{ left: auto; }
    .footer_menu > li a{ padding-left: 12px; }
    #product.list .row { margin: 50px 0 0; }
    #product.list .row .ppicture, #product.detail .ppicture, #news.detail .picture{ width: 100%; box-sizing: border-box; }
    form .input.w2 { width: 100%; }
    a.scrollTop{ display: none !important; }
    
    a.logo { width:100%; }
    section.headlines{ background-size: cover; background-color: transparent; }
    section.headlines h1{ font-size: 35px; } 
    #product.list .pic_box { width: 97%; }
    #product.detail .price a{ display:flex; }
}
@media all and (max-width: 480px) {
	section.top{ height: 270px; }
    section.top .info .phone { margin-left: 85px; }
    section.top .info .mail { margin-left: 70px; }
    section.testimonial .bx { margin: 1% 0% 33%; }
}