/*
Theme Name: RIKA
Author: Zeste d'Idées
Author URI: http://www.zeste-didees.com
Description: Theme sur-mesure développé par Zeste d'Idées
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
  font-family: 'Raleway', sans-serif !important;
  font-size: 16px !important;
  line-height: normal !important;
}

a:focus, a:hover{
  color:#989898;
}

.no-padding {
  padding: 0;
}

#header_content span.screen-reader-text{
  display:none;
}

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

table {
  max-width: 100%;
  width: 100% !important;
}

a img.alignright {
  float: right !important;
  margin: 5px 0 20px 20px !important;
}
a img.alignnone {
  margin: 5px 20px 20px 0 !important;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0 !important;
}
a img.aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#top {
  background: black;
  width: 100%;
  background-size: 100%;
}

.home #top{
  position: absolute;
  z-index: 10;
}

#slideshow {
  position: relative;
  width: 100%;
  height: 850px;

}

.slide1, .slide2, .slide3 {
  position: absolute;
  width: 100%;
  height: 100%;
}

#slideshow .slide1 {
  background: url(img/bg_header.jpg) no-repeat center;
  background-size: cover;

}
#slideshow .slide2 {
  background: url(img/bg_header2.jpg) no-repeat center;
  background-size: cover;

}
#slideshow .slide3 {
  background: url(img/bg_header3.jpg) no-repeat center;
  background-size: cover;

}

.logo {
  margin-top: 20px;
}
/*
#header_content {
position: absolute;
z-index: 10;
}
*/
#header_content p {
  font-family: 'Abhaya Libre', serif;
  color: #fff;
  text-align: center;
  font-size: 20px;
  margin:0;
}

.navbar {
  margin: 10px 0 0;
  border: 0!important;
}

.navbar-toggle .icon-bar {
  background-color: #FFF;
}

.navbar-collapse {
  padding: 0!important;
}

#wrapper{
  position: relative;
}

/* search*/
#search-7{
  margin-top:60px;
}

#search-7 .search-field{
  font-family: 'Abhaya Libre', serif;
}

#search-7 label input{
  height:34px;
  border:1px solid transparent;
  background-color: rgba(255, 255, 255, 0.6);
  width:228px;
  vertical-align:top;
  padding-left:5px;
}

#search-7 .search-submit{
  border:none;
  color:transparent;
  height:34px;
  vertical-align:top;
  width:44px;
  background:url(img/loupe.png) center center no-repeat #9c9c9c;
}

#nav {
  z-index: 10;
  width: 100%;
  text-align: center;
  float: none;
  display: inline-block;
  text-align: center;
  top: 35%;
  text-transform:uppercase;
}

#nav_style ul {
  float: none;
  display: inline-block;
}

#nav_style a {
  color: FFF;
}

#primary-menu {
  background-color: #212121;
}

.nav-tabs {
  border-bottom: 0;
}

ul#primary-menu > li a, ul#primary-menu > li ul.sub-menu > li a{
  padding: 10px 20px!important;
}

ul#primary-menu>li:hover a{
  background:#a3a3a3 !important;
}

ul#primary-menu li.current-menu-item > a, ul#primary-menu li.current_page_ancestor > a, ul#primary-menu > li:hover a:hover, ul#primary-menu li.current_page_ancestor ul li.current-menu-item > a{
  background:#ae9361 !important;
}

ul#primary-menu > li ul.sub-menu > li a{
  background:#000 !important;
  font-family: 'Raleway', sans-serif !important;
  border-bottom:1px solid #fff !important;
  padding: 0.7em 0 0.7em 1em !important;
}

ul#primary-menu > li ul.sub-menu > li a:hover{
  background:#ae9361 !important;
}

#baseline {
  text-align: center;
  position: relative;
  z-index: 2;
  /*font-family: 'Abhaya Libre', serif;*/
}

#baseline p {
  position: absolute;
  margin-top: 720px;
  width:100%;
  padding: 8px 20px;
  font-size: 27px;
  letter-spacing:1px;
  color: white;
  background: rgba( 0, 0, 0, 0.60);
}

