/* MENU MOBIL */

header label i {
   color:#1750aa;
}

header label, header input {
    display:none;
}



/* reset */

body {
    margin:0;
    background-color:#000221
}

ul {
    list-style-type: none;
    margin:0;
    padding:0;
    font-family: 'Oswald', sans-serif;
} 

a {
    text-decoration: none;
    color: #becde5;
}

* {
    box-sizing: border-box;
}

h1, h2, h3, p, a, li {
    margin:0;
    padding:0;
    font-family: 'Oswald', sans-serif;
}

.clearfix {
    clear: both;
}

.currentpage {
    color:#1750aa;
}

/* header */
 

header {
    width:100%;
    background-color:#162133;
    height:101.6px;
    position:fixed;
    top:0;
    z-index: 1000;
    border-bottom:1px solid #000;
}


header div, section, #footer, #prefooter, #contact  {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    position:relative;
}

header #logo {
    width:430px;
    margin:20px 0 0 2%;
}

header ul {
    position:absolute;
    right:25px;
    top:33px;
}

header li {
    float:left;
    font-size:22px;
    padding-left:15px;
    margin-left:15px;
    text-transform: uppercase;
    border-left:1px solid #e5efff;
    line-height:40px;
}

header li:first-child {
    border-left:none;
}

header li a {
    transition:0.7s;
}

header li a:hover {
    color:#1750aa;
}

/* section */

section #intro {
    background:url(../images/balastiera.jpg) no-repeat center center;
    background-size:cover;
    height: 300px;
    padding-top:100px;
}

#intro h1 {
    display:block;
    background-color:#162133;
    text-align:center;
    margin-left:3%;
    text-transform: uppercase;
    color:#becde5;
    width:440px;
    font-size:24px;
    letter-spacing:3px;
    line-height: 50px;
    position:relative;
    top:-50px;
    text-indent:5px;
    font-weight: normal;
}

section {
    background:#becde5;
    margin-top:100px;
}

#sidebar {
    width:35%;
    background-color:#162133;
    height:100%;
    float:left;
}

#firstside, #secondside, #thirdside {
    margin:0 auto;
    width:85%;
    border-bottom:1px solid #e5efff;
    min-height:200px;
    padding-bottom:20px;
    
}

#sidebar h2 {
    color:#becde5;
    font-weight: normal;
    padding-top:30px;
    text-indent:5%;
    padding-bottom:15px;
}

#sidebar i {
    color:#1750aa;
}

#firstside p, #secondside p {
    padding:10px;
    text-indent:20px;
    font-size:17px;
    color:#c9ddff;
    text-align:justify;
}

#secondside p {
    padding-bottom:0px;
    font-size:30px;
    padding:50px 0 0 40%;
}


#secondside {
    border-bottom: none;
}

#secondside img {
    display:block;
    width:100%;
    margin:0 auto;
    margin-bottom:20px;
    transition:1s;
}

#secondside a {
    box-sizing: content-box;
    display:block;
    margin:0 auto;
    width:60%;
    
}

#secondside img:hover {
   filter: grayscale(100%)
}

#firstside a {
    font-size:18px;
    display:block;
    margin-left:50%;
    margin-bottom:20px;
    transition:0.7s;
    width:100px;
}

#firstside a:hover {
    color:#1750aa;
}


#thirdside h3, #thirdside p {
    color:#c9ddff;
    text-indent:10%;
    font-weight:normal;
    font-size:20px;
}


#thirdside p {
    font-size:16px;
    margin-bottom:6px;
}

#thirdside h2 {
    padding-bottom:20px;
}

#thirdside img {
    display:block;
    width:90%;
    margin:0 auto;
    padding:30px 0;
}

#main {
    width:65%;
    background-color:#becde5;
    min-height:600px;
    float:left;
}

#firstarticle h2 {
    font-size:30px;
    display:block;
    border-bottom:1px solid #162133;
    margin:30px 5% 20px 5%;
    width:90%;
    text-align:center;
    padding-bottom:10px;
}

#firstarticle p {
    padding:10px 5%;
    font-size:20px;
    text-indent:2%;
    text-align:justify;
}

#firstarticle img {
    width:80%;
    display:block;
    margin:0 auto;
    padding: 20px 0;
}

#firstarticle p:nth-child(3), #firstarticle p:nth-child(4) {
    padding:0 5%;
}

#firstarticle p:nth-child(5), #firstarticle p:nth-child(6) {
    padding: 0 5%;
    text-indent:10%;
}

#firstarticle p:nth-child(7) {
    padding-top:30px;
    padding-bottom:30px;
}

#secondarticle, #thirdarticle {
    float:left;
    width:50%;
    border-top:1px solid #e8f0ff;
    border-bottom:1px solid #e8f0ff;
    min-height:455px;
}


#secondarticle {
    border-right:1px solid #e8f0ff;
}

#secondarticle a, #thirdarticle a{
    color:#000;
    transition:0.7s;
    margin-left:55%;
    width:90px;
    display:block;
    margin-bottom:40px;
    margin-top:20px;
}

#secondarticle p {
    font-size:20px;
    padding:10px 25px 10px 10%;
    text-indent:15px;
    text-align:justify;
}

