/* CUSTOM BOUNCE CSS TWEAKS HERE */
.iframe-box{
     position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.iframe-box iframe{
      position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


header.blue.title{
    overflow: hidden;
}
.job_listing  .temps-plein{
    color: #90da36;
}
.sgpb-main-html-content-wrapper img {
    width: 100%;
    height: auto;
}

div#content.container.page.right-sidebar, .error404 div#content, .page-template-default #content, .page-template-tpl_page_no_sidebars #content{
    margin-top: 130px;
}
div.container.map_constrained {
    margin-top: 190px!important;
}
.page-template-tpl_accounts_business #content, .page-template-tpl_accounts_personal #content {
    margin-top: 35px;
}
.job_listing-template-default div#content {
    margin-top: 170px;
}
a.bold-link {
    background: #064f6d;
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff;
    font-weight: bolder;
    margin-top: 14px;
    display: inline-block;
}
.owl-dots{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.owl-carousel .owl-dot{
    width: 12px;
    height: 12px;
    border: solid 1px #064f6d;
    border-radius: 50%;
    margin-right: 18px;
}

.owl-carousel .owl-dot.active{
    background: #00aef0;
    border: solid 1px #00aef0;
}
a[href="#back-to-top"]{
    color:#6c6d70!important;
}
.cornered-box{
    position: relative;
}
.cornered-box:before{
    display: block;
    width: 50px;
    height: 30px;
    position: absolute;
    bottom: -4px;
    right: -5px;
}.cornered-box-blog:before{    display: block;    width: 50px;    height: 30px;    position: absolute;    top: -4px;    left: -5px;}
.grey.cornered-box:before{
    content: url(../caisse2015/assets/css/corner-grey.svg);
}
.white.cornered-box:before{
    content: url(../caisse2015/assets/css/corner-white.svg);
}.white.cornered-box-blog:before{    content: url(../caisse2015/assets/css/corner-white-blog.svg);}
html body{
    height: auto;
}
.row.no-gutters{
    margin-left: 0px!important;
    margin-right: 0px!important;    
}
/*-- Large Nav --*/
html.testb #utility .topa ul li a:hover, html.testb #utility .topb ul li a:hover {
    color: #2BABE2;
}
.topnav .social{
    display: flex;
    top: 10px;
    align-items: center;
    justify-content: flex-end;
}
.topnav .social form#searchform {
    font-size: 12px;
    border-radius:  5px;
    width:  50%;
}
.topnav .social form#searchform input{
    border-radius: 8px;
    background: #eaeaea;
    width: 100%;
    line-height: 1.7;
    border: none;
    padding: 4px 12px;
}
#utility ul li.social_utility.facebook a {
    background-image: url(assets/images/icon_facebook.png);
    background-position: 6px -1px;
}
#utility ul li.social_utility.youtube a {
    background-image: url(assets/images/caisse_youtube.png);
    background-size: 25px;
    background-position: center;
}
#utility ul li.social_utility.instagram a {
    background-image: url(assets/images/caisse_insta.png);
    background-size: 20px;
    background-position: center;
}
#utility ul li.social_utility.linkedin a {
    background-size: 31px;
    background-image: url(assets/images/icon_linkedin.png);
    background-position: -5px -5px;
}
@media (min-width: 962px){
    html.testb #primary-nav{
        padding-left:  16%;
    }
    html .nav > li > a {
        padding-right: 10px;
        padding-left: 0px;
        margin-right: 10px;
    }
    html.testb .topnav .topa, html.testb .topnav .topb{
        padding-left: 0px;
    }
}
/*-- home tabs --*/
#comparison_nav.home-tabs{
    box-shadow: none;
    margin-bottom: 46px;
}
#alt_nav_tabs .home-tabs-select {

    width: 82%;
    margin: auto;
    margin-bottom: 45px;
}
div#comparison_nav.home-tabs ul.nav-tabs{
    box-shadow: none;
    width: 100%;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-around;
    padding:  0px 15px !important;
}
div#comparison_nav.home-tabs ul.nav.nav-tabs  li{
    margin-right: 32px;
    display: block;
}
div#comparison_nav.home-tabs ul.nav.nav-tabs li.active a{
    background: #064f6d;
    color: #fff;
    border: solid 1px #064f6d;
    border-radius: 10px;
}
div#comparison_nav.home-tabs ul.nav.nav-tabs li a{
    background: #fff;
    color: #064f6d;
    border: solid 1px #064f6d;
    border-radius: 10px;
    font-size: 13px;
    padding: 5px 17px;
    text-align: center;
    width: 150px;
    text-transform: none;
    font-weight: bolder;
    display: flex;
    min-height: initial;
    top: 0;
    bottom: 0;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.tab-pane .home-tab{
    background: #f6f6f6;
}
.home div.tab-content{
    padding:  0px 15px;
    margin: 0px;
    border:  none;
}
@media (min-width: 768px){
    #new-royalslider-2, #new-royalslider-3{
        display: block;
    }
    #new-royalslider-8, #new-royalslider-9{
        display: none;
    }
}
@media only screen and (max-width: 768px){
    #new-royalslider-2, #new-royalslider-3{
        display: none;
    }
    #new-royalslider-8, #new-royalslider-9{
        display: block;
    }
}
.home-tab{
    border: 1px solid #064F6D;
}
.home-tab .col-md-4{
    padding:  0px;
}
.home-tab .content{
    padding: 0px 15px;
}
.home-tab .content p{
    color: #000;
}
div.tab-content .home-tab a{
    color: #2babe2;
}
div.tab-content .home-tab a.bold-link{
    color: #fff;
}
#content.home #main  .home-tab .content h1,#content.home #main  .home-tab .content h2,#content.home #main  .home-tab .content h3,#content.home #main  .home-tab .content h4,#content.home #main  .home-tab .content h5{
    font-size: 20px;
    color: #064f6d;
    text-transform: unset!important;
    padding: 0px;
    margin-top: 24px;
    margin-bottom: 8px;
    border-bottom: none;
}
html.testb #utility .social ul{
    padding:  0px;
}
div.tab-content ul.tab-primary-links{
    list-style:  none;
    margin: 12px;
    padding: 0px;
}
div.tab-content ul.tab-primary-links li{
    width: 100%;
}
div.tab-content ul.tab-primary-links li a{
    width: 100%;
    background: #fff;
    padding: 8px 8px;
    color: #00aef0;
    display: inline-block;
    margin-bottom: 16px;
    border-radius: 8px;
    font-weight:  bolder;
}
.home-tab h2.subject{ 
    background: #00aef0;
    color:  #fff;
    margin: 0px;
    padding: 12px 16px;
    margin-right: 12px;

 }
 @media (min-width: 962px){
     .features.row{
        display: flex;
     }
     .features.row .feature{
        align-self: stretch;
     }
}
.home-tab img{
    width:  100%;
    height:  auto;
    padding: 15px;
}
.feature .display-box{
    background: #00aef0;
    color: #fff;
    height: 100%;
}
.feature .display-box .img{
    width: 100%;
    height: 200px;
    background-position: center;
    background-size: cover;
}
.feature .display-box .excerpt{
    padding: 12px 16px;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    height: auto;
    height: calc(100% - 200px);
}
.feature .display-box .excerpt .btn-container{
    position: relative; 
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.features .display-box .excerpt h4{
    color: #fff;
    font-size:16px;
    margin-bottom: 8px;
}
.features .display-box .excerpt p{
    color: #fff!important;
    margin-top: 1px;
}
.features .bold-link{
    margin-right: 15px;
}
a.disabled.bold-link {
    background: #848484;
    pointer-events: none;
}
/*----------------- INTERIOR EXAMPLE -------------------*/
.fullgrey{
    background: #f6f6f6;
    border-top: solid 32px #fff;
    border-bottom: solid 32px #fff;
}
.main-page{
    background: #f6f6f6;
    border-top:  solid 1px #2babe2;
    margin-bottom: 100px;
        margin-top: 140px;
}
.main-page .title-page{
    background: #2babe2;
    color: #fff;
    display: inline-block;
    margin: 0px;
    padding: 16px;
    font-size: 38px;
    padding-right: 32px;
}
.main-page .content-page{
    padding: 0 15px;
    margin-bottom: 32px;
}
.main-page .image-page{
    margin: 15px;
    background: #fff;
    padding: 15px;
}
.main-page .image-page img{
    width:  100%;
    height:  auto;
}
.main-page h3{
    font-size: 24px;
    color: #06506d;
    text-transform: initial;
    line-height: 1.2;
    letter-spacing: 0px;
    font-family: 'Acrom-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media (min-width: 961px){
    .secondary .sixstack ul{
        display: flex;
        flex-wrap: wrap;
        padding: 15px;
    }
    .secondary .sixstack ul li{
        width: 50%;
    }
    .secondary .sixstack ul.nav li:nth-child(n+5) a{
        border-bottom: none;
    }
}
.secondary .sixstack ul.nav li a{
    margin: 0px;
    border-bottom: solid 1px #2babe2;
    color: #000;
}
/*----------------- COMMUNITY _______________*/
.sponsorships-grid .col-md-6, .sponsorships-grid .col-md-4{
    margin-bottom: 32px;
}
.events-subnav ul li:first-child{
    margin-left: 0px;
}
.events-subnav ul{
    list-style: none;
    margin: 0;
    padding: 8px 4px;
    display: flex;
    flex-wrap: wrap;
}
.community-intro{
    font-size: 21px;
    line-height: 1.2;
    word-spacing: 1px;
}
.events-subnav li a{
    padding: 10px 42px;
    font-size: 13px;
    background: #074e6d;
    border-radius: 3px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media (max-width: 768px){
    .events-subnav li{
        margin: 16px auto;
       width: 100%;
       float: left;
       white-space: nowrap;
    }
    .caisse_support{
        width: 70%;
    }
}
@media (min-width: 768px){
    .events-subnav li{
        margin: 12px 0;
        margin-right: 20px;
    }
    .caisse_support{
        width: auto;
    }
}
.event-slide{
    border: solid 1px #064f6d;
    background: #f6f6f6;
    margin-bottom: 12px;
}
.events h2.subject{
    display:inline-block;
    background: #00aef0;color: #fff; margin:    0px; padding: 12px 16px; margin-right: 12px;
}
.event-row{
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    padding: 3px 20px;
}
.event-entry{
    display: flex;
    flex: 0 auto;
    flex-wrap: nowrap;
    margin: 16px 0;
}
.event-entry .date {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #064f6d;
    font-size: 26px;
    letter-spacing: 2px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-weight: bolder;
    height: 100%;
    margin-right: 16px;
}
.event-entry span.day {
        font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.event-entry .desc a{
    font-weight: bolder;
    font-size: 23px;
    display: block;
    margin-bottom: 8px;
}
.event-entry .desc p{
    margin-bottom: 1px;
    color: #000;
    font-size: 14px;
}

/*----------------- FOOTER -------------------*/
html #footer{
    padding: 0px;
}
html #footer #footer-nav{
padding: 30px 5px;
}
h4.footer-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin: 4px 14px;
}
html #footer #footer-nav .footer-column ul.menu{
    margin-top:0px; 
}
html #footer #footer-nav .footer-column ul.menu li{
    display: list-item;
    font-size: 14px;
    position: relative;
}
html #footer #footer-nav .footer-column ul.menu li:before{
    content: '';
    display: inline-block;
    width: 7px;
    height: 12px;
    margin-right: 16px;
    background-image: url(assets/css/chevron_right.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
}
#footer div.copyright{
    margin-top:0px;
    border-top: solid 0px #000;
    background: #10313f;
    color: #fff;
    text-align: center;
}
#footer li a{
        margin-left: 13px;
    margin-bottom: 12px;
    line-height: 1.2;
    display: inline-block;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{
    margin-bottom: 0px;
}