article p{
  margin:0 0 10px 0 !important;
}

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

/*-------------OFFRES HIVER--------------*/

.offre-hiver {
  background-image: url(https://www.rikanordloire.fr/wp-content/themes/rika/img/background-hiver.jpg);
  background-size: cover;
  padding-top: 25px;
  padding-bottom: 45px;
  background-position: bottom;

}

.conditions {
  text-align: right;
  margin: 0 15px 15px 15px;
  font-size: 13px;
}

.reouverture {
  font-family: 'Raleway', sans-serif !important;
  font-size: 21px !important;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.underline {
  border-bottom: 3px solid #e75012;
}

.encart-offre {
  margin-top: 35px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.poele img {
  height: auto;
}

.offre-contenu {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
}


/*-------------INFORMATION COVID--------------*/

/* .covid {
background-color: #e34c22;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
color: white;
}

.magasin-covid {
font-size: 26px;
margin-bottom: 25px;
font-weight: bold;
text-transform: uppercase;
}

.domicile {
font-size: 21px;
text-align: center;
float: none !important;
padding: 0px;
}
.num {
font-size: 25px;
color: white !important;
padding: 3px 14px;
border-radius: 25px;
border: 1.5px solid white;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
text-decoration: none !important;
line-height: 35px;
}

a:hover {
background-color: white;
color: #e34c22 !important;

}

@media screen and (max-width: 767px) {
.num {
font-size: 25px;
color: white !important;
padding: 3px 14px;
margin-top: 10px;
border-radius: 25px;
border: 1.5px solid white;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
text-decoration: none !important;
line-height: 35px;

display: -webkit-box;

display: flex;

margin-left: auto;
margin-right: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}

} */


/*-------------PRESENTATION-----------------*/

#presentation {
  padding-top:30px;
  background: #f2f2f2;
  min-height:316px;
  /* margin-top: 60px; */
}

#presentation a{
  color:#000;
}

#presentation h2 {
  color: #e34c22;
  font-size: 22px;
  margin:32px 0 20px !important;
}

#presentation h1 {
  margin:14px 0 10px !important;
}

#presentation img {
  width: 100%;
}
#salon{
  padding-left:0 !important;
}

#salon p {
  position: absolute;
  bottom: 11px !important;
  font-size:18px;
  background: #f2f2f2;
  padding: 5px 17px;

}

/*----------------POELE----------------*/

#poele {
  text-align: center;
  margin-top: 100px;
  font-size:18px;
}

#poele h2{
  background: url(img/bg_titre_poele.jpg) no-repeat;
  font-size: 32px;
  display: inline-block;
  padding: 11px 21px 11px 62px;
  color: white;
  margin-bottom:25px !important;
}

#poele .poele-one{
  font-size:18px;
  margin-bottom:38px;
  font-weight:300;
  line-height:22px;
}

.poele_style {
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index:100;
}

#poele .animate:first-child h3{
  margin:0 40px 0 0;
}

.poele_style h3{
  color: white;
  font-family: 'Abhaya Libre', serif;
  font-size: 26px;
  margin:0 20px 0 0;
  font-weight:500;
}

.poele_style h3 a{
  color:#fff;
  display:block;
  padding:12px 10px;
  cursor:pointer;
}

.poele_style h3 a:hover{
  color:#ae9361;
  cursor:pointer;
}




.img_poe {
  width: 100%;
}

.img_poe a{
  display:block;
}

.img_poe a:hover img{
  opacity:0.8;
  color:#ae9361;
}

/*----------------ACTU CONSEIL----------------*/


#actu_top{
  margin-top: 135px;
}

#actu_top img {
  display: inline-block;
  width:auto;
}

#actu_top h3, #actu_style .visible-sm h3 {
  display: inline-block;
  vertical-align: sub;
  padding-left: 10px;
  font-size: 32px;
  margin-bottom: 0;
  font-weight:500;
}

