@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');



.button_test { 
padding: 19px 40px 19px 38px;
border: 1px solid #f31833;
font-size: 24px;
line-height: 20px;
color: #f31833;
display: inline-block;
vertical-align: top;
font-family: 'sinkin_sans500_medium';
text-transform: uppercase;
letter-spacing: 0.06em;
text-align: center;
text-decoration: none;
 }




/* QUIZZ */
@media only screen and (max-width: 1299px) and (min-width: 1081px)  {
.tqb-template-style-2 .tqb-question-wrapper .tqb-answers-container .tqb-answer-inner-wrapper .tqb-answer-text {
    font-family: "Raleway", serif !important;
    color: #3c3c3b !important;
    font-size:20px !important;
}
.tqb-template-style-2 .tqb-question-wrapper .tqb-question-container .tqb-question-text {
    color: #ffae00 !important;
    font-family: "Raleway", serif !important;
    font-size:32px !important;
}
.tqb-template-style-2 .tqb-question-wrapper {
    background-color: #f2f2f2 !important;
}
.tqb-template-style-2 .tqb-question-wrapper .tqb-answers-container {
    background-color: #f2f2f2 !important;
}
}
@media only screen and (max-width: 1080px) and (min-width: 768px)  {
.tqb-template-style-2 .tqb-question-wrapper .tqb-answers-container .tqb-answer-inner-wrapper .tqb-answer-text {
    font-family: "Raleway", serif !important;
    color: #3c3c3b !important;
    font-size:16px !important;
}
.tqb-template-style-2 .tqb-question-wrapper .tqb-question-container .tqb-question-text {
    color: #ffae00 !important;
    font-family: "Raleway", serif !important;
    font-size:26px !important;
}
.tqb-template-style-2 .tqb-question-wrapper {
    background-color: #f2f2f2 !important;
}
.tqb-template-style-2 .tqb-question-wrapper .tqb-answers-container {
    background-color: #f2f2f2 !important;
}
}
@media only screen and (max-width: 767px)  {
.tqb-template-style-2 .tqb-question-wrapper .tqb-answers-container .tqb-answer-inner-wrapper .tqb-answer-text {
    font-family: "Raleway", serif !important;
    color: #3c3c3b !important;
    font-size:12px !important;
}
.tqb-template-style-2 .tqb-question-wrapper .tqb-question-container .tqb-question-text {
    color: #ffae00 !important;
    font-family: "Raleway", serif !important;
    font-size:20px !important;
}
.tqb-template-style-2 .tqb-question-wrapper {
    background-color: #f2f2f2 !important;
}
.tqb-template-style-2 .tqb-question-wrapper .tqb-answers-container {
    background-color: #f2f2f2 !important;
}
}











.cnt p {
    text-align: justify;
}



.opt.opt-3 .o-im {
    border-radius: 20%;
}


/* Social Media Sharing Text */
.ssf .cou {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
}

/* BLOG PAGE */
.wrp.cnt.gin .gr-i .fwit {
    background-size: cover;
    height: 300px;
}


/* Footer */
@media only screen and (max-width: 940px) and (min-width: 769px)  {
.fmw .colm {
    margin-right: 25% !important;
    margin-left: 25% !important;
    width: 55% !important;
}
}
@media only screen and (max-width: 768px) and (min-width: 541px)  {
.fmw .colm {
    margin-right: 17% !important;
    margin-left: 17% !important;
    width: 100% !important;
}
}
.side_body {
        margin-left: 36%;
}

/* HOME PAGE Testimonials */
.sctm .bts .rta {
    height: 90px;
}


/* HOME PAGE BLOG POST */
.scbg .scc .scc-in h5 {
    font-size: 1.013em;
}
/* HOME PAGE BLOG POST IMAGE */
.scbg .scc .scc-i {
    background-size: auto;
    height: 106%;
}
.fullWidth .scbg .scc {
    margin-right: 5%;
    width: 30%;
}
@media only screen and (max-width: 1299px) and (min-width: 1081px) {
.scbg .scc .scc-i {
    background-size: auto;
    height: 106%;
}
.fullWidth .scbg .scc {
    margin-left: 2%;
    margin-right: 2%;
    width: 29%;
}
.side_body {
        margin-left: 35%;
}
}
@media only screen and (max-width: 1080px) and (min-width: 1024px) {
.scbg .scc .scc-i {
    background-size: auto;
    height: 106%;
}
.fullWidth .scbg .scc {
    margin-left: 2%;
    margin-right: 2% !important;
    width: 29%;
}
.scbg .scc .scc-in h5 {
    font-size: 0.9513em;
}
.side_body {
        margin-left: 32%;
}
}
@media only screen and (max-width: 1023px) and (min-width: 768px)  {
.scbg .scc .scc-i {
    background-size: auto;
    height: 106%;
}
.fullWidth .scbg .scc {
    margin-left: 10% !important;
    margin-right: 2% !important;
    width: 82% !important;
}
.scbg .scc .scc-in h5 {
    font-size: 0.9513em;
}
.side_body {
        margin-left: 35%;
}
}
@media only screen and (max-width: 767px)  {
.scbg .scc .scc-i {
    background-size: auto;
    height: 106%;
}
.fullWidth .scbg .scc {
    margin-left: 9% !important;
    margin-right: 2% !important;
    width: 82% !important;
}
.scbg .scc .scc-in h5 {
    font-size: 0.8513em;
}
.side_body {
        margin-left: 30%;
}
}























