/*
*
* LAYOUT.CSS - "FIRETRADE"
* DESIGN BY LINOOLMOSTUDIO
*
*/


/*__ FONTS __*/
/*
LIGHT    =    font-family: '';
MEDIUM    =    font-family: '';
*/


/*__ COLORS __*/
/*
COLOR    =    color: #;    color: rgba();
*/




body::-webkit-scrollbar {
    width: 9px;
    background-color:#fff;
}

body::-webkit-scrollbar-thumb {
    width: 9px;
    background-color:#cd0b0b;
}


.call_us_s1 { display: none !important; }




/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏┓ ┏┓     ┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓
┃┃ ┃┃     ┃┏━━┛     ┃┏━┓┃     ┗┓┏┓┃     ┃┏━━┛     ┃┏━┓┃
┃┗━┛┃     ┃┗━━┓     ┃┃ ┃┃      ┃┃┃┃     ┃┗━━┓     ┃┗━┛┃
┃┏━┓┃     ┃┏━━┛     ┃┗━┛┃      ┃┃┃┃     ┃┏━━┛     ┃┏┓┏┛
┃┃ ┃┃     ┃┗━━┓     ┃┏━┓┃     ┏┛┗┛┃     ┃┗━━┓     ┃┃┃┗┓
┗┛ ┗┛     ┗━━━┛     ┗┛ ┗┛     ┗━━━┛     ┗━━━┛     ┗┛┗━┛
*/

.head_container { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }
.head_container_i {
    padding: 20px 2%;
    max-width: 1920px; margin: 0 auto;
}


/*__________ HEADER LOGO __________*/

/* Head Logo */
.head_logo {
    display: inline-block;
    width: 230px;
    float: left;
}
.head_logo img { width: 100%; }




/*__________ MENU __________*/

.head_hamburger { float: right; display: none; }


.menu_custom { float: right; padding-top: 39px; }
.menu_custom a {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    margin: 0 7px;
    padding: 0 7px;
    font-size: 16px;
    cursor: pointer;
    padding-bottom: 5px;
}


