/*
Theme Name: Curly Brackets • Papapostolou 
Theme URI: http://www.curlybrackets.gr
Description: Custom Template για εταιρική ιστοσελίδα. Fully Responsive.
Version: 1.0
Author: Panagiotis Taramigos
Author URI: https://www.linkedin.com/in/taramigos/
License: -
License URI: -
Text Domain: curlybrackets
*/

/* FONTS */

/* END OF FONTS */
.google-auto-placed{display:none !important;}
strong{font-weight:bold !important;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
	
}
a{text-decoration:none !important;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Open Sans', sans-serif;
}
code{background:white !important;}
img { border: 0; }
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
/* line 2, ../sass/partials/_base.scss */
body, html {
  margin: 0 auto;
  padding: 0;
  cursor: default;
  -webkit-text-size-adjust: none;
}

/* line 4, ../sass/partials/_base.scss */
a {
  text-decoration: none;
}

/* line 5, ../sass/partials/_base.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

/* line 12, ../sass/partials/_base.scss */
h3 {
  font-weight: 400;
  font-size: 2.3rem !important;
  line-height: 35px;
  margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* line 14, ../sass/partials/_base.scss */
img {
  display: block;
}

/* GRID OPTIONS */
/* line 9, ../sass/styles.scss */
.map_cont {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
/* line 14, ../sass/partials/_variables.scss */
.map_cont:before {
  padding-top: 40%;
  content: '';
  display: block;
}
/* line 20, ../sass/partials/_variables.scss */
.map_cont > * {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.intro_menu_links:hover{font-weight:bold !important; color:#fff !important;}
.menu_links:hover{font-weight:bold !important; color:#000 !important;}
.wpcf7 br{display:none !important;}
.call_to_action{border:none !important; border-radius:0px !important;}

.espa img{width:auto; height:auto; max-width:100%; max-height:44px;}
.right-text p{height:auto !important;}
#acwp-toolbar-btn{z-index:999999999 !important;}
.acwp-toolbar{z-index:9999 !important;}
#map{height:400px !important;}
@media only screen and (min-width: 1325px) {
    
    .espa{position:fixed; bottom:44px; left:0px; height:44px; z-index:9999;}
    .under_rozos {display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; width:100%; bottom:15vh;}    
    .main_of_rozos{display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%;}
  /* line 11, ../sass/styles.scss */
  .h_menu {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 999999;
  }

  /* line 13, ../sass/styles.scss */
  .tablet {
    display: none !important;
  }

  /* line 14, ../sass/styles.scss */
  .mobile {
    display: none !important;
  }

  /* line 15, ../sass/styles.scss */
  .big_rozos {
    margin-top: 10vh;
    height: 75vh;
  }

  /* line 16, ../sass/styles.scss */
  .grid {
    clear: both;
    overflow: auto;
    overflow-x: hidden;
  }

  /* line 19, ../sass/styles.scss */
  .intro {
    background: url("https://www.ap-recycling.gr/resources/website_images/arxiki-bg.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    float: left;
    text-align: center;
    /*@include aspect-ratio(80%);*/
  }

  /* line 29, ../sass/styles.scss */
  .col1 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  .tree_parallax{display:flex !important; justify-content:space-between; align-items:center;}
  .tree{width:50%;}
  /* line 14, ../sass/partials/_variables.scss */
  .col1:before {
    padding-top: 40%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 35, ../sass/styles.scss */
  .hero {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .hero:before {
    padding-top: 40%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .hero > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 42, ../sass/styles.scss */
  .col1_hover {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 0px;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1_hover:before {
    padding-top: 45%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1_hover > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 50, ../sass/styles.scss */
  .col1_intro {
    width: 100%;
    float: left;
    text-align: center;
  }
  
  .main_of_rozos{display:flex; justify-content:center; align-items:center; flex-direction:column;}
    .intro_logo img{width:auto; height:auto; max-width:180px;}
  /* line 57, ../sass/styles.scss */
  .intro_text {
    
    width: 100%;
    font-size: 3.5rem;
    color: #fff;
    font-weight: bold;
  }

  /* line 66, ../sass/styles.scss */
  .intro_logo {
    display:flex; justify-content:center; align-items:center;
    margin-top: 33px;
    width: 100%;
    font-size: 3rem;
    color: #fff;
  }

  /* line 74, ../sass/styles.scss */
  .intro_arrow {
    position: absolute;
    background-color: #fff;
    height: 50px;
    bottom: 0px;
    width: 100%;
    font-size: 3rem;
    color: #fff;
    display:flex; justify-content:center; align-items:center;
  }

  /* line 86, ../sass/styles.scss */
  .intro_arrow_effect {
    animation-name: bounce;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    /*animation-timing-function:cubic-bezier(0.950, 0.050, 0.795, 0.035) ;*/
  }

  @keyframes bounce {
    0% {
      margin-top: 17px;
    }
    25% {
      margin-top: 12px;
    }
    50% {
      margin-top: 22px;
    }
    75% {
      margin-top: 17px;
    }
    100% {
      margin-top: 17px;
    }
  }
  /* line 103, ../sass/styles.scss */
  .intro_menu {
    width: 100%;
    position: absolute;
    z-index: 9999;
  }

  /* line 109, ../sass/styles.scss */
  .menu_cont {
    width: 100%;
  }

  /* line 114, ../sass/styles.scss */
  .move_plane {
    animation-name: move_plane;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move_plane {
    from {
      margin-top: 80px;
      zoom: 1;
    }
    to {
      margin-top: -200px;
      margin-left: 900px;
      zoom: 1;
    }
  }
  /*.menu{position:absolute; z-index:99; width:100%; transition: top 0.1s ease-in-out;}*/
  /* line 126, ../sass/styles.scss */
  .top {
    position: fixed !important;
    width: 100%;
    background-color: #fff;
  }

  /* line 127, ../sass/styles.scss */
  .top_free {
    position: absolute;
    width: 100%;
  }

  /* line 128, ../sass/styles.scss */
  .menu_inner {
    position: fixed;
    z-index: 99;
    width: 100%;
    transition: top 0.1s ease-in-out;
    padding-bottom: 20px;
  }

  /* line 129, ../sass/styles.scss */
  .nav-down {
    top: 0px;
  }

  /* line 132, ../sass/styles.scss */
  .nav-up {
    top: -74px !important;
  }

  /* line 137, ../sass/styles.scss */
  .nav-down1 {
    top: 0px !important;
    z-index: 9999999999;
    background-color: #fff;
  }

  /* line 142, ../sass/styles.scss */
  .nav-up1 {
    top: -120px !important;
  }

  /* line 145, ../sass/styles.scss */
  .intro_menu_obj {
    color: #fff;
    font-size: 0.9rem;
    display: inline;
    font-weight: 400;
    margin-right: 27px;
  }

  /* line 146, ../sass/styles.scss */
  .intro_menu_links {
    color: #fff;
    font-weight: 400;
  }

  /* line 147, ../sass/styles.scss */
  .intro_menu_obj_black {
    color: #000;
    font-size: 0.9rem;
    display: inline;
    font-weight: 400;
    margin-right: 10px;
  }

  /* line 148, ../sass/styles.scss */
  .menu_links {
    color: #000;
    font-weight: 400;
  }

  /* line 149, ../sass/styles.scss */
  .menu_logo {
    margin-left: 50px;
    margin-top: 15px;
  }

  /* line 150, ../sass/styles.scss */
  .intro_language {
    position: absolute;
    width: 100%;
    top: 0px;
  }

  /* line 153, ../sass/styles.scss */
  .col2 {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 120px;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col2:before {
    padding-top: 90%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col2 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 160, ../sass/styles.scss */
  .col_text {
    width: 50%;
    margin: auto;
    margin-top: 80px;
    font-size: 1rem;
    position: relative;
    text-align: center;
    color: #606060;
    line-height: 25px;
  }

  /* line 171, ../sass/styles.scss */
  .call_to_action {
    background-color: #b0b0b0;
    color: #fff;
    width: 50%;
    margin: auto;
    padding: 12px;
    font-size: 140% !important;
    font-weight: 300;
    margin-top: 65px;
    margin-bottom: 180px;
    cursor: pointer;
  }

  /* line 172, ../sass/styles.scss */
  span {
    font-size: inherit;
    color: #606060;
    line-height: 35px;
  }

  /* line 173, ../sass/styles.scss */
  .right-text {
    padding-left: 48px;
    padding-right: 48px;
  }

  /* line 174, ../sass/styles.scss */
  .right-text code {
    font-size: 1.4rem;
    color: #000;
    line-height: 35px;
  }

  /* line 175, ../sass/styles.scss */
  .right-text span {
    font-size: 1.4rem;
    color: #606060;
    line-height: 35px;
  }

  /* line 176, ../sass/styles.scss */
  .right-text h3 {
    font-size: 2.3rem !important;
    color: #606060;
  }

  /* line 177, ../sass/styles.scss */
  .right-text p small {
    font-size: .9rem !important;
    color: #606060;
    line-height: 25px;
  }

  /* line 178, ../sass/styles.scss */
  .tree {
    position: relative;
    /*
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    */
    /*
    position:absolute; 
    width:100%; 
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    */
  }

  /* line 196, ../sass/styles.scss */
  .tree_img {
    /*margin-left: 45% !important;*/
    width: 80% !important;
  }

  /* line 198, ../sass/styles.scss */
  .banner_text_intro {
    position: absolute;
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4%;
    text-align: left;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 25px;
  }

  /* line 212, ../sass/styles.scss */
  .footer {
    width: 100%;
  }

  /* line 213, ../sass/styles.scss */
  .footer_cont {
    font-size: 0.7rem;
    color: #000;
  }

  /* line 219, ../sass/styles.scss */
  input {
    padding: 12px;
    display: block;
    width: 100%;
    margin-top: 30px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 231, ../sass/styles.scss */
  input:focus {
    background-color: #c4c4c4;
  }

  /* line 235, ../sass/styles.scss */
  textarea {
    padding: 12px;
    width: 100%;
    margin-top: 30px;
    height: 250px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 250, ../sass/styles.scss */
  textarea:focus {
    background-color: #c4c4c4;
  }

  /* line 254, ../sass/styles.scss */
  .planitis {
    width: 100%;
    margin: auto;
    margin-top: -90px;
    margin-bottom: 150px;
  }

  /* line 255, ../sass/styles.scss */
  .planitis_icon {
    margin: auto;
    width: 100%;
  }

  /* line 256, ../sass/styles.scss */
  .planitis_icon img {
    margin: auto;
    width: 25vw;
  }

  /* line 257, ../sass/styles.scss */
  .clouds {
    position: absolute;
  }

  /* line 258, ../sass/styles.scss */
  .cloud1 {
    margin-left: 8vw;
    margin-top: 3vw;
  }

  /* line 259, ../sass/styles.scss */
  .cloud1 img {
    width: 14vw;
  }

  /* line 260, ../sass/styles.scss */
  .cloud2 {
    margin-left: 4vw;
    margin-top: 10vw;
  }

  /* line 261, ../sass/styles.scss */
  .cloud2 img {
    width: 10vw;
  }

  /* line 262, ../sass/styles.scss */
  .cloud3 {
    margin-left: 27vw;
    margin-top: 5vw;
  }

  /* line 263, ../sass/styles.scss */
  .cloud3 img {
    width: 10vw;
  }

  /* line 264, ../sass/styles.scss */
  .cloud4 {
    margin-left: 14vw;
    margin-top: 11vw;
  }

  /* line 265, ../sass/styles.scss */
  .cloud4 img {
    width: 20vw;
  }

  /* line 266, ../sass/styles.scss */
  .cloud5 {
    margin-left: 27vw;
    margin-top: 9vw;
  }

  /* line 267, ../sass/styles.scss */
  .cloud5 img {
    width: 14vw;
  }

  /* line 269, ../sass/styles.scss */
  .move1 {
    animation-name: move1;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move1 {
    from {
      margin-left: 8vw;
    }
    to {
      margin-left: 0vw;
    }
  }
  /* line 280, ../sass/styles.scss */
  .move2 {
    animation-name: move2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move2 {
    from {
      margin-left: 4vw;
    }
    to {
      margin-left: 2vw;
    }
  }
  /* line 291, ../sass/styles.scss */
  .move3 {
    animation-name: move3;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move3 {
    from {
      margin-left: 27vw;
    }
    to {
      margin-left: 32vw;
    }
  }
  /* line 302, ../sass/styles.scss */
  .move4 {
    animation-name: move4;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move4 {
    from {
      margin-left: 14vw;
    }
    to {
      margin-left: 37vw;
    }
  }
  /* line 313, ../sass/styles.scss */
  .move5 {
    animation-name: move5;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move5 {
    from {
      margin-left: 27vw;
    }
    to {
      margin-left: 35vw;
    }
  }
  /* line 324, ../sass/styles.scss */
  .metrics {
    position: absolute;
    width: 100%;
    margin-top: -53vh;
    margin-left: -12vh;
  }

  /* line 331, ../sass/styles.scss */
  .metrics img {
    height: 25vh;
    margin: auto;
  }

  /* line 335, ../sass/styles.scss */
  .metrics_nums {
    position: absolute;
  }

  /* line 336, ../sass/styles.scss */
  .age {
    font-size: 1.8vh;
    color: #fff;
    position: absolute;
    opacity: 0;
  }

  /* line 338, ../sass/styles.scss */
  .age1 {
    margin-top: -32vh;
    margin-left: 111vh;
  }

  /* line 339, ../sass/styles.scss */
  .age2 {
    margin-top: -33vh;
    margin-left: 109vh;
  }

  /* line 340, ../sass/styles.scss */
  .age3 {
    margin-top: -38vh;
    margin-left: 100vh;
  }

  /* line 341, ../sass/styles.scss */
  .age4 {
    margin-top: -41vh;
    margin-left: 94vh;
  }

  /* line 342, ../sass/styles.scss */
  .age5 {
    margin-top: -44vh;
    margin-left: 88vh;
  }

  /* line 343, ../sass/styles.scss */
  .age6 {
    margin-top: -48vh;
    margin-left: 81vh;
  }

  /* line 344, ../sass/styles.scss */
  .age7 {
    margin-top: -51vh;
    margin-left: 75vh;
  }

  /* line 345, ../sass/styles.scss */
  .age8 {
    margin-top: -53vh;
    margin-left: 72vh;
  }

  /* line 346, ../sass/styles.scss */
  .age9 {
    margin-top: -56vh;
    margin-left: 67vh;
  }

  /* line 348, ../sass/styles.scss */
  .plane_parallax {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1324px) {
    .espa{position:fixed; bottom:44px; left:0px; height:44px; z-index:9999;}
    .under_rozos {display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; width:100%; bottom:15vh;}    
    .main_of_rozos{display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%;}
  /* line 353, ../sass/styles.scss */
  .h_menu {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 999999;
  }

  /* line 355, ../sass/styles.scss */
  .tablet {
    display: none !important;
  }

  /* line 356, ../sass/styles.scss */
  .mobile {
    display: none !important;
  }

  /* line 357, ../sass/styles.scss */
  .big_rozos {
    height: 75vh;
    margin-top: 10vh;
  }

  /* line 358, ../sass/styles.scss */
  .grid {
    clear: both;
    overflow: auto;
    overflow-x: hidden;
  }

  /* line 360, ../sass/styles.scss */
  .intro {
    width: 100%;
    background: url("https://www.ap-recycling.gr/resources/website_images/arxiki-bg.jpg") no-repeat;
    background-size: cover;
    float: left;
    text-align: center;
    /*@include aspect-ratio(80%);*/
  }

  /* line 369, ../sass/styles.scss */
  .col1 {
    width: 100%;
    text-align: center;
    position: relative;
    display: flex;
    vertical-align: top;
    justify-content:space-between;
    align-items:center;
  }
  
  .tree_parallax{display:flex !important; justify-content:space-between; align-items:center;}
  .tree{width:50%;}
  
  /* line 14, ../sass/partials/_variables.scss */
  .col1:before {
    padding-top: 40%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 375, ../sass/styles.scss */
  .hero {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .hero:before {
    padding-top: 40%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .hero > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 382, ../sass/styles.scss */
  .col1_hover {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 0px;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1_hover:before {
    padding-top: 45%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1_hover > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 390, ../sass/styles.scss */
  .col1_intro {
    width: 100%;
    float: left;
    text-align: center;
  }

  /* line 397, ../sass/styles.scss */
  .intro_text {
    position: absolute;
    margin-top: -25vh;
    width: 100%;
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
  }

  /* line 406, ../sass/styles.scss */
  .intro_logo {
    position: absolute;
    margin-top: -5%;
    width: 100%;
    font-size: 3rem;
    color: #fff;
  }

  /* line 414, ../sass/styles.scss */
  .intro_arrow {
    position: absolute;
    background-color: #fff;
    height: 50px;
    bottom: 0px;
    width: 100%;
    font-size: 3rem;
    color: #fff;
    display:flex; justify-content:center; align-items:center;
  }

  /* line 426, ../sass/styles.scss */
  .intro_arrow_effect {
    animation-name: bounce;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    /*animation-timing-function:cubic-bezier(0.950, 0.050, 0.795, 0.035) ;*/
  }

  @keyframes bounce {
    0% {
      margin-top: 17px;
    }
    25% {
      margin-top: 12px;
    }
    50% {
      margin-top: 22px;
    }
    75% {
      margin-top: 17px;
    }
    100% {
      margin-top: 17px;
    }
  }
  /* line 443, ../sass/styles.scss */
  .intro_menu {
    width: 100%;
    position: absolute;
    z-index: 9999;
  }

  /* line 449, ../sass/styles.scss */
  .menu_cont {
    width: 100%;
  }

  /* line 454, ../sass/styles.scss */
  .move_plane {
    animation-name: move_plane;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move_plane {
    from {
      margin-top: 80px;
      zoom: 1;
    }
    to {
      margin-top: -200px;
      margin-left: 900px;
      zoom: 1;
    }
  }
  /*.menu{position:absolute; z-index:99; width:100%; transition: top 0.1s ease-in-out;}*/
  /* line 466, ../sass/styles.scss */
  .top {
    position: fixed !important;
    width: 100%;
    background-color: #fff;
  }

  /* line 467, ../sass/styles.scss */
  .top_free {
    position: absolute;
    width: 100%;
  }

  /* line 468, ../sass/styles.scss */
  .menu_inner {
    position: fixed;
    z-index: 99;
    width: 100%;
    transition: top 0.1s ease-in-out;
    padding-bottom: 20px;
  }

  /* line 469, ../sass/styles.scss */
  .nav-down {
    top: 0px;
  }

  /* line 472, ../sass/styles.scss */
  .nav-up {
    top: -74px !important;
  }

  /* line 477, ../sass/styles.scss */
  .nav-down1 {
    top: 0px !important;
    z-index: 9999999999;
    background-color: #fff;
  }

  /* line 482, ../sass/styles.scss */
  .nav-up1 {
    top: -120px !important;
  }

  /* line 485, ../sass/styles.scss */
  .intro_menu_obj {
    color: #fff;
    font-size: 0.9rem;
    display: inline;
    font-weight: 400;
    margin-right: 27px;
  }

  /* line 486, ../sass/styles.scss */
  .intro_menu_links {
    color: #fff;
    font-weight: 400;
  }

  /* line 487, ../sass/styles.scss */
  .intro_menu_obj_black {
    color: #000;
    font-size: 0.9rem;
    display: inline;
    font-weight: 400;
    margin-right: 10px;
  }

  /* line 488, ../sass/styles.scss */
  .menu_links {
    color: #000;
    font-weight: 400;
  }

  /* line 489, ../sass/styles.scss */
  .menu_logo {
    margin-left: 50px;
    margin-top: 15px;
  }

  /* line 490, ../sass/styles.scss */
  .intro_language {
    position: absolute;
    width: 100%;
    top: 0px;
  }

  /* line 493, ../sass/styles.scss */
  .col2 {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 120px;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col2:before {
    padding-top: 90%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col2 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 500, ../sass/styles.scss */
  .col_text {
    width: 50%;
    margin: auto;
    margin-top: 80px;
    font-size: 1rem;
    position: relative;
    text-align: center;
    color: #606060;
    line-height: 25px;
  }

  /* line 511, ../sass/styles.scss */
  .call_to_action {
    background-color: #b0b0b0;
    color: #fff;
    width: 50%;
    margin: auto;
    padding: 12px;
    font-size: 140% !important;
    font-weight: 300;
    margin-top: 65px;
    margin-bottom: 180px;
    cursor: pointer;
  }

  /* line 512, ../sass/styles.scss */
  span {
    font-size: inherit;
    color: #606060;
    line-height: 35px;
  }

  /* line 513, ../sass/styles.scss */
  .right-text p {
    height: 30px;
  }

  /* line 514, ../sass/styles.scss */
  .right-text {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -30px;
  }

  /* line 515, ../sass/styles.scss */
  .right-text code {
    font-size: 1.2rem;
    color: #000;
    line-height: 1.4rem;
  }

  /* line 516, ../sass/styles.scss */
  .right-text span {
    font-size: 1.2rem;
    color: #606060;
    line-height: 1.4rem;
  }

  /* line 517, ../sass/styles.scss */
  .right-text h3 {
    font-size: 2.2rem !important;
    color: #606060;
  }

  /* line 518, ../sass/styles.scss */
  .right-text p small {
    font-size: 0.9rem !important;
    color: #606060;
    line-height: 1.1rem;
    height: 20px;
  }

  /* line 519, ../sass/styles.scss */
  .tree {
    position: relative;
    /*
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    */
    /*
    position:absolute; 
    width:100%; 
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    */
  }

  /* line 537, ../sass/styles.scss */
  .tree_img {
    /*margin-left: 45% !important;*/
    width: 80% !important;
  }

  /* line 539, ../sass/styles.scss */
  .banner_text_intro {
    position: absolute;
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4%;
    text-align: left;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 25px;
  }

  /* line 553, ../sass/styles.scss */
  .footer {
    width: 100%;
  }

  /* line 554, ../sass/styles.scss */
  .footer_cont {
    font-size: 0.7rem;
    color: #000;
  }

  /* line 560, ../sass/styles.scss */
  input {
    padding: 12px;
    display: block;
    width: 100%;
    margin-top: 30px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 572, ../sass/styles.scss */
  input:focus {
    background-color: #c4c4c4;
  }

  /* line 576, ../sass/styles.scss */
  textarea {
    padding: 12px;
    width: 100%;
    margin-top: 30px;
    height: 250px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 591, ../sass/styles.scss */
  textarea:focus {
    background-color: #c4c4c4;
  }

  /* line 595, ../sass/styles.scss */
  .planitis {
    width: 100%;
    margin: auto;
    margin-top: -90px;
    margin-bottom: 150px;
  }

  /* line 596, ../sass/styles.scss */
  .planitis_icon {
    margin: auto;
    width: 100%;
  }

  /* line 597, ../sass/styles.scss */
  .planitis_icon img {
    margin: auto;
    width: 25vw;
  }

  /* line 598, ../sass/styles.scss */
  .clouds {
    position: absolute;
  }

  /* line 599, ../sass/styles.scss */
  .cloud1 {
    margin-left: 8vw;
    margin-top: 3vw;
  }

  /* line 600, ../sass/styles.scss */
  .cloud1 img {
    width: 14vw;
  }

  /* line 601, ../sass/styles.scss */
  .cloud2 {
    margin-left: 4vw;
    margin-top: 10vw;
  }

  /* line 602, ../sass/styles.scss */
  .cloud2 img {
    width: 10vw;
  }

  /* line 603, ../sass/styles.scss */
  .cloud3 {
    margin-left: 27vw;
    margin-top: 5vw;
  }

  /* line 604, ../sass/styles.scss */
  .cloud3 img {
    width: 10vw;
  }

  /* line 605, ../sass/styles.scss */
  .cloud4 {
    margin-left: 14vw;
    margin-top: 11vw;
  }

  /* line 606, ../sass/styles.scss */
  .cloud4 img {
    width: 20vw;
  }

  /* line 607, ../sass/styles.scss */
  .cloud5 {
    margin-left: 27vw;
    margin-top: 9vw;
  }

  /* line 608, ../sass/styles.scss */
  .cloud5 img {
    width: 14vw;
  }

  /* line 610, ../sass/styles.scss */
  .move1 {
    animation-name: move1;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move1 {
    from {
      margin-left: 8vw;
    }
    to {
      margin-left: 0vw;
    }
  }
  /* line 621, ../sass/styles.scss */
  .move2 {
    animation-name: move2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move2 {
    from {
      margin-left: 4vw;
    }
    to {
      margin-left: 2vw;
    }
  }
  /* line 632, ../sass/styles.scss */
  .move3 {
    animation-name: move3;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move3 {
    from {
      margin-left: 27vw;
    }
    to {
      margin-left: 32vw;
    }
  }
  /* line 643, ../sass/styles.scss */
  .move4 {
    animation-name: move4;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move4 {
    from {
      margin-left: 14vw;
    }
    to {
      margin-left: 37vw;
    }
  }
  /* line 654, ../sass/styles.scss */
  .move5 {
    animation-name: move5;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move5 {
    from {
      margin-left: 27vw;
    }
    to {
      margin-left: 35vw;
    }
  }
  /* line 665, ../sass/styles.scss */
  .metrics {
    position: absolute;
    width: 100%;
    margin-top: -53vh;
    margin-left: -12vh;
  }

  /* line 672, ../sass/styles.scss */
  .metrics img {
    height: 25vh;
    margin: auto;
  }

  /* line 676, ../sass/styles.scss */
  .metrics_nums {
    position: absolute;
  }

  /* line 677, ../sass/styles.scss */
  .age {
    font-size: 1.8vh;
    color: #fff;
    position: absolute;
    opacity: 0;
  }

  /* line 679, ../sass/styles.scss */
  .age1 {
    margin-top: -32vh;
    margin-left: 111vh;
  }

  /* line 680, ../sass/styles.scss */
  .age2 {
    margin-top: -33vh;
    margin-left: 109vh;
  }

  /* line 681, ../sass/styles.scss */
  .age3 {
    margin-top: -38vh;
    margin-left: 100vh;
  }

  /* line 682, ../sass/styles.scss */
  .age4 {
    margin-top: -41vh;
    margin-left: 94vh;
  }

  /* line 683, ../sass/styles.scss */
  .age5 {
    margin-top: -44vh;
    margin-left: 88vh;
  }

  /* line 684, ../sass/styles.scss */
  .age6 {
    margin-top: -48vh;
    margin-left: 81vh;
  }

  /* line 685, ../sass/styles.scss */
  .age7 {
    margin-top: -51vh;
    margin-left: 75vh;
  }

  /* line 686, ../sass/styles.scss */
  .age8 {
    margin-top: -53vh;
    margin-left: 72vh;
  }

  /* line 687, ../sass/styles.scss */
  .age9 {
    margin-top: -56vh;
    margin-left: 67vh;
  }

  /* line 689, ../sass/styles.scss */
  .plane_parallax {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1024px) {
    .espa{position:fixed; bottom:44px; left:0px; height:44px; z-index:9999;}
    .under_rozos {display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; width:100%; bottom:15vh;}    
    .main_of_rozos{display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%;}
  /* line 693, ../sass/styles.scss */
  .h_menu {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 999999;
  }

  /* line 695, ../sass/styles.scss */
  .tablet {
    display: none !important;
  }

  /* line 696, ../sass/styles.scss */
  .mobile {
    display: none !important;
  }

  /* line 697, ../sass/styles.scss */
  .big_rozos {
    margin-top: 5%;
    height: 420px;
  }

  /* line 698, ../sass/styles.scss */
  .grid {
    clear: both;
    overflow: auto;
    overflow-x: hidden;
  }

  /* line 700, ../sass/styles.scss */
  .intro {
    width: 100%;
    background: url("https://www.ap-recycling.gr/resources/website_images/arxiki-bg.jpg") no-repeat;
    height: 768 !important;
    background-size: inherit;
    float: left;
    text-align: center;
    /*@include aspect-ratio(80%);*/
  }

  /* line 712, ../sass/styles.scss */
  .col1 {
    width: 100%;
    text-align: center;
    position: relative;
    display: flex;
    vertical-align: top;
    justify-content:space-between;
    align-items:center;
  }
  
  .tree_parallax{display:flex !important; justify-content:space-between; align-items:center;}
  .tree{width:50%;}
  /* line 14, ../sass/partials/_variables.scss */
  .col1:before {
    padding-top: 40%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 718, ../sass/styles.scss */
  .hero {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .hero:before {
    padding-top: 40%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .hero > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 725, ../sass/styles.scss */
  .col1_hover {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 0px;
    background-size: 50% !important;
    background-position: 50% 4000% !important;
    margin-top: -45px;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1_hover:before {
    padding-top: 50%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1_hover > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 739, ../sass/styles.scss */
  .col1_intro {
    width: 100%;
    float: left;
    text-align: center;
  }

  /* line 745, ../sass/styles.scss */
  .under_rozos {
    position: absolute;
    top: 350px;
    width: 90%;
    margin-left: 5%;
  }

  /* line 752, ../sass/styles.scss */
  .intro_text {
    /*
    position:absolute;
    margin-top:-25vh;
    width:100%;
    */
    font-size: 38px;
    color: #fff;
    font-weight: bold;
  }

  /* line 763, ../sass/styles.scss */
  .intro_logo {
    /*position:absolute;
    margin-top:-6%;
    width:100%;
    font-size:3rem;
    color:#fff;
    */
    margin-top: 30px;
    width:100%; display:flex; justify-content:center; align-items:center;
  }

  /* line 773, ../sass/styles.scss */
  .intro_logo img {
    width: 15% !important;
  }

  /* line 775, ../sass/styles.scss */
  .intro_arrow {
    position: absolute;
    background-color: #fff;
    height: 50px;
    bottom: 0px;
    width: 100%;
    font-size: 3rem;
    color: #fff;
    display:flex; justify-content:center; align-items:center;
  }

  /* line 787, ../sass/styles.scss */
  .intro_arrow_effect {
    animation-name: bounce;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    /*animation-timing-function:cubic-bezier(0.950, 0.050, 0.795, 0.035) ;*/
  }

  @keyframes bounce {
    0% {
      margin-top: 17px;
    }
    25% {
      margin-top: 12px;
    }
    50% {
      margin-top: 22px;
    }
    75% {
      margin-top: 17px;
    }
    100% {
      margin-top: 17px;
    }
  }
  /* line 804, ../sass/styles.scss */
  .intro_menu {
    width: 100%;
    position: absolute;
    z-index: 9999;
  }

  /* line 810, ../sass/styles.scss */
  .menu_cont {
    width: 100%;
  }

  /* line 815, ../sass/styles.scss */
  .move_plane {
    animation-name: move_plane;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move_plane {
    from {
      margin-top: 80px;
      zoom: 1;
    }
    to {
      margin-top: -200px;
      margin-left: 900px;
      zoom: 1;
    }
  }
  /* line 826, ../sass/styles.scss */
  .menu_inner {
    position: fixed;
    z-index: 99;
    width: 100%;
    transition: top 0.1s ease-in-out;
    padding-bottom: 20px;
  }

  /* line 827, ../sass/styles.scss */
  .nav-down {
    top: 0px;
  }

  /* line 830, ../sass/styles.scss */
  .nav-up {
    top: -74px !important;
  }

  /* line 834, ../sass/styles.scss */
  .intro_menu_obj {
    color: #fff;
    font-size: 0.9rem;
    display: inline;
    font-weight: 400;
    margin-right: 27px;
  }

  /* line 835, ../sass/styles.scss */
  .intro_menu_links {
    color: #fff;
    font-weight: 400;
  }

  /* line 836, ../sass/styles.scss */
  .intro_menu_obj_black {
    color: #000;
    font-size: 0.9rem;
    display: inline;
    font-weight: 400;
    margin-right: 10px;
  }

  /* line 837, ../sass/styles.scss */
  .menu_links {
    color: #000;
    font-weight: 400;
  }

  /* line 838, ../sass/styles.scss */
  .menu_logo {
    margin-left: 50px;
    margin-top: 15px;
  }

  /* line 839, ../sass/styles.scss */
  .intro_language {
    position: absolute;
    width: 100%;
    top: 0px;
  }

  /* line 842, ../sass/styles.scss */
  .col2 {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col2:before {
    padding-top: 100%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col2 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 849, ../sass/styles.scss */
  .col_text {
    width: 70%;
    margin: auto;
    margin-top: 80px;
    font-size: 1.05rem;
    position: relative;
    text-align: center;
    color: #606060;
    line-height: 25px;
  }

  /* line 860, ../sass/styles.scss */
  .call_to_action {
    background-color: #b0b0b0;
    color: #fff;
    width: 55%;
    margin: auto;
    padding: 12px;
    font-size: 140% !important;
    font-weight: 300;
    margin-top: 65px;
    margin-bottom: 180px;
    cursor: pointer;
  }

  /* line 861, ../sass/styles.scss */
  .right-text p {
    height: 32px;
  }

  /* line 862, ../sass/styles.scss */
  span {
    font-size: inherit;
    color: #606060;
    line-height: 35px;
  }

  /* line 863, ../sass/styles.scss */
  .right-text {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -20px;
  }

  /* line 864, ../sass/styles.scss */
  .right-text code {
    font-size: 1.2rem;
    color: #000;
    line-height: 25px;
  }

  /* line 865, ../sass/styles.scss */
  .right-text span {
    font-size: 1.2rem;
    color: #606060;
    line-height: 25px;
  }

  /* line 866, ../sass/styles.scss */
  .right-text h3 {
    font-size: 1.9rem !important;
    color: #606060;
  }

  /* line 867, ../sass/styles.scss */
  .right-text p small {
    font-size: .9rem !important;
    color: #606060;
  }

  /* line 868, ../sass/styles.scss */
  .tree {
    position: relative;
    /*
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    */
    /*
    position:absolute; 
    width:100%; 
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    */
  }

  /* line 886, ../sass/styles.scss */
  .tree_img {
    /*margin-left: 50% !important;*/
    width: 80% !important;
  }

  /* line 888, ../sass/styles.scss */
  .banner_text_intro {
    position: absolute;
    width: 45%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4%;
    text-align: left;
    font-size: 1.05rem;
    font-weight: 400;
  }

  /* line 901, ../sass/styles.scss */
  .footer {
    width: 100%;
  }

  /* line 902, ../sass/styles.scss */
  .footer_cont {
    font-size: 0.6rem;
    color: #000;
  }

  /* line 908, ../sass/styles.scss */
  input {
    padding: 12px;
    display: block;
    width: 100%;
    margin-top: 30px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 920, ../sass/styles.scss */
  input:focus {
    background-color: #c4c4c4;
  }

  /* line 924, ../sass/styles.scss */
  textarea {
    padding: 12px;
    width: 100%;
    margin-top: 30px;
    height: 250px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 939, ../sass/styles.scss */
  textarea:focus {
    background-color: #c4c4c4;
  }

  /* line 943, ../sass/styles.scss */
  .planitis {
    width: 100%;
    margin: auto;
    margin-top: -90px;
    margin-bottom: 150px;
  }

  /* line 944, ../sass/styles.scss */
  .planitis_icon {
    margin: auto;
    width: 100%;
  }

  /* line 945, ../sass/styles.scss */
  .planitis_icon img {
    margin: auto;
    width: 25vw;
  }

  /* line 946, ../sass/styles.scss */
  .clouds {
    position: absolute;
  }

  /* line 947, ../sass/styles.scss */
  .cloud1 {
    margin-left: 15vw;
    margin-top: 3vw;
  }

  /* line 948, ../sass/styles.scss */
  .cloud1 img {
    width: 14vw;
  }

  /* line 949, ../sass/styles.scss */
  .cloud2 {
    margin-left: 17vw;
    margin-top: 10vw;
  }

  /* line 950, ../sass/styles.scss */
  .cloud2 img {
    width: 10vw;
  }

  /* line 951, ../sass/styles.scss */
  .cloud3 {
    margin-left: 36vw;
    margin-top: 5vw;
  }

  /* line 952, ../sass/styles.scss */
  .cloud3 img {
    width: 10vw;
  }

  /* line 953, ../sass/styles.scss */
  .cloud4 {
    margin-left: 26vw;
    margin-top: 11vw;
  }

  /* line 954, ../sass/styles.scss */
  .cloud4 img {
    width: 20vw;
  }

  /* line 955, ../sass/styles.scss */
  .cloud5 {
    margin-left: 35vw;
    margin-top: 9vw;
  }

  /* line 956, ../sass/styles.scss */
  .cloud5 img {
    width: 14vw;
  }

  /* line 958, ../sass/styles.scss */
  .move1 {
    animation-name: move1;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move1 {
    from {
      margin-left: 15vw;
    }
    to {
      margin-left: 0vw;
    }
  }
  /* line 969, ../sass/styles.scss */
  .move2 {
    animation-name: move2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move2 {
    from {
      margin-left: 17vw;
    }
    to {
      margin-left: 2vw;
    }
  }
  /* line 980, ../sass/styles.scss */
  .move3 {
    animation-name: move3;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move3 {
    from {
      margin-left: 36vw;
    }
    to {
      margin-left: 48vw;
    }
  }
  /* line 991, ../sass/styles.scss */
  .move4 {
    animation-name: move4;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move4 {
    from {
      margin-left: 26vw;
    }
    to {
      margin-left: 45vw;
    }
  }
  /* line 1002, ../sass/styles.scss */
  .move5 {
    animation-name: move5;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move5 {
    from {
      margin-left: 35vw;
    }
    to {
      margin-left: 50vw;
    }
  }
  /* line 1013, ../sass/styles.scss */
  .metrics {
    position: absolute;
    width: 100%;
    margin-top: -53vh;
    margin-left: -12vh;
  }

  /* line 1020, ../sass/styles.scss */
  .metrics img {
    height: 25vh;
    margin: auto;
  }

  /* line 1024, ../sass/styles.scss */
  .metrics_nums {
    display: none;
  }

  /* line 1025, ../sass/styles.scss */
  .age {
    font-size: 1.8vh;
    color: #fff;
    position: absolute;
    opacity: 0;
  }

  /*
  .age1{margin-top:-22vh; margin-left:115vh;}
  .age2{margin-top:-33vh; margin-left:109vh;}
  .age3{margin-top:-38vh; margin-left:100vh;}
  .age4{margin-top:-41vh; margin-left:94vh;}
  .age5{margin-top:-44vh; margin-left:88vh;}
  .age6{margin-top:-48vh; margin-left:81vh;}
  .age7{margin-top:-51vh; margin-left:75vh;}
  .age8{margin-top:-53vh; margin-left:72vh;}
  .age9{margin-top:-56vh; margin-left:67vh;}
  */
  /* line 1037, ../sass/styles.scss */
  .plane_parallax {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    .espa{position:fixed; bottom:44px; left:0px; height:44px; z-index:9999;}
    .espa img{width:auto; height:auto; max-width:100%; max-height:33px !important;}
    .under_rozos {display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; width:100%; bottom:15vh;}    
    .main_of_rozos{display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%;}
  /* line 1041, ../sass/styles.scss */
  .h_menu {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 999999;
  }

  /* line 1042, ../sass/styles.scss */
  .desktop {
    display: none !important;
  }

  /* line 1043, ../sass/styles.scss */
  .tablet {
    display: inline !important;
  }

  /* line 1044, ../sass/styles.scss */
  .mobile {
    display: none !important;
  }

  /* line 1045, ../sass/styles.scss */
  .big_rozos {
    margin-top: 10vh;
    height: 75vh;
  }

  /* line 1046, ../sass/styles.scss */
  .col1 .tree_parallax .desktop {
    display: none !important;
  }

  /* line 1047, ../sass/styles.scss */
  .desktop {
    display: none !important;
  }

  /* line 1048, ../sass/styles.scss */
  .tablet {
    display: inline !important;
  }

  /* line 1049, ../sass/styles.scss */
  .grid {
    clear: both;
    overflow: auto;
    overflow-x: hidden;
  }

  /* line 1051, ../sass/styles.scss */
  .intro {
    width: 100%;
    background: url("https://www.ap-recycling.gr/resources/website_images/arxiki-bg.jpg") no-repeat;
    background-size: cover;
    float: left;
    text-align: center;
    /*@include aspect-ratio(80%);*/
  }

  /* line 1060, ../sass/styles.scss */
  .col1 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1:before {
    padding-top: 50%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1066, ../sass/styles.scss */
  .hero {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .hero:before {
    padding-top: 40%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .hero > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1073, ../sass/styles.scss */
  .col1_hover {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 0px;
    background-size: 60% !important;
    background-position: center !important;
    top: 650px !important;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1_hover:before {
    padding-top: 60%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1_hover > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1085, ../sass/styles.scss */
  .col1_intro {
    width: 100%;
    float: left;
    text-align: center;
  }

  /* line 1092, ../sass/styles.scss */
  .intro_text {
    position: absolute;
    margin-top: -25vh;
    width: 100%;
    font-size: 2.5rem;
    color: #fff;
    font-weight: bold;
  }

  /* line 1101, ../sass/styles.scss */
  .intro_logo {
    position: absolute;
    margin-top: -6.5%;
    width: 100%;
    font-size: 3rem;
    color: #fff;
  }

  /* line 1109, ../sass/styles.scss */
  .intro_arrow {
    position: absolute;
    background-color: #fff;
    height: 50px;
    bottom: 0px;
    width: 100%;
    font-size: 3rem;
    color: #fff;
    display:flex; justify-content:center; align-items:center;
  }

  /* line 1121, ../sass/styles.scss */
  .col3 {
    width: 100%;
    text-align: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5%;
    padding-left: 48px;
    padding-right: 48px;
    font-size: 1.05rem;
    line-height: 25px;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col3:before {
    padding-top: 5%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col3 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1132, ../sass/styles.scss */
  .col4 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col4:before {
    padding-top: 40%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col4 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1137, ../sass/styles.scss */
  .col4 img {
    width: 45% !important;
    margin-top: 3% !important;
  }

  /* line 1138, ../sass/styles.scss */
  .intro_arrow_effect {
    animation-name: bounce;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    /*animation-timing-function:cubic-bezier(0.950, 0.050, 0.795, 0.035) ;*/
  }

  @keyframes bounce {
    0% {
      margin-top: 17px;
    }
    25% {
      margin-top: 12px;
    }
    50% {
      margin-top: 22px;
    }
    75% {
      margin-top: 17px;
    }
    100% {
      margin-top: 17px;
    }
  }
  /* line 1155, ../sass/styles.scss */
  .intro_menu {
    width: 100%;
    position: absolute;
    z-index: 9999;
    left: 0;
  }

  /* line 1162, ../sass/styles.scss */
  .menu_cont {
    width: 100%;
  }

  /* line 1167, ../sass/styles.scss */
  .move_plane {
    animation-name: move_plane;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move_plane {
    from {
      margin-top: 80px;
      zoom: 1;
    }
    to {
      margin-top: -200px;
      margin-left: 900px;
      zoom: 1;
    }
  }
  /* line 1178, ../sass/styles.scss */
  .lang {
    font-size: 1.2rem !important;
  }

  /* line 1179, ../sass/styles.scss */
  .menu_inner {
    position: absolute;
    z-index: 99;
    width: 100%;
  }

  /* line 1180, ../sass/styles.scss */
  .intro_menu_obj {
    color: #fff;
    font-size: 0.1 0.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 1181, ../sass/styles.scss */
  .intro_menu_links {
    color: #fff;
    font-weight: 400;
  }

  /* line 1182, ../sass/styles.scss */
  .intro_menu_obj_black {
    color: #000;
    font-size: 1.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 1183, ../sass/styles.scss */
  .menu_links {
    color: #000;
    font-weight: 400;
  }

  /* line 1184, ../sass/styles.scss */
  .menu_logo {
    margin-left: 50px;
    margin-top: 15px;
  }

  /* line 1185, ../sass/styles.scss */
  .intro_language {
    position: absolute;
    width: 100%;
    top: 0px;
  }

  /* line 1188, ../sass/styles.scss */
  .col2 {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col2:before {
    padding-top: 90%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col2 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1195, ../sass/styles.scss */
  .col_text {
    width: 70%;
    margin: auto;
    margin-top: 80px;
    font-size: 1.1rem;
    position: relative;
    text-align: center;
    color: #606060;
  }

  /* line 1204, ../sass/styles.scss */
  .plane_parallax {
    margin-top: 80px;
  }

  /* line 1205, ../sass/styles.scss */
  .call_to_action {
    background-color: #b0b0b0;
    color: #fff;
    width: 75%;
    margin: auto;
    padding: 12px;
    font-size: 140% !important;
    font-weight: 300;
    margin-top: 65px;
    margin-bottom: 180px;
    cursor: pointer;
  }

  /* line 1207, ../sass/styles.scss */
  .col1 .right-text {
    text-align: left !important;
    color: #606060;
  }

  /* line 1209, ../sass/styles.scss */
  span {
    font-size: inherit;
    color: #606060;
    line-height: 35px;
  }

  /* line 1210, ../sass/styles.scss */
  .right-text {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -20px;
  }

  /* line 1211, ../sass/styles.scss */
  .right-text code {
    font-size: 1.2rem;
    color: #000;
    line-height: 25px;
  }

  /* line 1212, ../sass/styles.scss */
  .right-text span {
    font-size: 1.2rem;
    color: #606060;
    line-height: 25px;
  }

  /* line 1213, ../sass/styles.scss */
  .right-text h3 {
    font-size: 1.9rem !important;
    color: #606060;
  }

  /* line 1214, ../sass/styles.scss */
  .right-text p small {
    font-size: 1.05rem !important;
    color: #606060;
  }

  /*
  .right-text h3{font-size:2rem !important; color:#606060;}
  .right-text{padding-left:48px; padding-right:48px; font-size:1.3rem; color:#606060;}
  .right-text small{ font-size:1.1rem; color:#606060;}
  */
  /* line 1220, ../sass/styles.scss */
  .tree {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*
    position:absolute; 
    width:100%; 
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    */
  }

  /* line 1238, ../sass/styles.scss */
  .banner_text_intro {
    position: absolute;
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4%;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 400;
  }

  /* line 1251, ../sass/styles.scss */
  .footer {
    width: 100%;
  }

  /* line 1252, ../sass/styles.scss */
  .footer_cont {
    font-size: 0.6rem;
    color: #000;
  }

  /* line 1258, ../sass/styles.scss */
  input {
    padding: 12px;
    display: block;
    width: 100%;
    margin-top: 30px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 1270, ../sass/styles.scss */
  input:focus {
    background-color: #c4c4c4;
  }

  /* line 1274, ../sass/styles.scss */
  textarea {
    padding: 12px;
    width: 100%;
    margin-top: 30px;
    height: 250px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 1289, ../sass/styles.scss */
  textarea:focus {
    background-color: #c4c4c4;
  }

  /* line 1293, ../sass/styles.scss */
  .planitis {
    width: 100%;
    margin: auto;
    margin-top: -90px;
    margin-bottom: 150px;
  }

  /* line 1294, ../sass/styles.scss */
  .planitis_icon {
    margin: auto;
    width: 100%;
  }

  /* line 1295, ../sass/styles.scss */
  .planitis_icon img {
    margin: auto;
    width: 25vw;
  }

  /* line 1296, ../sass/styles.scss */
  .clouds {
    position: absolute;
  }

  /* line 1297, ../sass/styles.scss */
  .cloud1 {
    margin-left: 8vw;
    margin-top: 3vw;
  }

  /* line 1298, ../sass/styles.scss */
  .cloud1 img {
    width: 14vw;
  }

  /* line 1299, ../sass/styles.scss */
  .cloud2 {
    margin-left: 4vw;
    margin-top: 10vw;
  }

  /* line 1300, ../sass/styles.scss */
  .cloud2 img {
    width: 10vw;
  }

  /* line 1301, ../sass/styles.scss */
  .cloud3 {
    margin-left: 27vw;
    margin-top: 5vw;
  }

  /* line 1302, ../sass/styles.scss */
  .cloud3 img {
    width: 10vw;
  }

  /* line 1303, ../sass/styles.scss */
  .cloud4 {
    margin-left: 14vw;
    margin-top: 11vw;
  }

  /* line 1304, ../sass/styles.scss */
  .cloud4 img {
    width: 20vw;
  }

  /* line 1305, ../sass/styles.scss */
  .cloud5 {
    margin-left: 27vw;
    margin-top: 9vw;
  }

  /* line 1306, ../sass/styles.scss */
  .cloud5 img {
    width: 14vw;
  }

  /* line 1308, ../sass/styles.scss */
  .move1 {
    animation-name: move1;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move1 {
    from {
      margin-left: 8vw;
    }
    to {
      margin-left: 0vw;
    }
  }
  /* line 1319, ../sass/styles.scss */
  .move2 {
    animation-name: move2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move2 {
    from {
      margin-left: 4vw;
    }
    to {
      margin-left: 2vw;
    }
  }
  /* line 1330, ../sass/styles.scss */
  .move3 {
    animation-name: move3;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move3 {
    from {
      margin-left: 27vw;
    }
    to {
      margin-left: 32vw;
    }
  }
  /* line 1341, ../sass/styles.scss */
  .move4 {
    animation-name: move4;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move4 {
    from {
      margin-left: 14vw;
    }
    to {
      margin-left: 37vw;
    }
  }
  /* line 1352, ../sass/styles.scss */
  .move5 {
    animation-name: move5;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move5 {
    from {
      margin-left: 27vw;
    }
    to {
      margin-left: 35vw;
    }
  }
  /* line 1363, ../sass/styles.scss */
  .metrics {
    position: absolute;
    width: 100%;
    margin-top: -53vh;
    margin-left: -12vh;
  }

  /* line 1369, ../sass/styles.scss */
  .age {
    font-size: 1.8vh;
    color: #fff;
    position: absolute;
    opacity: 0;
  }

  /* line 1370, ../sass/styles.scss */
  .metrics img {
    height: 25vh;
    margin: auto;
  }

  /* line 1373, ../sass/styles.scss */
  .metrics_nums {
    display: none;
  }
}
@media only screen and (min-width: 574px) and (max-width: 768px) {
    #acwp-toolbar-btn{top:55px !important;}
    .espa{position:fixed; bottom:44px; left:0px; height:44px; z-index:9999;}
    .espa img{width:auto; height:auto; max-width:100%; max-height:33px !important;}
    .under_rozos {display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; width:100%; bottom:15vh;}    
    .main_of_rozos{display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%;}
  /* line 1377, ../sass/styles.scss */
  .h_menu {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 999999;
  }

  /* line 1378, ../sass/styles.scss */
  .desktop {
    display: none !important;
  }

  /* line 1379, ../sass/styles.scss */
  .tablet {
    display: inline !important;
  }

  /* line 1380, ../sass/styles.scss */
  .mobile {
    display: none !important;
  }

  /* line 1381, ../sass/styles.scss */
  .big_rozos {
    margin-top: 10%;
    width: 550px;
  }

  /* line 1382, ../sass/styles.scss */
  .col1 .tree_parallax .desktop {
    display: none !important;
  }

  /* line 1383, ../sass/styles.scss */
  .desktop {
    display: none !important;
  }

  /* line 1384, ../sass/styles.scss */
  .tablet {
    display: inline !important;
  }

  /* line 1385, ../sass/styles.scss */
  .grid {
    clear: both;
    overflow: auto;
    overflow-x: hidden;
  }

  /* line 1387, ../sass/styles.scss */
  .intro {
    width: 100%;
    background: url("https://www.ap-recycling.gr/resources/website_images/arxiki-bg.jpg") no-repeat;
    background-size: cover;
    float: left;
    text-align: center;
    /*@include aspect-ratio(80%);*/
  }

  /* line 1396, ../sass/styles.scss */
  .col1 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1:before {
    padding-top: 50%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1402, ../sass/styles.scss */
  .hero {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .hero:before {
    padding-top: 40%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .hero > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1409, ../sass/styles.scss */
  .col1_hover {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 0px;
    background-size: 60% !important;
    background-position: center !important;
    top: 1050px !important;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1_hover:before {
    padding-top: 60%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1_hover > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1420, ../sass/styles.scss */
  .col1_intro {
    width: 100%;
    float: left;
    text-align: center;
  }

  /* line 1427, ../sass/styles.scss */
  .under_rozos {
    position: absolute;
    width: 90%;
    margin-left: 5%;
    top: 500px;
  }

  /* line 1434, ../sass/styles.scss */
  .intro_text {
    /*
    position:absolute;
    margin-top:-25%;
    width:90%;
    margin-left:5%; 
    */
    font-size: 45px;
    color: #fff;
    font-weight: bold;
  }

  /* line 1446, ../sass/styles.scss */
  .intro_logo {
    /*
    position:absolute;
    margin-top:20%;  
    width:100%;
    font-size:3rem;
    color:#fff;
    */
    margin-top: 20px;
  }

  /* line 1457, ../sass/styles.scss */
  .intro_logo img {
    width: 155px !important;
  }

  /* line 1459, ../sass/styles.scss */
  .intro_arrow {
    display: none;
    position: absolute;
    background-color: #fff;
    height: 50px;
    bottom: 0px;
    width: 100%;
    font-size: 3rem;
    color: #fff;
    display:flex; justify-content:center; align-items:center;
  }

  /* line 1473, ../sass/styles.scss */
  .intro_arrow_effect {
    animation-name: bounce;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    /*animation-timing-function:cubic-bezier(0.950, 0.050, 0.795, 0.035) ;*/
  }

  @keyframes bounce {
    0% {
      margin-top: 17px;
    }
    25% {
      margin-top: 12px;
    }
    50% {
      margin-top: 22px;
    }
    75% {
      margin-top: 17px;
    }
    100% {
      margin-top: 17px;
    }
  }
  /* line 1490, ../sass/styles.scss */
  .intro_menu {
    width: 100%;
    position: absolute;
    z-index: 9999;
    left: 0px;
  }

  /* line 1497, ../sass/styles.scss */
  .menu_cont {
    width: 100%;
  }

  /* line 1502, ../sass/styles.scss */
  .move_plane {
    animation-name: move_plane;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move_plane {
    from {
      margin-top: 80px;
      zoom: 1;
    }
    to {
      margin-top: -200px;
      margin-left: 900px;
      zoom: 1;
    }
  }
  /* line 1513, ../sass/styles.scss */
  .lang {
    font-size: 1.2rem !important;
  }

  /* line 1514, ../sass/styles.scss */
  .menu_inner {
    position: absolute;
    z-index: 99;
    width: 100%;
  }

  /* line 1515, ../sass/styles.scss */
  .intro_menu_obj {
    color: #fff;
    font-size: 0.1 0.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 1516, ../sass/styles.scss */
  .intro_menu_links {
    color: #fff;
    font-weight: 400;
  }

  /* line 1517, ../sass/styles.scss */
  .intro_menu_obj_black {
    color: #000;
    font-size: 1.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 1518, ../sass/styles.scss */
  .menu_links {
    color: #000;
    font-weight: 400;
  }

  /* line 1519, ../sass/styles.scss */
  .menu_logo {
    margin-left: 15px;
    margin-top: 15px;
  }

  /* line 1520, ../sass/styles.scss */
  .intro_language {
    position: absolute;
    width: 100%;
    top: 0px;
  }

  /* line 1523, ../sass/styles.scss */
  .col2 {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col2:before {
    padding-top: 90%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col2 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1530, ../sass/styles.scss */
  .col_text {
    width: 80%;
    margin: auto;
    margin-top: 80px;
    font-size: 1rem;
    line-height: 25px;
    position: relative;
    text-align: center;
    color: #606060;
  }

  /* line 1541, ../sass/styles.scss */
  .col3 {
    width: 100%;
    text-align: left;
    padding-left: 48px;
    padding-right: 48px;
    font-size: 1rem;
    line-height: 25px;
    margin-top: 50px;
    margin-bottom: 100px;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col3:before {
    padding-top: 5%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col3 > * {
    /*position: absolute;*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1555, ../sass/styles.scss */
  .col4 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col4:before {
    padding-top: 40%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col4 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1560, ../sass/styles.scss */
  .col4 img {
    width: 45% !important;
    margin-top: 3% !important;
  }

  /* line 1562, ../sass/styles.scss */
  .plane_parallax {
    margin-top: 80px;
  }

  /* line 1563, ../sass/styles.scss */
  .call_to_action {
    background-color: #b0b0b0;
    color: #fff;
    width: 75%;
    margin: auto;
    padding: 12px;
    font-size: 2rem !important;
    font-weight: 300;
    margin-top: 65px;
    margin-bottom: 180px;
    cursor: pointer;
  }

  /* line 1565, ../sass/styles.scss */
  span {
    font-size: inherit;
    color: #606060;
    line-height: 35px;
  }

  /* line 1566, ../sass/styles.scss */
  .right-text {
    padding-left: 48px;
    padding-right: 48px;
  }

  /* line 1567, ../sass/styles.scss */
  .right-text code {
    font-size: 1.4rem;
    color: #000;
    line-height: 35px;
  }

  /* line 1568, ../sass/styles.scss */
  .right-text span {
    font-size: 1.4rem;
    color: #606060;
    line-height: 35px;
  }

  /* line 1569, ../sass/styles.scss */
  .right-text h3 {
    font-size: 2.3rem !important;
    color: #606060;
    margin-top: 900px;
  }

  /* line 1570, ../sass/styles.scss */
  .right-text p small {
    font-size: 1rem !important;
    color: #606060;
    line-height: 25px;
  }

  /* line 1572, ../sass/styles.scss */
  .col1 .right-text {
    text-align: left !important;
    color: #606060;
  }

  /*
  .right-text h3{font-size:2rem !important; color:#606060;}
  .right-text{padding-left:48px; padding-right:48px; font-size:1.3rem; color:#606060;}
  .right-text small{ font-size:1.2rem; color:#606060;}
  */
  /* line 1578, ../sass/styles.scss */
  .tree {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*
    position:absolute; 
    width:100%; 
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    */
  }

  /* line 1596, ../sass/styles.scss */
  .banner_text_intro {
    position: absolute;
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4%;
    text-align: left;
    font-size: 1rem;
    font-weight: 400;
  }

  /* line 1609, ../sass/styles.scss */
  .footer {
    width: 100%;
  }

  /* line 1610, ../sass/styles.scss */
  .footer_cont {
    font-size: 0.6rem;
    color: #000;
  }

  /* line 1616, ../sass/styles.scss */
  input {
    padding: 12px;
    display: block;
    width: 100%;
    margin-top: 30px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 1628, ../sass/styles.scss */
  input:focus {
    background-color: #c4c4c4;
  }

  /* line 1632, ../sass/styles.scss */
  textarea {
    padding: 12px;
    width: 100%;
    margin-top: 30px;
    height: 250px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 1647, ../sass/styles.scss */
  textarea:focus {
    background-color: #c4c4c4;
  }

  /* line 1651, ../sass/styles.scss */
  .planitis {
    width: 100%;
    margin: auto;
    margin-top: -90px;
    margin-bottom: 150px;
  }

  /* line 1652, ../sass/styles.scss */
  .planitis_icon {
    margin: auto;
    width: 100%;
  }

  /* line 1653, ../sass/styles.scss */
  .planitis_icon img {
    margin: auto;
    width: 25vw;
  }

  /* line 1654, ../sass/styles.scss */
  .clouds {
    position: absolute;
  }

  /* line 1655, ../sass/styles.scss */
  .cloud1 {
    margin-left: 20vw;
    margin-top: 3vw;
  }

  /* line 1656, ../sass/styles.scss */
  .cloud1 img {
    width: 14vw;
  }

  /* line 1657, ../sass/styles.scss */
  .cloud2 {
    margin-left: 22vw;
    margin-top: 10vw;
  }

  /* line 1658, ../sass/styles.scss */
  .cloud2 img {
    width: 10vw;
  }

  /* line 1659, ../sass/styles.scss */
  .cloud3 {
    margin-left: 42vw;
    margin-top: 5vw;
  }

  /* line 1660, ../sass/styles.scss */
  .cloud3 img {
    width: 10vw;
  }

  /* line 1661, ../sass/styles.scss */
  .cloud4 {
    margin-left: 30vw;
    margin-top: 11vw;
  }

  /* line 1662, ../sass/styles.scss */
  .cloud4 img {
    width: 20vw;
  }

  /* line 1663, ../sass/styles.scss */
  .cloud5 {
    margin-left: 41vw;
    margin-top: 9vw;
  }

  /* line 1664, ../sass/styles.scss */
  .cloud5 img {
    width: 14vw;
  }

  /* line 1666, ../sass/styles.scss */
  .move1 {
    animation-name: move1;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move1 {
    from {
      margin-left: 20vw;
    }
    to {
      margin-left: 8vw;
    }
  }
  /* line 1677, ../sass/styles.scss */
  .move2 {
    animation-name: move2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move2 {
    from {
      margin-left: 22vw;
    }
    to {
      margin-left: 12vw;
    }
  }
  /* line 1688, ../sass/styles.scss */
  .move3 {
    animation-name: move3;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move3 {
    from {
      margin-left: 42vw;
    }
    to {
      margin-left: 59vw;
    }
  }
  /* line 1699, ../sass/styles.scss */
  .move4 {
    animation-name: move4;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move4 {
    from {
      margin-left: 30vw;
    }
    to {
      margin-left: 50vw;
    }
  }
  /* line 1710, ../sass/styles.scss */
  .move5 {
    animation-name: move5;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move5 {
    from {
      margin-left: 41vw;
    }
    to {
      margin-left: 55vw;
    }
  }
  /* line 1723, ../sass/styles.scss */
  .metrics {
    position: absolute;
    width: 100%;
    margin-top: -60%;
    margin-left: -12%;
  }

  /* line 1730, ../sass/styles.scss */
  .metrics img {
    width: 50%;
    margin: auto;
  }

  /* line 1734, ../sass/styles.scss */
  .age {
    font-size: 1.8vh;
    color: #fff;
    position: absolute;
    opacity: 0;
  }

  /* line 1735, ../sass/styles.scss */
  .metrics_nums {
    display: none;
  }
}
@media only screen and (min-width: 321px) and (max-width: 573px) {
    #acwp-toolbar-btn{top:55px !important;}
    .espa{position:fixed; bottom:44px; left:0px; height:44px; z-index:9999;}
    .espa img{width:auto; height:auto; max-width:100%; max-height:33px !important;}
    .under_rozos {display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; width:100%; bottom:35vh;}    
  /* line 1739, ../sass/styles.scss */
  h3 {
    font-weight: 400;
    font-size: 2.3rem !important;
    line-height: 40px;
  }

  /* line 1740, ../sass/styles.scss */
  .h_menu {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 999999;
  }

  /* line 1741, ../sass/styles.scss */
  .big_rozos {
    width: 90% !important;
    margin-top: 10vh;
  }

  /* line 1742, ../sass/styles.scss */
  .col1 .tree_parallax .desktop {
    display: none !important;
  }

  /* line 1743, ../sass/styles.scss */
  .desktop {
    display: none !important;
  }

  /* line 1744, ../sass/styles.scss */
  .tablet {
    display: none !important;
  }

  /* line 1745, ../sass/styles.scss */
  .mobile {
    display: inline !important;
  }

  /* line 1746, ../sass/styles.scss */
  .grid {
    clear: both;
    overflow: auto;
    overflow-x: hidden;
  }

  /* line 1748, ../sass/styles.scss */
  .intro {
    background: url("https://www.ap-recycling.gr/resources/website_images/arxiki-bg.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    float: left;
    text-align: center;
    /*@include aspect-ratio(80%);*/
  }

  /* line 1757, ../sass/styles.scss */
  .col1 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1:before {
    padding-top: 60%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1763, ../sass/styles.scss */
  .hero {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .hero:before {
    padding-top: 100%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .hero > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1770, ../sass/styles.scss */
  .col1_hover {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 0px;
    background-size: 60% !important;
    background-position: center !important;
    top: 1500px !important;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1_hover:before {
    padding-top: 60%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1_hover > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1782, ../sass/styles.scss */
  .col1_intro {
    width: 100%;
    float: left;
    text-align: center;
  }

  /* line 1789, ../sass/styles.scss */
  .intro_text {
    margin-top: 22px !important; display:flex; justify-content:center; align-items:center;
    width: 89%;
    margin-left: 5%;
    font-size: 2.4rem;
    color: #fff;
    font-weight: bold;
  }

  /* line 1799, ../sass/styles.scss */
  .intro_logo {
    margin-top:22px;
    width: 100%; display:flex; justify-content:center; align-items:center;
    font-size: 3rem;
    color: #fff;
  }

  /* line 1807, ../sass/styles.scss */
  .intro_logo img {
    width: 28% !important;
  }

  /* line 1809, ../sass/styles.scss */
  .intro_arrow {
    display: none;
    position: absolute;
    background-color: #fff;
    height: 50px;
    bottom: 0px;
    width: 100%;
    font-size: 3rem;
    color: #fff;
    display:flex; justify-content:center; align-items:center;
  }

  /* line 1822, ../sass/styles.scss */
  .col3 {
    width: 100%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1rem;
    line-height: 25px;
    margin-top: 50px;
    margin-bottom: 100px;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col3:before {
    padding-top: 5%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col3 > * {
    /*position: absolute;*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1836, ../sass/styles.scss */
  .col4 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col4:before {
    padding-top: 60%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col4 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1841, ../sass/styles.scss */
  .col4 img {
    width: 65% !important;
    margin-top: 3% !important;
  }

  /* line 1842, ../sass/styles.scss */
  .intro_arrow_effect {
    animation-name: bounce;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    /*animation-timing-function:cubic-bezier(0.950, 0.050, 0.795, 0.035) ;*/
  }

  @keyframes bounce {
    0% {
      margin-top: 17px;
    }
    25% {
      margin-top: 12px;
    }
    50% {
      margin-top: 22px;
    }
    75% {
      margin-top: 17px;
    }
    100% {
      margin-top: 17px;
    }
  }
  /* line 1859, ../sass/styles.scss */
  .intro_menu {
    width: 100%;
    position: absolute;
    z-index: 9999;
    left: 0px;
  }

  /* line 1866, ../sass/styles.scss */
  .menu_cont {
    width: 100%;
  }

  /* line 1871, ../sass/styles.scss */
  .move_plane {
    animation-name: move_plane;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move_plane {
    from {
      margin-top: 80px;
      zoom: 1;
    }
    to {
      margin-top: -200px;
      margin-left: 900px;
      zoom: 1;
    }
  }
  /* line 1882, ../sass/styles.scss */
  .lang {
    font-size: 0.9rem !important;
  }

  /* line 1883, ../sass/styles.scss */
  .menu_inner {
    position: absolute;
    z-index: 99;
    width: 100%;
  }

  /* line 1884, ../sass/styles.scss */
  .intro_menu_obj {
    color: #fff;
    font-size: 0.1 0.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 1885, ../sass/styles.scss */
  .intro_menu_links {
    color: #fff;
    font-weight: 400;
  }

  /* line 1886, ../sass/styles.scss */
  .intro_menu_obj_black {
    color: #000;
    font-size: 1.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 1887, ../sass/styles.scss */
  .menu_links {
    color: #000;
    font-weight: 400;
  }

  /* line 1888, ../sass/styles.scss */
  .menu_logo {
    margin-top: 15px;
  }

  /* line 1889, ../sass/styles.scss */
  .intro_language {
    position: absolute;
    width: 100%;
    top: 0px;
  }

  /* line 1892, ../sass/styles.scss */
  .col2 {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col2:before {
    padding-top: 90%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col2 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 1899, ../sass/styles.scss */
  .col_text {
    width: 100%;
    margin: auto;
    margin-top: 80px;
    font-size: 1rem;
    line-height: 25px;
    position: relative;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    color: #606060;
  }

  /* line 1911, ../sass/styles.scss */
  .plane_parallax {
    margin-top: 80px;
  }

  /* line 1912, ../sass/styles.scss */
  .call_to_action {
    background-color: #b0b0b0;
    color: #fff;
    width: 90%;
    margin: auto;
    padding: 12px;
    font-size: 1.5rem !important;
    font-weight: 300;
    margin-top: 65px;
    margin-bottom: 180px;
    cursor: pointer;
  }

  /* line 1914, ../sass/styles.scss */
  span {
    font-size: inherit;
    color: #606060;
    line-height: 35px;
  }

  /* line 1915, ../sass/styles.scss */
  .right-text {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }

  /* line 1916, ../sass/styles.scss */
  .right-text code {
    font-size: 1.4rem;
    color: #000;
    line-height: 35px;
  }

  /* line 1917, ../sass/styles.scss */
  .right-text span {
    font-size: 1.4rem;
    color: #606060;
    line-height: 35px;
  }

  /* line 1918, ../sass/styles.scss */
  .right-text h3 {
    font-size: 2.3rem !important;
    color: #606060;
    margin-top: 750px;
  }

  /* line 1919, ../sass/styles.scss */
  .right-text p small {
    font-size: 1rem !important;
    color: #606060;
    line-height: 25px;
  }

  /* line 1921, ../sass/styles.scss */
  .col1 .right-text {
    text-align: left !important;
    color: #606060;
  }

  /*
  .col1 .right-text{text-align:left !important; color:#606060;}
  .right-text h3{font-size:1.8rem !important; color:#606060;}
  .right-text{padding-left:48px; padding-right:48px; font-size:1.1rem; margin-top:680px; color:#606060;}
  .right-text small{ font-size:1rem; color:#606060;}
  */
  /* line 1928, ../sass/styles.scss */
  .tree {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*
    position:absolute; 
    width:100%; 
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    */
  }

  /* line 1946, ../sass/styles.scss */
  .banner_text_intro {
    position: absolute;
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4%;
    text-align: left;
    font-size: 1rem;
    line-height: 25px;
    font-weight: 400;
  }

  /* line 1960, ../sass/styles.scss */
  .footer {
    width: 100%;
  }

  /* line 1961, ../sass/styles.scss */
  .footer_cont {
    font-size: 0.6rem;
    color: #000;
  }

  /* line 1965, ../sass/styles.scss */
  .footer_left {
    margin-left: 10px !important;
  }

  /* line 1966, ../sass/styles.scss */
  .footer_right {
    margin-right: 10px !important;
  }

  /* line 1968, ../sass/styles.scss */
  input {
    padding: 12px;
    display: block;
    width: 100%;
    margin-top: 30px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 1980, ../sass/styles.scss */
  input:focus {
    background-color: #c4c4c4;
  }

  /* line 1984, ../sass/styles.scss */
  textarea {
    padding: 12px;
    width: 100%;
    margin-top: 30px;
    height: 250px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 1999, ../sass/styles.scss */
  textarea:focus {
    background-color: #c4c4c4;
  }

  /* line 2003, ../sass/styles.scss */
  .planitis {
    width: 100%;
    margin: auto;
    margin-top: -90px;
    margin-bottom: 150px;
  }

  /* line 2004, ../sass/styles.scss */
  .planitis_icon {
    margin: auto;
    width: 100%;
  }

  /* line 2005, ../sass/styles.scss */
  .planitis_icon img {
    margin: auto;
    width: 25vw;
  }

  /* line 2006, ../sass/styles.scss */
  .clouds {
    position: absolute;
  }

  /* line 2007, ../sass/styles.scss */
  .cloud1 {
    margin-left: 22vw;
    margin-top: 3vw;
  }

  /* line 2008, ../sass/styles.scss */
  .cloud1 img {
    width: 14vw;
  }

  /* line 2009, ../sass/styles.scss */
  .cloud2 {
    margin-left: 26vw;
    margin-top: 10vw;
  }

  /* line 2010, ../sass/styles.scss */
  .cloud2 img {
    width: 10vw;
  }

  /* line 2011, ../sass/styles.scss */
  .cloud3 {
    margin-left: 49vw;
    margin-top: 5vw;
  }

  /* line 2012, ../sass/styles.scss */
  .cloud3 img {
    width: 10vw;
  }

  /* line 2013, ../sass/styles.scss */
  .cloud4 {
    margin-left: 37vw;
    margin-top: 11vw;
  }

  /* line 2014, ../sass/styles.scss */
  .cloud4 img {
    width: 20vw;
  }

  /* line 2015, ../sass/styles.scss */
  .cloud5 {
    margin-left: 50vw;
    margin-top: 9vw;
  }

  /* line 2016, ../sass/styles.scss */
  .cloud5 img {
    width: 14vw;
  }

  /* line 2019, ../sass/styles.scss */
  .move1 {
    animation-name: move1;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move1 {
    from {
      margin-left: 22vw;
    }
    to {
      margin-left: 10vw;
    }
  }
  /* line 2030, ../sass/styles.scss */
  .move2 {
    animation-name: move2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move2 {
    from {
      margin-left: 26vw;
    }
    to {
      margin-left: 12vw;
    }
  }
  /* line 2041, ../sass/styles.scss */
  .move3 {
    animation-name: move3;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move3 {
    from {
      margin-left: 49vw;
    }
    to {
      margin-left: 60vw;
    }
  }
  /* line 2052, ../sass/styles.scss */
  .move4 {
    animation-name: move4;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move4 {
    from {
      margin-left: 37vw;
    }
    to {
      margin-left: 55vw;
    }
  }
  /* line 2063, ../sass/styles.scss */
  .move5 {
    animation-name: move5;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move5 {
    from {
      margin-left: 50vw;
    }
    to {
      margin-left: 60vw;
    }
  }
  /* line 2074, ../sass/styles.scss */
  .metrics {
    position: absolute;
    width: 100%;
    margin-top: -59%;
    margin-left: -14%;
  }

  /* line 2081, ../sass/styles.scss */
  .metrics img {
    width: 50%;
    margin: auto;
  }

  /* line 2085, ../sass/styles.scss */
  .age {
    font-size: 1.8vh;
    color: #fff;
    position: absolute;
    opacity: 0;
  }

  /* line 2086, ../sass/styles.scss */
  .metrics_nums {
    display: none;
  }
}
@media only screen and (max-width: 320px) {
    #acwp-toolbar-btn{top:55px !important;}
    .espa img{width:auto; height:auto; max-width:100%; max-height:33px !important;}
    .under_rozos {display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; width:100%; bottom:35vh;}    
  /* line 2090, ../sass/styles.scss */
  .h_menu {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 999999;
  }

  /* line 2091, ../sass/styles.scss */
  .big_rozos {
    width: 90% !important;
    margin-top: 10% !important;
  }

  /* line 2092, ../sass/styles.scss */
  .col1 .tree_parallax .desktop {
    display: none !important;
  }

  /* line 2093, ../sass/styles.scss */
  .desktop {
    display: none !important;
  }

  /* line 2094, ../sass/styles.scss */
  .tablet {
    display: none !important;
  }

  /* line 2095, ../sass/styles.scss */
  .mobile {
    display: inline !important;
  }

  /* line 2096, ../sass/styles.scss */
  .grid {
    clear: both;
    overflow: auto;
    overflow-x: hidden;
  }

  /* line 2098, ../sass/styles.scss */
  .intro {
    width: 100%;
    background: url("https://www.ap-recycling.gr/resources/website_images/arxiki-bg.jpg") no-repeat;
    background-size: cover;
    float: left;
    text-align: center;
    /*@include aspect-ratio(80%);*/
  }

  /* line 2107, ../sass/styles.scss */
  .col1 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1:before {
    padding-top: 60%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2113, ../sass/styles.scss */
  .hero {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .hero:before {
    padding-top: 100%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .hero > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2120, ../sass/styles.scss */
  .col1_hover {
    width: 95%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 0px;
    background-size: 30% !important;
    background-position: center !important;
    top: 1200px  !important;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1_hover:before {
    padding-top: 90%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1_hover > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2133, ../sass/styles.scss */
  .col1_intro {
    width: 100%;
    float: left;
    text-align: center;
  }

  /* line 2140, ../sass/styles.scss */
  .intro_text {
    margin-top: 22px !important; display:flex; justify-content:center; align-items:center;
    width: 90%;
    font-size: 1.9rem !important;
    color: #fff;
    font-weight: bold;
  }

  /* line 2149, ../sass/styles.scss */
  .intro_logo {
    margin-top:22px;
    width: 100%; display:flex; justify-content:center; align-items:center;
    font-size: 3rem;
    color: #fff;
  }

  /* line 2157, ../sass/styles.scss */
  .intro_logo img {
    width: 25% !important;
  }

  /* line 2159, ../sass/styles.scss */
  .intro_arrow {
    display: none;
    position: absolute;
    background-color: #fff;
    height: 50px;
    bottom: 0px;
    width: 100%;
    font-size: 3rem;
    color: #fff;
    display:flex; justify-content:center; align-items:center;
  }

  /* line 2172, ../sass/styles.scss */
  .col3 {
    width: 100%;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1rem;
    margin-top: 50px;
    margin-bottom: 100px;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col3:before {
    padding-top: 5%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col3 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2185, ../sass/styles.scss */
  .col4 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col4:before {
    padding-top: 60%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col4 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2190, ../sass/styles.scss */
  .col4 img {
    width: 65% !important;
    margin-top: 3% !important;
  }

  /* line 2191, ../sass/styles.scss */
  .intro_arrow_effect {
    animation-name: bounce;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    /*animation-timing-function:cubic-bezier(0.950, 0.050, 0.795, 0.035) ;*/
  }

  @keyframes bounce {
    0% {
      margin-top: 17px;
    }
    25% {
      margin-top: 12px;
    }
    50% {
      margin-top: 22px;
    }
    75% {
      margin-top: 17px;
    }
    100% {
      margin-top: 17px;
    }
  }
  /* line 2208, ../sass/styles.scss */
  .intro_menu {
    width: 100%;
    position: absolute;
    z-index: 9999;
    left: 0px;
  }

  /* line 2215, ../sass/styles.scss */
  .menu_cont {
    width: 100%;
  }

  /* line 2220, ../sass/styles.scss */
  .move_plane {
    animation-name: move_plane;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move_plane {
    from {
      margin-top: 80px;
      zoom: 1;
    }
    to {
      margin-top: -200px;
      margin-left: 900px;
      zoom: 1;
    }
  }
  /* line 2231, ../sass/styles.scss */
  .lang {
    font-size: 1rem !important;
  }

  /* line 2232, ../sass/styles.scss */
  .menu_inner {
    position: absolute;
    z-index: 99;
    width: 100%;
  }

  /* line 2233, ../sass/styles.scss */
  .intro_menu_obj {
    color: #fff;
    font-size: 0.1 0.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 2234, ../sass/styles.scss */
  .intro_menu_links {
    color: #fff;
    font-weight: 400;
  }

  /* line 2235, ../sass/styles.scss */
  .intro_menu_obj_black {
    color: #000;
    font-size: 1.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 2236, ../sass/styles.scss */
  .menu_links {
    color: #000;
    font-weight: 400;
  }

  /* line 2237, ../sass/styles.scss */
  .menu_logo {
    margin-top: 15px;
  }

  /* line 2238, ../sass/styles.scss */
  .intro_language {
    position: absolute;
    width: 100%;
    top: 0px;
  }

  /* line 2241, ../sass/styles.scss */
  .col2 {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col2:before {
    padding-top: 90%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col2 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2248, ../sass/styles.scss */
  .col_text {
    width: 100%;
    margin: auto;
    margin-top: 80px;
    font-size: 1rem;
    position: relative;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    color: #606060;
  }

  /* line 2259, ../sass/styles.scss */
  .plane_parallax {
    margin-top: 80px;
  }

  /* line 2260, ../sass/styles.scss */
  .call_to_action {
    background-color: #b0b0b0;
    color: #fff;
    width: 90%;
    margin: auto;
    padding: 12px;
    font-size: 120% !important;
    font-weight: 300;
    margin-top: 65px;
    margin-bottom: 65px !important;
    cursor: pointer;
  }

  /* line 2262, ../sass/styles.scss */
  .col1 .right-text {
    text-align: left !important;
    color: #606060;
  }

  /* line 2263, ../sass/styles.scss */
  .right-text h3 {
    font-size: 1.8rem !important;
    color: #606060;
  }

  /* line 2264, ../sass/styles.scss */
  .right-text {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.1rem;
    margin-top: 550px;
    color: #606060;
  }

  /* line 2265, ../sass/styles.scss */
  .right-text small {
    font-size: 1.1rem;
    color: #606060;
  }

  /* line 2266, ../sass/styles.scss */
  .tree {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*
    position:absolute; 
    width:100%; 
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    */
  }

  /* line 2284, ../sass/styles.scss */
  .banner_text_intro {
    position: absolute;
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4%;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 400;
  }

  /* line 2297, ../sass/styles.scss */
  .footer {
    width: 100%;
  }

  /* line 2298, ../sass/styles.scss */
  .footer_cont {
    font-size: 0.6rem;
    color: #000;
  }

  /* line 2302, ../sass/styles.scss */
  .footer_left {
    margin-left: 10px !important;
  }

  /* line 2303, ../sass/styles.scss */
  .footer_right {
    margin-right: 10px !important;
  }

  /* line 2305, ../sass/styles.scss */
  input {
    padding: 12px;
    display: block;
    width: 100%;
    margin-top: 30px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 2317, ../sass/styles.scss */
  input:focus {
    background-color: #c4c4c4;
  }

  /* line 2321, ../sass/styles.scss */
  textarea {
    padding: 12px;
    width: 100%;
    margin-top: 30px;
    height: 250px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 2336, ../sass/styles.scss */
  textarea:focus {
    background-color: #c4c4c4;
  }

  /* line 2340, ../sass/styles.scss */
  .planitis {
    width: 100%;
    margin: auto;
    margin-top: -90px;
    margin-bottom: 150px;
  }

  /* line 2341, ../sass/styles.scss */
  .planitis_icon {
    margin: auto;
    width: 100%;
  }

  /* line 2342, ../sass/styles.scss */
  .planitis_icon img {
    margin: auto;
    width: 25vw;
  }

  /* line 2343, ../sass/styles.scss */
  .clouds {
    position: absolute;
  }

  /* line 2344, ../sass/styles.scss */
  .cloud1 {
    margin-left: 25vw;
    margin-top: 3vw;
  }

  /* line 2345, ../sass/styles.scss */
  .cloud1 img {
    width: 14vw;
  }

  /* line 2346, ../sass/styles.scss */
  .cloud2 {
    margin-left: 23vw;
    margin-top: 10vw;
  }

  /* line 2347, ../sass/styles.scss */
  .cloud2 img {
    width: 10vw;
  }

  /* line 2348, ../sass/styles.scss */
  .cloud3 {
    margin-left: 45vw;
    margin-top: 5vw;
  }

  /* line 2349, ../sass/styles.scss */
  .cloud3 img {
    width: 10vw;
  }

  /* line 2350, ../sass/styles.scss */
  .cloud4 {
    margin-left: 35vw;
    margin-top: 11vw;
  }

  /* line 2351, ../sass/styles.scss */
  .cloud4 img {
    width: 20vw;
  }

  /* line 2352, ../sass/styles.scss */
  .cloud5 {
    margin-left: 47vw;
    margin-top: 9vw;
  }

  /* line 2353, ../sass/styles.scss */
  .cloud5 img {
    width: 14vw;
  }

  /* line 2355, ../sass/styles.scss */
  .move1 {
    animation-name: move1;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move1 {
    from {
      margin-left: 25vw;
    }
    to {
      margin-left: 10vw;
    }
  }
  /* line 2366, ../sass/styles.scss */
  .move2 {
    animation-name: move2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move2 {
    from {
      margin-left: 23vw;
    }
    to {
      margin-left: 18vw;
    }
  }
  /* line 2377, ../sass/styles.scss */
  .move3 {
    animation-name: move3;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move3 {
    from {
      margin-left: 45vw;
    }
    to {
      margin-left: 55vw;
    }
  }
  /* line 2388, ../sass/styles.scss */
  .move4 {
    animation-name: move4;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move4 {
    from {
      margin-left: 35vw;
    }
    to {
      margin-left: 52vw;
    }
  }
  /* line 2399, ../sass/styles.scss */
  .move5 {
    animation-name: move5;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move5 {
    from {
      margin-left: 47vw;
    }
    to {
      margin-left: 59vw;
    }
  }
  /* line 2410, ../sass/styles.scss */
  .metrics {
    position: absolute;
    width: 100%;
    margin-top: -39vh;
    margin-left: -8vh;
  }

  /* line 2417, ../sass/styles.scss */
  .metrics img {
    width: 50%;
    margin: auto;
  }

  /* line 2421, ../sass/styles.scss */
  .age {
    font-size: 1.8vh;
    color: #fff;
    position: absolute;
    opacity: 0;
  }

  /* line 2422, ../sass/styles.scss */
  .metrics_nums {
    display: none;
  }
}
@media only screen and (max-height: 590px) and (max-width: 321px) {
    .under_rozos {display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; width:100%; bottom:35vh;}    
  /* line 2426, ../sass/styles.scss */
  h3 {
    font-weight: 400;
    font-size: 2rem !important;
    line-height: 35px;
  }

  /* line 2427, ../sass/styles.scss */
  .h_menu {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 999999;
  }

  /* line 2428, ../sass/styles.scss */
  .big_rozos {
    width: 90%;
    margin-top: 20%;
  }

  /* line 2429, ../sass/styles.scss */
  .col1 .tree_parallax .desktop {
    display: none !important;
  }

  /* line 2430, ../sass/styles.scss */
  .desktop {
    display: none !important;
  }

  /* line 2431, ../sass/styles.scss */
  .tablet {
    display: none !important;
  }

  /* line 2432, ../sass/styles.scss */
  .mobile {
    display: inline !important;
  }

  /* line 2433, ../sass/styles.scss */
  .grid {
    clear: both;
    overflow: auto;
    overflow-x: hidden;
  }

  /* line 2435, ../sass/styles.scss */
  .intro {
    width: 100%;
    float: left;
    text-align: center;
    /*@include aspect-ratio(80%);*/
    background: url("https://www.ap-recycling.gr/resources/website_images/arxiki-bg.jpg") no-repeat;
    background-size: cover;
  }

  /* line 2444, ../sass/styles.scss */
  .col1 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1:before {
    padding-top: 60%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2450, ../sass/styles.scss */
  .hero {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .hero:before {
    padding-top: 100%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .hero > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2457, ../sass/styles.scss */
  .col1_hover {
    /*display:none !important;*/
    width: 95%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 0px;
    background-size: 90% !important;
    background-position: center !important;
    top: 1400px  !important;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1_hover:before {
    padding-top: 90%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1_hover > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2472, ../sass/styles.scss */
  .col1_intro {
    width: 100%;
    float: left;
    text-align: center;
  }

  /* line 2479, ../sass/styles.scss */
  .intro_text {
    margin-top: 22px !important; display:flex; justify-content:center; align-items:center;
    width: 90%;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
  }

  /* line 2488, ../sass/styles.scss */
  .intro_logo {
    margin-top:22px;
    width: 100%; display:flex; justify-content:center; align-items:center;
    font-size: 3rem;
    color: #fff;
  }

  /* line 2496, ../sass/styles.scss */
  .intro_logo img {
    width: 40% !important;
  }

  /* line 2498, ../sass/styles.scss */
  .intro_arrow {
    position: absolute;
    background-color: #fff;
    height: 40px;
    bottom: 0px;
    width: 100%;
    font-size: 1rem;
    color: #fff;
    display:flex; justify-content:center; align-items:center;
  }

  /* line 2510, ../sass/styles.scss */
  .col3 {
    width: 100%;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1rem;
    line-height: 25px;
    margin-top: 50px;
    margin-bottom: 100px;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col3:before {
    padding-top: 5%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col3 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2524, ../sass/styles.scss */
  .col4 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col4:before {
    padding-top: 60%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col4 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2529, ../sass/styles.scss */
  .col4 img {
    width: 65% !important;
    margin-top: 3% !important;
  }

  /* line 2530, ../sass/styles.scss */
  .intro_arrow_effect {
    width: 10% !important;
    animation-name: bounce;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    /*animation-timing-function:cubic-bezier(0.950, 0.050, 0.795, 0.035) ;*/
  }

  @keyframes bounce {
    0% {
      margin-top: 10px;
    }
    25% {
      margin-top: 5px;
    }
    50% {
      margin-top: 15px;
    }
    75% {
      margin-top: 10px;
    }
    100% {
      margin-top: 10px;
    }
  }
  /* line 2548, ../sass/styles.scss */
  .intro_menu {
    width: 100%;
    position: absolute;
    z-index: 9999;
    left: 0px;
  }

  /* line 2555, ../sass/styles.scss */
  .menu_cont {
    width: 100%;
  }

  /* line 2560, ../sass/styles.scss */
  .move_plane {
    animation-name: move_plane;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move_plane {
    from {
      margin-top: 80px;
      zoom: 1;
    }
    to {
      margin-top: -200px;
      margin-left: 900px;
      zoom: 1;
    }
  }
  /* line 2571, ../sass/styles.scss */
  .lang {
    font-size: 0.9rem !important;
  }

  /* line 2572, ../sass/styles.scss */
  .menu_inner {
    position: absolute;
    z-index: 99;
    width: 100%;
  }

  /* line 2573, ../sass/styles.scss */
  .intro_menu_obj {
    color: #fff;
    font-size: 0.1 0.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 2574, ../sass/styles.scss */
  .intro_menu_links {
    color: #fff;
    font-weight: 400;
  }

  /* line 2575, ../sass/styles.scss */
  .intro_menu_obj_black {
    color: #000;
    font-size: 1.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 2576, ../sass/styles.scss */
  .menu_links {
    color: #000;
    font-weight: 400;
  }

  /* line 2577, ../sass/styles.scss */
  .menu_logo {
    margin-top: 15px;
  }

  /* line 2578, ../sass/styles.scss */
  .intro_language {
    position: absolute;
    width: 100%;
    top: 0px;
  }

  /* line 2581, ../sass/styles.scss */
  .col2 {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col2:before {
    padding-top: 90%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col2 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2588, ../sass/styles.scss */
  .col_text {
    width: 100%;
    margin: auto;
    margin-top: 80px;
    font-size: 1rem;
    position: relative;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    color: #606060;
  }

  /* line 2599, ../sass/styles.scss */
  .plane_parallax {
    margin-top: 80px;
  }

  /* line 2600, ../sass/styles.scss */
  .call_to_action {
    background-color: #b0b0b0;
    color: #fff;
    width: 100%;
    margin: auto;
    padding: 12px;
    font-size: 1.2rem !important;
    font-weight: 300;
    margin-top: 65px;
    margin-bottom: 180px;
    cursor: pointer;
  }

  /* line 2602, ../sass/styles.scss */
  span {
    font-size: inherit;
    color: #606060;
    line-height: 35px;
  }

  /* line 2603, ../sass/styles.scss */
  .right-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* line 2604, ../sass/styles.scss */
  .right-text code {
    font-size: 1.4rem;
    color: #000;
    line-height: 35px;
  }

  /* line 2605, ../sass/styles.scss */
  .right-text span {
    font-size: 1.4rem;
    color: #606060;
    line-height: 35px;
  }

  /* line 2606, ../sass/styles.scss */
  .right-text h3 {
    font-size: 2rem !important;
    color: #606060;
  }

  /* line 2607, ../sass/styles.scss */
  .right-text p small {
    font-size: 1rem !important;
    color: #606060;
    line-height: 25px;
  }

  /*
  .col1 .right-text{text-align:left !important; color:#606060;}
  .right-text h3{font-size:1.8rem !important; color:#606060;}
  .right-text{padding-left:20px; padding-right:20px; font-size:1.1rem; margin-top:350px; color:#606060;}
  .right-text small{ font-size:1rem; color:#606060;}
  */
  /* line 2614, ../sass/styles.scss */
  .tree {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*
    position:absolute; 
    width:100%; 
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    */
  }

  /* line 2632, ../sass/styles.scss */
  .banner_text_intro {
    position: absolute;
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4%;
    text-align: left;
    font-size: 1rem;
    line-height: 25px;
    font-weight: 400;
  }

  /* line 2646, ../sass/styles.scss */
  .footer {
    width: 100%;
  }

  /* line 2647, ../sass/styles.scss */
  .footer_cont {
    font-size: 0.6rem;
    color: #000;
  }

  /* line 2651, ../sass/styles.scss */
  .footer_left {
    margin-left: 10px !important;
  }

  /* line 2652, ../sass/styles.scss */
  .footer_right {
    margin-right: 10px !important;
  }

  /* line 2654, ../sass/styles.scss */
  input {
    padding: 12px;
    display: block;
    width: 100%;
    margin-top: 30px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 2666, ../sass/styles.scss */
  input:focus {
    background-color: #c4c4c4;
  }

  /* line 2670, ../sass/styles.scss */
  textarea {
    padding: 12px;
    width: 100%;
    margin-top: 30px;
    height: 250px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 2685, ../sass/styles.scss */
  textarea:focus {
    background-color: #c4c4c4;
  }

  /* line 2689, ../sass/styles.scss */
  .planitis {
    width: 100%;
    margin: auto;
    margin-top: -90px;
    margin-bottom: 150px;
  }

  /* line 2690, ../sass/styles.scss */
  .planitis_icon {
    margin: auto;
    width: 100%;
  }

  /* line 2691, ../sass/styles.scss */
  .planitis_icon img {
    margin: auto;
    width: 25vw;
  }

  /* line 2692, ../sass/styles.scss */
  .clouds {
    position: absolute;
  }

  /* line 2693, ../sass/styles.scss */
  .cloud1 {
    margin-left: 80px;
    margin-top: 3vw;
  }

  /* line 2694, ../sass/styles.scss */
  .cloud1 img {
    width: 14vw;
  }

  /* line 2695, ../sass/styles.scss */
  .cloud2 {
    margin-left: 70px;
    margin-top: 10vw;
  }

  /* line 2696, ../sass/styles.scss */
  .cloud2 img {
    width: 10vw;
  }

  /* line 2697, ../sass/styles.scss */
  .cloud3 {
    margin-left: 150px;
    margin-top: 5vw;
  }

  /* line 2698, ../sass/styles.scss */
  .cloud3 img {
    width: 10vw;
  }

  /* line 2699, ../sass/styles.scss */
  .cloud4 {
    margin-left: 110px;
    margin-top: 11vw;
  }

  /* line 2700, ../sass/styles.scss */
  .cloud4 img {
    width: 20vw;
  }

  /* line 2701, ../sass/styles.scss */
  .cloud5 {
    margin-left: 150px;
    margin-top: 9vw;
  }

  /* line 2702, ../sass/styles.scss */
  .cloud5 img {
    width: 14vw;
  }

  /* line 2705, ../sass/styles.scss */
  .move1 {
    animation-name: move1;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move1 {
    from {
      margin-left: 80px;
    }
    to {
      margin-left: 0px;
    }
  }
  /* line 2716, ../sass/styles.scss */
  .move2 {
    animation-name: move2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move2 {
    from {
      margin-left: 70px;
    }
    to {
      margin-left: 15px;
    }
  }
  /* line 2727, ../sass/styles.scss */
  .move3 {
    animation-name: move3;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move3 {
    from {
      margin-left: 150px;
    }
    to {
      margin-left: 200px;
    }
  }
  /* line 2738, ../sass/styles.scss */
  .move4 {
    animation-name: move4;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move4 {
    from {
      margin-left: 110px;
    }
    to {
      margin-left: 220px;
    }
  }
  /* line 2749, ../sass/styles.scss */
  .move5 {
    animation-name: move5;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move5 {
    from {
      margin-left: 150px;
    }
    to {
      margin-left: 200px;
    }
  }
  /* line 2760, ../sass/styles.scss */
  .metrics {
    position: absolute;
    width: 100%;
    margin-top: -60%;
    margin-left: -12%;
  }

  /* line 2767, ../sass/styles.scss */
  .metrics img {
    width: 50%;
    margin: auto;
  }

  /* line 2771, ../sass/styles.scss */
  .age {
    font-size: 1.8vh;
    color: #fff;
    position: absolute;
    opacity: 0;
  }

  /* line 2773, ../sass/styles.scss */
  .metrics_nums {
    display: none;
  }
}
@media only screen and (max-height: 320px) and (max-width: 568px) {
    .under_rozos {display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; width:100%; bottom:35vh;}    
  /* line 2777, ../sass/styles.scss */
  h3 {
    font-weight: 400;
    font-size: 2rem !important;
    line-height: 35px;
  }

  /* line 2778, ../sass/styles.scss */
  .h_menu {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 999999;
  }

  /* line 2779, ../sass/styles.scss */
  .big_rozos {
    width: 30% !important;
    margin-top: 0% !important;
  }

  /* line 2780, ../sass/styles.scss */
  .col1 .tree_parallax .desktop {
    display: none !important;
  }

  /* line 2781, ../sass/styles.scss */
  .desktop {
    display: none !important;
  }

  /* line 2782, ../sass/styles.scss */
  .tablet {
    display: none !important;
  }

  /* line 2783, ../sass/styles.scss */
  .mobile {
    display: inline !important;
  }

  /* line 2784, ../sass/styles.scss */
  .grid {
    clear: both;
    overflow: auto;
    overflow-x: hidden;
  }

  /* line 2786, ../sass/styles.scss */
  .intro {
    width: 100%;
    background: url("https://www.ap-recycling.gr/resources/website_images/arxiki-bg.jpg") no-repeat;
    background-size: cover;
    float: left;
    text-align: center;
    /*@include aspect-ratio(80%);*/
  }

  /* line 2795, ../sass/styles.scss */
  .col1 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1:before {
    padding-top: 60%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2801, ../sass/styles.scss */
  .hero {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .hero:before {
    padding-top: 100%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .hero > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2808, ../sass/styles.scss */
  .col1_hover {
    /*display:none !important;*/
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 0px;
    background-size: 90% !important;
    background-position: center !important;
    top: 500px  !important;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col1_hover:before {
    padding-top: 90%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col1_hover > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2821, ../sass/styles.scss */
  .col1_intro {
    width: 100%;
    float: left;
    text-align: center;
  }

  /* line 2828, ../sass/styles.scss */
  .intro_text {
    
    margin-top: 22px !important; display:flex; justify-content:center; align-items:center;
    width: 100%;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    margin-left: 0% !important;
  }

  /* line 2838, ../sass/styles.scss */
  .intro_logo {
    margin-top:22px;
    width: 100%; display:flex; justify-content:center; align-items:center;
    font-size: 3rem;
    color: #fff;
  }

  /* line 2846, ../sass/styles.scss */
  .intro_logo img {
    width: 15% !important;
  }

  /* line 2848, ../sass/styles.scss */
  .intro_arrow {
    position: absolute;
    background-color: #fff;
    height: 40px;
    bottom: 0px;
    width: 100%;
    font-size: 1rem;
    color: #fff;
    display:flex; justify-content:center; align-items:center;
  }

  /* line 2860, ../sass/styles.scss */
  .col3 {
    width: 100%;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1rem;
    line-height: 25px;
    margin-top: 50px;
    margin-bottom: 100px;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col3:before {
    padding-top: 5%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col3 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2874, ../sass/styles.scss */
  .col4 {
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col4:before {
    padding-top: 60%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col4 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2879, ../sass/styles.scss */
  .col4 img {
    width: 65% !important;
    margin-top: 3% !important;
  }

  /* line 2880, ../sass/styles.scss */
  .intro_arrow_effect {
    width: 3% !important;
    animation-name: bounce;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    /*animation-timing-function:cubic-bezier(0.950, 0.050, 0.795, 0.035) ;*/
  }

  @keyframes bounce {
    0% {
      margin-top: 10px;
    }
    25% {
      margin-top: 5px;
    }
    50% {
      margin-top: 15px;
    }
    75% {
      margin-top: 10px;
    }
    100% {
      margin-top: 10px;
    }
  }
  /* line 2898, ../sass/styles.scss */
  .intro_menu {
    width: 100%;
    position: absolute;
    z-index: 9999;
    left: 0px;
  }

  /* line 2905, ../sass/styles.scss */
  .menu_cont {
    width: 100%;
  }

  /* line 2910, ../sass/styles.scss */
  .move_plane {
    animation-name: move_plane;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move_plane {
    from {
      margin-top: 80px;
      zoom: 1;
    }
    to {
      margin-top: -200px;
      margin-left: 900px;
      zoom: 1;
    }
  }
  /* line 2921, ../sass/styles.scss */
  .lang {
    font-size: 0.9rem !important;
  }

  /* line 2922, ../sass/styles.scss */
  .menu_inner {
    position: absolute;
    z-index: 99;
    width: 100%;
  }

  /* line 2923, ../sass/styles.scss */
  .intro_menu_obj {
    color: #fff;
    font-size: 0.1 0.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 2924, ../sass/styles.scss */
  .intro_menu_links {
    color: #fff;
    font-weight: 400;
  }

  /* line 2925, ../sass/styles.scss */
  .intro_menu_obj_black {
    color: #000;
    font-size: 1.2rem;
    display: inline;
    font-weight: 400;
    margin-right: 5px;
  }

  /* line 2926, ../sass/styles.scss */
  .menu_links {
    color: #000;
    font-weight: 400;
  }

  /* line 2927, ../sass/styles.scss */
  .menu_logo {
    margin-top: 15px;
  }

  /* line 2928, ../sass/styles.scss */
  .intro_language {
    position: absolute;
    width: 100%;
    top: 0px;
  }

  /* line 2931, ../sass/styles.scss */
  .col2 {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  /* line 14, ../sass/partials/_variables.scss */
  .col2:before {
    padding-top: 90%;
    content: '';
    display: block;
  }
  /* line 20, ../sass/partials/_variables.scss */
  .col2 > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* line 2938, ../sass/styles.scss */
  .col_text {
    width: 100%;
    margin: auto;
    margin-top: 80px;
    font-size: 1rem;
    position: relative;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    color: #606060;
  }

  /* line 2949, ../sass/styles.scss */
  .plane_parallax {
    margin-top: 80px;
  }

  /* line 2950, ../sass/styles.scss */
  .call_to_action {
    background-color: #b0b0b0;
    color: #fff;
    width: 100%;
    margin: auto;
    padding: 12px;
    font-size: 1.2rem !important;
    font-weight: 300;
    margin-top: 65px;
    margin-bottom: 180px;
    cursor: pointer;
  }

  /* line 2952, ../sass/styles.scss */
  span {
    font-size: inherit;
    color: #606060;
    line-height: 35px;
  }

  /* line 2953, ../sass/styles.scss */
  .right-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* line 2954, ../sass/styles.scss */
  .right-text code {
    font-size: 1.2rem;
    color: #000;
    line-height: 35px;
  }

  /* line 2955, ../sass/styles.scss */
  .right-text span {
    font-size: 1.2rem;
    color: #606060;
    line-height: 35px;
  }

  /* line 2956, ../sass/styles.scss */
  .right-text h3 {
    font-size: 1.7rem !important;
    color: #606060;
  }

  /* line 2957, ../sass/styles.scss */
  .right-text p small {
    font-size: 1rem !important;
    color: #606060;
    line-height: 25px;
  }

  /*
  .col1 .right-text{text-align:left !important; color:#606060;}
  .right-text h3{font-size:1.8rem !important; color:#606060;}
  .right-text{padding-left:20px; padding-right:20px; font-size:1.1rem; margin-top:350px; color:#606060;}
  .right-text small{ font-size:1rem; color:#606060;}
  */
  /* line 2964, ../sass/styles.scss */
  .tree {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*
    position:absolute; 
    width:100%; 
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    */
  }

  /* line 2982, ../sass/styles.scss */
  .banner_text_intro {
    position: absolute;
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4%;
    text-align: left;
    font-size: 1rem;
    line-height: 25px;
    font-weight: 400;
  }

  /* line 2996, ../sass/styles.scss */
  .footer {
    width: 100%;
  }

  /* line 2997, ../sass/styles.scss */
  .footer_cont {
    font-size: 0.6rem;
    color: #000;
  }

  /* line 3001, ../sass/styles.scss */
  .footer_left {
    margin-left: 10px !important;
  }

  /* line 3002, ../sass/styles.scss */
  .footer_right {
    margin-right: 10px !important;
  }

  /* line 3004, ../sass/styles.scss */
  input {
    padding: 12px;
    display: block;
    width: 100%;
    margin-top: 30px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 3016, ../sass/styles.scss */
  input:focus {
    background-color: #c4c4c4;
  }

  /* line 3020, ../sass/styles.scss */
  textarea {
    padding: 12px;
    width: 100%;
    margin-top: 30px;
    height: 250px;
    border: solid thin #c4c4c4;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
  }

  /* line 3035, ../sass/styles.scss */
  textarea:focus {
    background-color: #c4c4c4;
  }

  /* line 3039, ../sass/styles.scss */
  .planitis {
    width: 100%;
    margin: auto;
    margin-top: -90px;
    margin-bottom: 150px;
  }

  /* line 3040, ../sass/styles.scss */
  .planitis_icon {
    margin: auto;
    width: 100%;
  }

  /* line 3041, ../sass/styles.scss */
  .planitis_icon img {
    margin: auto;
    width: 25vw;
  }

  /* line 3042, ../sass/styles.scss */
  .clouds {
    position: absolute;
  }

  /* line 3043, ../sass/styles.scss */
  .cloud1 {
    margin-left: 80px;
    margin-top: 3vw;
  }

  /* line 3044, ../sass/styles.scss */
  .cloud1 img {
    width: 14vw;
  }

  /* line 3045, ../sass/styles.scss */
  .cloud2 {
    margin-left: 70px;
    margin-top: 10vw;
  }

  /* line 3046, ../sass/styles.scss */
  .cloud2 img {
    width: 10vw;
  }

  /* line 3047, ../sass/styles.scss */
  .cloud3 {
    margin-left: 150px;
    margin-top: 5vw;
  }

  /* line 3048, ../sass/styles.scss */
  .cloud3 img {
    width: 10vw;
  }

  /* line 3049, ../sass/styles.scss */
  .cloud4 {
    margin-left: 110px;
    margin-top: 11vw;
  }

  /* line 3050, ../sass/styles.scss */
  .cloud4 img {
    width: 20vw;
  }

  /* line 3051, ../sass/styles.scss */
  .cloud5 {
    margin-left: 150px;
    margin-top: 9vw;
  }

  /* line 3052, ../sass/styles.scss */
  .cloud5 img {
    width: 14vw;
  }

  /* line 3055, ../sass/styles.scss */
  .move1 {
    animation-name: move1;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move1 {
    from {
      margin-left: 80px;
    }
    to {
      margin-left: 0px;
    }
  }
  /* line 3066, ../sass/styles.scss */
  .move2 {
    animation-name: move2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move2 {
    from {
      margin-left: 70px;
    }
    to {
      margin-left: 15px;
    }
  }
  /* line 3077, ../sass/styles.scss */
  .move3 {
    animation-name: move3;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move3 {
    from {
      margin-left: 150px;
    }
    to {
      margin-left: 200px;
    }
  }
  /* line 3088, ../sass/styles.scss */
  .move4 {
    animation-name: move4;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move4 {
    from {
      margin-left: 110px;
    }
    to {
      margin-left: 220px;
    }
  }
  /* line 3099, ../sass/styles.scss */
  .move5 {
    animation-name: move5;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes move5 {
    from {
      margin-left: 150px;
    }
    to {
      margin-left: 200px;
    }
  }
  /* line 3110, ../sass/styles.scss */
  .metrics {
    position: absolute;
    width: 100%;
    margin-top: -19% !important;
    margin-left: -4% !important;
  }

  /* line 3117, ../sass/styles.scss */
  .metrics img {
    width: 16% !important;
    margin: auto;
  }

  /* line 3121, ../sass/styles.scss */
  .age {
    font-size: 1.8vh;
    color: #fff;
    position: absolute;
    opacity: 0;
  }

  /* line 3123, ../sass/styles.scss */
  .metrics_nums {
    display: none;
  }
}