.main-content{
	display:flex;
	flex-direction:column;
}
.main-content>section{
	order:5;
}
.transparent_white{
background:rgba(255,255,255,0.7);
height:100%;	
float:left;
padding:5%!important;
}
.inner-panel{
display:flex;
flex-direction:column;
justify-content:space-around;
align-items:flex-start;	
}
.lang_input{
    background:white!important;
    text-align:center!important;
    border:none!important;
    text-transform:uppercase!important;
    width:100%;
    outline: none!important;
}
.flex-citate{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    margin-bottom:15px;
}

.img-prew{
width:200px!important;	
}
.indent-40{
text-indent:40px;	
}
.left{
	float:left;
}
.right{
	float:right;
}
.heigth-60{
overflow:hidden;
height:60px! important;	
}
.margin-lg{
	margin-left:30px;
}
.big-text{
text-transform:uppercase! important;	
}
.logo{
	max-width:90px! important;
}
.range{
	padding:10px 0;
}
.btn-dark-green
{
 background:#1A553F;
}
.mini-lang{
width: 20%;
margin-left: 40%;
margin-right: 40%;
	
}
.top--30{
	padding-top:30;
	}
.under-line{
text-decoration:underline! important;
font-weight:600;	
}
.news-arrow{
margin-top:-5px;
margin-left:20px	
}
.loading-bar0,.loading-bar1,.loading-bar2,.loading-bar3,.loading-bar4,.loading-bar5 {
	padding: 10px 20px;
	display: block;
	text-align: center;	
	margin: 20px auto;
	font-size: 2em;
	font-family: "Arial", sans-serif;
	
	margin-right: 1px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	
}
.more{
padding:10px 20px;
}

 .column {
	
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
 }
.horizontal-flex{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;	 
 }
.flex_left_center{
	display:flex;
	flex-direction:row;
	justify-content:start;
	align-items:center;
	margin-bottom:30px;
}
.logo-mobile{
	width:50px;
	padding:5px 0;
}
.btn-padding-15{
	margin:10px 0;
}
#aboutUS{
	min-height:360px;
}