@media screen and (min-width: 768px){
    .sign-in{
        width: 140px;
    }
}
@media screen and (min-width: 997px){
    .sign-in{
        font-size: 12px;
    }
}
/* Mailchimp */
#mc_embed_signup{
    padding: 0px 14px;
}
.mc-field-group label{
    display: block;
    font-weight: 500;
    color: #fff;
}
.mc-field-group ul{
    padding:0px;
    margin:0px;
}
.mc-field-group li{
    list-style: none;
}
#mce-EMAIL{
    border: solid 1px #3b6271;
    background-color: #10323f;
    padding: 4px 10px;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 8px;
    width: 100%;
}
.mc-field-group li label{
    display: inline-block;
    margin-left: 7px;
}
#mc-embedded-subscribe{
    background: #2babe2;
    border: none;
    padding: 5px 17px;
    border-radius: 5px;
    margin-top: 4px;
}

/* ---------------------- OCTOBER CSS ------------------------------ */

html.testb body.home .main-nav-container, .main-nav-container{
    background: #2babe2!important;
}

#grid_builder .row{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.grid-column {
    padding-bottom: 20px;
}
.grid-card .has-img p{
    margin-bottom: 0px;
}
.grid-card{
    color: #fff;
    height: 100%;
}

.grid-card h1, .grid-card h2, .grid-card h3, .grid-card h4, .grid-card h5, .grid-card h6{
    margin: 0px;
    padding-bottom: 12px;
    color: #fff;
}

