/* ----------------------------------
  1. Reset default browser styles
  2. Basic classes and elements 
  3. Typography
  4. Header
  5. List and Navigation
  6. Buttons
  7. Sliders
  8. Main Content Elements
  9. Main Content
  10. Forms
  11. Icons
  12. Footer
-------------------------------------*/


/* -----------------------------------

  1. Reset default browser styles

------------------------------------- */


/* FIM FIM LINK PAGINA PRETO-CINZA - FIM */

.titulonoticia {
	font-size:25px !important;
	color: #AD121A !important;
}

iframe{
  width: 100%;
}

a{
  text-decoration: none;
  outline: none !important;
}

b, strong{
  font-weight: bold !important;
}

ul,ol{
  list-style: none;
}

q{
  quotes: none;
}

table, table td{ 
  padding: 0;
  border: none;
  border-collapse: collapse;
}




/* -----------------------------------

  7. Sliders

------------------------------------- */

/* Flex */

.flex_playlist .flex_container,
.flex_playlist .thumbnails_container{
  float: none;
  width: 100%;
}

  .flex_container{
    width: 65.8%;
    float: left;
    overflow: hidden;
  }

    .flex_container .scale_image_container{
      margin-bottom: 0;
    }

  .thumbnails_container{
    float: right;
    background: #3e454c;
    width: 34.2%;
    height: 450px;
    overflow-y: scroll;
  }

  .thumbnails_container.type_2{
    height: 420px;
  }

    .thumbnails_container > ul > .active, .thumbnails_container > ul > li:hover {
      background: #383e44;
    }

    .thumbnails_container > ul > li{
      padding: 20px;
      cursor: pointer;
    }

      .thumbnails_container > ul > li .post_text h4{
        color: #f2f2f2;
      }

      .thumbnails_container > ul > li .scale_image_container{
        float: right;
        margin-left: 20px;
        margin-bottom: 0;
      }

#carousel{
  background: #3e454c;
  padding: 10px 5px;
  margin-top: -1px;
  overflow: hidden;
}

  .gallery_post #carousel li{
    padding: 0 5px;
  }

  .product_page #carousel li{
    margin: 0 5px;
  }

    #carousel li img{
      opacity: 0.5;
      height: 60px;
    }

    #carousel li.flex-active-slide img{
      opacity: 1;
    }

#slider li h5{
  color: #fff;
}

#slider li > div{
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}

  slider li > div{
    color: #fff;
  }

#slider .jackbox_button{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  padding: 5px 8px;
}

/* Revolution */

.rev_slider,
.tp-banner-container{
  width: 100%;
  position: relative;
}

.rev_slider .caption_type_1 .caption_inner{
  padding: 17px 0 25px;
}

  .caption_type_1.var2{
    bottom: 10px;
    z-index: 1;
  }

  .caption_type_1.var2 .caption_inner{
    padding: 15px 0 10px;
  }

  .caption_type_1.var2 .caption_inner .event_date{
    color: #fff;
    line-height: 21px;
  }

  .caption_type_1.var2 .caption_inner a h2{
    display: inline-block;
    font-size: 30px;
  }

.rev_slider ul li{
  z-index: 1!important;
}

.rev_slider .rev_caption{
  padding: 0 20px;
}

.tp-banner-container:hover .tparrows{
  opacity: 1;
}

.tp-leftarrow.default{
  left: 20px!important;
}

.tp-leftarrow.default:before{
  content: "\f104";
}

.tp-rightarrow.default{
  right: 20px!important;
}

.tp-rightarrow.default:before{
  content: "\f105";
}