.btn-read-more-green{
	background: #1A553F;
	color:white;
}
.sota-icon{
	width:35px;
	margin-top:-5px;
}
.left-sota{
	background:url(../images/icons/leftsota.png);
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	background-size:cover;
}
.right-sota{
	background:url(../images/icons/rightsota.png);
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	}
.bg_image_hexagon{
height:350px;
width:305px;
background:url(../images/icons/pic-045.png);	
	
}	
.flex-vertical-center{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:stretch;
	height:350px;
}
.share{
vertical-align:center;
height:40px;	
}
.left-center{
	margin-left:30px;
}
.text__green{
color:#1A553F;
font-size:16px;	
}
.text__right{
	text-align:right;
}
.panel-aik{
background:rgba(26, 85, 63, 0.5)! important;	
}
.franklin{
background-image:url(../images/pic-013.png);
background-size:cover;
background-attachment:fixed;
}
.franklin h2{
	color:white;
}
.top-60{
	padding-top:60px;
	margin-top:30px;
	/*padding-bottom:30px;*/
}
.top-30{
	padding-top:30px;
	
}
.infografics-title{
	margin-top: 0;
margin-bottom: 0;
	font-size: 16px;
	color: white;
	text-shadow:4px 4px 2px rgba(0, 0, 0, 0.8);
}
.reverse-img{
	-webkit-filter: invert(90%);
filter: invert(90%);
}
#contacts input,textarea{
background:#e9e9e9! important;
color:#999999! important;	
}
.share-article{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
}
.share-article-r{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;
}
.share{
height:40px;	
margin-right:20px;
}
.back-shadow{
	 text-shadow: 1px 1px 2px #999;
	font-size:18px;
	font-weight:600;
}
.send{
	color:#000;
	background:white;
	border:2px solid #000;
	padding:5px 40px;
	margin-top:15px;

}
.main_sota_block{
	max-width:1700px;
	width:100%;
	display:block;
	margin:auto;
	padding:15px;
	
}
.shadow{
	-webkit-filter: drop-shadow(10px 10px 15px #222);
	filter:         drop-shadow(10px 10px 15px #222); 
}
.shadow2{
	-webkit-filter: drop-shadow(10px 10px 10px #222);
	filter:         drop-shadow(10px 10px 10px #222); 
}


.hexagon2{
	-webkit-filter: drop-shadow(9px -22px 30px #333333);
	filter:         drop-shadow(9px -22px 30px #333333); 
}/*
.hexagon-in1{
	-webkit-filter: drop-shadow(15px 0px 13px #999999);
	filter:         drop-shadow(15px 0px 13px #999999); 
}
.hexagon-in2{
	-webkit-filter: drop-shadow(10px 0px 5px #999999);
	filter:         drop-shadow(10px 0px 5px #999999); 
}
.hexagon2{
	-webkit-filter: drop-shadow(10px 0px 10px #222);
	filter:drop-shadow(3px 0px 10px #222); 
}*/
@media screen and (max-device-width:1095px){
	.hidden1095{
	display:none;	
	}
}
@media screen and (min-device-width:1200px) and (max-device-width:1920px){
.main_sota_block img{

	float:left;
}
.pic-042{	
	position:absolute;
	margin-left:12%;
	margin-top:5%;
	z-index:1;	
	width:19.6%;
	max-width:180px;
	
}

.gifka{
	background:white;
	position:relative;
	left:37%;
	margin-top:15%;
}
.kukurudza{
	position:absolute;
	top:35%;
	margin-left:12%;
	z-index:1;
	height:220px;
	width:20.7%;
	max-width:190px;
	background:url(../images/head/pic-041.png);
	background-size:contain;
	background-repeat:no-repeat;
}

.pic-043{
	position:absolute;
	float:right;
	margin-top:0;
	right:12%;
	z-index:1;
	height:40px;
	max-width:34px;
	width:3.71%;
	background:url(../images/head/pic-043.png);
	background-size:contain;
	background-repeat:no-repeat;
}
.pic-044{
	position:absolute;
	float:right;
	margin-top:4.15%;
	right:20.19%;
	z-index:1;
	height:65px;
	max-width:60px;
	width:6.55%;
	background:url(../images/head/pic-044.png);
	background-size:contain;
	background-repeat:no-repeat;
}
.pic-45-box{
	position:relative;
	float:left;
	top:50px;
	margin-left:10%;
	z-index:1;
	height:250px;
	width:32.7%;
	max-width:300px;
}
.pic-045{
	
	height:250px;
	width:100%;
	max-width:300px;
	background:url(../images/head/pic-045.png);
	background-size:contain;
	background-repeat:no-repeat;
	
}
.pic-045-2{
	
	height:250px;
	width:100%;
	max-width:300px;
	background:url(../images/head/pic-045-2.png);
	background-size:contain;
	background-repeat:no-repeat;
	
}
.pic-49-box{
	position:relative;
	float:left;
	margin-top:16%;
	margin-left:6%;
	z-index:1;
	height:230px;
	max-width:200px;
	width:22%;
}
.pic-049{
	height:230px;
	max-width:200px;
	width:100%;
	background:url(../images/head/pic-049.png);
	background-size:contain;
	background-repeat:no-repeat;
}
.pic-049-2{
	height:230px;
	max-width:200px;
	width:100%;
	background:url(../images/head/pic-049-2.png);
	background-size:contain;
	background-repeat:no-repeat;
}
.pic-046{
	position:absolute;
	float:left;
	margin-top:27%;
	margin-left:72%;
	z-index:1;
	height:85px;
	max-width:75px;
	width:8.19%;
	background:url(../images/head/pic-046.png);
	background-size:contain;
	background-repeat:no-repeat;
}
.pic-047{
	position:absolute;
	float:left;
	margin-top:38%;
	margin-left:61%;
	z-index:1;
	height:225px;
	max-width:195px;
	width:21%;
	background:url(../images/head/pic-047.png);
	background-size:contain;
	background-repeat:no-repeat;
}
.pic-48-box{
	position:absolute;
	float:left;
	margin-top:40%;
	margin-left:33%;
	z-index:1;
	height:230px;
	max-width:200px;
	width:22%;
}
.pic-048{

	height:230px;
	max-width:200px;
	width:100%;
	background:url(../images/head/pic-048.png);
	background-size:contain;
	background-repeat:no-repeat;
}
.pic-048-2{
	
	height:230px;
	max-width:200px;
	width:100%;
	background:url(../images/head/pic-048-2.png);
	background-size:contain;
	background-repeat:no-repeat;
}
.hexagon {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
       -moz-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
         -o-transform: rotate(120deg);
            transform: rotate(120deg);
   
	z-index:1;
    }
.hexagon-in1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
    }
.hexagon-in2 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../images/traktor.gif); 
	background-size:cover;
    visibility: visible;
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
    }
.hexagon-in2 {
    /* background-image:  background-image: url(../images/traktor.gif); */
	
    }

.hexagon1 {
    width: 400px;
    height: 200px;
    margin: 0 0 0 -80px;
    }
.hexagon2 {
    width: 60%;
    height: 800px;
    margin: -260px 0 0 40px;
    }
}

/* ---------------------------------------------------------------------- */
/*  harvesting
/* ---------------------------------------------------------------------- */
.harvesting-bg{
	height:250px;	
	
	background-repeat:no-repeat;
	background-position:top center!important;
	background-size:100% auto;
}
.transportation-bg{
height:250px;
background:url(../images/pic-018.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:100%;
	
}
.storage-bg{
height:250px;	
background:url(../images/pic-017.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:100%;

}
.transportation-small{
	height:150px;
	background:url(../images/pic-018.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	padding:5px;
}
.storage-small{
	height:150px;
	background:url(../images/pic-017.png);
	background-repeat:no-repeat;
	
	background-size:100%;	
	padding:5px;
}
.harvest-small{
	height:150px;
	background:url(../images/pic-019.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	padding:5px;
}
#id_hide{
	display:none;
}
.btn-harvesting{
	background:#d4b742;
	color:#ffffff;
	padding:10px 32px;
	margin-right:10px;
}
.btn-transportation{
	background:#6f954a;
	color:white;
	padding:10px 40px;
	margin-right:10px;
}
.btn-storage{
	background:#a089d1;
	color:white;
	padding:10px 40px;
	margin-right:10px;
}
.search-input:hover,
.search-input:focus{
border-bottom:1px solid #000000! important ;	
}
.search-input{
	outline:none;
	border-bottom:1px solid #000000! important;
	border-top:none;
	border-right:none;
	border-left:none;
	padding:7px 10px;
	font-size:16px;
	
	
}
.loopa{
	background-image:url(../images/icons/pic-050.png);
	background-position:center right;
	background-repeat:no-repeat;
	width:30px;
	background-color:transparent;
	margin-left:-30px;
}
.search-menu{
	outline:none;
	border-bottom:2px solid #000000! important;
	border-top:none;
	border-right:none;
	border-left:none;
	padding:0 10px;
	
	font-size:13px;
	float:left;
	
}
.search-in-menu{
	width:15px;
	height:15px;
	margin-top:35px;
	margin-left:-3em;
	background-image:url(../images/icons/pic-050.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:15px 15px;
	border:none;
	outline:none;
	
	float:left;
	
}
.search-in-article{
	width:15px;
	height:15px;
	margin-top:15px;
	margin-left:-2em;
	background-image:url(../images/icons/pic-050.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:15px 15px;
	border:none;
	outline:none;
	
	float:left;
}
.search-input{
	outline:none;
	border-bottom:1px solid #000000! important;
	border-top:none;
	border-right:none;
	border-left:none;
	padding:7px 10px;
	font-size:16px;
	float:left;
	
	
}
#contacts{
	padding:0px 15px!important;
}
/* ---------------------------------------------------------------------- */
/*  Chartjs
/* ---------------------------------------------------------------------- */
.chart-legend > ul {
 list-style-type: none;
  padding-left: 0;
}

.chart-legend > ul li {
  clear: both;
 display: block;
  float: left;

  line-height: 25px;
  font-size: 14px;
}

/*.chart-legend > ul li span {
  display: block;
  float: left;
  height: 25px;
  margin-right: 10px!important;
  width: 40px!important;
}*/

.legend-xs .chart-legend > ul li {
 
  padding:0 10px;
  display:flex;
 
  }
.legend-xs .chart-legend > ul li span {
 display:block;
 margin: 20px 10px; 
height:25px; 

color:white;
position: relative;
z-index:20;
width: 40px!important;


}
.legend-xs .chart-legend > ul li div{
	display:flex;
	font-weight:600;
	margin-left:60px;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position:absolute;
	align-self:center;
	text-align:left;
}
.legend-xs .chart-legend > ul li span:before, .legend-xs .chart-legend > ul li span:after {
	content: "";
width: 0; height: 0;
position: absolute; left: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.legend-xs .chart-legend > ul li span:before{
	top: -10px;
border-bottom: 10px solid transparent;
}
.legend-xs .chart-legend > ul li span:after{
	bottom: -10px;
border-top: 10px solid transparent;
}

/*--------------------------------------------*/
/*--------------------------------------------*/
.legend-xs .chart-legend > ul li b{
  
margin-left:10px;  
}

.full-width {
  max-width: 100% !important;
}

.mini-pie {
  height:300px;
  position: relative;
  width: 250px;
  display: inline-block;
}
.mini-pie canvas {
  height: 250px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200px;
  padding:15px 10px;
}
canvas {
    color:red!important;
}
.mini-pie *[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 20;
  white-space: nowrap;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}
.tooltips{
   
   color:black!important;
}
/*accordion*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Montserrat:700);
h1 {
  text-align: center;
  font-family: Montserrat,sans-serif;
  color: #333;
}
.accordion-img{
	width:100px! important;
	margin-top:40px! important;
}
.accordion {
  width: 100%;
  max-width: 1600px;
  height: 450px;
  overflow: hidden;
  margin: 50px auto;
}
.accordion ul {
  width: 100%;
  
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
.accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;
}
.accordion ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
  
}
.accordion ul li div a {
  display: flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  height: 450px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 62px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  transition: all 200ms ease;
}
.accordion ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
/*  text-overflow: ellipsis;*/
  position: relative;
  z-index: 5;
 
  overflow: hidden;
  text-align:center;
  
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.accordion ul li div a h2 {
	opacity: 1! important;
  font-family: Montserrat,sans-serif;
  text-overflow: clip;
  font-size: 24px;
  color:white;
  text-align:center;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 160px;
}
.accordion ul li div a p {
  
  font-size: 13.5px;
  text-align:center;
  max-width:400px;
}
.accordion ul li div a img {
  width:100px;
  margin-top:50px;
}
.accordion ul li div a p span{
padding:15px 30px;	
}

.company,.harvesting {
background:#c89a3a! important ;
}
.ukraine,.transportation {
background:	#4f7232! important;	
}
.world,.storage {
  background:#7f63b8! important;
}
/*.accordion ul li:nth-child(1) {
  background-image: url(../images/pic-019.png);
  background-size:cover;
}
.accordion ul li:nth-child(2) {
  background-image: url(../images/pic-018.png);
  background-size:cover;
}
.accordion ul li:nth-child(3) {
  background-image: url(../images/pic-017.png);
  background-size:cover;
}*/
.accordion ul li{
  background-size:cover;
}

.accordion ul li:nth-child(4) {
  background-image: url("http://michael-ferry.com/assets/accordion4.jpg");
}
.accordion ul:hover li {
  width: 15%;
}
.accordion ul:hover li:hover {
  width: 60%;
}
.accordion ul:hover li:hover a {
  background: rgba(0, 0, 0, 0.4);
}
.accordion ul:hover li:hover h2 {
	top: 60px;
  
}

.accordion ul:hover li:hover a * {
  opacity: 1;
  text-align:center;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media screen and (max-width: 600px) {
  body {
    margin: 0;
  }
	.col-md-12,.container{
		padding:0;
	}
	.send{
	color:#000;
	background:white;
	border:2px solid #000;
	padding:5px 40px;
	display:block;
	width:100%;
}
  .accordion {
    height: auto;
  }
  .accordion ul li {
	  height:150px;
	  border-right:2px solid white;
	  border-left:2px solid white;
	  border-bottom:2px solid white;
	  
  }
  .accordion ul li div a {
  display: flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  height:150px;
   z-index: 3;
  vertical-align: bottom;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
 /* transition: all 200ms ease;*/
}
	 .accordion ul li div a h2 {
	
	font-family: Arial,sans-serif; 
	font-size: 16px;
	color:white;
	text-align:center;
	text-transform: uppercase;
	margin-bottom: 2px;
	top:0;
	text-align:center;
	}
	.accordion ul:hover li:hover h2 {
	top: 0px;
  
}
	.accordion ul li div a p {
	display:none;
	}
	.accordion ul li div a p span{
	display:none;
	}
  
  .accordion ul li, .accordion ul li:hover, .accordion ul:hover li, .accordion ul:hover li:hover {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-transition: none;
    transition: none;
  }
	.xs-center{
		display:block! important;
		width: 100%;
	}
	.xs-center a{
		display: block;
		width: 100%;
	}
	
}
#about{
	padding-top:70px;	
	max-height:700px;
}
#business{
	padding-top:30px;		
}
#forInvestors{
	padding-top:30px;	
max-height:550px;
height:100%;
}
#events{
	padding-top:60px;		
}

.about {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #666;
}
.about a {
  color: blue;
  text-decoration: none;
}
.about a:hover {
  text-decoration: underline;
}
/*end accordion*/
/*2-d accordion*/
.accordion_news {
  width: 100%;
  max-width: 1600px;
  height: 450px;
  overflow: hidden;
  margin: 50px auto;
}
.accordion_news ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
.accordion_news ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;
}
.accordion_news ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}
.accordion_news ul li div a {
  display: flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  height: 450px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 62px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  transition: all 200ms ease;
}
.accordion_news ul li div a img {
  width:100px;
  margin-top:20px;
}
.accordion_news ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
/*  text-overflow: ellipsis;*/
  position: relative;
  z-index: 5;
 
  overflow: hidden;
  text-align:center;
 
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.accordion_news ul li div a h2 {
	opacity: 1! important;
  font-family: Montserrat,sans-serif;
  text-overflow: clip;
  font-size: 24px;
  color:white;
  text-align:center;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 160px;
}
.accordion_news ul li div a p {
  
  font-size: 13.5px;
  text-align:center;
  max-width:400px;
}
.accordion_news ul li div a p span{
padding:15px 30px;	
}
.accordion_news ul li{
	 background-size:cover;
}
/*.accordion_news ul li:nth-child(1) {
  background-image: url(../images/pic-010.png);
  background-size:cover;
}
.accordion_news ul li:nth-child(2) {
  background-image: url(../images/pic-011.png);
  background-size:cover;
}
.accordion_news ul li:nth-child(3) {
  background-image: url(../images/pic-012.png);
  background-size:cover;
}*/
.accordion_news ul li:nth-child(4) {
  background-image: url("http://michael-ferry.com/assets/accordion_news4.jpg");
}
.accordion_news ul:hover li {
  width: 15%;
}
.accordion_news ul:hover li:hover {
  width: 60%;
}
.accordion_news ul:hover li:hover a {
  background: rgba(0, 0, 0, 0.4);
}
.accordion_news ul:hover li:hover h2 {
	top: 60px;
  
}

.accordion_news ul:hover li:hover a * {
  opacity: 1;
  text-align:center;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media screen and (max-width: 600px) {
 
  .accordion_news {
    height: auto;
  }
  .accordion_news ul li {
	  height:150px;
	  border-right:2px solid white;
	  border-left:2px solid white;
	  border-bottom:2px solid white;
	  
  }
  .accordion_news ul li div a {
  display: flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  height:150px;
   z-index: 3;
  vertical-align: bottom;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
 /* transition: all 200ms ease;*/
}
	 .accordion_news ul li div a h2 {
	
	font-family: Arial,sans-serif; 
	font-size: 24px;
	color:white;
	text-align:center;
	text-transform: uppercase;
	margin-bottom: 2px;
	top:0;
	text-align:center;
	}
	.accordion_news ul:hover li:hover h2 {
	top: 0px;
  
}
	.accordion_news ul li div a p {
	display:none;
	}
	.accordion_news ul li div a p span{
	display:none;
	}
  
  .accordion_news ul li, .accordion_news ul li:hover, .accordion_news ul:hover li, .accordion_news ul:hover li:hover {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-transition: none;
    transition: none;
  }
	.xs-center{
		display:block! important;
		width: 100%;
	}
	.xs-center a{
		display: block;
		width: 100%;
	}
	
}


@media screen and (max-width: 1200px) {	
	.flex_left_center{
		display:flex;
		flex-direction:column;
		justify-content:center;
		margin-top:30px;
	}	
	.flex_left_center span{
		padding:15px 0;
		text-align:center;
	}
	.left-center{
	margin-left:0;	
	}
	.inner-panel {
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: center;
}
	.xs-center{
		display:block! important;
		margin:0 auto;
	}
	h2{
		font-size:20px;
	}
	.margin-lg{
		margin:0;
	}
	.right{
		float:none! important;
		text-align:center! important;
	}
	.left{
		float:none! important;
		text-align:center! important;
	}
	.flex-vertical-center {
		min-height:200px;
	}
	.btn-harvesting{
		background:#d4b742;
		color:#ffffff;
		padding:5px 10px;
		margin-right:5px;
		width:90%;
	}
	.btn-transportation{
		background:#6f954a;
		color:white;
		padding:5px 10px;
		margin-right:5px;
		width:90%;
	}
	.btn-storage{
		background:#a089d1;
		color:white;
		padding:5px 15px;
		margin-right:5px;
		width:90%;
	}
	.range{
		padding:5px 0;
	}
	.news-time{
		margin-top:10px;	
	}
	.news-arrow{
		margin-top:-5px;
		margin-left:5px	
	}
	.loopa {    
		margin-left: -40px;
		width:25px;
	}
	.legend-xs .chart-legend > ul li div{
		font-weight:300;
	}
	
	
	
}	
@media screen and (max-width: 767px) {	
	.top-60{
		padding-top:10px;
	/*margin-top:0px;*/
	}
	#infographica1{
	 order:6;	
	}
	#infographica2{
		order:6;
	}
	.btn-harvesting{
	background:#d4b742;
	color:#ffffff;
	padding:10px 40px;
	margin:10px;
	width:calc(100% - 20px);
	}
	.container{
		padding:0 15px;
	}
	.btn-transportation{
		background:#6f954a;
		color:white;
		padding:10px 40px;
		margin:10px;
		width:calc(100% - 20px);
	}
	.btn-storage{
		background:#a089d1;
		color:white;
		padding:10px 40px;
		margin:10px;
		width:calc(100% - 20px);
	}
	.horizontal-flex{
		display:flex;
		flex-direction:column;
		justify-content:space-around;
		align-items:align-items:;	
	}
	.social-icons ul li a {
		background-position: 0 0;
		background-repeat: no-repeat;
		display: block;
		height: 60px;
		text-indent: -9999px;
		width: 30px;
		top: 0;
		font-size: 16px;
		position: relative;
		-moz-transition: all, 0.3s, ease;
		-o-transition: all, 0.3s, ease;
		-webkit-transition: all, 0.3s, ease;
		transition: all, 0.3s, ease;
	}
	.social-icons ul li {
		display: inline-block;
		margin: 0;
		padding: 0;
		height: 30px;
		overflow: hidden;
	}
	.top--30{
		padding-top:0;
	}
	.center-img{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	.popular-title{
		display:block;
		margin-left:0px!important;
		text-align:center;
	}
	#about{
	padding-top:10px;	
	}
	#business{
		padding-top:10px;		
	}
	#forInvestors{
		padding-top:10px;	
	}
	#events{
		padding-top:10px;		
	}
}
/*flip effect*/
.flip-container {
  perspective: 1000;
}
  /* flip the pane when hovered */
  .flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
  }