.hover_menu { border-bottom: 1px solid transparent; }
.hover_menu:hover { border-bottom: 1px solid #fff; }


a.btn_chiamata {
    color: #cd0b0b;
    border: 2px solid #cd0b0b;
    padding: 15px 20px;
}
.btn_chiamata:hover { background-color: rgba(205, 11, 11, 0.3); color: #fff; }


a.download2 {
    position: relative;
    padding-left: 30px;
}

.download2 {
    background-position: 0px;
    background-size: 20px;
    background-image: url(../images/svg/download.svg);
    background-repeat: no-repeat;
    padding-top: 10px !important;
}

.overlay_menu .download2:before {
    background-image: url(../images/svg/download_red.svg);
}




.menu_custom_fixed { display: none; }

/*__________ OVERLAY __________*/

.overlay_menu { display: none; }




/*__________ BACK TO TOP __________*/

.back_top {
    display: none;
    position: fixed;
    bottom: 10px; right: 10px;
    width: 60px;
    z-index: 3;
}








/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏┓ ┏┓     ┏━━━┓     ┏━┓┏━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓
┃┃ ┃┃     ┃┏━┓┃     ┃ ┗┛ ┃     ┃┏━━┛     ┃┏━┓┃     ┃┏━┓┃     ┃┏━┓┃     ┃┏━━┛
┃┗━┛┃     ┃┃ ┃┃     ┃┏┓┏┓┃     ┃┗━━┓     ┃┗━┛┃     ┃┃ ┃┃     ┃┃ ┗┛     ┃┗━━┓
┃┏━┓┃     ┃┃ ┃┃     ┃┃┃┃┃┃     ┃┏━━┛     ┃┏━━┛     ┃┗━┛┃     ┃┃┏━┓     ┃┏━━┛
┃┃ ┃┃     ┃┗━┛┃     ┃┃┃┃┃┃     ┃┗━━┓     ┃┃        ┃┏━┓┃     ┃┗┻━┃     ┃┗━━┓
┗┛ ┗┛     ┗━━━┛     ┗┛┗┛┗┛     ┗━━━┛     ┗┛        ┗┛ ┗┛     ┗━━━┛     ┗━━━┛
*/


/*__________ SECTION 1 __________*/

#s1_home .s1_title_i { padding-top: 170px; }

#home_video {
    position: fixed;
    min-width: 100%;
    min-height: 100vh;
    right: 0;
    bottom: 0;
    z-index: 0;
    transform: translateX(-50%);
    left: 50%;
}

.s1_title { height: 100%; text-align: center; }

.s1_title p, .s1_title h1 { text-shadow: 0 0 10px rgba(30,30,30,0.6); }



#s1_home .btn_w { margin-right: 10px; }
.btn {
    text-transform: uppercase;
    margin-top: 20px;
    border-radius: 50px;
    padding: 15px 40px;
    display: inline-block;
    font-size: 16px;
}
.btn_w {
    color: #fff;
    border: 2px solid #fff;
}
.btn_red {
    color: #fff;
    border: 2px solid #cd0b0b;
    background-color: #cd0b0b;
}

.btn:hover { box-shadow: 0 25px 10px rgba(30,30,30,0.3); }
.btn_w:hover { background-color: rgba(255,255,255,0.3); }
.btn_red:hover { background-color: rgba(205, 11, 11, 0.3); }



/*__________ SECTION 2 __________*/

.testo_s2 { text-align: center; }
.testo_s2 span {
    font-size: 31px;
    text-shadow: 0 0 14px rgb(0, 0, 0);
    font-weight: 600;
}

.slider { padding: 5% 85px; }

.servizio {
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    height: 270px;
}
.servizio_i { padding: 20px; }

.servizio img { width: 80px; margin-bottom: 20px; }
.servizio p {
    color: #505456;
    font-weight: 700;
    line-height: 1.7;
}

.swiper_nav {
    position: absolute;
    top: calc(50% - 40px);
    width: 80px;
    height: 80px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.swiper_next { background-image: url(../images/svg/next.svg); right: 0; }
.swiper_prev { background-image: url(../images/svg/prev.svg); left: 0; }


/*__________ SECTION 3 __________*/

.prodotto {
    text-align: center;
    
    margin-bottom: 40px;
    border-radius: 20px;
    transition: .2s ease;
    width: 100%;
    opacity: 0.8;
}

.prodotto .prodotto_i { height: 380px; display: flex; align-items: center; justify-content: space-around; flex-direction: column; }

.prodotto img { width: 90px; margin-bottom: 20px; }

.prodotto a {
    /*position: absolute;
    bottom: 10%;
    width: 200px;
    left: calc(50% - 142px);
    font-size: 18px;
    opacity: 0.5;*/

    display: inline-block;
    width: auto;
    font-size: 16px;
    padding: 20px 30px;
    line-height: 1.2;

}

.prodotto:hover {
    background-color: #cd0b0b;
    box-shadow: 0 0 30px rgba(30,30,30,0.5);
    opacity: 1;
}
.prodotto:hover a { opacity: 1; }






.prodotto_negativo { background-color: #cd0b0b; }
.prodotto_negativo.prodotto a { opacity: 1; }





















/*__________ SECTION 4 __________*/

.download {
    position: relative;
    padding-right: 72px;
}
.download:before {
    content: "";
    position: absolute;
    right: 28px;
    top: 12px;
    height: 20px;
    width: 26px;
    background-image: url(../images/svg/download.svg);
    background-repeat: no-repeat;
}

.bkg_s4 {
    background-image: url(../images/jpg/pompa_acqua.jpg);
    height: 500px;
    box-shadow: 0 0 40px rgba(30,30,30,1);
}
.bkg_s42 {
    background-image: url(../images/jpg/pompa_acqua.jpg);
    height: 500px;
    box-shadow: 0 0 40px rgba(30,30,30,1);
    display: none;
}

.pretitle {
    text-transform: uppercase;
    color: #cd0b0b;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 700;
}

.testo_s4 h3, .testo_s4 p { text-shadow: 0 0 17px rgb(0, 0, 0); }



/*__________ SECTION 5 __________*/

.testo_s5 {
    background-color: #cd0b0b;
    border-radius: 20px 0 0 20px;
}
.form_s5 {
    background-color: #1e1e1e;
    border-radius: 0 20px 20px 0;
}

.riga {
    width: 100px;
    height: 1px;
    background-color: #fff;
    margin: 8% 0;
}






/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━━┓     ┏━━━┓     ┏━━━┓
┃┏━━┛     ┃┏━┓┃     ┃┏━┓┃     ┃┏┓┏┓┃     ┃┏━━┛     ┃┏━┓┃
┃┗━━┓     ┃┃ ┃┃     ┃┃ ┃┃     ┗┛┃┃┗┛     ┃┗━━┓     ┃┗━┛┃
┃┏━━┛     ┃┃ ┃┃     ┃┃ ┃┃       ┃┃       ┃┏━━┛     ┃┏┓┏┛
┃┃        ┃┗━┛┃     ┃┗━┛┃       ┃┃       ┃┗━━┓     ┃┃┃┗┓
┗┛        ┗━━━┛     ┗━━━┛       ┗┛       ┗━━━┛     ┗┛┗━┛
*/


/*__________ FOOTER CONTENT __________*/

.foot_container { background-color: #2b2e2f; }

.box_footer a { display: inline-block; font-weight: 400; }
.box_footer a:hover { color: #cd0b0b; }

.box_footer p { margin-bottom: 14px; }

.box_footer a, .box_footer p { font-size: 18px; }


.foot_logo { width: 80%; }

.social { margin-top: 20px; }
.social img {
    width: 50px;
    margin: 0 10px;
}


/*__________ CREDITS __________*/

.credits_row p, .credits_row a {
    display: inline-block;
	font-size: 16px;
	line-height: 1;
    transition: 0.3s ease;
}

.credits_row a:hover {
	color: #;
    transform: scale(1.05);
	cursor: pointer;
}








/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓
┃┏━┓┃     ┃┏━┓┃     ┃┏━┓┃     ┃┏━━┛     ┃┏━┓┃
┃┗━┛┃     ┃┃ ┃┃     ┃┃ ┗┛     ┃┗━━┓     ┃┗━━┓
┃┏━━┛     ┃┗━┛┃     ┃┃┏━┓     ┃┏━━┛     ┗━━┓┃
┃┃        ┃┏━┓┃     ┃┗┻ ┃     ┃┗━━┓     ┃┗━┛┃
┗┛        ┗┛ ┗┛     ┗━━━┛     ┗━━━┛     ┗━━━┛
*/


/*__________ SECTION 1 __________*/




/*__________ SECTION 2 __________*/








/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━━━┓     ┏━━━┓     ┏┓ ┏┓     ┏━━┓     ┏┓  ┏┓     ┏━━━┓
┃┏━┓┃     ┃┏━┓┃     ┃┏━┓┃     ┃┃ ┃┃     ┗┫┣┛     ┃┗┓┏┛┃     ┃┏━━┛
┃┃ ┃┃     ┃┗━┛┃     ┃┃ ┗┛     ┃┗━┛┃      ┃┃      ┗┓┃┃┏┛     ┃┗━━┓
┃┗━┛┃     ┃┏┓┏┛     ┃┃ ┏┓     ┃┏━┓┃      ┃┃       ┃┗┛┃      ┃┏━━┛
┃┏━┓┃     ┃┃┃┗┓     ┃┗━┛┃     ┃┃ ┃┃     ┏┫┣┓      ┗┓┏┛      ┃┗━━┓
┗┛ ┗┛     ┗┛┗━┛     ┗━━━┛     ┗┛ ┗┛     ┗━━┛       ┗┛       ┗━━━┛
*/


/*__________ SECTION 1 __________*/




/*__________ SECTION 2 __________*/








/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━━━┓     ┏┓ ┏┓     ┏━━━┓     ┏━━━┓     ┏━━━┓
┃┏━┓┃     ┃┏━┓┃     ┃┃ ┃┃     ┃┏━━┛     ┗┓┏┓┃     ┃┏━━┛
┃┗━━┓     ┃┃ ┗┛     ┃┗━┛┃     ┃┗━━┓      ┃┃┃┃     ┃┗━━┓
┗━━┓┃     ┃┃ ┏┓     ┃┏━┓┃     ┃┏━━┛      ┃┃┃┃     ┃┏━━┛
┃┗━┛┃     ┃┗━┛┃     ┃┃ ┃┃     ┃┗━━┓     ┏┛┗┛┃     ┃┗━━┓
┗━━━┛     ┗━━━┛     ┗┛ ┗┛     ┗━━━┛     ┗━━━┛     ┗━━━┛
*/


/*__________ SCHEDA __________*/








/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━━┓     ┏━┓ ┏┓     ┏━━━┓     ┏┓        ┏━━━┓
┃┏━┓┃     ┗┫┣┛     ┃ ┗┓┃┃     ┃┏━┓┃     ┃┃        ┃┏━━┛
┃┗━━┓      ┃┃      ┃┏┓┗┛┃     ┃┃ ┗┛     ┃┃        ┃┗━━┓
┗━━┓┃      ┃┃      ┃┃┗┓ ┃     ┃┃┏━┓     ┃┃ ┏┓     ┃┏━━┛
┃┗━┛┃     ┏┫┣┓     ┃┃ ┃ ┃     ┃┗┻ ┃     ┃┗━┛┃     ┃┗━━┓
┗━━━┛     ┗━━┛     ┗┛ ┗━┛     ┗━━━┛     ┗━━━┛     ┗━━━┛
*/


/*__________ SECTION 1 __________*/




/*__________ SECTION 2 __________*/








/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━━━┓     ┏━┓ ┏┓     ┏━━━━┓     ┏━━━┓     ┏━━━━┓     ┏━━━━┓     ┏━━┓
┃┏━┓┃     ┃┏━┓┃     ┃ ┗┓┃┃     ┃┏┓┏┓┃     ┃┏━┓┃     ┃┏┓┏┓┃     ┃┏┓┏┓┃     ┗┫┣┛
┃┃ ┗┛     ┃┃ ┃┃     ┃┏┓┗┛┃     ┗┛┃┃┗┛     ┃┃ ┃┃     ┗┛┃┃┗┛     ┗┛┃┃┗┛      ┃┃ 
┃┃ ┏┓     ┃┃ ┃┃     ┃┃┗┓ ┃       ┃┃       ┃┗━┛┃       ┃┃         ┃┃        ┃┃ 
┃┗━┛┃     ┃┗━┛┃     ┃┃ ┃ ┃       ┃┃       ┃┏━┓┃       ┃┃         ┃┃       ┏┫┣┓
┗━━━┛     ┗━━━┛     ┗┛ ┗━┛       ┗┛       ┗┛ ┗┛       ┗┛         ┗┛       ┗━━┛
*/


/*__________ SECTION 1 __________*/




/*__________ SECTION 2 __________*/








/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━┓┏━┓
┃┏━━┛     ┃┏━┓┃     ┃┏━┓┃     ┃ ┗┛ ┃
┃┗━━┓     ┃┃ ┃┃     ┃┗━┛┃     ┃┏┓┏┓┃
┃┏━━┛     ┃┃ ┃┃     ┃┏┓┏┛     ┃┃┃┃┃┃
┃┃        ┃┗━┛┃     ┃┃┃┗┓     ┃┃┃┃┃┃
┗┛        ┗━━━┛     ┗┛┗━┛     ┗┛┗┛┗┛
*/


/*__________ FORM CONTATTI __________*/

.form-input {
    position: relative;
    width: 100%;
    float: none;
    margin: 20px 0;
}

.fw50.form-input { width: 50%; float: left; }

.form-input input {
    padding: 10px;
    width: calc(100% - 50px);
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.8);
    color: #fff;
    font-family: 'Spartan', sans-serif;
}

.form-input select {
    width: calc(100% - 30px);
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.8);
    color: #888;
    font-family: 'Spartan', sans-serif;
    height: 39px;
}

.form-input textarea {
    padding: 10px;
    width: calc(100% - 50px);
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.8);
    color: #fff;
    font-family: 'Spartan', sans-serif;
    line-height: 1.3;
}

.form-input input::placeholder, .form-input textarea::placeholder{ color: rgba(255,255,255,0.5); font-family: 'Spartan', sans-serif; }


/* Placeholder */
::placeholder { color: rgba(30,30,30,0.8); }
::-webkit-placeholder { color: rgba(30,30,30,0.8); }
::-ms-input-placeholder { color: rgba(30,30,30,0.8); }
:focus::placeholder { color: rgba(30,30,30,0.4); }
:focus::-webkit-placeholder { color: rgba(30,30,30,0.4); }
:focus::-ms-input-placeholder { color: rgba(30,30,30,0.4); }


/* Privacy */
.form-privacy {
    position: relative;
    padding: 0;
    text-align: left;
    width: 100%;
    display: flex; align-items: center; justify-content: flex-start;
    margin-top: 30px;
}
span.wpcf7-list-item { display: block; margin: 0; line-height: 0; }
.form-privacy input[type=checkbox] {
    -webkit-appearance: none;
    border: 1px solid rgba(255,255,255,0.8);
    margin: 0;
    border-radius: 0;
    background-color: transparent;
    white-space: nowrap;
    padding: 10px;
    overflow: hidden;
}
.form-privacy input[type=checkbox]:checked {
    background: url(../images/svg/checked.svg) no-repeat center;
    background-size: 16px;
    background-color: rgba(255,255,255,0.6);
}
.form-privacy p {
    padding: 0px;
    margin-left: 10px;
}
.form-privacy p, .form-privacy a {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
}
.form-privacy a { text-decoration: underline; }

/* Captcha */
.grecaptcha-badge { visibility: hidden; }
.form-captcha { position: relative; width: 100%; }
.form-captcha p { font-size: 10px; line-height: 1; }
.form-captcha a { display: inline-block; margin: 0 2px; }


/* Submit */
div.wpcf7 .ajax-loader { display: none; }
.form-submit { clear: both; }
.form-submit input[type="submit"] {
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 2px;
    background-color: #cd0b0b;
    padding: 20px;
    cursor: pointer;
    border: 2px solid #cd0b0b;
    border-radius: 100px;
    font-weight: 600;
    width: 100%;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s ease;
    margin-top: 40px;
}


/* Animazioni */

.form-input input:focus {
    /* animation-name / animation-duration / animation-delay / animation-iteration-count */
    -webkit-animation: formanim 0.3s forwards;
    animation: formanim 0.3s forwards;
}
@-webkit-keyframes formanim {
    0% {}
    100% {}
}
@keyframes formanim {
    0% {}
    100% {}
}

.form-submit input:hover[type="submit"] { transform: scale(.95); background-color: rgba(205, 11, 11, 0.3); }
.form-submit input:disabled[type="submit"] {
    color: #e0e0e0;
    background-color: rgba(146, 146, 146, 0.4);
    border-color: rgba(146, 146, 146, 0.4);
}








/*__________________________________________________________________________________________________________________________________________________________________________*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━┓┏━┓     ┏━━━━┓     ┏━━━┓     ┏━━━┓
┃┏━━┛     ┗┓┗┛┏┛     ┃┏┓┏┓┃     ┃┏━┓┃     ┃┏━┓┃
┃┗━━┓      ┗┓┏┛      ┗┛┃┃┗┛     ┃┗━┛┃     ┃┃ ┃┃
┃┏━━┛      ┏┛┗┓        ┃┃       ┃┏┓┏┛     ┃┗━┛┃
┃┗━━┓     ┏┛┏┓┗┓       ┃┃       ┃┃┃┗┓     ┃┏━┓┃
┗━━━┛     ┗━┛┗━┛       ┗┛       ┗┛┗━┛     ┗┛ ┗┛
*/

a.iubenda-tp-btn.iubenda-cs-preferences-link { display: none !important; }
#iubenda-cs-banner .iubenda-banner-content-padded a, #iubenda-cs-banner .iubenda-banner-content a { display: inline-block !important; }
a.iubenda-tp-btn.iubenda-cs-preferences-link { display: none !important; }


/*__ FONTS __*/
/*

LIGHT    =    font-family: '';
MEDIUM    =    font-family: '';

*/


/*__ COLORS __*/
/*

COLOR    =    color: #;    color: rgba();

*/




/*__________ THANK YOU PAGE __________*/




/*__________ PRIVACY PAGE __________*/

.s1.s1_page.s1_privacy .s1_title {
    text-align: center;
    padding: 5%;
}
.s1.s1_page.s1_privacy .s1_title p { padding-top: 2.5%; }




/*__________ CSS AGGIUNTIVO O MODIFICHE __________*/









































 

