/** NAVBAR **/
header .navbar-wrapper { background-color: #00487F; }
        header .navbar-wrapper .navbar { border: 0; margin-bottom: 0;  background-color: #343434; height: 100%; min-height: 100%; }
            header .navbar-wrapper .navbar #navbar { padding-left: 0; padding-right: 0; height: 100%; }
            header .navbar-wrapper .navbar ul.navbar-nav { }
                header .navbar-wrapper .navbar ul.navbar-nav > li { display: inline-block; float: none; margin: 0; }
                header .navbar-wrapper .navbar  ul > li:hover, header .navbar-wrapper .navbar  ul > li.active { background-color: #f58b1d; }
                header .navbar-wrapper .navbar ul.navbar-nav > li > a { font-family: "Verdana"; text-decoration: none; color: #fff; font-size: 15px; font-weight: normal; line-height: 16px; padding: 12px 20px 12px 24px; }
                    header .navbar-wrapper .navbar ul.navbar-nav > li > a .caret { margin-left: 8px; font-size: 22px; }
                    header .navbar-wrapper .navbar li a:hover, header .navbar-wrapper .navbar li a:active, header .navbar-wrapper .navbar li a:not(:focus), header .navbar-wrapper .navbar li a:focus { background-color: transparent; }
        
.navbar-toggle { background-color: transparent; padding: 0; margin: 0; }
    .navbar-toggle .icon-bar { background-color: #fff; width: 30px; height: 3px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 7px; }

@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
}

@media (max-width: 1200px) {
    header .navbar-wrapper .navbar ul.navbar-nav > li > a { padding-left: 10px; padding-right: 10px; }
}

@media (max-width: 768px) {
    .navbar-toggle { position: absolute; top: -40px; left: 16px; }
        .navbar-toggle .icon-bar { background-color: #00487F; }
    .navbar-wrapper { background-color: transparent !important; }
    ul.navbar-nav { margin: 15px; background-color: #fff; border: 1px solid #ccc; background-color: #fff; }
        ul.navbar-nav li { border: none !important; display: block !important; text-align: left; border-bottom: 1px solid #ccc !important; margin-right: 0px !important; }
            ul.navbar-nav li.active { background-color: #fff !important; }
            ul.navbar-nav li a { color: #000 !important;  }
                ul.navbar-nav li a span.caret { display: none; }
            header .navbar-wrapper .navbar  ul > li:hover { background-color: #fff!important; }
}

/************* MODAL **********************/

.modal .modal-header { padding: 0; height: 0; background-color: transparent; border: none;}
.modal-header .close { position: absolute; right: 6px; top: 6px; z-index: 10000; }
.modal h1 { margin: 20px 0 20px 0; font-size: 23px; line-height: 33px;  }
.modal .illustration { width: 100%; text-align: center; margin: 10px auto; }
    .modal .illustration img { max-width: 100%; width: 50%; }
.modal .presentation { margin: 20px 0; }
.modal .inscription-mailchimp { margin: 15px auto; text-align: center; }
.modal .inscription-mailchimp input#mce-EMAIL { display: block; width: 50%; margin: 10px auto; }
.modal .inscription-mailchimp input#mc-embedded-subscribe { display: block; width: 50%; margin: 10px auto; }

@media (min-width: 768px) {
    .modal#formationClosed .modal-dialog { width: 700px; }
}
@media (max-width: 767px) {
    .modal .inscription-mailchimp input#mce-EMAIL { width: 100% !important; }
    .modal .inscription-mailchimp input#mc-embedded-subscribe { width: 100% !important; }
    .modal .presentation p { font-size: 12px; line-height: 20px; }
}

/************ END MODAL *******************/

#mc_embed_signup { margin-top: 15px; }
input#mc-embedded-subscribe { background-color: #58be3b; border: none; padding: 8px 15px; color: #fff; border-radius: 0; }
input#mce-EMAIL { font-size: 14px; color: #444; padding: 7px 10px; }

.main .newsletter { background-color: #fde7cf; padding: 15px 25px; border: 1px solid #ccc; }
    .main .newsletter h3 { margin: 0 0 15px 0; font-size: 22px; font-family: 'Dosis'; }
    .main .newsletter p { margin-bottom: 5px; }
    .main .newsletter input[type="email"] { padding: 5px 10px; width: 250px; display: inline-block; color: #000; }
    .main .newsletter input[type="submit"] { background-color: #f58b1d; border: none; margin: 10px 0 0 0; padding: 7px 15px; display: inline-block; color: #fff }

/**** INSCRIPTION *****/
.inscription { background-color: #fff; padding: 20px 15px; margin: 0 0 20px 0; border: 1px solid #ff0000; }
    .inscription h3 { font-family: 'Dosis'; font-size: 25px; margin: 0 0 30px 0; padding: 0; text-align: center}
    .inscription a { display: block; width: 100%; text-align: center; }
        .inscription a img { width: 55%; margin: 0 auto; }
    
/** COVID **/
.covid { background-color: #ffc; padding: 15px 20px; border: 1px solid #000; margin-bottom: 15px; }
    .covid h3 { color: #000; font-size: 25px; text-align: center; margin: 0 0 20px 0; font-family: 'Dosis'; }
    .covid p { color: #000;margin: 0; line-height: 22px; font-size: 14px; text-align: center; font-family: 'Verdana';}
    .covid p a { color: #000; text-decoration: underline; font-weight: normal; }


/***** ERRORS ****/
ul.list-errors {  }
    ul.list-errors li { margin-bottom: 0px; }
        ul.list-errors li:first-child { margin-top: 5px; }

/***** CONTACT ****/
.contact {  }
.contact .intro {  }
    .contact .intro p { width: 80%; }
        .contact.data .intro { margin-bottom: 20px; }
        .contact.data .intro p { text-align: left; }
            .contact.data .intro p:first-child { margin-bottom: 0px; }
            .contact.data .intro p:last-child { margin-top: 10px; }
.contact form {  }
.contact form .form-group { margin-bottom: 25px; }
.contact form label { text-align: right; font-size: 20px; font-family: 'Dosis'; }
    .contact form label span { margin-left: 5px; }
.contact form select { border-radius: 4px; width: 100%; height: auto; padding: 5px 8px; font-family: 'Dosis'; font-size: 20px; border : 1px solid #ccc; }
    .contact form select option { font-family: 'Dosis'; font-size: 20px; padding-top: 3px; padding-bottom: 3px; }
.contact form input { font-family: 'Dosis'; font-size: 20px; padding-top: 5px; padding-bottom: 5px; height: auto !important; }
.contact form .submit button { font-family: 'Dosis'; font-size: 22px;  font-weight: normal; padding: 10px 20px !important; }
    .contact form .submit button i { font-size: 20px !important; }

.contact .precision p { text-align: left; margin: 0; }
    
@media (max-width: 768px) {
    .contact form label { text-align: left; margin-bottom: 10px; }
    
    .inscription a img { width: 100%; }
}    


/*****Site non officiel****/

.formulaire {
  border: 2px dotted #d9d9d9;
  padding: 10px;
  margin: px;
  background-color: ;
}





/***** SUIVI ****/
.suivi .introduction { width: 80%; margin: 10px auto 30px auto; }
    .suivi .introduction p, .suivi .introduction strong { font-family: 'Dosis'; font-size: 20px; line-height: 35px; text-align: center;}
        
/* TABLE MOBILE */
.table-mobile {  }

        
/***** PAYMENT **/
.recuperer div.payment {  }
    .recuperer div.payment .description {  }
        .recuperer div.payment .description p, div.payment .description strong { text-align: center; width: 60%; margin: 20px auto 0px auto; font-family: 'Dosis'; font-size: 20px; line-height: 30px; }
    /*div.payment h1, div.payment h1 span { font-family: 'Dosis'; }*/
    /*div.payment h1 { color: #333; height: 15px; font-size: 16px; text-align: center; padding: 0 16px; }*/
    /*div.payment h1 span { background-color: #fff; padding: 0 20px; display: inline-block; }*/
        
.recuperer div.payment form { margin: 30px auto 0 auto; width: 500px; }    
    .recuperer div.payment form label { color: #333; font-size: 21px; margin-bottom: 6px; font-weight: normal; font-family: 'Dosis'; display: block; }    
        .recuperer div.payment form label sup { color: red; top: -.5em; }
    .recuperer div.payment form input[type="text"] { width: 100%; font-size: 16px; border-color: rgb(118, 118, 118); border-radius: 2px; height: 45px; padding-top: 9px; } 
    .recuperer div.payment form .field-cardnumber img { width: 100px; margin-left: 10px; }
    
    .recuperer div.payment form .information { margin-bottom: 20px; }
        .recuperer div.payment form .information p { color: #333; font-size: 21px; margin-bottom: 10px; font-weight: normal; font-family: 'Dosis'; display: block; }
            .recuperer div.payment form .information p.title { float: left; }
            .recuperer div.payment form .information p.value { float: right; font-weight: bold; }

    .recuperer div.payment .field-expiration-date select { padding: 6px 10px; width: 49%; border-color: rgb(118, 118, 118); border-radius: 2px; height: 45px; }
        .recuperer div.payment .field-expiration-date select:first-child { margin-right: 5px; }
        .recuperer div.payment .field-expiration-date select:last-child { float: right; }
    
    .recuperer div.payment .field-card-cvc { position: relative; }
    .recuperer div.payment .field-card-cvc input { width: 28% !important; }
    .recuperer div.payment .field-card-cvc span.tips { position: absolute; top: 49px; left: 162px; font-size: 13px; }
    
    .recuperer div.payment .field-submit button { background-color: #4fca00; border: 1px solid #999; color: #fff; border-radius: 2px; font-weight: 700; text-transform: uppercase; margin: 10px auto; width: 100%; padding: 12px 0 12px 0; font-size: 22px; cursor: pointer; } 
    
    .recuperer div.payment .payment_secured { margin: 50px auto 40px auto; width: 60%; }
        .recuperer div.payment .payment_secured p { text-align: center; font-size: 18px; font-family: 'Dosis'; line-height: 27px; }
        .recuperer div.payment .payment_secured img { display: block; margin: 20px auto 20px auto; }
    
    .recuperer div.payment h3 { background-color: #ececec; margin-top: 10px; margin-bottom: 40px; line-height: 1; height: 15px; letter-spacing: 1.2px; font-size: 18px; text-align: center; text-transform: uppercase; padding: 0 16px; border: none; } 
        .recuperer div.payment h3 span { font-family: 'Dosis'; color: #333; background-color: #fff; padding: 0 20px; display: inline-block; }
        
    .recuperer div.payment .avantages { width: 42%; border: 1px solid #4cbb6c; margin: 0 0 15px 0; padding: 15px; margin: 0 auto; }
        .recuperer div.payment .avantages p { font-family: 'Dosis'; font-size: 18px !important; margin: 0 0 5px 0 !important; }
        .recuperer div.payment .avantages p strong { font-family: 'Dosis'; }
        .recuperer div.payment .avantages p i { color: #4cbb6c; margin-right: 7px; }
        
@media (max-width: 768px) {
    .recuperer div.payment .description p, div.payment .description strong { width: 95%; font-size: 18px; line-height: 27px; margin-top: 10px; }
    .recuperer div.payment .payment_secured { width: 100%; margin: 30px auto 0px auto !important; }
    .recuperer div.payment form { width: 100%; padding: 0 15px; margin-top: 10px; }
    .recuperer div.payment .field-card-cvc span.tips { top: 50px; left: 139px; font-size: 12px; }
    .recuperer div.payment .avantages { width: 100%; padding: 11px 7px; }
    .recuperer div.payment h3 { margin-bottom: 20px; }
}


/***** ETES VOUS ELIGIBLE *****/
div.eligible { margin: 30px 0; padding: 0; }
    div.eligible h2 { color: #333; padding: 3px 0 3px 20px; margin: 0; font-size: 18px; background-color: #ccc; margin-bottom: 0; }
    div.eligible div.content { border: 1px solid #ccc; padding: 10px 10px 10px 20px; margin-top: 0; }
    div.eligible div.content .box-content-list { margin: 0; padding: 0 0 0 0; }
        div.eligible div.content .box-content-list .box-content-list-item { display: block; padding: 0 0 7px 0; line-height: 23px; }
            div.eligible div.content .box-content-list .box-content-list-item i { margin-right: 4px; color: #1aaf06;  }
            
/** ARTICLE EN HOME**/
.articles {  }
    .articles .article { padding: 15px; margin-bottom: 20px; min-height: 420px } 
        .articles .article .article-image { text-align: center; }
            .articles .article .article-image a { display: block; border: none; outline: none; background-repeat: no-repeat; background-position: center; background-size: contain;}
                .articles .article .article-image a img { display: block; max-width: 85%; height: auto; margin: 0 auto; background-color: transparent; box-shadow: none; float: none; opacity: 1; }
        .articles .article .article-header { margin-top: 10px; }
            .articles .article .article-header p { margin: 0; padding: 0; }
            .articles .article .article-header .pre { text-align: center; }
                .articles .article .article-header .pre .article-date { display: inline-block; font-style: italic; font-size: 12px; color: #999; }
                    .articles .article .article-header .pre .article-comments a { color: #999; }
            .articles .article .article-header .article-content-start { font-size: 17px; color: #111; text-align: center; font-family: 'Dosis';}
            .articles .article .article-header .article-title { text-align: center; margin: 0px 0 15px 0; font-size: 19px; font-weight: bold; line-height: 27px; }
                .articles .article .article-header .article-title a { text-decoration: none; color: #d35e08; font-family: 'Dosis';}
                    .articles .article .article-header .article-title a:hover { color: #f58b1d;}

/**** IMPORT FILES *****/
#dropfile { width: 600px; height: 100px; border: 3px dashed #BBBBBB; line-height: 50px; text-align: center; margin: 0 auto; }
    #dropfile p { vertical-align: middle; font-family: 'Dosis';  font-size: 25px; padding-top: 35px;}
    .import .result { visibility: hidden; }
        .import .result .template { display: none; }
    .import .content-form { }
        .import .content-form h2 { text-align: center; color: #006064; text-decoration: underline;}
        .import .content-form h3 { margin-bottom: 30px; margin-top: 10px; text-decoration: underline !important; }
        .import .content-form a { color: #f58b1d; padding-top: 5px; display: inline-block; }
        .import .content-form .block { border: 1px solid #ccc; margin-bottom: 15px; padding: 10px; background-color: #eee; }

/**** CONNECTED ADMIN ****/
.connected-admin { position: absolute; top: 0; background-color: #000; width: 100%; text-align: center; padding: 5px 0; }
    .connected-admin p { display: inline-block; margin-right: 20px !important; color: #fff; padding: 0; margin: 0; }
    .connected-admin a { display: inline-block; text-decoration: underline; }
div.is-connected { margin-top: 30px; }

/**** COMMENT ****/
.comments { margin-top: 40px; }

/*** CONTACT ****/
.contact { margin-top: 0; }
    .contact p { text-align: center; margin: 30px auto; }
    .contact label { font-weight: normal; }
    .contact textarea { height: 150px; }
    .contact button {  background-color: #1aaf06; color: #fff; border: 0; padding: 10px 30px; font-size: 16px; font-weight: bold; border-radius: 3px; }
/** END CONTACT **/

/*** SITEMAP ***/
.sitemap { margin-left: 60px; margin-top: 30px; }
    .sitemap ul { list-style-type: disc; }
        .sitemap ul li { margin-bottom: 7px; font-size: 14px; }
            .sitemap ul li a { font-family: 'Dosis'; font-size: 20px; font-weight: bold; }
        .sitemap ul.children { margin-top: 8px; margin-bottom: 30px; }
            .sitemap ul.children li { margin-left: 40px; }
    
/*** TOPBAR***/

.top-bar {
  background-color: #f5f5f5;
  color: #405f94;
  padding: px;
  text-align: center;
}
.top-bar p {
  font-size: 14px;
  margin: 0;
}

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

.top-bar {
  margin-bottom : 5px;
}
  .top-bar p {
    font-size: 8px;
  }
}


/*** SIDEBAR ***/
.sidebar { /*position: -webkit-sticky; position: sticky; top: 10px;*/ padding-left: 40px; padding-right: 0;}
    .sidebar .inner { padding: 9px 18px; box-shadow: 0 2px 4px #ddd;   border: 1px solid #ddd; }
    .sidebar .block { margin-bottom: 40px;  }
        .sidebar .block:last-child { margin-bottom: 10px; }
    .sidebar .title { position: relative; border-bottom: 1px solid #ddd; padding-bottom: 10px; font-family: 'Dosis'; color: #111; margin: 0 0 9px 0; font-size: 20px; }
        .sidebar .title i { font-size: 20px; color: #f58b1d; margin-right: 5px; }
        .sidebar .title:after { content: ''; width: 75px; border-bottom: 2px solid #f58b1d; display: block; position: absolute; bottom: -1px; }
    .sidebar .presentation p { font-size: 12px; line-height: 20px; }
    .sidebar .presentation img { display: block; margin: 10px auto; width: 30%; }
    
    .sidebar p, .sidebar li, .sidebar strong, .sidebar a { }
    
    .sidebar .most-viewed-article { padding: 5px; zoom: 1; background: #fff; color: inherit; position: relative; display: block; margin: 0; max-width: 100%; line-height: 1.6; white-space: normal; min-width: 100%; }
        .sidebar .most-viewed-article .most-viewed-article-inner { margin-bottom: 0px; position: relative; display: block; }
        .sidebar .most-viewed-article .most-viewed-article-image-link { margin-top: 4px; font-size: 15px;  position: absolute; top: 0; bottom: 0; left: 0; z-index: 5; height: 100%; max-height: 60px; width: 75px; background-repeat: no-repeat; background-size: cover; background-position: center; }
        .sidebar .most-viewed-article .most-viewed-article-content { display: block; margin-left: 80px; min-height: 75px; padding: 4px 10px 5px; }
        .sidebar .most-viewed-article .most-viewed-article-title { font-family: 'Dosis'; height: auto; text-decoration: none; line-height: 20px; display: block; color: #000; font-size: 15px; }
        .sidebar .most-viewed-article .most-viewed-article-description { zoom: 1; font-size: 12px; color: #064671; margin-top: 4px; line-height: 18px; display: inline-block }
    
    .sidebar ul.list { list-style-type: none; color: #064671; margin: 0; }
        .sidebar ul.list li { margin-bottom: 7px; display: block; height: auto; margin-bottom: 10px; border: 1px solid #ccc; padding: 10px; }
            .sidebar ul.list li .illu { height: 70px; width: 70px; float: left; margin-right: 10px; }
                .sidebar ul.list li .illu img { width: 100%; height: 100%; }
            .sidebar ul.list li .content-list {  }
                .sidebar ul.list li .content-list a { font-family: 'Dosis'; font-size: 16px; color: #000; }
                .sidebar ul.list li .content-list span { }
                
    .sidebar .block.formation p { font-size: 13px; line-height: 22px; }
    
    .sidebar #mc_embed_signup { margin-top: 0; }
        .sidebar #mc_embed_signup input[type="email"] { width: 100%; display: block; margin-bottom: 10px; }
        .sidebar #mc_embed_signup input[type="submit"] { width: 100%; display: block; border-radius: 0; }



/*** START ACTE ***/
div.start-esta { margin: 5px 0; padding: 0; }
div.start-esta h2 { color: #fff; padding: 3px 0 3px 20px; margin: 0; font-size: 18px; background-color: #086aa8; margin-bottom: 0; }
div.start-esta div.content { border: 1px solid #086aa8; padding: 20px 10px 0px 20px; margin-top: 0; }
div.start-esta div.content label { font-family: 'Verdana'; font-weight: normal; }
div.start-esta div.content button { font-family: 'Dosis'; background-color: #58be3b; border: none; color: #fff; display: block; font-size: 18px; margin: 0; padding: 10px 30px; text-align: center; width: auto; }
div.start-esta div.content button i { margin-right: 10px; }




/*** ALERT ***/
div.alert { border-width: 1px; border-style: solid; border-radius: 0 !important; }
    div.alert.success { border-color: #00450d; background-color: #eafaeb; }
    div.alert.error { border-color: #430e0e; background-color: #f7dbdb; }
    div.alert p { font-size: 16px; }
        div.alert.success p { color: #1c6215; }
        div.alert.error p { color: #a52424; }

/** SEARCH ***/
.search-header { position: relative; width: auto; float: right; padding-top: 6px;}
    .search-header form { position: relative; border: none; padding: 0; margin: 0; max-width: 100%; }
    .search-header input[type="text"] { min-width: 200px; width: 200px; border: 1px solid #e1e1e1; height: 30px; background-color: #fff; padding: 2px 45px 2px 12px; transition: all 0.4s ease; border-radius: 4px; }
    .search-header button { border: none; cursor: pointer; padding: 0 16px; line-height: 30px; vertical-align: middle; position: absolute; top: 0; right: 0; }
.search {  }
    .search hr { margin-bottom: 30px!important; }
.search-result {  }
    .search-result .result { padding: 20px; margin-bottom: 20px; border: 1px solid #e3e3e3; background-color: #fff; position: relative; }
    .search-result .result h2 { margin: 0 0 20px 0; line-height: 17px; }
        .search-result .result h2 a { font-size: 18px; color: #000; font-family: 'Dosis'; }
    .search-result .result .illustration { float: left; padding: 0; margin: 0 20px 0 0; }
        .search-result .result .illustration img {  }
    .search-result .result a.go { font-size: 17px; margin-top: 20px; border: 1px solid #000; padding: 4px 18px 4px 15px; color: #000; display: inline-block; vertical-align: middle; transition: all 0.3s ease 0s; text-decoration: none; }
        .search-result .result a.go:hover { background-color: #ea1c26; color: #fff; }
        .search-result .result a.go i { margin-right: 3px; margin-left: 3px; }
    
        
/** CONTENT **/
.content { width: 100%;  background: #fff none repeat scroll 0 0; margin: 10px auto 10px auto; padding: 0px 15px 10px 15px; position: relative; }
    .content .page {  }
        .content .page .main { border: 1px solid #e3e3e3; box-shadow: 0 2px 4px #ddd; padding-bottom: 10px; }
    .content hr.undertitle { border-top: 1px solid rgba(0,0,0,.1); width: 30%; margin: 10px auto 30px auto; }
    
    .content .illustration { float: left; padding: 0.4rem; border: 1px solid #999; margin: 0 20px 20px 0; }
        .content .illustration img { vertical-align: middle; }
        
    .content .illustration-article { text-align: center; margin: 30px auto 20px auto; }
        .content .illustration-article p { margin-top: 10px; color: #777; font-size: 12px; }
        
    .content .more { padding: 20px; border: 1px solid #cecece; margin: 60px auto 0 auto; box-shadow: 0 1px 1px #EDEDED; }
        .content .more .more-title { font-family: "Dosis"; font-size: 24px; text-transform: uppercase; text-align: center; display: table; margin: -37px auto 20px; background: #ffffff; padding: 0 25px; }
        .content .more .more-block { margin-bottom: 20px; min-height: 235px; }
            .content .more .more-block .more-block-link-image { display: block; border: none; outline: none; background-repeat: no-repeat; background-position: center; background-size: contain; }
                .content .more .more-block .more-block-link-image img { display: block; max-width: 100%; height: 150px; margin: 0 auto; background-color: transparent; box-shadow: none; float: none; opacity: 1; }
            .content .more .more-block .more-block-link { font-weight: normal; color : #002d32; text-decoration: none; font-style: italic; text-align: center; display: block; margin-top: 10px; height: 40px; }
/** END CONTENT **/


/** FOOTER **/
div#footer { background-color: #000; border-top: 1px solid #3d3d3d; padding-bottom: 30px; }
    div#footer .block { color: #fff; padding-left: 20px; }
        div#footer .block ul { padding-left: 20px; }
            div#footer .block:last-child ul { padding-left: 0; }
            div#footer .block ul li { font-size: 17px; margin-bottom: 3px; font-family: "Dosis";}
            div#footer .block:last-child ul li { list-style-type: none; }
        div#footer .block a { color: #fff; text-decoration: none; font-family: "Dosis"; }
    div#footer h3 { font-size: 20px; font-weight: bold; font-style: normal; font-family: "Dosis";}
    
footer { background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #3d3d3d, #212121) repeat scroll 0 0; padding: 19px 0 0 0;  color: #fff; vertical-align: middle; }
    footer a { text-decoration: none; font-weight: normal; }
    footer h4 { color: #fff; margin: 0 0 15px 0; }
    footer ul { margin-left: 15px; }
        footer ul li { list-style-type: none; color: #fff; margin-bottom: 7px; display: inline-block }
            footer ul li a { margin-left: 20px;  }
/** END FOOTER **/


@media (max-width: 992px) {
    .progressbar .step { width: 100px!important; }
        .progressbar .step:nth-child(7) { display: none;}
        .progressbar .step:nth-child(8) { display: none;}
}

@media (max-width: 1199px) {
    .progressbar .step { width: 100px!important; }
        /*.progressbar .step:nth-child(7) { display: none;}*/
        /*.progressbar .step:nth-child(8) { display: none;}*/
}

/****** PROGRESS BAR ***********************/
.progressbar { display: inline-block; margin: 20px auto; }
    .progressbar .step { float: left; font-family: 'Dosis'; padding: 0; position: relative; margin-left: 0; width: 130px; line-height: 22px; }
        .progressbar .step.disabled {  }
        .progressbar .step .step-info { font-family: 'Dosis'; font-size: 16px; color: #3fb34f; font-weight: bold; height: 44px; }
            .progressbar .step .step-info a { font-family: 'Dosis'; font-size: 16px; color: #3fb34f; font-weight: bold; height: 44px; }
            .progressbar .step.disabled .step-info { color: #999; font-weight: normal; }
        .progressbar .step .progress { position: relative; border-radius: 0; height: 4px; box-shadow: none; margin: 20px 0; overflow: hidden; background-color: #d6d6d6; }
            .progressbar .step .progress.progress-active { background-color: #3fb34f; overflow: hidden; }
            .progressbar .step .progress.progress-active.last { width: 50%; }
            .progressbar .step .progress.progress-active:not(:first-child):not(.last) { width: 100%; }
            .progressbar .step:first-child > .progress { left: 50%; width: 50%; }
            .progressbar .step .progress .progress-bar-bar { width: 0; box-shadow: none; background: #fbe8aa; }
            .progressbar .step .step-dot { top: 58px; position: absolute; width: 15px; height: 15px; display: block; background: #3fb34f; left: 50%; margin-top: -15; margin-left: -15px; border-radius: 50% }
                .progressbar .step.disabled .step-dot { background: #d6d6d6; }

        
@media (max-width: 767px) {
    div.payment div.form-group .submit-block .submit-payment { width: 100%; padding: 12px 0px !important; }/*padding: 10px 60px 25px 60px !important; }*/
    /*div.payment div.form-group .submit-block .submit-payment i { display: none; }*/
    div.payment div.form-group .submit-block .tips-payment { display: none; } /* top: 32px !important; left: 79px !important; font-size: 12px !important; font-weight: normal; }*/
    
    div.payment .block .content form .form-group .tips { display: block; margin-top: 7px !important; }
    tr.plus { display: none; }
}

div.loader { margin: 40px auto 20px auto; text-align: center; display: none; }
    div.loader p { margin-top: 15px; font-style: italic; color: #003466; font-weight: bold; font-size: 17px; }
    div.loader img { width: 80px; }
            
/** HEADER **/
header { background-color: transparent; margin: 0 auto; }
    header #section-logo { padding: 10px 0 10px 0; }
        header #section-logo img { width: 165px; }
        header #section-logo .start-button { margin-top: 10px; }
    
.dropdown-menu { box-shadow: 0 2px 6px #ddd; border-bottom: 3px solid #da0000; list-style-type: none; width: 100%; padding-top: 0; margin-top: -1px !important; padding-bottom: 0; margin-bottom: 0; width: auto;}
    .dropdown-menu .my-caret { color: #fff; position: absolute; font-size: 16px; top: -11px; left: 16px;  }
    .dropdown-menu .my-caret-submenu { color: #da0000; position: absolute; font-size: 12px; top: 16px; right: 8px;  }
    .dropdown-menu > li { list-style-type: none; border-bottom: 1px solid #ccc; text-decoration: none; padding: 0; border-top: 0 !important; margin-bottom: 0;}
        .dropdown-menu > li > a { color: #000; padding: 12px 35px 12px 20px; text-decoration: none; font-size: 13px; }
            .dropdown-menu > li:hover { background-color: #f9f9f9 !important; }
            
    .dropdown-menu.second { position: absolute; top: 0%; border-radius: 0; }
        li.dropdown.visa .dropdown-menu.second { left: 277px; }
        li.dropdown.voyage .dropdown-menu.second  { left: 214px; }
    
@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
  h1 { font-size: 19px; }
}

@media (max-width: 1200px) {
    h1 { font-size: 26px; }
    .sidebar .title i { margin-right: 2px; }
    .sidebar .title { font-size: 17px; }
}

@media (max-width: 992px) {
    .sidebar { padding-left: 0; margin-top: 20px; }
}
/** GENERAL **/
.list-errors { background-color: #fd9595; color: #950701; line-height: 20px; margin: 0 0 30px 0; padding: 10px 20px;  }
    .list-errors.ok { background-color: #a5eda7;  }
    .list-errors li { color: #950701; list-style-type: decimal; margin-left: 30px; }
        .list-errors.ok li { color: #14691a; list-style-type: none; margin-left: 10px; }
        .list-errors li a { color: #00487F; }
            
/** GENERAL **/
.btn { color: #fff!important; border-radius: 0!important; padding: 7px 15px!important; }
.btn i { font-size: 15px !important; margin-left: 5px; }
.btn.green { background-color: #58be3b; }

.right-align { text-align: right; }

.green { color: #26ae5f; }
.center, .center-align, .align-center { text-align: center; }
.align-right { text-align: right; }
.undertitle { }
.modal-dialog { z-index: 10000; }
.highlight { font-weight: bold; color: #eda93a; }
h1 { font-size: 30px; margin: 20px 0 15px 0; font-weight: bold; line-height: 40px; text-align: center; color: #12c8dd; font-family: "Dosis";}
h2 { font-size: 26px; margin: 40px 0 30px 0; font-weight: bold; line-height: 33px; font-style: normal; color: #00487F; font-family: "Dosis"; }
    h2 i { margin-right: 10px; margin-left: 10px; }
        h2 i.fa-heart { color: #ff0000; }
h3 { font-family: 'Dosis'; font-size: 20px; font-style: normal; margin: 27px 0 20px 0; line-height: 30px; font-weight: bold; text-decoration: none ! important;  }
    h3 i.fa-heart { color: #ff0000; }
p { margin-bottom: 15px; line-height: 27px; font-size: 14px; font-family: "Verdana"; }
body { background-color: #f5f5f5; background-position: left top;  }
/*.container { min-width: 1250px; }*/
.container-fluid { padding: 0; }
.underline { text-decoration: underline; }
a { color: #d35e08; }
    a:hover { color: #d35e08;  }
.clear { clear: both; }
* { font-family: "Verdana", "sans-serif"; }
.breadcrumb, .breadcrumb span, .breadcrumb a { font-family: "Dosis"; font-size: 19px; }
    .breadcrumb a { font-weight: normal; }
    
.main-container { box-shadow: 0 0 20px 0 rgba(0,0,0,.1); margin: 0 auto; background: #fff; padding: 0; position: relative; }
    
.breadcrumb { height: 35px; margin-bottom: 15px;padding: 4px 15px; border-radius: 0; }
.breadcrumb_top { width: 100%; min-height: 0;  }
ul { margin: 0px 20px 15px 18px; }
ul li { list-style-type: circle; margin-bottom: 10px; line-height: 28px; }
.underline { text-decoration: underline; }
.red { color: #da0000; }
/** END GENERAL **/

/** MENU RESPONSIVE **/
#slide-menu-mobile{ display: none; }
#slide-menu-mobile *{}
#slide-menu-mobile .subline{display: block;font-size: 12px;font-weight: normal;color: #999;}
#slide-menu-mobile ul.off-canvas { position: fixed; width: 272px; top: 0; left: -19px; padding: 0; overflow-x: hidden; overflow-y: auto; background-color: #fff; -webkit-box-shadow: 0 100px 0 0 #fff; box-shadow: 0 100px 0 0 #fff; z-index: 99999; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);transition: all 0.3s ease; backface-visibility: hidden;-webkit-backface-visibility: hidden;}
#slide-menu-mobile ul li.menu-item { border-bottom: 1px solid #eee; position: static; display: block; margin: 0; float: none; overflow: hidden; width: 100% }
#slide-menu-mobile ul li.menu-item:hover { border-top: none; }
#slide-menu-mobile ul li.menu-item > a {line-height: 22px !important; float:left; padding: 10px 15px; font-size: 15px; text-transform: none; border-top: none; width: calc(100% - 50px); text-decoration: none; color: #009688; text-align: left; }
#slide-menu-mobile ul ul.sub-menu { transition: all 0.3s ease; opacity: 1; visibility: visible; position: absolute; border: 0; width: 100%; min-height: 100%; top: 0; left: -19px; background-color: #fff; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); backface-visibility: hidden;-webkit-backface-visibility: hidden;}
#slide-menu-mobile ul ul.sub-menu li { margin-bottom: 5px; }
#slide-menu-mobile ul ul.sub-menu li a { font-size: 13px; line-height: 20px;}
#slide-menu-mobile ul ul.sub-menu li:hover { border-top: 0; }
#slide-menu-mobile ul ul.sub-menu.sub-menu-active { -webkit-transform: translateX(0); transform: translateX(0); z-index: 999; }
#slide-menu-mobile ul li.back-mb span{ color: #000; cursor:pointer; background-color: rgba(0, 0, 0, 0.02);padding: 13px 15px; font-size: 15px; text-decoration: none; display: block; }
#slide-menu-mobile ul.off-canvas-active { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); }
#slide-menu-mobile ul span.submenu-toggle { border-left: 1px solid #eee; float:right; width: 42px; height: 42px; line-height: 42px; text-align: center; cursor: pointer;  color: #000; font-size: 20px; }
#slide-menu-mobile ul span.submenu-toggle i { font-size: 20px !important; }
#slide-menu-mobile ul span.submenu-toggle .fa, #slide-menu-mobile ul span.submenu-toggle .far, #slide-menu-mobile ul span.submenu-toggle .fab, #slide-menu-mobile ul span.submenu-toggle .fal { font-size: 14px; line-height: 42px; }
#slide-menu-mobile ul .rehub-custom-menu-item, #slide-menu-mobile .countdown_dashboard .dash{display: none;}
#slide-menu-mobile ul > li.close-menu { list-style-type: none; cursor: pointer; border:none !important; text-align: center;width: 30px; height: 30px;font-size: 20px;margin: 10px auto;line-height: 30px;}
#slide-menu-mobile ul > li#social_icons_in_panel{padding: 15px;}
#slide-menu-mobile ul li.rh-megamenu .vc_row{padding: 15px 0}
#slide-menu-mobile ul li.rh-megamenu .vc_column_container>.vc_column-inner{padding: 0 15px; margin: 0}
#slide-menu-mobile ul li.rh-megamenu .vc_row a{ font-size: 15px; float: none; width: auto; padding: 0 }
#slide-menu-mobile ul li.rh-megamenu .vc_row .vc_tta-panel-heading a{padding: 14px 20px}
#slide-menu-mobile ul li.rh-megamenu .vc_row .vc_tta-panel-heading a.active {border-color: #ededed;background-color: #f2f2f2; color: #111;}
#slide-menu-mobile ul li.rh-megamenu .vc_row .vc_tta-panel-body{padding: 0; margin: 12px 2px;}
#slide-menu-mobile ul li.rh-megamenu .vc_row li{border: none;}
#slide-menu-mobile .rh-menu-label{display: none;}
.offsetnav-overlay { position: fixed;  top: 0; left: 272px; right: 0; height: 120vh; background-color: rgba(0,0,0,0.5); z-index: 99999; }

@media (max-width: 768px) {
    .content .more .more-block .more-block-link-image img { width: 100%; height: auto; }
    
    .content .page .main { border: none; box-shadow: none; padding-left: 5px; padding-right: 5px; }
    
    .connected-admin { display: none; }
    header #section-logo { padding-bottom: 5px; padding-top: 5px!important; background-color: #fff; border-bottom: 1px solid #ddd; }
    header #section-logo img { width: 100%; }
    header #section-logo .logo-mobile { margin-top: 4px; height: auto; }
    header #section-logo .start-button { margin-top: 0; }
    
    .covid { padding: 10px 10px; margin: 10px 0 0 0 !important; }
    .covid h3 { font-size: 20px; }
    
    .search-header { display: none; }
    
    .sitemap { margin-left: 30px ; margin-top: 10px; }
        .sitemap ul li a { font-size: 15px; }
        .sitemap ul.children { margin-top: 5px; margin-bottom: 10px; }
            .sitemap ul.children li { margin-left: 15px; }
                .sitemap ul.children li a { font-size: 16px; }
    
    h1 { font-size: 19px; margin-top: 10px; margin-bottom: 0px; line-height: 25px;  }
    h2 { margin: 20px 0 20px 0; line-height: 34px; font-size: 22px; text-align: center; }
    hr.undertitle { margin-bottom: 10px !important; margin-top: 5px!important;}
    .breadcrumb { display: none; }
    .breadcrumb_top { display: none; }
    
    .sidebar { margin-top: 20px; padding-left: 0; }
    .sidebar .block { margin-bottom: 15px; }
    .sidebar .inner { box-shadow: none; border: none; padding-left: 5px; padding-right: 5px; }
    
    .content { margin-top: 5px; }
    .content .illustration { float: none; text-align: center; border: none; width: 89%; margin: 0 auto 10px auto;}
    .amazon-product-price { font-family: 'Dosis'; }
    .amazon-product-table tr td.amazon-product-table-td-pricing span.amazon-product-price.amazon-product-price-current { font-size: 18px; }
    
    .articles .article { min-height: 0; margin-bottom: 20px; }
    
    .comments { display: none; }
    h2.center { font-size: 20px; }
}

/*************** VIDEOS *********************************/
.videos {  }
    .videos .one-video { margin-bottom: 15px; }
    .videos .video { padding: 15px; border: 1px solid #bbb; background-color: #fff; height: 345px; }
        .videos .video .iframe {  }
            .videos .video .iframe iframe { width: 100%; max-width: 100%; height: 240px; }
        .videos .video .description { margin-bottom: 10px; }
            .videos .video .description p { text-align: center; margin: 15px 0 0 0; }
    
            
/*************** Start Form *********************************/

.start-form.h2 {
    
    color: red;
    
        
}

.start-form.span{
    
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    color: red;
}