*{
    font-family: Cabin, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}

@font-face{
    font-family: GothamPro;
    src: url(fonts/GothaProReg.otf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: GothamPro;
    src: url(fonts/GothaProMed.otf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face{
    font-family: Cabin;
    src: url(fonts/Cabin-Regular.otf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: Cabin;
    src: url(fonts/Cabin-SemiBold.otf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face{
    font-family: Cabin;
    src: url(fonts/Cabin-Bold.otf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face{
    font-family: CircularStd;
    src: url(fonts/CircularStd-Book.otf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: CircularStd;
    src: url(fonts/CircularStd-Medium.otf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

body{
    font-family: Cabin, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 100%;
    background: #ffffff;
}

p, li, h1, h2, h3, h4, h5{
    color: #000000
}


.wrapper{
    width: 96%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 3%;
    background: transparent;
    
}

header{
    padding: 20px 0 0;
}

header h1{
    margin: 0;
    background-image: url(images/logo.png);
    background-size: 110px auto;
    background-repeat: no-repeat;
    width: 110px;
    height: 45px;
    float: left;
}

header nav{
    float: right;
}

header:after{
    content: "";
    display: block;
    clear: both;
}

header nav h2{
    display: none;
    height: 0;
    margin: 0;
}

header nav li{
    z-index: 5;
    display: inline-block;
    text-align: center;
    list-style-type: none;
    font-size: 14px;
    margin: 0 35px 20px;
}

header nav li a{
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-family: Cabin, Helvetica, Arial, sans-serif;
}

.lang {
    max-width: 1920px;
    width: 100%;
    margin-bottom: -18px;
}

.lang ul{
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    max-width: 1920px;
    width: 100%;
    text-align: right;
    z-index: 1;
    list-style: none;
}

.lang li {
    color: #000000;
    text-align: right;
    font-size: 14px;
    margin: 0 2.5% 0 0;
}

.lang li a, a:visited {
    text-decoration: none;
    color: #000000;
    font-family: WorkSans, Helvetica, Arial, sans-serif;
}

.lang li a:hover, li a:focus, li a:active {
    color: #7bb4ff;

}

#main-banner{
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    z-index: 1;
}

#main-banner h3{
    text-align: center;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
    font-family: GothamPro, Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 0;
    letter-spacing: 1.06px;
    margin: 0;
    color: #ffffff;
    padding: 3%;
}

#main-banner h4{
    text-align: center;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
    font-family: GothamPro, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 0;
    letter-spacing: 1.06px;
    margin: 0 0 0;
    color: #ffffff;
    padding-bottom: 0;
}

#main-banner p{
    font-family: Cabin, Helvetica, Arial, sans-serif;
    font-size: 22px;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
    letter-spacing: 1.37px;
    z-index: 2;
    color: #ffffff;
    text-align: center;
    padding: 0 3% 0;
    margin: 0;
}

#main_banner_text{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1330px;
    width: 100%;
    z-index: 2;
}

#main_banner_text:nth-child(10){
    position: absolute;
    top: 93%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1330px;
    width: 100%;
    z-index: 2;
}

.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1920px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    display: none;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .5} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .5} 
  to {opacity: 1}
}


#benefits{
    margin: 50px auto 0;
    max-width: 1920px;
    width: 100%;
    height: auto;
}


#benefits ul{
    position: relative;
    padding: 0;
    max-width: 1920px;
    width: 100%;
    z-index: 2;
    margin: 0;
}

#benefits li{
    text-align: center;
    list-style-type: none;
    width: 15%;
    float: left;
    padding: 0;
    margin: 0 1%;
}

#benefits li h5{
    font-family: Cabin, Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.77px;
    margin: 20px 0 30px;
    font-weight: normal;
}

#benefits li:nth-child(1){
    margin: 0 1% 0 7.5%;
}

#benefits li:nth-child(5){
    margin: 0 7.5% 0 1%;
}

#benefits img{
    position: relative;
    margin: 0;
    max-width: 40px;
    z-index: 1;
}


#benefits:after{
    content: "";
    display: block;
    clear: both;
}