/* TEXTE WEB SITE */
    p strong, h5 strong, h4 strong, h6 strong, h3 strong {
        font-weight: normal !important;
    }
/* End TEXTE WEB SITE */

/* HERO */
/* Hero Height */
    .h-b.c-o {
        height: 450px;
    }
/* End Hero Height */
/* Hero Text */
    .b-tt .entry-title {
        font-weight: bold !important;
        font-size: 46px !important;
    }
    .b-tt h1 {
        font-weight: 300 !important;
        font-size: 46px !important;
    }
    .b-tt h2 {
        font-weight: 400 !important;
        font-size: 40px !important;
    }
/* End Hero Text */
/* Hero Button */
    .btn.medium {
        border-radius: 15px;
        font-size: 24px;
    }

    .btn.big {
        border-radius: 15px;
        font-size: 28px;
    }
    .btn.orange {
        border-color: #FFAE00;
				background: #FFAE00;
    }
    .btn.orange:hover {
        background: transparent;
    }
    .opt.orange .o-bt {
        border-radius: 15px;
    }
    .divi.cdivi {
        background: #FFAE00;
    }
/* Hero Button */
/* END HERO */

/* TEXT CSS RESPONSIVE WEB SITE */
@media only screen and (max-width: 479px) {
    .b-tt .entry-title {
        font-size: 26px !important;
    }
    .b-tt h1 {
        font-size: 26px !important;
    }
    .b-tt h2 {
        font-size: 22px !important;
    }
    .bSe h1 {
        font-size: 22px !important;
    }
    .bSe h2 {
        font-size: 20px;
    }
    .bSe h3 {
        font-size: 18px;
    }
    p, .sctm .tst p {
        font-size: 12px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
    .b-tt .entry-title {
        font-size: 28px !important;
    }
    .b-tt h1 {
        font-size: 28px !important;
    }
    .b-tt h2 {
        font-size: 24px !important;
    }
    .bSe h1 {
        font-size: 24px !important;
    }
    .bSe h2 {
        font-size: 22px;
    }
    .bSe h3 {
        font-size: 18px;
    }
    p, .sctm .tst p {
        font-size: 14px;
    }
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
    .b-tt .entry-title {
        font-size: 32px !important;
    }
    .b-tt h1 {
        font-size: 32px !important;
    }
    .b-tt h2 {
        font-size: 26px !important;
    }
    .bSe h1 {
        font-size: 26px !important;
    }
    .bSe h2 {
        font-size: 24px;
    }
    .bSe h3 {
        font-size: 18px;
    }
    p, .sctm .tst p {
        font-size: 16px;
    }
}
/* END TEXT CSS RESPONSIVE WEB SITE */

/* BLOG POST */
    .bSe h1 {
        font-size: 26px !important;
        text-transform: none !important;
        text-align: center;
    }
    .bSe h2 {
        font-size: 22px;
    }
    .bSe h3 {
        font-size: 18px;
    }
    .cnt .entry-title a {
        font-size: 80%;
    }
    .rltpi p {
        font-size: 18px;
    }
/* END BLOG POST */



/* HEADER SITE */
/* Header */
    header .m-si {
        padding-top: 15px;
    }
    header.side .m-s {
        vertical-align: middle;
        padding-bottom: 0px;
    }
    header.side #logo, header.side #text-logo {
        padding-bottom: 0px;
    }

    header.side #logo, header.side #text-logo {
        padding-top: 10px;
    }
    header #logo img {
        max-width: 200px !important;
    }
    header nav ul li a {
        font-family: 'Raleway';
        font-weight: regular;
        font-size: 18px;
    }
    header nav ul li a,  .d-i .s-b .s-bb, .c-o .s-b .s-bb, .d-o .s-b .s-bb, .b-i .s-b .s-bb, .c-t .s-b .s-bb {
        color: #fff !important;
    }
    header nav ul li a:hover, .c-o .s-b .s-bb:hover {
        color: #ffae00 !important;
    }
    header nav>ul.menu>li.current-menu-item>a:before, header nav>ul.menu>li.current_page_item>a:before, header nav>ul.menu>li.current-page-item>a:before, header nav>ul#menu>li.current-menu-item>a:before, header nav>ul#menu>li.current_page_item>a:before, header nav>ul#menu>li.current-page-item>a:before, header nav>ul.menu>li.current-menu-item>a:after, header nav>ul.menu>li.current_page_item>a:after, header nav>ul.menu>li.current-page-item>a:after, header nav>ul#menu>li.current-menu-item>a:after, header nav>ul#menu>li.current_page_item>a:after, header nav>ul#menu>li.current-page-item>a:after {
        background: #ffae00;
        bottom: -80%;
    }
    header nav > ul > li.current_page_item > a {
        color: #ffae00 !important;
    }
    header nav ul li>ul {
        border-top: 3px solid #ffae00;
    }
    header nav ul li>ul:hover {
        color: #ffae00 !important;
    }
    header nav ul li>ul li {
        background: #151228 !important;
    }
    header nav ul li>ul li a:hover {
        background: #ffae00 !important;
        color: #151228 !important;
    }
    .c-o header .h-i {
        border-bottom: 1px;
    }
    .c-o .s-b .s-bb:before {
    border-left: 2px solid rgba(255,255,255,1);
    }
    .s-s .s-b label {
        font-family: 'Raleway', sans-serif;
        color: #151228;
        font-size: 30px;
        text-align: right;
        padding-top: 20px;
    }
/* End Header */
/* Floating Header */
    #floating_menu header {
        padding: 10px 0 18px;
    }
    #floating_menu.mff header {
        background: #151228;
    }
    #floating_menu.mff header nav>ul>li>a {
        color: #f2f2f2 !important;
        font-size: 16px;
    }
    #floating_menu.mff header nav>ul>li>a:hover, #floating_menu.mff .h-i .s-bb:hover {
        color: #ffae00 !important;
    }
    #floating_menu.mff header #logo img { 
        max-height: 60px !important;
    }
    #floating_menu.mff header .m-si {
        vertical-align:middle;
    }
    #floating_menu.mff .h-i .s-bb {
        color: #f2f2f2 !important;
    }
    #floating_menu.mff .h-i .s-bb:before {
        border-left: 2px solid rgba(255,255,255,1);
    }
    #floating_menu.mff .h-i .s-b input[type="text"] {
        background: #fff;
    }
    #floating_menu.mff .h-i .s-b label {
        padding-top: 0px;
        color: #ffae00;
    }
    #floating_menu.mff form {
        background: #151228;
    }
/* End Floating Header */
/* Header Line */
    .d-i header .h-i, .c-o header .h-i, .d-o header .h-i, .b-i header .h-i, .c-t header .h-i {
        border-bottom: 0px;
    }
/* End Header Line */
/* END HEADER SITE */



/* FOOTER */
    .fmm, .fmw {
        background: #151228;
    }
    .fmm p {
         color: #f2f2f2;
         font-size: 15px;
    }
    footer .ttl {
    text-align: center;
    height: 0;
    }
    .nbc .nbci span {
        font-size: 52px;
    }
    .nbc .nbcl {
        font-size: 1.5em;
        margin-top: 10px;
    }
/* END FOOTER */



/* RESPONSIVE CSS HEADER FOOTER HERO MENU */
@media only screen and (max-width: 774px){
     header .hsm {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        background: transparent;
        padding-top: 12px;
     }
     header .hsm span {
        font-family: 'Raleway', sans-serif;
        color: #fff;
        width: 150px;
     }
     header nav {
        background: #151228;
     }
     header #logo {
        padding: 15px 0 0 0 !important;
     }
     header #logo img {
        max-width: 150px !important;
     }
     header nav ul li a {
        font-size: 16px;
     }
     #floating_menu.mff header #logo img {
        max-height: 50px !important;
     }
     #floating_menu.mff header #logo {
        padding: 10px 0 0 0 !important;
     }
     #floating_menu.mff header .hsm {
        padding-top: 5px !important;
     }
     .h-b.c-o {
        height: 300px;
     }
     #floating_menu.mff .h-i {
        height: 70px !important;
     }

     footer section {
        margin: 40px 22px 0px;
        max-width: 250px;
     }
     .d-i .b-tt {
        padding-top: 20px !important;
        padding-bottom: 30px;
     }
      .menu-digmarkai-footer-container {
        font-size: 80% !important;
     }
      .btn.orange {
        background: #FFAE00;
    }
}
/* END RESPONSIVE CSS HEADER FOOTER HERO MENU */