.flip-container, .front, .back {
  width: 203px;
  height: 250px;
}
/* flip speed goes here */
.flipper {
  transition: 0.8s;
  transform-style: preserve-3d;
  position: relative;
  
}
/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
}
/*flip effect*/
/*flip effect2-------------------------------*/
.flip-container1 {
  perspective: 1000;
}
  /* flip the pane when hovered */
  .flip-container1:hover .flipper1, .flip-container1.hover1 .flipper1 {
    transform: rotateY(180deg);
  }

.flip-container1, .front1, .back1 {
  width: 137px;
  height: 100px;
}
/* flip speed goes here */
.flipper1 {
  transition: 0.8s;
  transform-style: preserve-3d;
  position: relative;
 
}
/* hide back of pane during swap */
.front1, .back1 {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
/* front pane, placed above back */
.front1 {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back1 {
  transform: rotateY(180deg);
}
/*flip effect*/
/*flip effect3-------------------------------*/
.flip-container2 {
  perspective: 1000;
}
  /* flip the pane when hovered */
  .flip-container2:hover .flipper2, .flip-container2.hover2 .flipper2 {
    transform: rotateY(180deg);
  }

.flip-container2, .front2, .back2 {
  width: 143px;
  height: 200px;
}
/* flip speed goes here */
.flipper2 {
  transition: 0.8s;
  transform-style: preserve-3d;
  position: relative;
 
}
/* hide back of pane during swap */
.front2, .back2 {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
/* front pane, placed above back */
.front2 {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back2 {
  transform: rotateY(180deg);
}
/*flip effect*/

@media screen and (max-width: 1200px) and (orientation: landscape) { 
	.portret{
		visibility:hidden;
		height: 1px;
	}
	.landscape{
		visibility:visible;
		width:100%;
	}
}
@media screen and (max-width: 1200px) and (orientation: portrait) { 
	.portret{
		visibility:visible;
		width:100%;
	}
	.landscape{
		visibility:hidden;
		height: 1px;
	}
}