#benefits .btn{
    position: relative;
    left: 50%;
    margin: 70px auto;
    transform: translate(-50%, 0);
    background: #7bb4ff;
    color: #ffffff;
    padding: 26.5px 106.5px;
    text-transform: none;
    font-family: Cabin, Helvetica, Arial, sans-serif;
    font-size: 22px;
    letter-spacing: 1.67px;
    border: 2px solid #f3f5f6;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
}

#benefits .btn a{
    text-decoration: none;
    color: #ffffff;

}

#benefits .btn:hover{
    color: #ffffff;
}

#ourproducts{
    margin-bottom: 90px;
}

#ourproducts h3{
    font-size: 27px;
    text-align: right;
    letter-spacing: 1.67px;
    color: #000000;
    margin: 0;
    text-shadow: none;
}

#ourproducts h4{
    font-size: 30px;
    text-align: right;
    letter-spacing: 1.67px;
    color: #b7b7b7;
    margin: 0;
}

#ourproducts p{
    font-size: 19px;
    letter-spacing: 1.22px;
    text-align: right;
    color: #000000;
    margin: 0;
    text-shadow: none;
}

#ourproducts img{
    margin: 50px auto 0;
    padding: 0 11%;
    max-width: 1920px;
    width: 100%;
}

#ourproducts:after{
    content: "";
    display: block;
    clear: both;
}

#products{margin-top: 50px;}

#products_two{
    margin-top: 50px;
}

#products div{
    float: right;
    width: 50%;
    text-align: right;
    padding-right: 5%;
}

#products div:nth-child(1){
    padding: 30px 0 0;
}

#products h3{
    text-align: left;
}

#products h4{
    text-align: left;
}

#products p{
    text-align: left;
}

#products ul{
    margin: 0;
}

#products li{
    font-size: 19px;
    text-align: left;
}

#products_two p{
    max-width: 420px;
    margin: 0 0 0 auto;
    text-align: justify;
}

#products_two div{
    width: 50%;
    float: left;
    margin: 0;
    padding: 30px 2% 0 0;
}

#products_two div:nth-child(2){
    text-align: left;
    padding: 0 0 0 2%;
}

#products img{
    margin: 0;
    max-width: 400px;
    width: 100%;
    /*margin-left: 23%;*/
    padding: 0;
}

#products_two img{
    margin: 0;
    max-width: 400px;
    width: 100%;
    padding: 0;
}

#vintevinte{
    width: 50%;
    float: right;
}

#second-banner{
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    z-index: 1;
}

#second-banner h4{
    position: relative;
    display: block;
    text-align: left;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
    font-family: GothamPro, Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 1.32;
    letter-spacing: 1.06px;
    max-width: 1330px;
    width: 100%;
    z-index: 2;
    margin: -80px 8% 80px;
    color: #ffffff;
}

#second-banner img {
    width: 100%;
    height: auto;
}

#solutions {
    padding: 0 3%;
}


#solutions h3{
    margin: 73px 0 30px 3.8%;
    font-size: 20px;
    letter-spacing: 1.4px;
    color: #15181c;
}

#solutions h4{
      display: inline-block;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 1.3px;
      color: #15181c;
      max-width: 710px;
      margin: 20px 0 0;
}

#solutions span{
        background: #000000;
        color: #ffffff;
        text-transform: none;
        font-family: Cabin, Helvetica, Arial, sans-serif;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        -webkit-border-radius: 25px;
        display: inline-block;
        line-height: 43px;
        width: 43px;
        margin: 0 30px -12px 11%;
}

#solutions p{
      font-family: Cabin;
      font-size: 18px;
      letter-spacing: 1.1px;
      color: #15181c;
      margin-left: 16.25%;
      max-width: 475px;
      text-align:justify;
}

#solutions img{
    clear:both;
    float:right;
    margin: 0 12% 30px 5%;
}


#solutions div:nth-child(7) h4{
    width: 36.9%;
    display: inline-table;
    font-weight: normal;
}

#solutions:after{
    content: "";
    display: block;
    clear: both;
    border-bottom: 0.5px solid #979797;
    width: 27%;
    clear: both;
    padding: 10px;
    margin: 0 auto;
}

#solutions_results h3{
      max-width: 1250px;
      font-size: 26px;
      letter-spacing: 1.9px;
      text-align: center;
      color: #000000;
      margin: 40px auto 0;
}

#solutions_results div{
    text-align: center;
}

#solutions_results div:nth-child(2){
    margin-bottom: 91px;
}