.tparrows{
  position: absolute;
  top: calc(50% - 20px)!important;
  margin-top: 0!important;
  z-index: 999;
  opacity: 0;
  cursor: pointer;
  display: block;
  background: #f2f2f2;
  padding: 10px 16px;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  color: #212428;
  font-family: FontAwesome;

  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

.tparrows:hover{
  background: #ff680d;
  color: #fff;
}

/* Layer Slider */

.layer_slide_text.caption_inner{
  width: 320px;
}

  .layer_slide_text .event_date{
    color: #fff;
    line-height: 22px;
  }

  .layer_slide_text .button{
    float: left;
    margin-right: 10px;
    line-height: 21px;
  }

  .layer_slide_text.caption_inner h2{
    padding-top: 10px;
    color: #fefeff;
  }

.ls-nav-next,
.ls-nav-prev{
  position: absolute;
  bottom: 10px;
}

.ls-nav-next{
  right: 10px;
}

.ls-nav-prev{
  right: 55px;
}

.ls-nav-next,
.ls-nav-prev{
  display: inline-block;
  background: #f2f2f2;
  padding: 9px 16px!important;
  text-align: center; 
  -webkit-transition: all 0.5s ease!important;
  transition: all 0.5s ease!important;
  color: #212428;
  font-family: FontAwesome;
  font-weight: bold;
  z-index: 9;
  font-size: 22px;
}

.ls-nav-prev:hover,
.ls-nav-next:hover{
  background: #ff680d;
  color: #fff;
}

.ls-nav-prev:before,
.ls-nav-next:before{
  display: block;
}

.ls-nav-prev:before{
  content: "\f104";
}

.ls-nav-next:before{
  content: "\f105";
}



/*----------- Weather block --------------*/

.weather_widget{
  background: #3e454c;
}
  
  .weather_widget .date_list{
    text-align: center;
    background: #52585e;
    padding: 10px 0;
  }

    .weather_widget .date_list ul li{
      float: left;
      font-size: 24px;
      text-align: center;
      color: #fff;
      padding-left: 7.5%;
    }

      .weather_widget .date_list ul li .degree{
        font-size: 13px;
        line-height: 17px;
      }

      .weather_widget .date_list ul li > div:last-child{
        font-size: 11px;
        line-height: 12px;
      }

  .weather_widget .weather_info{
    padding: 20px;
    color: #fff;
    font-size: 14px;
  }

    .weather_widget .weather_info > div:first-child{
      float: left;
    }
      
      .weather_widget .weather_info > div:first-child h2{
        color: #fff;
        font-weight: normal;
      }

      .weather_widget .weather_info > div:last-child p{
        text-align: right;
      }

      .weather_widget .weather_info > div .day_number{
        font-size: 60px;
        line-height: 0.8em;
        font-weight: 600;
      }

        .weather_widget .weather_info > div .day_number .degree{
          font-size: 24px;
          line-height: 30px;
          font-weight: bold;
          text-align: left;
        }

    .weather_widget .weather_info > div:last-child{
      float: right;
    }

/*----------- Categories var2 --------------*/

.widget_categories.categories_var2 .categories_list li ul li{
  border-color: #e8e8e8;
}

  .widget_categories.categories_var2 .categories_list li ul li a{
    color: #212428;
  }




/*----------- Calendar --------------*/

.calendar table{
  width: 100%;
}

  .calendar .button{
    margin-top: 10px;
  }

  .calendar table tr td,
  .calendar table tr th{
    border: 1px solid #e8e8e8;
    padding: 10px 5px;
    text-align: center;
  }

  .calendar table tr th{
    color: #212428;
    line-height: 1.3em;
    font-weight: bold;
  }

  .calendar table tr:first-child td{
    font-family: 'Roboto', 'sans-serif'
  }

  .calendar table tr th,
  .calendar table tr td{
    font-family: 'Droid Serif', serif;
  }

  .calendar table tr td.current,
  .calendar table tr td.link a:hover{
    background: #ff680d;
    color: #fff;
  }

  .calendar table tr td.link{
    padding: 0;
  }

  .calendar table tr td.link a{
    color: #212428;
    background: #f2f2f2;
    display: block;
    padding: 10px 5px;

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }





/*----------- Author Details --------------*/

.authors_list .author_details{
  margin-top: 30px;
}

  .author_details .post_text{
    padding-top: 0;
    padding-bottom: 10px;
  }

  .author_details > div:first-child{
    margin-right: 20px;
  }

    .author_details > div .button_type_3{
      margin-top: 5px;
      width: 100%;
    }

    .author_details > div .widget_social_icons.type_2{
      margin-top: 25px;
    }

.author_info_buttons{
  margin-top: 20px;
}

  .author_info_buttons a{
    margin-top: 3px;
  }

/*----------- Author Post List --------------*/

.read_post_list .section_title{
  margin-bottom: 0;
}

.read_post_list > div.section{
  margin-bottom: 20px;
}

.read_post_list ul li{
  margin-top: 35px;
}

.read_post_list ul li:first-child{
  margin-top: 35px;
}

.read_post_list.var2 ul li{
  margin-top: 40px;
}

.read_post_list.var3 ul li{
  margin-top: 40px;
}

.read_post_list.var2 ul li:first-child{
  margin-top: 30px;
}

  .read_post_list ul li .button_type_2{
    margin-top: 15px;
  }

.gallery_list.read_post_list ul li div{
  margin-bottom: 0;
}

/*----------- Contact page --------------*/

.contact_form{
  margin-top: 20px;
}

  .contact_form > ul > li{
    margin-top: 15px;
  }

    .contact_form ul li label{
      margin-bottom: 5px;
      display: block;
      font-weight: 300;
    }

    .contact_form ul li textarea{
      height: 225px;
    }

.map_container{
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 60%;
  margin-bottom: 15px;
} 

.map_container.var2{
  margin-bottom: 0;
  padding-bottom: 35%;
}

  .map_container > iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

   

.contact_info_list li{
  margin-top: 10px;
}

  .contact_info_list li i{
    float: left;
  }

  .contact_info_list li p{
    padding-left: 25px;
  }

/*----------- Circle list --------------*/

.circle_list li{
  padding: 10px 0;
  border-bottom: 1px solid #e8e8e8;
  color: #3e454c;

  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.circle_list li:before{
  content: "\f111";
  font-family: FontAwesome;
  float: left;
  font-size: 8px;
  vertical-align: middle;
}

.circle_list li:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

.circle_list li:first-child{
  padding-top: 0;
}

.circle_list li:hover{
  color: #ff680d;
}

.circle_list li:hover h4 a{
  text-decoration: underline;
}

  .circle_list li h4{
    overflow: hidden;
    padding-left: 15px;
    vertical-align: middle;
  }

    .circle_list li h4 a{
      color: #212428;
    }


/*THE SHOTS*/
#work {
width: 100%;
margin: auto;
list-style: none;
clear: both;
}

#work li {
width: 20%;
margin-right:  2%;
display: inline-block;
margin-bottom: 2%;
}