#secondarticle a:hover, #thirdarticle a:hover {
    color:#1750aa;
}

#secondarticle h2, #thirdarticle h2 {
    text-align:center;
    width:80%;
    border-bottom:1px solid #162133;
    margin:0 auto;
    margin-bottom:20px;
    margin-top:20px;
}

#secondarticle li, #thirdarticle li {
    padding:0 0 5px 10%;
    font-size:20px;
}



#thirdarticle {
    text-align:center;
}

#thirdarticle i {
    font-size:70px;
    padding-bottom:30px;
    padding-top:30px;
}

#thirdarticle p {
    font-size:24px;
    padding:0 10%;
}

/* prefooter */

#prefooter {
    min-height:325px;
    background: url(../images/prefooter.jpg) no-repeat center center;
    background-size: cover;
}

#prefooter #left, #prefooter #center {
    width:33%;
    float:left;
}

#left h3 {
    font-size:40px;
    padding:20px 0 20px 10%;
    color:#1750aa;
    text-decoration: underline;
}

#left a {
    transition:1s;
    color:#1750aa;
}

#left a:hover {
    color:#fff;
}

#left p {
    font-size:20px;
    padding:30px 10% 20px 10%;
    text-align: justify;
    color:#e8f0ff;
    text-indent: 15px;
}

#center a {
    transition:1s;
}

#center a:hover {
    color:#1750aa;
}

#center h3 {
    font-size:30px;
    padding:35px 10% 40px 30%;
    color:#c9ddff;
    
}

#center li {
    font-size:20px;
    padding:5px 0 5px 15%;
    color:#e8f0ff;
}

#center li a {
    color:#e8f0ff;
    transition:1s;
}

#center li a:hover {
    color:#1750aa;
}

#prefooter iframe {
    float:left;
    width:30%;
    height:300px;
    padding:25px 0 0px 5%;
}
/* footer */

#footer, footer {
    min-height:50px;
    background-color:#000;
}

#copy {
    color:white;
    line-height:50px;
    position:absolute;
    left:2%;
    color:#becde5;
}

#copyright {
    color:#e8f0ff;
}

#design {
    position:absolute;
    right:2%;
    line-height:50px;
    color:#1750aa;
}

/* contact */

#contact, #about, #products, #certificates {
    min-height: 600px;
    padding-top:20px;
    background-color:#162133;
}

#leftcontact, #centercontact, #rightcontact {
    width:33%;
    margin:0 auto;
    float:left;
    text-align: center;
    color:#becde5;
}

#leftcontact i, #centercontact i, #rightcontact i, #firmcontact i, #schedule i, #webcontact i {
    font-size:70px;
}

#leftcontact p, #centercontact p, #rightcontact p {
    font-size:24px;
    padding:30px 15%;
}

#firmcontact , #schedule , #webcontact {
    float:left;
    width:33%;
    text-align:center;
    color:#becde5;
}

#schedule p {
    font-size:24px;
}

#schedule i, #firmcontact i, #webcontact i {
    padding-bottom:30px;
}

#contact iframe {
    display:block;
    margin:0 auto;
    width:80%;
    height:400px;
    padding:50px 0;
}

#contact div {
    transition:1s;
}

#contact div:hover {
    color:#fff;
}
#webcontact a {
    color:#becde5;
    font-size:24px;
    transition:0.7s;
}

#webcontact a:hover {
    color:#000;
}

/* certificari */

#certificates {
    text-align:center;
}

#certificates img {
    width:30%;
    margin:0 50px 50px 50px;
    transition:1s;
}

#certificates img:hover {
    filter: grayscale(100%);
}
/* about */
#about, #products , #certificates {
    color:#becde5;
}

#about h2, #products h2, #certificates h2 {
    text-align:center;
    font-size:34px;
    display:block;
    width:50%;
    margin:0 auto;
    border-bottom:1px solid #000;
    line-height: 80px;
    margin-bottom:40px;
    
}

#about h3 {
    font-size: 26px;
    text-align:center;
    padding:30px 0 50px 0;
}

#about h2 {
    margin-bottom:0px;
}

#about p {
    padding:0 10% 20px 10%;
    font-size:22px;
    text-indent:25px;
}

#about p:nth-child(2) {
    padding:50px 9% 0 9%;
}
#about p:nth-child(3),#about p:nth-child(4) {
    text-indent:50px;
    padding:0 10%;
}

#about p:nth-child(5),#about p:nth-child(6) {
    text-indent:130px;
    padding:0 10%;
}

#about p:nth-child(6) {
    padding-bottom:50px;
}
#about img {
    display:block;
    margin:0 auto;
    padding: 30px 0;
    width:60%;
}

#about a {
    transition:1s;
}

#about a:hover {
    color:#1750aa;
}

/* products */

#products h2 {
    width:60%;
}

.products img {
    display:block;
    float:left;
    width:30%;
    padding:25px 3%;
}

.products h3 {
    font-size:24px;
    padding:50px 0 20px 0px;
}

.products p {
    font-size:18px;
    padding-right:3%;
    text-indent:15px;
}