#solutions_results  span{
        background: #000000;
        color: transparent;
        text-transform: none;
        font-family: Cabin, Helvetica, Arial, sans-serif;
        text-align: center;
        cursor: pointer;
        -webkit-border-radius: 26px;
        display: inline-block;
        line-height: 45px;
        width: 45px;
        background-image: url(images/mail.png);
        background-repeat: no-repeat;
        margin: 0px;
}

#solutions_results p{
      display: inline-block;
      font-size: 24px;
      letter-spacing: 1.4px;
      color: #000000;
      margin-left: 15px;
}

#solutions_results img {
    margin: 0 25px 130px;
    width: 100%;
    max-width: 511px;
}

#dryers{
    margin-top: 71px;
}

#dryers h3{
    font-size: 20px;
    letter-spacing: 1.67px;
    text-align: left;
    color: #15181c;
    margin-left: 3.8%;
}

#dryers p{
    max-width: 641px;
    font-size: 18px;
    letter-spacing: 1.3px;
    color: #15181c;
    margin-left: 3.8%;
}

#dryers img{
    clear: both;
    float: right;
    margin: -30px 3.8% 0 5%;
}

#dryers:after{
    content: "";
    display: block;
    clear: both;
}

#howitworks{
    margin: -60px auto 340px;
}

#howitworks h3{
    font-size: 20px;
    letter-spacing: 2px;
    color: #15181c;
    margin: 92px 0 18px;
}

#howitworks p{
    display: block;
    font-size: 18px;
    max-width: 1280px;
    letter-spacing: 1.3px;
    color: #15181c;
    margin: 18px 0;
}

#howitworks img{
    margin: -92px 11.9% 0 17%;
    clear: both;
    float: left;
}

#bblox h4{
  margin-left: 9.3%;
  font-size: 20px;
  letter-spacing: 1.67px;
  color: #15181c;
  text-transform: uppercase;
}

#system p{
  font-size: 18px;
  letter-spacing: 1.2px;
  color: #15181c;
  width: 90%;
}

#system img{
    margin: 0 auto;
    max-width: 40px;
    width: 100%;
}

#system div{
    text-align: center;
    margin: 0 7.5% 0 13.8%;
    clear: both;
    float: left;
}

#system div:nth-child(3){
    display: inline-block;
    clear: none;
    float: none;
    text-align: left;
    margin: -30px 0 0 0;
    max-width: 976px;
    width: 67.8%;
}

#system:nth-child(10):after{
    border-bottom: none;
}

#system:after{
    content: "";
    display: block;
    clear: both;
    border-bottom: 0.5px solid #979797;
    width: 77.5%;
    clear: both;
    padding: 30px;
    margin: 0 auto;
}

#background_image{
    z-index: 1;
    margin: -573px 0  0 -6%;
    opacity: 85%;
    position: relative;
}

#background_image img{
    max-width: 1099px;
    width: 100%;
}

#mockup{
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 76px auto 0;
    max-width: 900px;
}

#mockup img{
    width: 100%;
    max-width: 900px;
    margin: 20px auto 0;
}

#mockup h3{
      font-size: 20px;
      letter-spacing: 1.5px;
      text-align: center;
      color: #15181c;
}

#controller{
    max-width: 900px;
    margin: -175px auto 110px;
    z-index: 2;
    position: relative;
}

#controller h5{
      font-size: 20px;
      letter-spacing: 1.67px;
      color: #15181c;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 0;
}

#controller p{
    font-size: 18px;
    letter-spacing: 1.3px;
    text-align: center;
    color: #15181c;
    margin-bottom: 50px;
}

#contact_us{
    position: relative;
    z-index: 2;
    max-width: 855px;
    margin: 0 auto;
}

#contact_us h3{
    font-family: GothamPro;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: #15181c;
    margin-top: 30px;
    text-transform: uppercase;
}

#contact_us h5{
    font-family: CircularStd;
    text-align: center;
    font-size: 26px;
    color: #000000;
    font-weight: normal;
    margin: 10px 0 30px;
}

#contact_us h5 b{
    font-family: CircularStd;
}

#contact_us h5:nth-child(2){
    margin-bottom: 30px;
}

#contact_us h5:nth-child(3){
    margin-bottom: 30px;
}