/*IMAGE EFFECTS*/
#work li img {
border: 5px solid white;
-webkit-filter: grayscale(50%);
border-radius: 5px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

#work li img:hover {
-webkit-filter:grayscale(0);
box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

/*----------- Pagination --------------*/

.pagination_block{
  margin-top: 40px;
  text-align: center;
  border-top: 1px solid #3e454c;
  padding-top: 5px;
}

.pagination_block.var2{
  margin-top: 0;
  text-align: left;
  border-top: none;
  padding-top: 0;
}

  .pagination_block span{
    color: #b0b1b4;
    display: inline-block;
    line-height: 31px;
  }

  .pagination{
    display: inline-block;
    margin-left: 5px;
  }

    .pagination li{
      float: left;
    }

      .pagination li a{
        padding: 5px 11px;
        color: #212428;
        display: block;
        margin-left: 2px;

        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
      }

      .pagination li a.active{
        background: #ff680d;
        color: #fff;
      }

      .pagination li a:hover{
        background: #ff680d;
        color: #fff;
      }

/*----------- Accordion --------------*/

.accordion_item{
  overflow: hidden;
  border-top: 1px solid #3e454c;
  padding: 7px 0;
}

  .accordion_item p{
    padding-top: 15px;
  }

  .a_content{
    padding-bottom: 10px;
  }

  .a_title{
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 600;
    color: #b0b1b4;

    -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
  }

  .a_title.active{
    color: #3e454c;
  }

    .a_title.active .minus_icon{
      opacity: 1;
    }

    .a_title.active .plus_icon{
      opacity: 0;
    }

    .a_title [class*="us_icon"]{
      position: absolute;
      right: 0;
      height: 100%;
    }

    .a_title .minus_icon{
      opacity: 0;
    }

    .a_title .minus_icon,
    .a_title .plus_icon{
      font-family: FontAwesome;
      font-weight: normal;
      color: #3e454c;

      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
    }

    .a_title .plus_icon:before{
      content: "\f196";
    }

    .a_title .minus_icon:before{
      content: "\f147";
    }

