html {
padding:0;
margin:0;
}
body {
padding:0;
margin:0;
background:url(images/bg.jpg) no-repeat top center #cdca44;
background-size:100%;
font-family: Arial, Verdana;
color:#222222;
}
a, a:hover {text-decoration:none;}
a img, a:hover img {border:0; outline:0;}
* {box-sizing:border-box;}

.main_wrapper {
max-width:1200px;
padding:20px;
margin:100px auto 20px auto;
}
.content {
padding:40px;
background:rgba(255,255,255,.85);
border-radius:7px;
}
.header {
font-size:32px;
font-weight:600;
margin-bottom:40px;
}
.logo {
border:1px solid #000000;
border-radius:7px;
padding:20px 0;
text-align:center;
margin-bottom:40px;
}
.ollims, .arrow, .smartfarm {
display:inline-block;
margin:0 20px;
}
.smartfarm a {
display:inline-block;
border:1px solid #000000;
border-radius:7px;
overflow:hidden;
padding:10px;
background:#ffffff;
}
.smartfarm a:hover {border:1px solid #00d900;}
.smartfarm a img {width:400px;}
.arrow img{
animation:arrow 3s 0s infinite ease-out;
}
.text_1_content {
border-left:5px solid #00d900;
padding-left:20px;
}
.text_1 p {
line-height:140%;
text-indent:20px;
font-size:14px;
}
.text_1 a {color:#00d900; font-weight:600;}
.footer {}
.cellphone, .email, .adress, .company {
position:relative;
padding-left:25px;
margin-bottom:20px;
}
.cellphone:before, .email:before, .adress:before, .company:before {
content:"";
content: "";
display: block;
width: 16px;
height: 18px;
position: absolute;
top: 1px;
left: 0;
}
.cellphone:before {background:url(images/cellphone.svg) no-repeat;}
.email:before {background:url(images/email.svg) no-repeat;}
.adress:before {background:url(images/geo.svg) no-repeat;}
.company:before {background:url(images/arrow-2.svg) no-repeat;}

/* ---------- */
@media screen and (max-width: 600px) {
.smartfarm a img {width:240px;}
}

@media screen and (max-width: 1199px) {
.arrow {
display:block;
text-align:center;
margin:20px 0 60px 0;
}	
@keyframes arrow {
0% {transform:rotate(90deg) translateX(0px);}
30% {transform:rotate(90deg) translateX(40px);}
100% {transform:rotate(90deg) translateX(0px);}
}
}

/* ---------- */

@media screen and (min-width: 1200px) {

@keyframes arrow {
0% {transform: translateX(0px);}
30% {transform: translateX(40px);}
100% {transform: translateX(0px);}
}
}