#contact_us p{
    font-size: 18px;
    letter-spacing: 1.3px;
    text-align: center;
    color: #15181c;
    max-width: 630px;
    margin: 0 auto 20px;
    text-align: center;
}

#contact_us p:nth-child(5){
    margin-bottom: 0;
}

#contacts {
    z-index: 3;
    max-width: 700px;
    width: 100%;
    margin: 0px auto;
}

#contacts h1{
    display: none;
    
}

#contacts_image{
    text-align: center;
}

#contacts_image img{
    margin: 0 auto;
    width: 100%;
    max-width: 1262px;
}

#blur{
    margin: -260px 0 0 30%;
    z-index: 1;
    position: relative;
}

footer{
    background: #f3f3f7;
    padding: 79px 0 40px;
    margin: 0 auto;
}

footer.entry-footer{
    display: none;
}

footer ul{
    list-style-type: none;
    text-align: left;
    width: 50%;
    padding: 0;
}

footer li{
    font-family: CircularStd;
    font-size: 18px;
    margin-bottom: 15px;
}

footer a{
    color: #000000;
    text-decoration: none;
    font-family: CircularStd;
}

footer a:visited {
	color: #000000;
}

footer a:hover, a:focus, a:active {
	color: #000000;
    
}

footer img{
    max-width: 871px;
    width: 100%;
    clear: both;
    float: right;
    margin: 0 auto;
}

footer li img{
    max-width: 110px;
    width: 100%;
    clear: both;
    float: none;
    margin: 0 auto;
}

footer:after{
    content: "";
    display: block;
    clear: both;
}

#copyrights {
    text-align: right;
    font-size: 12px;
    color: #000000;
    margin-top: 40px;
}


/* ----------------Responsive-------------------*/

@media screen and (max-width: 1230px) {
    #solutions div:nth-child(7) h4 {
        width: 28%;
        display: inline-table;
        font-weight: normal;
    }

}

@media screen and (max-width: 1000px) {
    #solutions div:nth-child(7) h4 {
        width: 26.5%;
        display: inline-table;
        font-weight: normal;
    }

}

