/********************************************
* ****************  GENERAL  ****************
* ******************************************/
.clear{clear:both;}
.on_error{color:#e36360!important;}
.bloc_on_error{border:2px solid #FF9696;background:#FFD9D9;}
.hide,.hidemob{display:none;}


/*******************************************
* ****************  LOADER  ****************
* *****************************************/
#loader {   position: fixed;    width: 100%;    height: 100%;   z-index: 99999; display:none}
#loader-bg {    position: absolute; width: 100%;    height: 100%;   background: #FFF;opacity: 0.7;}
#loader-content {color: #fff; font-size: 18px; height: 200px; margin-top: -100px; position: absolute; text-align: center; top: 50%; width: 100%;}

/********************************************
* *****************  POPIN  *****************
* ******************************************/
.modal .modal-content {
  border: none;
  border-radius: 2rem;
  overflow:inherit !important;
}

.modal .modal-header {
    width:100%;
  border-bottom: none;
  display: initial;
  position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.modal .modal-footer {
  border-top: none;
}
.modal-content .btn-close {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
}

.modal-body {
  padding: 3rem !important;
}
/* SPINNER */
.spinner-border {
    position: absolute;
    left: calc(50% - 1rem);
    visibility: hidden;
}
#form_result{
    font-weight: 600;
}

.popin, .popinsuccess h1{color: #172C4A}
.popinerror h1{color: #f2703f}



/**********************************************************************
                             DEBUGGER
**********************************************************************/
.debugger{
    position: fixed;
    bottom: 0;
    background: #ddd;
    border-top: 2px solid #000;
    width: 100%;
    padding: 20px;
    font-size: 1.5rem;
}


/**********************************************************************
                        PASSWORD FORCE METER
**********************************************************************/
.meter{max-width:calc(100% - 4px);position:absolute;left:0;top:0;bottom:20px;width:100%;height:100%;pointer-events:none;border-radius:4px;overflow:hidden}
.meter .progress{width:0%;height:3px;position:absolute;bottom:0;background:none;background-color:transparent;-webkit-transition:all .2s cubic-bezier(.215,.61,.355,1);-moz-transition:all .2s cubic-bezier(.215,.61,.355,1);-ms-transition:all .2s cubic-bezier(.215,.61,.355,1);transition:all .2s cubic-bezier(.215,.61,.355,1)}
.meter .progress[data-strength="0"]{width:25%;background-color:#FF0000}
.meter .progress[data-strength="1"]{width:25%;background-color:#FF0000}
.meter .progress[data-strength="2"]{width:50%;background-color:#FF0000}
.meter .progress[data-strength="3"]{width:75%;background-color:#FF0000}
.meter .progress[data-strength="4"]{width:100%;background-color:#bedc00}
#subscribe .meter{
    max-width: inherit;
    width: calc(100% - 15px);
    padding: 0 15px;
}
.has-tooltip input:focus ~ .tooltip, .has-tooltip .infobtn:hover ~ .tooltip {
    opacity: 1;
    transform: translate(-50%,0);
}
.tooltip {
    display: block;
    position: absolute;
    font-size: 12px;
    line-height: 1.6;
    background-color: white;
    bottom: 80px;
    padding: 10px;
    max-width: 300px;
    width: 100%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%,10px);
    pointer-events: none;
    border-radius: 4px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.3);
    -webkit-transition: all .4s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all .4s cubic-bezier(.215,.61,.355,1);
    -ms-transition: all .4s cubic-bezier(.215,.61,.355,1);
    transition: all .4s cubic-bezier(.215,.61,.355,1);
}
/**********************************************************************/


 /**************************************************
 * ****************  media queries  ****************
 * ************************************************/
/* BOOTSTRAP XL */
@media (max-width: 1199.98px) {
}
/* BOOTSTRAP LG */
@media (max-width: 991.98px) {
    .hidedesktop{display: none;}
    .hidemob{display: block;}
}
/* BOOTSTRAP MD */
@media (max-width: 767.98px) {
}
 /* BOOTSTRAP SM */
@media (max-width: 575.98px) {
}

@media screen and (max-width: 1230px) {

    .popup-content h3:before {
        display: none;
    }   

}

@media screen and (max-width: 480px) {
    .modal .close {
        right: 1px;
        top: 1px;
    }
}


/**********************************************************************/

/* keyframes */

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}