/* Social icons */

.elements_soc_icons > div:nth-child(n+2){
  margin-top: 25px;
}

/* Buttons */

.elements_buttons .section_title_medium{
  margin-bottom: 15px;
}

[class*="buttons_list_"]{
  float: left;
  position: relative;
}

.buttons_list_small .icon_buttons ul{
  float: left;
  margin-left: 10px;
}

.buttons_list_small .icon_buttons ul:first-child{
  margin-left: 0;
}

.buttons_list_medium{
  margin-left: 52px;
}

.buttons_list_big{
  margin-left: 88px;
}

  [class*="buttons_list_"] ul li{
    margin-top: 10px;
  }

/* Alert boxes */

.alert_boxes.section_2{
  margin-bottom: 40px;
}
  
  .alert{
    padding: 14px 35px 13px 20px;
    margin-bottom: 10px;
    background: #ffe8ba;
    font-weight: 300;
  }

  .alert.alert-success{
    background: #dfefc0;
  }

    .alert.alert-success button.close:hover{
      background: #96ca2d;
    }

  .alert.alert-info{
    background: #b8e9ff;
  }

    .alert.alert-info button.close:hover{
      background: #13b7ff;
    }

  .alert.alert-error{
    background: #f9beb8;
  }

    .alert.alert-error button.close:hover{
      background: #ec2913;
    }

    .alert .close,
    .alert .button{
      position: relative;
      right: -22px;
      top: -2px;
      line-height: 20px;
    }

    .alert .button{
      float: right;
      right: -15px;
    }

    .alert .button i{
      min-width: inherit;
    }

    button.close{
      padding: 2px 7px;
      cursor: pointer;
      background: transparent;
      border: 0;
      -webkit-appearance: none;
    }

    button.close:hover{
      background: #feb41c;
      color: #fff;
    }

    .close{
      float: right;
      font-size: 20px;
      font-weight: bold;
      color: #3e454c;
    }

/* blockquotes */

.blockquotes{
  text-align: center;
  font-style: italic;
}

.blockquotes div:first-child{
  padding: 20px 10px;
  background: #f9f9f9;
  color: #ff680d;
  font-weight: 600;
  line-height: 24px;
  font-size: 18px;
}

.blockquotes div:last-child{
  padding: 10px;
  background: #f2f2f2;
  font-family: 'Droid Serif', serif;
  color: #3e454c;
  font-weight: bold;
  font-size: 14px;
}

/* testimonials */

.testimonials{
  background: #f9f9f9;
  font-style: italic;
}

.testimonials div:first-child{
  float: left;
}

.testimonials div:last-child{
  overflow: hidden;
  padding: 15px 20px;
  color: #3e454c;
  font-weight: 600;
  line-height: 24px;
  font-size: 18px;
}

.testimonials div:last-child span{
  display: block;
  padding-top: 10px;
  font-family: 'Droid Serif', serif;
  color: #b0b1b4;
  font-weight: bold;
  font-size: 14px;
}

/* Tables */

