* {
         outline:none;
}

::selection {
         background: #fb4006;
         color: #ffffff;
         text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

::-moz-selection {
         background: #fb4006;
         color: #ffffff;
         text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

html, body {
         margin:0%;
         padding:0%;
         width:100%;
         height:100%;
         min-height:100%;
}

body {
         font-family:'Open Sans', 'Lato', 'Helvetica', Arial, Verdana, Sans-Serif;
         font-size:16px;
         color:#464646;
         -webkit-text-size-adjust: none;
         overflow-x:hidden;
         height: 100%;
         min-height: 100%;
                 background-image:url(../img/about.jpg);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-attachment:fixed;
}

img {
         border:none;
}

a {
         color:#5d5d5d;
         -moz-transition: all .4s ease-in;
         -o-transition: all .4s ease-in;
         -webkit-transition: all .4s ease-in;
         transition: all .4s ease-in;
}

a:hover {
         color:#2197d6;
}

h1 {
         color:#e80a0a;
         font-family:'Open Sans', 'Lato', Arial, Sans-Serif;
         font-weight:500;
         text-transform:uppercase;
         font-size:35px;
         letter-spacing:5px;
         text-align:center;
}

.headline {
         width:100%;
         padding:20px 0px 20px 0px;
         background:rgba(255, 255, 255, 0.50);
         margin:100px 0px 0px 0px;
}

.floatLeft {
         float:left;
}

.floatRight {
         float:right;
}

.clear {
         clear:both;
}

.wrapper {
         position:relative;
         margin:0% auto 0% auto;
         width:100%;
         max-width:1200px;
         padding:0%;
}


/************************************************************************************************************************
************************************************************************************************************************
         HEADER STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
header {
         width:100%;
         background:rgba(70, 70, 70, 1);
         -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
         -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
         box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
         position:fixed;
         top:0px;
         z-index:999;
         font-family:'Lato', 'Open Sans', 'Helvetica', Arial, Verdana, Sans-Serif;
}

header #headerSecond {
         padding:20px 0px 20px 0px;
}

header #headerSecond #logo {
        margin-top:2px;
        display:block;
}

header #headerSecond nav {
         float:right;
         margin:0px 0px 0px 0px;
         padding:0%;
}

header #headerSecond #third,
header #headerSecond #first {
         display:none;
}

header #headerSecond #second {
         float:left;
}

header #headerSecond ul {
         margin:0px;
         padding:0%;
}

header #headerSecond ul li {
         list-style:none;
         float:left;
         border-right:1px solid #b0b0b0;
         margin:0px 10px 0px 0px;
         padding:0px 10px 0px 0px;
         position:relative;
                 line-height:10px;
}

header #headerSecond ul li:last-child {
         border-right:none;
         margin:0px 0px 0px 0px;
         padding:0px 0px 0px 0px;
}

header #headerSecond nav ul li:first-child {
         display:none;
}

header #headerSecond ul li a {
         color:#b0b0b0;
         text-transform:uppercase;
         font-size:12px;
         text-decoration:none;
         -moz-transition: all .4s ease-in;
         -o-transition: all .4s ease-in;
         -webkit-transition: all .4s ease-in;
         transition: all .4s ease-in;
}

header #headerSecond ul li a:hover,
header #headerSecond ul li:hover a {
         color:#888;
}

@media (max-width: 768px) {

      header #headerSecond #second {
         width:100%;
         text-align:center;
      }

      header #headerSecond nav {
         margin:0px;
         padding:10px 5% 0px 5%;
         float:left;
         width:90%;
         text-align:center;
      }

     header #headerSecond ul li {
         list-style:none;
         float:left;
         border-right:1px solid #b0b0b0;
         margin:0px 5px 0px 0px;
         padding:0px 5px 0px 0px;
         position:relative;
         line-height:10px;
     }

}
/************************************************************************************************************************
************************************************************************************************************************
         HEADER ENDS HERE
************************************************************************************************************************
************************************************************************************************************************/




/************************************************************************************************************************
************************************************************************************************************************
         CONTENT STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
.spacer {
         border-bottom:1px solid grey;
         width:100%;
         margin-top:100px;
         padding-bottom:100px;
}

section {
         min-height:700px;
         height:100%;
         line-height:30px;
}

section .floatLeft,
section .floatRight {
         width:50%;
         float:left;
         position:relative;
}

section#about {
         width:50%;
         text-align:center;
         padding:100px 25%;
         background:#fff;
}

section#about img {
         width:100%;
}

.highlight {
         background:rgba(232, 10, 10, 0.70);
         color:#fff;
         text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         padding:30px;
         margin-bottom:100px;
}

.doubleContent {
         margin-top:100px;
}

section .doubleContent .floatLeft {
         width: -moz-calc(50% - 25px);
        width: -webkit-calc(50% - 25px);
        width: calc(50% - 25px);
        margin:0px 25px 0px 0px;
}

section .doubleContent .floatLeft img,
section .doubleContent .floatRight img {
         width:80%;
}

section .doubleContent .floatRight {
         width: -moz-calc(50% - 25px);
        width: -webkit-calc(50% - 25px);
        width: calc(50% - 25px);
        margin:0px 0px 0px 25px;
}

@media (max-width: 768px) {

section .doubleContent .floatLeft {
         width: -moz-calc(100% - 0px);
        width: -webkit-calc(100% - 0px);
        width: calc(100% - 0px);
        margin:0px 0px 0px 0px;
}

section .doubleContent .floatLeft img,
section .doubleContent .floatRight img {
         width:80%;
}

section .doubleContent .floatRight {
         width: -moz-calc(100% - 0px);
        width: -webkit-calc (100% - 0px);
        width: calc(100% - 0px);
        margin:0px 0px 0px 0px;
}

}



ul.non-list {
         margin:0px;
         padding:0px 0px 50px 0px;
}

ul.non-list li {
         float:left;
         list-style:none;
         background:rgba(255, 255, 255, 0.50);
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         padding:25px 0px;
         text-align:center;
}

#evaporators ul.non-list li {
        width: -moz-calc(33.33% - 25px);
        width: -webkit-calc(33.33% - 25px);
        width: calc(33.33% - 25px);
        margin:0px 25px 0px 0px;
}

#evaporators ul.non-list li:last-child {
        width: -moz-calc(33.33% - 0px);
        width: -webkit-calc(33.33% - 0px);
        width: calc(33.33% - 0px);
        margin:0px 0px 0px 0px;
}

#dryers ul.non-list li, #filtration ul.non-list li {
        width: -moz-calc(20% - 25px);
        width: -webkit-calc(20% - 25px);
        width: calc(20% - 25px);
        margin:0px 25px 0px 0px;
}

#dryers ul.non-list li:last-child, #filtration ul.non-list li:last-child {
        width: -moz-calc(20% - 0px);
        width: -webkit-calc(20% - 0px);
        width: calc(20% - 0px);
        margin:0px 0px 0px 0px;
}

/************************************************************************************************************************
************************************************************************************************************************
         CONTENT ENDS HERE
************************************************************************************************************************
************************************************************************************************************************/



/************************************************************************************************************************
************************************************************************************************************************
         FOOTER STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
footer {
        width:100%;
        clear:both;
        bottom:0px;
        background:#464646;
        color:#888;
        font-size:13px;
        text-align:center;
        padding:20px 0px;
}

footer h4 {
         margin:0px;
         padding:0px;
}

footer a {
        color:#888;
        text-decoration:none;
}

footer h4 a {
         display:none;
}

footer #footerFirst ul {
        float:left;
        margin:0%;
        padding:0%;
        width:100%;
}

footer #footerFirst ul li {
        list-style:none;
        width:33.33%;
        text-align:center;
        padding:0px 0px 0px 0px;
        margin:0%;
        float:left;
}
/************************************************************************************************************************
************************************************************************************************************************
         FOOTER ENDS HERE
************************************************************************************************************************
************************************************************************************************************************/


/************************************************************************************************************************
************************************************************************************************************************
         THIS IS THE END OF OUR CSS.
         NOTHING MORE TO COPY MY FRIEND ;-)
************************************************************************************************************************
************************************************************************************************************************/