/* ---------------------- SLider ------------------------------ */
.owl-height {
    transition: height 0.1s ease-in-out!important;
}

#slider.home{
    position: relative;
}
#slider.home  div#alert{
    background: transparent;
    min-height: 100%;
}
#slider.home div#alert_container{
    background: #06506d!important;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: auto;
}
div#alert p {
    padding-top: 6px!important;
    padding-bottom: 6px!important;
    font-size: 12px!important;
}
#slider.home .mobile-slide .text-box, #slider.home .desktop-slide .text-box{
    padding-bottom: 50px;
}

.banner-carousel .slide .slide-text .text-box{
    width: 100%;
    margin: auto;
    padding: 36px;
}
.banner-carousel .slide{
    position: relative;
}
.banner-carousel .slide .container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.banner-carousel .slide .slide-text{
    position: relative;
    background: rgb(0 0 0 / 15%);
    z-index: 1;
    height: 100%;
    color: #fff;
}
.banner-carousel .owl-nav{
    position: absolute;
    bottom: 1%;
    left: 0;
    right: 0;
    pointer-events: none;
}
.banner-carousel .owl-prev, .banner-carousel .owl-next{
    pointer-events: initial;
        pointer-events: initial;
    padding: 12px;
    color: #fff;
    text-shadow: 0px 0px 6px #000;
    font-size: 20px;
}
.banner-carousel .owl-prev{
float: left;
}
.banner-carousel .owl-next{
    float: right;
}