#actu {
  background-size: 100%;
}

#actu_style {
  text-align: center;
}

.text_actu {
  background: white;
  width: 100%;
  font-size: 14px;
  min-height: 190px;
  padding: 10px;
  margin-top:6px;
}

.text_actu h3 {
  font-family: 'Abhaya Libre', serif;
  font-size: 21px;
  font-weight:500;
  margin: 0 0 10px 0;
  line-height:23px;
}

.text_actu p{
  margin: 0 0 10px 0;
}

.btn_actu {
  font-family: 'Abhaya Libre', serif;
  color: white;
  font-size: 21px;
  font-weight:normal;
  padding:3px 10px;
  display:block;
  margin: -15px 50px 10px;
}

.btn_actu:hover {
  color: white;
  text-decoration:none !important;
}

.btn_actu_1 {
  background: #e75012;
  border:1px solid #e75012;
}

.btn_actu_1:hover {
  background: #fff;
  color: #e75012;
  border:1px solid #e75012;
}

.btn_actu_2 {
  background: black;
  border:1px solid #000;}

  .btn_actu_2:hover {
    background: #fff;
    color: #000;
    border:1px solid #000;
  }

  #actu_style img {
    width: 100%;
  }

  #actu_style .visible-xs img{
    width: auto;
  }

  .flamme_xs img {
    margin: 20px 0 0 0;
  }

  .flamme_xs img{
    display: inline-block;
    width: auto !important;
  }

  .flamme_xs h3{
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    font-size: 32px;
    margin-bottom: 0;

  }

  /*----------------TEMOIGNAGE----------------*/

  #temoignage {
    margin: 80px 0 50px;
    font-family: 'Abhaya Libre', serif;
  }

  #temoignage h2 {
    font-size: 40px;
    color:#3c3c3c;
    font-weight:400;
    margin:0 0 37px 0;
  }

  #temoignage p {
    color:#3c3c3c;
    text-align:center;
  }

  .strong-view.default .testimonial-client{
    margin-top:10px !important;
  }

  .testimonial-name{
    font-family: 'Raleway', sans-serif;
    text-align:center;
    font-size:14px;
    color:#010101;
  }

  .style_box {
    margin-bottom: 15px;
  }
  /*----------------CERTIFICATIONS----------------*/


  #certifications {
    text-align: center;
    background-image: url(img/bg_certif.jpg);
    background-attachment:fixed;
    background-size:cover;
    margin-top: 100px;
    padding: 20px 0;
  }
  #certifications h3 {
    font-size: 32px;
    font-weight: 300;
    margin: 0 0 30px 0
  }

  #certifications p {
    font-size: 18px;
    font-weight: 700;
    padding-top: 15px;
    margin: 0;
    color:#4e4e4e;
  }

  .certif_style {
    background: rgba( 255, 255, 255, 0.80);
    height: 218px;
    margin-bottom: 10px;
  }

  .cs_1 {
    padding: 55px 0;
  }

  .cs_2 {
    padding: 22px 0;
  }

  .cs_3 {
    padding: 35px 0;
  }

  /*--------------- localisation -----------------*/

  .localisation {
    text-align:center;
    margin:60px 0 50px;
    font-style:italic;
    color:#9f9f9f;
  }

  .localisation .glyphicon{
    color:#e75012;
    font-size:28px;
    padding-right:5px;
    vertical-align:middle;
  }

  /*----------------FLAMMES_VERTE----------------*/
  #flamme_verte_1 {
    background: #f2f2f2;
  }

  #flamme_verte {
    background: url(img/bg_fverte.jpg) no-repeat;
    margin-top: 95px;
    font-size: 14px;
    padding: 7px 0;
    text-align: center;
  }

  #flamme_verte p {
    margin-top: 15px;
  }

  /*----------------FOOTER ---------------*/

  #footer {
    background: #3a3a39;
    color: white;
    padding-top: 20px;
    text-align: center;
  }

  #footer .col-md-4 p{
    margin-bottom:5px;
  }

  #footer ul {
    padding-left: 0;
  }

  #footer img {
    width: 75%;
  }

  #footer li {
    list-style: none;
    padding-bottom: 4px;
  }

  #footer li a {
    color: white !important;
    font-size: 14px;
  }

  .contact {
    float: right;
    text-align: center;
  }

  .contact a{
    color: #e34c22;
    font-size: 28px;
    background: white;
    border: 3px solid #e34c22;
    border-radius: 5px;
    padding: 15px 0;
    display: block;
    margin: 20px 0;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
  }

  .contact a:hover{
    color: #fff;
    background: #e34c22;
    border: 3px solid #3a3a39;
    text-decoration:none;
  }

  /* content*/
  .entry-content{
    margin-top:20px;
  }

  #main h2{
    font-family: 'Abhaya Libre', serif;
    color:#ae9361;
    font-size:32px;
    font-weight:400;
    margin:20px 0 15px 0;
    border-bottom:dashed 1px #ae9361;
  }

  #main h3{
    font-family: 'Abhaya Libre', serif;
    color:#e34c22;
    font-size:22px;
    font-weight:400;
    margin:24px 0 6px 0;
  }

  .blocgris{
    background:#eee;
    padding:10px 20px;
    margin-bottom:15px;
  }

  .blocgris h3{
    margin:5px 0 6px 0 !important;
  }

  /* blog*/

  #main .entry-header {
    padding-bottom:0;
  }

  #main .entry-header h2.entry-title {
    font-family: 'Raleway', sans-serif;
    font-size:18px;
    line-height:normal;
    border-bottom:none;
  }

  .entry-header h2.entry-title a{
    color:#000 !important;
  }

  .blog .comments, .blog-single .comments{
    display:none;
  }

  .blog .posted-on a{
    color:#ae9361;
  }

  .blog .entry-content{
    margin-top:0;
  }

  .blog .entry-content{
    background:#eeeeee;
  }

  .blog .entry-content p{
    padding:12px 10px;
    font-size:14px;
    margin-bottom:0 !important;
  }

  .blog .readmore{
    text-align:right;
    color:#e75012;
    display:block;
    cursor:pointer;
    padding:10px 5px;
    border-bottom:#000 1px solid;
    font-style:italic;
  }

  .blog .readmore:hover{
    color:#000;
  }

  .blog-single .entry-meta{
    margin:20px 0 0 0;
  }

  .blog-single .entry-meta a{
    color:#ae9361;
  }

  #content .blog-single .entry-content p{
    line-height:22px;
    margin-bottom:10px !important;
  }

  #content .blog-single .entry-footer{
    display:none;
  }



  /*-----------resocial---------*/

  #fb {
    background: #727272;
    color: #dddddd;
    text-align: center;
    padding: 7px 0;
  }

  #fb p {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    padding: 0 12px;
    margin:0 !important;
    vertical-align: text-top;
  }

  #fb img {
    display: inline-block;
    padding: 0 12px;
  }

  #copyright, #copyright a {
    font-size: 12px;
    color: #b4b4b4;
  }

  #copyright {
    padding: 10px 0;
  }

  #copyright p {margin-bottom:0;}

  /*----------- formulaire de contact ------------*/
  .form-group {
    margin-bottom: 15px;
  }

  .form-group label {
    margin-bottom:8px;
    font-weight:400;
  }

  .wpcf7-form-control{
    display: block;
    width: 100%;
    padding:0.5em 0.75em;
    font-size: 15px;
    line-height: 1.25em;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25em;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }

  .wpcf7-submit{
    display: inline-block;
    background:#e75012;
    border-color:#e75012;
    width:auto;
    font-size:20px;
    text-align:center;
    color:#fff;
  }

  .wpcf7-submit:hover{
    background:#000;
  }


  /*------------------ 1280 ---------------*/

  @media (min-width: 1024px) {


    #top{
      background: url(img/bg-top.png) no-repeat top center;
      width: 100%;
      margin:10px 0 0 0;
    }



    #header_content{
      min-height:153px;
    }

    #recherche {
      padding: 75px 0 0 37px;
    }

    #contact_header {
      background: #282828;
      padding: 10px 30px 12px;
    }

    .contact-rs img {
      height: 20px;
      margin-top: 23px;
      margin-right: 15px;
    }


    #header_content p {
      line-height:24px;
    }

    #header_content span {
      font-family: 'Arial', sans-serif;
      font-weight:bold;
      color: #e75012;
      font-size: 32px;
      margin-top: 8px;
      display: block;
      -webkit-transition-duration: 0.2s;
              transition-duration: 0.2s;
    }

    #header_content span:hover {
      color: white;
    }

    #header_content a:hover {
    text-decoration: none;
    }


    #header_content p span.appel {
      font-family: 'Arial', sans-serif;
      font-weight: normal;
      color: #e75012;
      font-size: 12px;
      font-style: italic;
      float: right;
      margin:0 10px 0 0;
    }



    /*-------------PRESENTATION-----------------*/

    /* #presentation {
    margin-top: 85px
    } */

    #presentation .col-md-7 #post-2{
      width:96% !important;
      margin-top:0 !important;
      text-align:justify;
    }

    #presentation .entry-content{
      margin-top:0;
    }

    #presentation .col-md-7 div p{
      margin-bottom:14px !important;
    }
    /*----------------POELE----------------*/

    .style_box {
      margin-bottom: 0;
    }


    /*----------------ACTU CONSEIL----------------*/
    #actu {
      background: url(img/bg_actu.jpg);
      background-size: 100%;
      padding: 25px 0 20px;

    }


    /*----------------CERTIFICATIONS----------------*/

    .certif_style {
      margin-bottom: 0;
    }



    /*----------------FLAMMES_VERTE----------------*/

    #flamme_verte {
      text-align: left;
    }

    #flamme_verte img{
      max-width: 100%; height: auto;
    }


    /*----------------FOOTER ---------------*/

    #footer {
      text-align: left;
    }


  }

  #fb svg {
    fill: white;
  }

  #fb .container {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }


  /*----------------catalogue---------------------*/

  #catalogue h1, #main h1{
    color:#000;
    font-family: 'Raleway', sans-serif;
    font-weight:500;
    font-size:34px;
    border-left:5px solid #000;
    padding-left:15px;
    }{
      color:#000;
      font-family: 'Raleway', sans-serif;
      font-weight:500;
      font-size:34px;
      border-left:5px solid #000;
      padding-left:15px;
    }

    .upcp-product-page{
      margin:15px 0 0 0 !important;
    }

    .upcp-tab-layout-tab-unclicked{
      background:#7f7f7f !important;
    }

    .upcp-tabbed-layout-tab{
      background:#212121;
    }

    .upcp-tabbed-layout-tab a{
      font-size:15px;
    }

    .prod-cat-back-link a{
      color:#ae9361;
      font-size:16px;
    }

    h2.upcp-tabbed-product-name{
      color:#e75012;
    }

    .upcp-tabbed-details .upcp-tabbed-cf-container .upcp-tab-title{
      float:left;
      font-family: 'Raleway', sans-serif;
      font-weight:400;
      padding-right:8px;
      text-transform:none !important;
      font-size:15px;
      color:#212121;
      line-height:24px;
    }

    .upcp-tabbed-details .upcp-tabbed-cf-container span{
      font-family:Verdana, Geneva, sans-serif;
      font-size:15px;
      color:#e75012;
      line-height:24px;
    }

    .upcp-tabbed-tab {
      padding:1.5em 0 0 0;
      border:none;
    }

    .upcp-tabbed-images-container{
      margin-top:0.6em;
    }

    .upcp-thumb-title{
      min-height:0;
      text-align:center;
      padding:6px;
      background:#000;
      letter-spacing:1px;
    }

    .upcp-thumb-details-link{
      margin-top:0;
      background:#ae9361 !important;
    }

    .upcp-thumb-image-div a, .prod-cat-container a{
      cursor:pointer !important;
    }

    .upcp-thumb-details-link::after{
      content:url(img/arrows.png);
    }

    #prod-cat-sidebar-,.prod-cat-header-div{
      display:none;
    }

    .prod-cat-information-description{
      line-height:24px;
    }

    .upcp-tabbed-main-image-inner img{
      max-width:575px!important;
    }

    @media (max-width: 1024px) {
      .upcp-thumb-item {width: 292px!important;}
      div.upcp-thumb-image-div img {max-height: 220px!important; max-width:292px!important;}
      #slideshow {height: 770px;}
      #baseline p {margin-top: 500px;
      }

    }


    @media (max-width: 768px) {

      /* MENU */

      .bg_xs_1 {
        background: #939393;
        padding-top: 20px;
      }

      .bg_xs_2 {
        background: #e34c22;
        padding-top: 20px;
      }

      img.logo {margin: 10px auto 0;}

      .navbar {margin-bottom: 0!important;}
      #nav.navbar-collapse.collapse {
        display: none !important;
      }
      #nav.navbar-collapse.collapse.in {
        display: block !important;
      }
      .navbar-header .collapse, .navbar-toggle {
        display:block !important;
      }
      .navbar-header {
        float: none!important;
      }

      .home #top {position: relative;}
      #content {padding-top: 30px;}
      .upcp-tabbed-image-container, .upcp-tabbed-video-container, .upcp-tabbed-main-image-inner {height: auto!important;}
      .upcp-tabbed-images-container, .upcp-tabbed-main-product-container {
        width: 100%!important;
      }
      upcp-tabbed-main-product-container {
        float: left;
      }
      #wpgmza_map {margin-bottom: 30px;}
      .navbar-header {background: #ae9361;}

      a.navbar-brand, a.navbar-brand:hover {color: #FFF;}

      .upcp-thumb-item {width: 340px!important;}
      div.upcp-thumb-image-div img {max-height: 255px!important; max-width:340px!important;}

      #slideshow {height: 500px;}
      #baseline p { font-size: 24px; margin-top: 350px;}
      #primary-menu {background: none;}
      #primary-menu > li {border-bottom: 1px solid #FFF!important;}
      ul#primary-menu > li a {text-transform: uppercase; font-size: 16px;}
      ul#primary-menu > li ul.sub-menu {border-top: 2px solid #FFF!important;}
      ul#primary-menu > li ul.sub-menu > li a {padding: 10px 30px!important;}
      ul#primary-menu > li ul.sub-menu > li a:before {content: '> ';}

      #bg_xs_1, #bg_xs_2 {float: left; padding: 30px 0; margin-bottom: 30px;}

      #bg_xs_1 {background-color: #969696;}
      #bg_xs_2 {background-color: #e95219;}

      .strong-content.strong-grid.columns-4 .testimonial {width: 48%!important; margin-bottom: 20px!important;}

    }





    @media (max-width: 480px) {
      .contact {float:none;}
      #fb p {font-size: 18px;}

      .upcp-thumb-item {margin: 30px auto!important; width: auto!important;}
      div.upcp-thumb-image-div img {max-height: auto!important; max-width:auto!important;}

      #baseline p {
        margin-top: 75px;
        font-size: 20px;
        padding:8px 20px;
      }

      .strong-content.strong-grid.columns-4 .testimonial {width: 100%!important;}
      #actu,  #temoignage, #poele {margin: 30px 0;}
      #actu .col-sm-6 {margin-bottom: 20px;}
      #actu .text_actu {min-height: auto;}

      #slideshow .slide1, #slideshow .slide2, #slideshow .slide3 {
        background-position: center right 15%;

      }

    }


    /* correction slider  */

    .upcp-tabbed-image-thumbs-div {
      display: -ms-flex;
      display: -webkit-box;
      display: flex;
    }

    .upcp-tabbed-button-left {
      right: 0;
    }

    .upcp-scroll-content {
      width: calc(85% - 18px);
    }