/*
Theme Name: i-max Child
Theme URI: https://www.nkey.it
Description: Child Theme Edit for Nkey srl.
Author: Gianmarco Rossi
Version: 2.0
Template: i-max
*/

@import url("../i-max/style.css");

/*________Home Page_______ */

.homebox{
background-color: rgba(241, 241, 241, 0.48);
}
.homebox>h1{
font-size: 18px;
font-weight: 500;
text-align: center;
font-style: italic;
padding: 18px;
}
.site-footer {
color: #FFFFFF;
}

.site-footer .site-info a {
color: #ffb300;
}



/*____Home-Page-Video___*/

@media screen and (min-width: 1080px) and (max-width: 3840px) {
.services{
margin-bottom: 40px;
height: 380px;
}
video {
position:absolute;
z-index:1;
}

video.fillWidth {
width: 100%;
}

.videocontainer{
top:55%;
position: absolute;
left:0%;
height: 250px;
width:100%;
overflow: hidden;
}
.videoimage{
z-index: 100;
position: absolute;
background-image: url("http://www.steelmoda.it/wp-content/uploads/2015/12/HoverClip.jpg");
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
padding: 0px !important;
overflow: hidden;
width: 100%;
height: 100%; 
text-align: center;
}

.videoimage:hover{
background-image: none;
}
}

@media screen and (min-width: 4px) and (max-width: 1079px) {
.services{
}
video {
display:none;
}

video.fillWidth {
width: 100%;
}

.videocontainer{
position: relative;
height: 250px;
width:100%;
overflow: hidden;
}
.videoimage{
z-index: 100;
position: relative;
background-image: url("http://www.steelmoda.it/wp-content/uploads/2015/12/HoverClip.jpg");
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
padding: 0px !important;
overflow: hidden;
width: 100%;
height: 100%; 
text-align: center;

}

}

/*___Form___*/

.formcontatto{
width:50%;
font-family: inherit;
}
.leftform{
    width: 45%;
    float: left;
    margin-right: 2.5%;
    margin-left: 2.5%;
}
.rightform{
    width: 45%;
    float: left;
    margin-right: 2.5%;
    margin-left: 2.5%;
}

.privacy{
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    text-align: center;
}

.messaggio{
   width: 95%;
   margin-left: 2.5%;
   margin-right: 2.5%;
}

button,
input,
textarea {
	border: 1px solid #ffb300;
}

/*________Pagina Contatti_______ */

@media (min-width: 800px){
.contattialig{
float: left;
display: -webkit-inline-box;
width: 100%;
}

.map{
width: 60%;
padding-top: 7%;
}

.map>h1{
font-size: 18px;
margin-top: 20px;
margin-bottom: 20px;
}

.formcontact{
width: 40%;
padding-left: 10px;
}

.titleform{
color: #ffb300;
font-size: xx-large;
font-weight: 600;
}
}

@media (max-width: 800px){
.contattialig{
width: 80%;
}

.map{
width: 100%;
}

.map>h1{
font-size: 18px;
margin-top: 20px;
margin-bottom: 20px;
}

.formcontact{
width: 100%;
padding-top: 20px;
}

.titleform{
color: #ffb300;
font-size: xx-large;
font-weight: 600;
}
}