@media screen and (max-width: 960px) {

    h1.logo {
    display: block;
    position: relative;
    margin: 20px 0 20px 3%;
    text-decoration: none;
    padding: 0;
    }
    
    .menu-toggle {
        background: transparent;
        padding: 1.5em;
        position: relative;
        cursor: pointer;
        float: right;
        margin: 0;
    }

    
    .burger-nav, .burger-nav::before, .burger-nav::after{
        content: '';
        display: block;
        background: #000000;
        height: 3px;
        width: 1.5em;
        border-radius: 3px;
    }
   
    .burger-nav::before{
        transform: translateY(-7px);
    }
    
    .burger-nav::after{
        transform: translateY(4px);
    }
    
    .open .burger-nav{
        transform: rotate(45deg);
    }
    
    .open .burger-nav::before {
        opacity: 0;
    }
    
    .open .burger-nav::after {
        transform: rotate(-90deg) translateY(3px);
    }
    
    header{
    position: relative;
    padding: 0;
    background: transparent;
    margin: 0 auto;
    z-index: 2;
    }

	header li {
    float: none;
    }

    header .wrapper {
        width: 100%;
        padding: 0;
    }
    
    header nav {
        float: none;
    }

    header nav ul{
        display: none;
        margin: 0;
        padding: 0;
    }
    
    header nav ul.open {
        height: auto;
        border-top: 2px solid #000000;
    }
    
    header nav ul li{
    	float: none;
    	width: 100%;
    	margin: 0;
    }

    header nav ul li a{
    	padding: 10px;
    	border-bottom: 2px solid #000000;
    	display: block;
    	margin: 0;
    }
    
    header nav ul li a:hover{
    	background-color: #c5c5c5;

    }

    header nav li a {
        text-decoration: none;
        color: #000000;
        font-size: 12px;
        text-transform: uppercase;
        font-family: WorkSans, Helvetica, Arial, sans-serif;
    }

    header nav li a:hover, li a:focus, li a:active {
        color: #000000;

    }
    
    h2 a, a:hover, a:visited, a:focus, a:active {
        color: #000000;
    }

    #main_banner_text {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        max-width: 1330px;
        margin: 30px 0;
        padding: 0 3%;
    }

    #main_banner_text:nth-child(3){
        top: 0;
        left: 0;
        transform: none;
        max-width: 1330px;
        margin: 30px auto;
        padding: 0 3%;
        position: relative;
    }

    #main-banner h3 {
        text-shadow: none;
        color: #000000;
        margin-bottom: 20px;
        line-height: normal;
    }

    #main-banner h4{
        color: #000000;
        text-shadow: none;
        line-height: normal;
        margin-bottom: 20px;
    }

    #main-banner p{
        color: #000000;
        text-shadow: none;
    }

    #benefits{
        margin-bottom: 0;
    }
    
    #benefits li {
        width: 100%;
        float: none;
        margin: 50px 0;
    }

    #benefits li:nth-child(1) {
        margin: 0;
    }

    #benefits li:nth-child(5) {
        margin: 50px 0;
    }

    #benefits:after {
        display: none;
    }

    #benefits .btn {
        margin: 40px auto 30px;
    }
    
    #products {
        margin-top: 45px;
    }
    
    #products_two {
        margin-top: 45px;
    }

    #products img {
        margin: 0;
    }

    #products div {
        float: none;
        width: 100%;
        height: 100%;
        padding-right: 0;
        text-align: center;
    }

    #products div img {
        width: 100%;
        margin: 0 auto;
    }

    #products_two div img {
        width: 100%;
        margin: 0 auto;
    }


    #products_two img {
        margin: 0;
    }

    #products_two div {
        float: none;
        width: 100%;
        height: 100%;
        padding-right: 0;
    }

    #products_two div:nth-child(2){
        text-align: center;
    }

    #products p:nth-child(4) {
        max-width: 960px;
    }

    #ourproducts h3 {
        text-align: left;
    }

    #ourproducts h4 {
        text-align: left;
    }

    #products p {
        text-align: left;
    }
    #ourproducts p {
        text-align: left;
        margin: 0;
        max-width: 100%;
    }

    #ourproducts img {
        margin: 30px auto 0;
        padding: 0;
    }
    
    #second-banner h4 {
        position: relative;
        transform: none;
        color: #000000;
        text-shadow: none;
        top: auto;
        left: auto;
        font-size: 30px;
        width: 96%;
        margin: 30px auto 0;
        padding: 0 6%;
    }

    #solutions h3 {
        margin: 30px auto;
    }

    #solutions img {
        clear: none;
        float: none;
        max-width: 300px;
        width: 100%;
        margin: 10px auto 30px;
        display: block;
    }

    #solutions h4 {
        display: inline-block;
        margin: 0 auto;
    }

    #solutions div:nth-child(7) h4 {
        width: 100%;
    }

    #solutions span {
        margin: 30px 0;
        display: block;
    }

    #solutions p {
        margin-left: 0;
        text-align: left;
    }
    
    #solutions_results img {
        margin: 0 auto 20px;
    }
    
    #solutions_results div {
        margin-top: 30px;
    }

    #background_image{
        margin: 0 0  0 -6%;
    }

    #controller{
        margin: -60px auto 110px;
    }

    #dryers img{
        float: none;
        clear:none;
        margin: 0 auto;
        display: block;
    }

    #dryers:after {
        padding: 30px;
        margin: 0 auto 70px;
    }

    #howitworks {
        margin: 0 0 100px;
        text-align: center;
    }

    #howitworks h3{
        text-align: left;
    }

    #howitworks p{
        text-align: left;
    }

    #howitworks img {
        margin: 0 auto;
        clear: none;
        float: none;
    }

    #bblox h4 {
        margin-left: 0;
        text-align: center;
    }

    #system div:nth-child(3) {
        display: inline-block;
        max-width: 976px;
        clear: none;
        float: none;
        text-align: center;
        margin: 0;
        width: 100%;
    }

    #system div {
        text-align: center;
        margin: 0;
        clear: none;
        float: none;
    }

    #contact_us h3{
        letter-spacing: 0;
    }

    #vintevinte {
        width: 100%;
        float: none;
    }
    
    footer ul {
        width: 100%;
    }

    footer img {
        display: inline;
        clear: none;
        float: none;
    }
}

@media screen and (max-width: 560px) {
    .slider {
        height: 207px;
    }

    .slider .slide img{
        max-height: 207px;
    }
}