/***********************************
		 	style general
***********************************/
@import url('root.css');
.txtblue{color: #153157!important; }
.borderB{border-bottom: 5px solid #8CBC4A;}
.img-radius{border-radius: 100%;}
html,body{font-size: 16px; font-family: var(--FontsMain);  padding: 0; margin: 0; box-sizing: border-box;}
.red, .red mark{color: #980000!important; font-size: 24px; text-align: center!important;}
.img-responsive{width: 100%; max-width: 700px; margin: 0 auto; text-align: center;}
.img-responsive img{max-width: 100%;}
.signature{font-family: 'Caveat', cursive; font-size: 34px!important;}
/*main*/
main{width: 100%;  box-sizing: border-box; position: relative; margin: 0; padding:1.5rem 0 4rem; background: #000 url('../img/BG.png') no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
img{max-width: 100%;}

/*box*/
main section#box-white{position: relative; background-color:transparent; width: 90%; max-width: 800px; margin: 0 auto; padding: 0 2rem 2.5rem; box-sizing: border-box; }
main section#box-white h1{padding:2.5rem 0 0; color: #153157; font-family: 'Montserrat', sans-serif; font-weight: 700; margin: 0; text-align: center; font-size:70px;}
main section#box-white h2{padding: 0 0 20px; color:#1d70ba;margin: 0; font-family: 'Oswald', sans-serif; font-weight: 700; text-align: center;  font-size:36px;}
main section#box-white h2 u{font-size: 50px;}
main section#box-white h4{padding:35px 0 15px; font-weight: normal; margin: 0; text-align: center; color: var(--BlackText); font-size:20px;}
main section#box-white h1 span{color: var(--second-titleColor);}
main section#box-white h3{text-align: center; font-family: 'Montserrat', sans-serif; font-weight:bold; color: #fff;  padding: 30px 0 0rem; margin: 0; font-size:clamp(1.2rem, 5vw, 1.5rem);}
main section#box-white h3 span{font-weight: normal;}
main section#box-white p{font-size:20px; padding-top: 15px; text-align: left; font-weight: normal; margin-top: 0; color: var(--BlackText);}
main section#box-white ul{padding: 0; margin: 0;}
main section#box-white ul li{font-size: 20px; text-align: left; font-weight: normal; padding-bottom: 15px;}
main section#box-white ul li {
    content: '';
    padding: 0 0 25px 40px;
    list-style: none;
    color: #000;
    position: relative;
}
main section#box-white ul li:before {
    font-family: "Font Awesome 5 Free";
    content: '\f058';
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    margin-left: -1.3em;
    width: 1.3em;
    color: #ff6600;
}
main section#box-white figure{width: 100%; max-width: 500px; margin:0 auto;}
main section#box-white figure img{max-width: 100%;}
main section#box-white .logo-center figure{width: 100%; padding: 0; margin: 0 auto;}
main section#box-white .logo-center figure img{max-width: 240px; width: 100%;}
main section#box-white .logo-center h4{text-align: center; padding: 0; margin: 0; font-size:clamp(1rem, 5vw, 1.7rem);}
main section#box-white form{width: 100%; max-width: 560px; margin: 0.7rem auto;}
main section#box-white form h4{text-align: center; font-family: var(--FontsMain); font-weight:bold; padding: .5rem 0; margin: 0; font-size:clamp(0.8rem, 5vw, 1.4rem);}
main section#box-white form input[type="text"],
main section#box-white form input[type="email"],
main section#box-white form input[type="tel"]{width: 100%; height: 55px; padding: 7px; text-align: center; margin-top: 15px; font-size: 20px; box-sizing: border-box;}
main section#box-white form button, main section#box-white a.btn {background-color: var(--BgButton); border-radius: 5px; text-decoration: none; color: var(--textButton);  width: 100%; font-weight: bold; box-sizing: border-box; cursor: pointer; border: none; text-transform: uppercase; margin: 0 auto 0; padding: 13px; text-align: center; font-size:22px;}
main section#box-white form button:hover, main section#box-white a.btn:hover{background-color: var(--BgButton-hover);}
main section#box-white a.btn{font-size:clamp(0.9rem, 5vw, 1.5rem);}
main section#box-white form p.txt-privacy{padding: 5px 0 0; text-align: center; margin: 0;} 
main section#box-white form p.txt-privacy a{ color: var(--BlackText); text-decoration: none;}
.active{display: block!important;}
@media screen and (max-width: 768px){
  .empty{display: none;}
	main{padding:0rem 0 0rem;}
	main section#box-white{padding: 1.5rem 2rem; width: 100%; }
}

@media screen and (max-width: 600px){
  main section#box-white{width: 100%;}
  main section#box-white h1{font-size:30px;}
main section#box-white h2{font-size:24px;}
main section#box-white h4{font-size:20px;}
main section#box-white p{font-size:17px;}
main section#box-white form button{font-size: 20px;}

}
.casl, .gdpr{margin-top: 10px!important;}
.casl label, .gdpr label, .casl label a, .gdpr label a{color: #000!important}


footer {background-color: var(--WhileText); padding: 2.5rem 0;}
footer .footer-img{width: 100%; background-color: #fff; text-align: center; padding: 3rem 0;}
footer .footer-img img{max-width: 600px; width: 90%; margin: 0 auto;}
footer nav{text-align: center; width: 100%; padding: 20px 0;}
footer nav ul{padding: 0; margin: 0;}
footer nav ul li{list-style: none;  text-align: center; display: inline-block; color: var(--BlackText); padding-right: 15px; padding-left: 15px; vertical-align: middle;}
footer nav ul li:last-child{padding-right: 0; border-right:none;}
footer nav ul li a {display: block; vertical-align: middle; font-size:clamp(0.9rem, 5vw, 1rem); color: var(--BlackText); text-decoration: none;}
footer nav ul li a figure{padding: 0; margin: 0;}
footer nav ul li a figure img{max-width: 130px; width: 100%;}
footer p{padding-bottom: 0.8rem;}
footer p, footer p a{font-size:clamp(0.8rem, 5vw, 0.8rem); color: var(--BlackText); text-align: justify; }
footer nav ul li a:hover, footer p a:hover{text-decoration: underline;}




@media screen and (max-width:740px){
	footer nav ul li{list-style: none; display: block; padding-right: 0; border: none; padding-bottom: 1.3rem; vertical-align: middle;}
}
label.sms-check {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 15px!important;
  display: inline-block;
  padding-left: 35px;
  text-indent: -25px;
  font-size: 13px;
  height: auto;
  box-sizing: border-box;
  text-align: left!important;
  box-shadow:none!important;
  background: none!important;
  border:none!important;
}
input.check[type=checkbox] {width: 18px!important;height: 18px!important;padding: 0;margin:0px 5px 0 0;vertical-align: bottom;position: relative; top: 8px; *overflow: hidden;}

.sms-disabled, .sms-disabled:hover{background-color: #ccc!important; color: #000!important; cursor: not-allowed!important; }


.text-center {
    text-align: center!important
}

.btn{display: none;}
.active{display: block;}
.video-responsive {
  margin-top: 20px;
    margin-bottom: 15px;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section2 {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 20px 10px;
    box-sizing: border-box;
}
.section2 h4 {
    font-size: 24px !important;
}
.section2 h2 {
  color: var(--blackText)!important;
  text-align: left!important;
    font-size: 24px !important;
}

.oswald {
    font-family: 'Oswald', sans-serif;
}

#product-name, #product-price {
    font-weight: bold!important;
}
#product-name {
    font-style: italic;
}

.img-cards {
    max-width: 180px;
    width: 100%;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
  
    .box-white .cont {
        padding: 0 10px;
        width: 90%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 992px) {
    img {
        max-width: 220px;
        width: 70%;
    }
}
.starburst {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    background: #ff0000;
    z-index: 9;
    position: absolute;
    right: -50px;
    top: -40px;
    text-align: center;
}
.starburst p {
    color: #fff;
    font-size: 22px!important;
    line-height: 30px;
    font-weight: bold!important;
    padding-top: 20px!important;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
.boxshadow {
    -webkit-box-shadow: -1px 2px 20px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 2px 20px -1px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 2px 20px -1px rgba(0, 0, 0, 0.75);
}

.bg-yellow{width: 100%; background-color: #ff0000; padding: 15px 0; max-width: 800px; width: 100%; margin: 0 auto;}
.bg-yellow p{padding: 0; margin: 0; color: #ffffff!important;}



.logo-replay{max-width: 360px; width: 100%; height: auto;}

@media screen and (max-width: 600px){
  .logo-replay{max-width: 240px; width: 100%; height: auto;}
}