.slide-text .text-box h1, .slide-text .text-box h2,.slide-text .text-box h3,.slide-text .text-box h4,.slide-text .text-box h6{
    font-family: 'Acrom-Bold', Helvetica, sans-serif;
    color: #fff;
}
.slide-text .text-box h5,.slide-text .text-box p{
    font-family: "Acrom-Regular", Helvetica, sans-serif;
    color: #fff;
    margin-bottom: 10px;
}
.slide-text .text-box h1, .slide-text .text-box h2,.slide-text .text-box  h3 {
    margin: 10px 0px;
}
.slide-text .text-box h1{
    font-size: 4.7em;
    margin: 0px;
    line-height: 1;
}
.slide-text a.btn{
    color: #FFF;
    padding: 10px 12px;
    display: inline-block;
    margin: 0px;
    margin-top: 20px;
    font-family: 'Acrom-Medium', Helvetica, sans-serif;
}

.banner-carousel .slide .slide-text a:hover, .banner-carousel .slide .slide-text a:focus{
    cursor: pointer;
}

.banner-carousel .mobile-slide,{
    display: block!important;
    width: 100%;
}
.banner-carousel .mobile-slide, .mobile-slide .slide-text, .mobile-slide .slide-text .container{
    min-height: 400px;
    height: 100%;
}
.banner-carousel .mobile-slide.no-content, .mobile-slide.no-content .slide-text, .mobile-slide.no-content .slide-text .container{
    min-height: 400px;
    height: 100%;
    background-size: contain;
    background-position: center;
}
.banner-carousel .desktop-slide.no-content, .desktop-slide.no-content .slide-text, .desktop-slide.no-content .slide-text .container{
       min-height: 21vw;
}
.banner-carousel .desktop-slide{
    display: none!important;
    width: 100%;
}
.banner-carousel .desktop-slide, .banner-carousel .mobile-slide{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.owl-carousel .owl-stage{
    display: flex;
}
#slider .banner-carousel .slide{
    height: 100%;
}
@media screen and (min-width: 997px){
    div#alert p {
        padding-top: 8px!important;
        padding-bottom: 8px!important;
        font-size: 14px!important;
    }
    html.testb #slider{
        margin-top: 158px;
    }
    .banner-carousel .mobile-slide{
        display: none!important;
        min-height: 0px;
    }
    .banner-carousel .desktop-slide{
        display: block!important;
    }
    .banner-carousel .desktop-slide.no-content,{
        min-height: 21.1vw;
        height: 100%;
        background-size: contain;
        background-position: center;
    }
    .banner-carousel .desktop-slide, .desktop-slide .slide-text, .desktop-slide .slide-text .container{
        min-height: 300px;
        min-height: 25vw;
        height: 100%;
    }
    .banner-carousel .slide .slide-text .text-box{
        width: 70%;
        padding: 36px;
        padding-top: 40px;
        padding-bottom: 40px;
        height: 100%;
        margin-left: 15%;
    }
    .banner-carousel .desktop-slide .slide-text p, .banner-carousel .desktop-slide .slide-text a, .banner-carousel .desktop-slide .slide-text h6{
        font-size: 1.5rem;
    }
    .banner-carousel .desktop-slide .slide-text h1{
        font-size: 6.5rem;
    }
    .banner-carousel .desktop-slide .slide-text h2{
       font-size: 2.7rem;
 
    }
    .banner-carousel .desktop-slide .slide-text h3{
       font-size: 2.1rem;
 
    }
    .banner-carousel .desktop-slide .slide-text h4{
       font-size: 1.9rem;
    }
    .banner-carousel .desktop-slide .slide-text h5{
       font-size: 1.7rem;
 
    }
}

@media screen and (min-width: 1200px){
    .banner-carousel .slide .slide-text .text-box{
        width: 58%;
    }
    .banner-carousel .desktop-slide, .desktop-slide .slide-text, .desktop-slide .slide-text .container{
        min-height: 250px;
        min-height: 21.1vw;
        height: 100%;
    }
    .banner-carousel .desktop-slide .slide-text p, .banner-carousel .desktop-slide .slide-text a, .banner-carousel .desktop-slide .slide-text h6{
        font-size: 1.2vw;
    }
    .banner-carousel .desktop-slide .slide-text h1{
        font-size: 4.3vw;
    }
    .banner-carousel .desktop-slide .slide-text h2{
       font-size: 2.2vw;
 
    }
    .banner-carousel .desktop-slide .slide-text h3{
       font-size: 1.8vw;
 
    }
    .banner-carousel .desktop-slide .slide-text h4{
       font-size: 1.5vw;
    }
    .banner-carousel .desktop-slide .slide-text h5{
       font-size: 1.1vw;
 
    }
}}