[class*="table_type_"]{
  width: 100%;
}

  .table_type_1 tr th{
    padding: 15px 20px 15px 20px;
    font-family: 'Droid Serif', serif;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background: #3e454c;
    text-align: left;
    width: 33%;
  }

  .table_type_1 tr th:nth-child(2n){
    background: #383e44;
  }

  .table_type_1 tr > td{
    font-weight: 300;
    padding: 10px 20px 10px 20px;
    color: #3e454c;
  }

  .table_type_1 tr td p{
    font-weight: normal;
    color: #b0b1b4;
  }

  .table_type_1 tr td > div > a{
    color: #212428;
    font-weight: normal;
  }

  .table_type_1 tr td > div > a:hover{
    text-decoration: underline;
  }

  .table_type_1 tr td a:hover h5{
    text-decoration: underline;
  }

  .table_type_1 > tbody > tr{
    background: #f9f9f9;
  }

  .table_type_1.table_type_2 tr{
    background: #f2f2f2;
  }

  .table_type_1.table_type_2 tr:nth-child(2n){
    background: #f9f9f9;
  }

  .table_type_1 > tbody > tr:nth-child(2n){
    background: #f2f2f2;
  }

  .table_type_1.table_type_2 tr th{
    padding: 10px 20px 10px 20px;
  }

  .table_type_1.table_type_2 tr:nth-child(2n) th{
    background: #383e44;
  }

  .table_type_1.table_type_2.type2 tr th,
  .table_type_1.table_type_2.type2 tr td{
    width: auto;
    width: 50%;
  }

  .table_type_1.table_type_2.var2 tr td{
    font-size: 16px;
    text-align: left;
  }

.table_type_1[class*="var"] > tr{
  background: #f2f2f2;
}

.table_type_1[class*="var"] > tr:nth-child(2n){
  background: #f9f9f9;
}

.table_type_1.var2 tr td{
  font-size: 14px;
  font-weight: normal;
}

.table_type_1.var2 tr th:first-child{
  width: 370px;
}

.table_type_1.var2 tr th:nth-child(2n){
  width: 144px;
}

.table_type_1.var2 tr th:last-child{
  width: 236px;
}

  .table_type_1.var2 tr td:last-child,
  .table_type_1.var2 tr th:last-child{
    text-align: right;
  }

    .table_type_1.var2 tr td:last-child figure{
      float: right;
      margin-left: 10px;
    }

  .table_type_1.var2 tr td div{
    line-height: 18px;
  }

  .table_type_1.var2 tr td a h5{
    line-height: 21px;
  }

    .table_type_1.var2 tr td a:hover h5{
      color: #ff680d;
      text-decoration: none;
    }

.table_type_1.var3 tr th:first-child{
  width: 605px;
}

.table_type_1.var3 tr th:last-child{
  width: 145px;
}

.table_type_1.var3 tr:last-child td,
.table_type_1.var4 tr:last-child td{
  font-weight: normal;
}

.table_type_1.var3 tr td{
  font-weight: normal;
  font-size: 14px;
}

  .table_type_1.var3 tr td h5{
    padding-top: 5px;
  }

  .table_type_1.var3 tr td figure,
  .table_type_1.var4 tr td .topic_author{
    float: left;
    margin-right: 20px;
    position: relative;
  }

    .table_type_1.var3 tr td div img:last-child{
      position: absolute;
      right: -10px;
      bottom: -10px;
    }

.table_type_1.var4 tr td .topic_author p{
  font-weight: normal;
  text-align: center;
  font-size: 13px;
  color: #b0b1b4;
}

.table_type_1.var4 tr td p{
  font-weight: 300;
  padding-top: 5px;
  color: #212428;
}
  
  .table_type_1.var4 tr td .topic_text a,
  .table_type_1.var4 tr td .topic_text span{
    display: inline-block;
    vertical-align: middle;
  }

  .table_type_1.var4 tr td .topic_text a{
    color: #212428;
  }

  .table_type_1.var4 tr td .topic_text a.number{
    font-size: 14px;
    font-weight: normal;
  }

  .table_type_1.var4 tr td .topic_text a.number:hover{
    text-decoration: underline;
  }

  .table_type_1.var4 tr td .topic_text > div > span{
    margin-left: 20px;
  }

