/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/* Image rendering fix : not antialiased on FF */
img {
    image-rendering: auto;
}
/*   */

#qode-video-header .carousel-inner .video {
    height: inherit;
}

.carousel-inner .slider_content_outer {
    top: -100%;
}

.carousel .video .video-wrap {
    width: 100% !important;
    height: 100% !important;
}

.title_outer {
    margin-bottom: 50px;
}

.full_width {
    padding-top: 80px;
}

.title_outer + .full_width, .q_slider + .full_width {
    padding-top: 0;
}

.full_width_inner > .wpb_row.section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.vertical-separator {
    display: block;
    height: 0;
}

.wpb_single_image {
    max-width: 100%;
}

.wpb_single_image img {
    margin-top: 9px;
}

footer {
    margin-top: 40px;
}

.footer-email {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px 0px 0px 25px;
}

.footer_col1 a.qbutton.white:hover {
    background-color: #991313 !important;
    border-color: #991313 !important;
}

.footer_col2 h5 {
    margin-bottom: 0px;
}

.footer-address {
    color: #818181 !important;
}

.footer-tel label {
    color: #818181 !important;
}

.footer-tel strong a {
    color: #FFF;
}

@media only screen and (max-width: 600px) {
    footer {
        text-align: center;
    }
    
    .footer-email {
        margin: 0;
    }
}

.vc_row p {
    margin-top: 10px;
}

.vc_row p:first-child {
    margin-top: 0px;
}

.vc_row ul {
    list-style-position: outside;
    margin-left: 15px;
}

.vc_row ul ul {
    list-style-type: none;
}

.vc_row ul ul > li {
    text-indent: -5px;
}

.vc_row ul ul > li:before {
    content: '-';
    position: relative;
    left: -5px;
}

.vc_row a.red {
    color: #701400;
    text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
    .carousel .video .mobile-video-image {
        display: block;
    }

    .carousel .video .video-overlay, .carousel .video .video-overlay.active, .carousel .video .video-wrap {
        display: none;
    }
}

@media only screen and (max-width: 1000px) {
    .carousel-inner .slider_content {
        top: 20% !important;
    }

    .wpb_text_column br {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .video-wrap .mejs-container, .video-wrap .mejs-inner, .video-wrap .mejs-mediaelement, .mejs-container video {
        width: auto !important;
        height: 100% !important;
    }

    .carousel .video .video-wrap .mejs-container {
        height: 100% !important;
        border-radius: 0;
    }

    .full_width {
        padding-top: 30px;
    }

    .full_width_inner > .wpb_row.section {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    .vertical-separator {
        display: none;
    }

    .vertical-separator ~ * {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .vertical-separator.vs-float-left ~ .separator {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .wpb_single_image.vc_align_left, .wpb_single_image.vc_align_right {
        text-align: center;
    }

    .section_inner_margin > div:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 480px) {
    .q_logo img {
        max-width: 208px;
    }
}

@media only screen and (max-width: 768px) {
    .wpb_row .wpb_column {
        margin-bottom: 35px;
    }
}

nav.main_menu > ul > li > a {
    letter-spacing: 0.2px;
    font-weight: normal;
    color: #00264c !important;
}

nav.main_menu > ul > li.active > a {
    color: #991313 !important;
    font-weight: bold;
}   

@media only screen and (max-width: 1149px) {
    nav.main_menu > ul > li > a {
        letter-spacing: 0px;
        font-size: 11px;
    }
}

.mrliFileTransfert .clr {
    clear: both;
}

.mrliFileTransfert .red {
    color: #701400;
}
.mrliFileTransfert a.red {
    text-decoration: underline;
}

.mrliFileTransfert .blue {
    color: #3498DB;
}
.mrliFileTransfert a.blue {
    text-decoration: underline;
}

.mrliFileTransfert h3 {
    margin-bottom: 15px;
}

.mrliFileTransfert .panel {
    background-color: #E5E5E5;
}

.mrliFileTransfert .panelWrapper {
    margin: 0px 30px;
}

.mrliFileTransfert ul.orderedSteps {
    list-style: none;
}

.mrliFileTransfert ul.orderedSteps .big {
    font-size: 14px;
    font-weight: bold;
    color: #701400;
}

.mrliFileTransfert .vc_row {
    margin: 0;
}

.mrliFileTransfert .rep {
    display: block;
    margin: 20px;
    line-height: 1em;
    transition: all 0.2s ease-in-out 0s;
}

.mrliFileTransfert .rep:hover {
    color: #701400;
}

.mrliFileTransfert .rep:hover img {
    opacity: 1;
}

.mrliFileTransfert .rep img {
    border-radius: 5px;
    opacity: 0.75;
}

.mrliFileTransfert .rep > div {
    font-size: 11px;
    text-align: center;
}

.mrliFileTransfert .ftpTransfert:first-child {
    padding-right: 15px;
}

.mrliFileTransfert .ftpTransfert:last-child {
    padding-left: 15px;
}

.mrliFileTransfert .ftpSoftware:first-child {
    padding-right: 20px;
}

.mrliFileTransfert .ftpSoftware:last-child {
    padding-left: 20px;
}

.mrliFileTransfert .ftpSoftware:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
}

.mrliFileTransfert .ftpTransfert h6 {
    text-align: center;
}

/* PROMO ROLL-UP */
.mrliPromo p.price {
    font-size: 80px;
    line-height: 80px;
    font-weight: bold;
    color: #991313;
}

.mrliPromo p.tax-ship {
    color: #991313;
}

.mrliPromo p.infog {
    color: #999;
}

.mrliPromo strong.bigStep {
    display: inline-block;
    border-radius: 50%;

    width: 30px;
    height: 30px;
    padding: 8px;
    
    background: #991313;
    border: 0px solid #303030;
    text-align: center;
    color: #FFF;
    
    font: 26px Arial, sans-serif;
    font-weight: bold;
    margin-right: 18px;
    margin-left: -63px;
}

/* BANNIERES / ROLL-UP HOME */
    /* general */
    .mrliBannieresRollup {
        width: 94%;
        margin: 0 auto;
        margin-top: 50px;
    }

    .mrliBannieresRollup table.productsGrid {
        border: none;
        border-bottom: 2px solid #EBEBEB;
        width: 100%;
        font-size: 0.8vw;
    }

    .mrliBannieresRollup td {
        border-left: 2px solid #EBEBEB;
        border-right: 2px solid #EBEBEB;
        padding: 8px 10px;
    }
    
    .mrliBannieresRollup td.r1,
    .mrliBannieresRollup td.r2, 
    .mrliBannieresRollup td.r3,
    .mrliBannieresRollup td.r4
    {
        border: 2px solid #FFF;
        padding: 0;
    }

    .mrliBannieresRollup td.r4 {
        border-bottom: 2px solid #EBEBEB;
    }
    
    .mrliBannieresRollup td.r3,
    .mrliBannieresRollup td.r6,
    .mrliBannieresRollup td.r8,
    .mrliBannieresRollup td.r10,
    .mrliBannieresRollup td.r12,
    .mrliBannieresRollup td.r14,
    .mrliBannieresRollup td.r16,
    .mrliBannieresRollup td.r18
    {
        background-color: #F5F5F5;
    }
    
    .mrliBannieresRollup td.c1.r3,
    .mrliBannieresRollup td.c1.r4 {
        background-color: #FFF;
    }
    
    /* columns width*/
    .mrliBannieresRollup td.c1 {
        width: 20%;
    }
    .mrliBannieresRollup td.c2,
    .mrliBannieresRollup td.c3,
    .mrliBannieresRollup td.c4,
    .mrliBannieresRollup td.c5,
    .mrliBannieresRollup td.c6,
    .mrliBannieresRollup td.c7,
    .mrliBannieresRollup td.c8 {
        width: 10%;
    }

    /* head*/
    .mrliBannieresRollup td .head {
        background-color: #00264c;
        color: #FFF;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 30px;
        border-radius: 10px 10px 0px 0px;
    }    
    
    /* Col1 Description */
    .mrliBannieresRollup td.c1 {
        text-align: left;
        font-weight: bold;
    }
    
    /* images row */
    .mrliBannieresRollup td.r2 {
        margin: 0;
        padding: 0;
        line-height: 0;
    }
    
    .mrliBannieresRollup a.preview {
        display: inline-block;
    }
    
    .mrliBannieresRollup a.preview img {
        width: 10.5vw;
    }
    
    /* intro text */
    .mrliBannieresRollup td.c1.r1 h2 {
        font-size: 1.2vw;
    }
    
    .mrliBannieresRollup td.c1.r2 {
        line-height: 1.5em;
        vertical-align: top;
        padding-top: 10px;
        padding-right: 20px;
        font-weight: normal;
    }
    
    /* prices */
    .mrliBannieresRollup td.r3 {
        font-size: 1.2vw;
        font-weight: bold;
        color: #991313;
        line-height: 2vw;
    }
    
    .mrliBannieresRollup td.r3 .devise {
        font-size: 0.7vw;
        position: relative;
    }
    
    .mrliBannieresRollup td.c2.r3 {
        font-size: 0.8vw;
    }
    
    /* details button */
    .mrliBannieresRollup a.butDetails {
        display: block;
        width: 100%;
        background-color: #991313;        
        text-transform: uppercase;
        color: #FFF;
        font-size: 0.6vw;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 2vw;
        transition: all 0.4s ease-in-out 0s;
    }
    
    .mrliBannieresRollup a.butDetails:hover {
        background-color: #139939;
    }
    
    /* rating */
    .mrliBannieresRollup .rating {
        display: block;
        width: 80%;
        height: 100%;
        margin: 0 auto;
        background-image: url('gfx/0s.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }
    
    .mrliBannieresRollup .rating.star0 {
        background-image: url('gfx/0s.png');
    }
    
    .mrliBannieresRollup .rating.star0half {
        background-image: url('gfx/0s_half.png');
    }
    
    .mrliBannieresRollup .rating.star1 {
        background-image: url('gfx/1s.png');
    }
    
    .mrliBannieresRollup .rating.star1half {
        background-image: url('gfx/1s_half.png');
    }
    
    .mrliBannieresRollup .rating.star2 {
        background-image: url('gfx/2s.png');
    }
    
    .mrliBannieresRollup .rating.star2half {
        background-image: url('gfx/2s_half.png');
    }
    
    .mrliBannieresRollup .rating.star3 {
        background-image: url('gfx/3s.png');
    }
    
    .mrliBannieresRollup .rating.star3half {
        background-image: url('gfx/3s_half.png');
    }
    
    .mrliBannieresRollup .rating.star4 {
        background-image: url('gfx/4s.png');
    }

    .mrliBannieresRollup .rating.star4half {
        background-image: url('gfx/4s_half.png');
    }
    
    .mrliBannieresRollup .rating.star5 {
        background-image: url('gfx/5s.png');
    }
    
    /* dimension */
    .mrliBannieresRollup td.r7,
    .mrliBannieresRollup td.r8
    {
        font-weight: bold;
    }
    
    /* oui non */
    .mrliBannieresRollup p.oui,
    .mrliBannieresRollup p.non
    {
        border-radius: 10px;
    }
    
    .mrliBannieresRollup p.oui {
        color: #139939;
        background-color: rgba(0,220,0,0.2);
    }
    
    .mrliBannieresRollup p.non {
        color: #991313;
        background-color: rgba(255,0,0,0.2);
    }
    
   /* order button */
    .mrliBannieresRollup td.r18 {
        padding: 0;
    }
   
    .mrliBannieresRollup a.butOrder {
        display: block;
        width: 100%;
        background-color: #00264c;        
        text-transform: uppercase;
        color: #FFF;
        font-size: 0.6vw;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 2vw;
        transition: all 0.4s ease-in-out 0s;
    }
    
    .mrliBannieresRollup a.butOrder:hover {
        background-color: #139939;
    }

/* MRLI TOP BAR */
#mrli_top_bar {
    position: fixed;
    top: 0px;
    right: 10px;
    z-index: 9999;
}

#mrli_language_switcher {    
    display: inline-block;
    float: right;
    background-color: #EEE;
    padding: 1px 20px 1px 20px;
    
    font-size: 11px;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out 0s;
}

#mrli_language_switcher a {
    color: #999;
}

#mrli_language_switcher:hover {
    padding: 1px 30px 1px 30px;
    background-color: #00264c;
}

#mrli_language_switcher:hover a {
    color: #FFF;
}

#mrli_call_us {    
    display: inline-block;
    float: right;
    background-color: #991313;
    color: #FFF;
    padding: 1px 20px 1px 20px;
    
    font-size: 1vw;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out 0s;
}

@media only screen and (max-width: 1000px) {
    
    #mrli_call_us {  
        display: none !important;
    }
}

#mrli_call_us a {
    color: #FFF;
    margin-left: 10px;
}

#mrli_call_us:hover {
    padding: 1px 30px 1px 30px;
    background-color: #00264c;
}

/* HACK Menu Item "CALL US" */

nav.main_menu li#nav-menu-item-16633 {
    display: none !important;
}

nav.mobile_menu li#mobile-menu-item-16633 {
    background-color: #991313;
    text-align: center;
}

nav.mobile_menu li#mobile-menu-item-16633 a {
    color: #FFF !important;
    font-size: 22px;
    font-weight: bold;
}

/* NEW Identity Modal style */

.modal h2,
.modal p {
    font-family: 'Bitter' !important;
    color: #bbbcbc;
    letter-spacing: 0.5px;
    text-align: center;
}

.modal span.white {
    color: #FFF;
}

.modal span.blue {
    color: #545859;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999;
  padding: 40px 40px;
}

.modal__container {
    background-color: #042eda;
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.5) 100%);
    padding: 50px;
    max-width: 560px;
    max-height: 100vh;
    border-radius: 8px;
    overflow-y: auto;
    box-sizing: border-box;
}
    
.modal__title {
  font-weight: 400;
  font-size: 1rem;
  color: #bbbcbc;
  text-transform: none;
  text-align: center;
}

.modal__content {
  margin-bottom: 2rem;
  line-height: 1.5;
  color: #bbbcbc;

}
.modal__content p.logo {
    padding: 70px 70px 60px 70px;
}

@media only screen and (max-width: 600px) {
    .modal__content p.logo {
        padding: 60px 20px 60px 20px;
    }
}

.modal__content img {
    height: auto;
    max-width: 100%;
}

.modal__footer {
    margin-top: 50px;
    text-align: center;
}

.modal__btn {           
    font-family: 'Bitter' !important;
    letter-spacing: 00.5px;  
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #bbbcbc;
    color: rgba(0,0,0,0.7);
    border-radius: 0px;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0 auto;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  outline: 0;
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}