/* COOKIE NOTIVE */
    #cookie-notice {
        display: block;
        visibility: hidden;
        position: fixed;
        min-width: 100%;
        font-family: 'Raleway', sans-serif; 
        height: auto;
        text-shadow: 0 0px 0 !important;
        z-index: 100000;
        font-size: 15px;
        line-height: 40px;
        left: 0;
        text-align: center;
    }
    #cn-accept-cookie {
            background: #FFAE00;
        color: #FFFFFF;
        padding: 10px 28px;
        font-family: 'Raleway', sans-serif;
        border: 2px solid #FFAE00;
        border-radius: 15px;
        letter-spacing: 2px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 17px;
    }
    #cn-accept-cookie:hover {
        background-color: transparent;
        color: white;
    }
    #cn-more-info {
            background: transparent;
        color: #FFFFFF;
        border: none;
        padding: 10px 20px;
        font-family: 'Raleway', sans-serif;
        text-align: center;
        text-decoration: underline;
        display: inline-block;
        font-size: 16px;
    }
    #cn-more-info:hover {
        color: #FFAE00;
    }
    .cn-button.wp-default {
        text-shadow: none;
    }
/* END COOKIE NOTIVE */


/* CONTACT FORM */
/* Submit Button CSS Styles */
    .wpcf7 input[type=submit] {   
         margin: 20px 0px 0px 0px;
         padding: 18px 32px 18px 30px;
         border: 1px solid #ffae00;
         border-radius: 15px;
         background: transparent;
         font-size: 15px;
         font-family: 'Raleway', sans-serif;
         font-weight: 800;
         line-height: 20px;
         color: #ffae00;
         display: inline-block;
         vertical-align: top;
         text-transform: uppercase;
         text-align: center;
         text-decoration: none;
         cursor:pointer;
    }
    .wpcf7 input[type=submit]:visited { color: #fff24c;
    }
    .wpcf7 input[type=submit]:hover { color: #151228 !important; text-decoration: none; background: #ffae00;
    }
/* Text Input Field Styles */
    .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel] {
        margin: 10px 30px 10px 0px;
        padding: 10px 5px;    
        font-size: 18px;
        border-bottom: 1px solid #f2f2f2 !important;
        color: #f2f2f2 !important;
        padding-left: 0px !important;
        background: none !important;
        border: none;
        box-shadow:none !important; 
    }
@media only screen and (max-width: 959px) {
    .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel] {
        margin: 10px 30px 10px 0px;
        padding: 10px 5px;    
        font-size: 18px;
        border-bottom: 1px solid #f2f2f2 !important;
        color: #f2f2f2 !important;
        padding-left: 0px !important;
        background: none !important;
        border: none;
        box-shadow:none !important;
        width: 95% !important; 
    }
}
/* Textarea Field Styles */
    .wpcf7 textarea {
        margin: 10px 30px 10px 0px;
        padding: 10px 5px;
        height: 200px;
        width: 46%;
        color: #f2f2f2;
        font-size: 18px;
        background: none !important;
        border: 1px solid #f2f2f2 !important;
    } 
@media only screen and (max-width: 479px) {
    .wpcf7 textarea {
        margin: 10px 30px 10px 0px;
        padding: 10px 5px;
        height: 200px;
        width: 95% !important;
        color: #f2f2f2;
        font-size: 18px;
        background: none !important;
        border: 1px solid #f2f2f2 !important;
    } 
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
    .wpcf7 textarea {
        margin: 10px 30px 10px 0px;
        padding: 10px 5px;
        height: 200px;
        width: 95% !important;
        color: #f2f2f2;
        font-size: 18px;
        background: none !important;
        border: 1px solid #f2f2f2 !important;
    } 
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
    .wpcf7 textarea {
        margin: 10px 30px 10px 0px;
        padding: 10px 5px;
        height: 200px;
        width: 95% !important;
        color: #f2f2f2;
        font-size: 18px;
        background: none !important;
        border: 1px solid #f2f2f2 !important;
    } 
}
/* Placeholder text styles */
    .wpcf7-form-control-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #f2f2f2;
      font-size:18px;
    }
     .wpcf7-form-control-wrap ::-moz-placeholder { /* Firefox 19+ */
      color: #f2f2f2;
      font-size:18px;
    }
    .wpcf7-form-control-wrap :-ms-input-placeholder { /* IE 10+ */
      color: #f2f2f2;
      font-size:18px;
    }
    .wpcf7-form-control-wrap :-moz-placeholder { /* Firefox 18- */
      color: #f2f2f2;
      font-size:18px;
    }
/* Thank you message styles */
    .wpcf7-response-output {
        border:1px solid #f2f2f2;
        background-color: none;
        font-size:18px;
        color: red;
        padding: 20px !important;
    }
    .wpcf7-not-valid-tip {
        font-size:15px !important;
        color: red;
        padding: 0px !important;
    }

/* END CONTACT FORM */