.table_type_1.var5 tr:last-child td{
  font-weight: normal;
}

.table_type_1.var5 tr td figure{
  float: left;
  margin-right: 10px;
}

.table_type_1.var5 tr td a h5{
  padding-top: 5px;
}

.table_type_1.var5 tr th{
  width: auto;
}

.table_type_1.var5 tr th:first-child{
  width: 360px;
}

.table_type_1.var5 tr th:nth-child(2),
.table_type_1.var5 tr th:nth-child(4){
  width: 85px;
}

.table_type_1.var5 tr th:nth-child(3){
  width: 155px;
}

.table_type_1.var5 tr td .close_product{
  position: relative;
  font-size: 18px;
}

.table_type_1.var5 tr:last-child td table{
  width: 100%;
}

.table_type_1.var5 tr:last-child td table tr td{
  padding: 5px 0;
  width: 50%;
}

.table_type_1.var5 tr:last-child td table tr td:last-child{
  text-align: right;
}

.table_type_1.var5 tr:last-child td input{
  width: auto;
  margin-right: 2px;
}

.table_type_1.var5 tr:last-child td .button,
.table_type_1.var5 tr:last-child td input{
  vertical-align: middle;
}

.table_type_1.var5 tr:last-child td input::-webkit-input-placeholder{
  color: #3e454c;
  font-weight: 300;
}

.table_type_1.var5 tr:last-child td input::-moz-placeholder{
  color: #3e454c;
  font-weight: 300;
}



/* Image Position */

[class*="img_position_"] .button{
  margin-top: 3px;
  width: 100%;
  text-transform: none;
  background: #f2f2f2;
  color: #212428;
}

/* Dropcaps */

[class*="first_letter_"] > span{
  font-weight: bold;
  float: left;
  display: block;
  text-align: center;
  font-family: 'Droid Serif', serif;
}

.first_letter_1 > span{
  font-size: 40px;
  margin: 13px 7px 0 0;
  color: #ff680d;
}

.first_letter_2 > span{
  width: 35px;
  height: 35px;
  font-size: 24px;
  color: #fff;
  margin: 7px 10px 0 0;
  padding-top: 8px;
  background: #ff680d;
}

/* Tooltips */

.tooltips a{
  color: #c5c6c8;
  position: relative;
}

.tooltips a:hover{
  text-decoration: none;
}

.tooltips a.left_tooltip .tooltip:after{
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 5px solid #ff680d;
  border-bottom: 8px solid transparent;
  position: absolute;
  bottom: 5px;
  left: 105%;
}

.tooltips a.left_tooltip .tooltip{
  left: -120%;
  bottom: -75%;
}

.tooltips a.right_tooltip .tooltip:after{
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 5px solid #ff680d;
  border-bottom: 8px solid transparent;
  position:absolute;
  bottom: 5px;
  left: -5px;
}

.tooltips a.right_tooltip .tooltip{
  left: 210%;
  bottom: -75%;
}

.tooltips a.bottom_tooltip .tooltip:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid #ff680d;
  border-top: none;
  position:absolute;
  bottom: 27px;
  left: 50%;
}

.tooltips a.bottom_tooltip .tooltip{
  left: 50%;
  bottom: -220%;
}

.tooltips span.pointed{
  background: #ff680d;
  color: #fff;
}

/* Emphasis */

.text_list ul li{
  margin-bottom: 15px;
  font-size: 15px;
}

.text_list.messages ul li{
  font-size: 14px;
}

  .text_list ul li.text_type_13{
    font-size: 13px;
  }

  .text_list ul li.text_type_underline{
    text-decoration: underline;
  }

/* Columns */

.columns h2.section_title_big{
  margin-bottom: 0;
}

.columns h3.section_title_small{
  margin-bottom: 15px;
}




/*update 1.2*/

.sub_menu_wrap .sub_menu_wrap.sub_menu_inner_2{
    background: #3e454c;
    left: initial;
    right: 100%;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }