/*
font-family: 'Raleway', sans-serif;
*/
@font-face {
    font-family: 'itc_officina_sans_lt_bookRg';
    src: url('/wp-content/themes/Sagapo/css/officinasanslt-book-webfont.woff2') format('woff2'),
    url('/wp-content/themes/Sagapo/css/officinasanslt-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html, body {font-family: 'Playfair Display', sans-serif; font-size: 14px; height:100%;font-weight: 500; color:#1d1c1b; }
body{margin:0;}
html * { outline: 0 !important; }

/* Reset */
.icam-clear { clear: both; }
a { text-decoration: none; color: #565656; }
a:hover { color: #565656; text-decoration: none; }
a:hover {text-decoration: none; color:inherit;}
a:focus{outline: 0 !important;text-decoration: none; color:inherit;}
a:visited{outline: 0 !important;text-decoration: none;color:inherit;}
.clear { clear: both; }
.fl{float: left;}
.fr{float: right;}

#page{
    margin-top: 80px;
    padding-top: 60px;
}

/* ******************************************* HEADER **************************************** */
header { position: fixed; top:0px; left:0px; height: 80px; width:100%; background: #ffffff; box-shadow: 0 2px 2px 0 rgba(219,219,219,0.50); z-index: 1001; }
header img { display: block; margin: 13px auto 0px auto; }
header a { display: block; }


/* ******************************************* BODY **************************************** */
#body { margin-top: 80px; padding-top: 60px; }
.tabs { border-bottom: 1px solid #979797; height: 50px; margin-bottom: 35px; }
.tabs h1 { display: block; margin: 0px; padding: 0px 0px 0px 0px; text-transform: uppercase; font-weight: 300; font-size: 33px; line-height: 29px; color:#1d1c1b; float: left;font-family: 'itc_officina_sans_lt_bookRg';  }
/* .tabs h1.thankyoupage { font-size: 23px; line-height: 22px  } */
.tabs a { cursor: pointer; display: block; float: right; border: 1px solid #979797; height: 50px; text-align: center; text-transform: uppercase; padding-top: 18px; line-height: 14px; font-size: 12px; width: 250px; font-weight: 600; background-color: #FFF; position: relative; top: 0px; color:#000; }
.tabs a:hover { background-color: #282A2B; border-bottom: 0px; color: #FFF; }
.tabs a.selected { background-color: #282A2B; border-bottom: 0px; color:#FFF; }
.tabs a.tab1 { left: 1px; }
/* .tabs a.thankyoupage { padding-top: 11px !important;; } */
#warranty h5 { display: block; margin: 0px; padding: 20px 0px 50px 0px; color:#D0021B; font-size: 14px; font-weight: 600; text-align:right; }
#warranty .icons { text-align: center; padding: 10px 0px 40px 0px; }
#warranty input[type="radio"] { display: block; margin: auto; width: 24px; height: 24px; }
#warranty input[type="checkbox"] { display: block; margin-right: 30px; width: 24px; height: 24px; float: right; }
#warranty input[type="text"] { display: block; margin: auto; height: 40px; border: 1px solid #979797; line-height: 40px; padding: 0px 10px; color: #979797; width: 100%; margin-bottom: 15px; }
#warranty input[type="text"].short { width: 89%; display: inline-block; }
#warranty select { display: block; margin: auto; height: 40px; border: 1px solid #979797; line-height: 40px; padding: 0px 10px; color: #979797; width: 100%; margin-bottom: 15px; }
#warranty .calendar-icon { display: inline-block; position: relative; top: -2px; left: 5px; }
#warranty .plus-icon { display: inline-block !important; background-image: url("../img/+.png"); background-position: center center; width: 25px; height: 25px; background-color:#D8D8D8; position: relative; top: 8px; left: 5px; background-repeat: no-repeat; padding: 0px !important; cursor: pointer; }
#warranty .minus-icon { display: inline-block !important; background-image: url("../img/_.png"); background-position: center center; width: 25px; height: 25px; background-color:#D8D8D8; position: relative; top: 8px; left: 5px; background-repeat: no-repeat; padding: 0px !important; cursor: pointer; }
#warranty textarea { padding: 10px; height: 200px; width: 100%; }
#warranty .icons-label { display: block; padding: 10px 0px; }
#warranty .labels span { display: block; text-align: right; padding: 0px 30px 0px 0px; font-size: 14px; color: #1d1c1b; font-weight: 500; }
#warranty .labels span.label-icons { padding-top: 57px; }
#warranty .labels span.error { color: #D0021B !important;  position: absolute; top: auto; right: 10px; text-align: right; bottom: 23px; font-size: 12px; font-weight: bold; }
#warranty p { display: block; padding: 70px 0px 30px 0px; font-size: 13px; }
#warranty a.button { text-decoration: none; width: 165px; background-color: #282A2B; display: block; text-align: center; height: 45px; line-height: 45px; color: #FFF; font-weight: 600; text-transform: uppercase; font-size: 16px; margin: 30px 0px 0px 0px; float: right; }
#warranty a.button:hover { text-decoration: none; background-color: #AAA; }
#warranty #productcode_2 { display: none; }
#warranty #productcode_3 { display: none; }
#warranty #productcode_4 { display: none; }
#warranty .dati-utente { padding-top: 70px; }
#warranty .privacy-text { font-size: 12px; padding-top: 7px; }
#warranty .icons-label { font-size: 13px; }
#content { display: none; }
#content h2 { display: block; margin: 0px; padding: 0px 0px 0px 0px; font-size: 27px; font-weight: 600;font-family: 'itc_officina_sans_lt_bookRg'; }
#content h4 { display: block; margin: 0px; padding: 20px 0px 0px 0px; font-size: 18px; font-weight: 600; }
#content { font-size: 14px; line-height: 23px; }
#content .lang { border-bottom:1px solid #979797; padding-bottom: 30px; margin-bottom: 30px;  }
#content-thankyoupage .lang { border-bottom:1px solid #979797; padding-bottom: 30px; margin-bottom: 30px;  }

/* ******************************************* FOOTER **************************************** */
.footer { background-color:#282A2B;; padding: 40px 0px; position: relative; color: #FFFFFF; font-size:16px; text-align: center; font-weight: 600; }
.footer a { color: #FFF; text-decoration: none; }
.footer a:hover { text-decoration: none; }