@media screen and (min-width:0px) and (max-width:992px) {

body{
   color: #333;
   font-size: 14px;
   background: #fbfbfb;
}

.palet{
  color: #2980b9;
}


header{
   position: relative;
   width: 100%;
   height: auto;
   background-color: #fff;
}
header .top_bar{
   position: relative;
   width: 100%;
   height: auto;
   background: #fff url(../images/header_top.png) center top / cover;
   background-size: cover;
}
header .top_bar .contact{
   float: none;
   text-align: center;
}
header .top_bar .contact ul li{
   display: inline-block;
   margin-right: 20px;
   margin: 0 7px;
   float: none;
}
header .top_bar .contact ul li a{
   display: block;
   line-height: 40px;
   color: #777;
}
header .top_bar .contact ul li a:hover{
   color: #2980b9;
}
header .top_bar .contact ul li a i{
   margin-right: 7px;
   color: #2980b9;
}

header .top_bar .lang{
   float: none;
   text-align: center;
}
header .top_bar .lang ul li{
   display: inline-block;
   padding-top: 9px;
   padding: 10px 0;
   margin-left: 7px;
   margin: 0 4px;
   float: none;
}
header .top_bar .lang ul li img{
   height: 22px;
}
header .top_bar .lang ul li a:hover{
   opacity: .7;
}

header .bottom_bar{
   position: relative;
   width: 100%;
   height: auto;
   background-color: #fff;
   box-shadow: 0 1px 3px rgba(0,0,0,0.1);
   z-index: 99;
}
header .bottom_bar .container{
  position: relative;
}
header .bottom_bar .logo{
   position: relative;
   height: 70px;
   float: right;

   -webkit-transition: all ease .3s;
   transition: all ease .3s;
}
header .bottom_bar .logo img{
   height: 100%;
   padding: 14px 0;
}
header .bottom_bar .menu{
   position: absolute;
   width: 100%;
   height: auto;
   float: none;
   padding: 10px 20px;
   background-color: #fff;
   left: 0;
   top: 100%;
   border-top: 1px solid #e8e8e8;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
   display: none;

   -webkit-transition: all ease .3s;
   transition: all ease .3s;
}
header .bottom_bar .menu ul li{
   position: relative;
   display: block;
   margin-right: auto;
   float: none;
}
header .bottom_bar .menu ul li a{
   display: block;
   height: auto;
   line-height: 50px;
   padding-top: 0;
   text-align: left;
   color: #777;
   border-bottom: 3px solid transparent;
}
header .bottom_bar .menu ul li a:hover{
   color: #2980b9;
   border-color: #2980b9;
}
header .bottom_bar .menu ul li .mobile-sub{
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  right: 10px;
  top: 12px;
  border-radius: 50%;
  background-color: #e8e8e8;
  color: #777;
  z-index: 2;
}
header .bottom_bar .menu ul li .mobile-sub::before{
  content: "\f067";
  font-family: "FontAwesome";
}
header .bottom_bar .menu ul li a i{
   display: inline-block;
   margin-bottom: 0;
   margin-right: 10px;
   font-size: 18px;
}
header .bottom_bar .menu ul li ul{
   position: relative;
   min-width: 100%;
   left: auto;
   top: auto;
   background-color: #fff;
   border-top: 3px solid #2980b9;
   box-shadow: 0 1px 3px rgba(0,0,0,0.1);
   display: none;
}
header .bottom_bar .menu ul li:hover > ul{
   display: block;
}
header .bottom_bar .menu ul li ul li{
   display: block;
   width: 100%;
   padding: 0 15px;
}
header .bottom_bar .menu ul li ul li a{
   border-bottom: 0 solid #e8e8e8 !important;
   line-height: 150%;
   height: auto;
   padding: 15px 0;
   text-align: left;
}
header .bottom_bar .menu ul li ul li a.sub::after{
   content: "\f054";
   font-family: "FontAwesome";
   float: right;
   font-size: 10px;
   color: #b5b5b5;
}
header .bottom_bar .menu ul li ul li ul{
   left: auto;
   top: auto;
   border-top: 0;
}
header .sticky{
   position: relative;
   top: auto;
   left: auto;
   z-index: 999;
}
header .sticky .logo{
   height: 70px;
}
header .sticky .logo img{
   padding: 10px 0;
}
header .sticky .menu ul li a{
   height: 70px;
   padding-top: 17px;
}
header .sticky .menu ul li a:hover{
   border-color: transparent;
}

.slider{
   height: 300px;
   overflow: hidden;
}

h2.big_title{
   display: block;
   margin-bottom: 35px;
   font-size: 32px;
   font-weight: lighter;
   text-transform: uppercase;
}
h2.big_title b, h2.big_title strong{
  display: inline-block;
  font-weight: bold;
}
h2.big_title b::first-letter, h2.big_title strong::first-letter{
  color: #2980b9;
}
 h2.big_title .orange{
   color: #2980b9;
   font-weight: inherit;
}
.color-orange{
   color: #2980b9;
}

 a.readmore{
   position: relative;
   display: inline-block;
   margin-top: 20px;
   border: 2px solid #2980b9;
   border-radius: 4px;
   padding: 10px;
   color: inherit;
   font-weight: bold;
   font-size: 12px;
   box-shadow: 0 0 0 #2980b9 inset;
 }
 a.readmore:hover{
    box-shadow: 125px 0 0 #2980b9 inset;
    color: #fff;
 }
 a.readmore::after{
   margin-left: -10px;
   content: "\f061";
   font-family: "FontAwesome";
   opacity: 0;
   color: #fff;

   -webkit-transition: all ease .3s;
   transition: all ease .3s;
 }
 a.readmore:hover::after{
   margin-left: 7px;
   opacity: 1;
 }

#home .top_bar{
   padding: 75px 0;
}
#home .top_bar p{
   margin-bottom: 15px;
   line-height: 170%;
   color: #777;
   text-align: justify;
}
#home .top_bar img.image{
   border-radius: 10px;
}
#home .middle_bar{
   padding: 75px 0;
   background: #2980b9 url('../images/pt2.png') repeat-x top;
}
#home .middle_bar .top-text{
   margin-bottom: 50px;
   color: #fff;
}
#home .middle_bar h2.big_title b::first-letter{
   color: #333;
}
#home .middle_bar .top-text p{
   line-height: 170%;
   font-size: 16px;
}
#home .middle_bar .item{
   display: block;
   width: 100%;
   color: inherit;
   margin-bottom: 30px;
}
#home .middle_bar .item:hover{
   box-shadow: 0 30px 35px -10px rgba(0,0,0,0.3);
   -webkit-transform: translateY(-20px);
   transform: translateY(-20px);
}
#home .middle_bar .item .image{
   width: 100%;
   height: 200px;;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
#home .middle_bar .item .info{
   background-color: #fff;
   padding: 30px;
}
#home .middle_bar .item .info h4{
   font-weight: bold;
   margin-bottom: 15px;
}
#home .middle_bar .item .info h4::first-letter{
  color: #2980b9;
}
#home .middle_bar .item .info p{
   color: #777;
   line-height: 170%;
   max-height: 50px;
   overflow: hidden;
}
#home .middle_bar .video{
   height: 360px;
   margin-top: 60px;
}
#home .bottom_bar{
  padding: 75px 0;
  background: url(../images/brands_bg.jpg) no-repeat center;
  background-size: cover;
}
#home .bottom_bar .item{
  display: block;
  text-align: center;
  padding: 25px;
  border-radius: 4px;
}
#home .bottom_bar .item:hover{
  background-color: #fff;
}
#home .bottom_bar .item img.logo{
  display: inline-block;
  width: auto;
  height: 140px;
}
#home .bottom_bar .item span.title{
  display: block;
  padding-bottom: 5px;
  margin-top: 15px;
  color: #333;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  opacity: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#home .bottom_bar .item:hover span.title{
  opacity: 1;

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

footer{
  position: relative;
  width: 100%;
  padding-top: 75px;
  padding-bottom: 0;
  background: #111 url('../images/footer_bg.png') no-repeat center / cover;
  color: #777;
}
footer h3{
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 19px;
  color: #ccc;
  text-transform: uppercase;
}
footer h3::first-letter{
  color: #2980b9;
}
footer ul.links li{
  display: block;
  margin-bottom: 20px;
}
footer ul.links li a{
  color: #777;
}
footer ul.links li a:hover{
  color: #2980b9;
}

footer ul.events li{
  display: block;
  margin: -10px;
  margin-bottom: 10px;
}
footer ul.events li a{
  display: block;
  padding: 10px;
  border-radius: 4px;
}
footer ul.events li a:hover{
  background-color: rgba(255,255,255,0.05);
}
footer ul.events li img{
  width: 65px;
  height: 65px;
  margin-right: 15px;
  border-radius: 4px;
  object-fit: cover;
  float: left;
}
footer ul.events li .title{
  display: block;
  max-height: 40px;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 140%;
  overflow: hidden;
  color: #777;

  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}
footer ul.events li:hover .title{
  color: #2980b9;
}
footer ul.events li .date{
  color: #666;
  font-size: 13px;
}
footer ul.events li .date::before{
  margin-right: 5px;
  content: "\f017";
  font-family: 'FontAwesome';
}

footer ul.contact li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 25px;
}
footer ul.contact li i{
  display: inline-block;
  width: 20px;
  margin-right: 5px;
  color: #2980b9;
  font-size: 16px;
}
footer ul.contact li a{
  color: inherit;
}
footer ul.contact li a:hover{
  color: #2980b9;
}
footer ul.contact li span{
   line-height: 150%;
   padding-left: 10px;
}

footer ul.social li{
  display: block;
  float: left;
}
footer ul.social li a{
  display: block;
  color: #2980b9;
  margin-right: 20px;
  margin-bottom: 20px;
  color: #b5b5b5;
  font-size: 20px;
}
footer ul.social li a:hover{
  color: #2980b9;
}

.copyright{
  background: #222;
  color: rgba(255,255,255,0.3);
  font-size: 14px;
}
.copyright .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
    height: 50px;
}
.copyright a{
  color: #aaa;
}
.copyright a:hover{
  color: #2980b9;
}

#scroll_top{
  position: fixed;
  padding: 10px 15px;
  bottom: 60px;
  right: 20px;
  text-align:center;
  cursor: pointer;
  z-index: 99;
  background:#2980b9;
  color: #fff;
  font-size: 26px;
  border-radius: 4px;
  opacity: 0;

  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
}
#scroll_top:hover{
  background-color: #333;
}


/* extra */

ol.breadcrumb{
  margin: 35px 0;
  margin-bottom: 25px;
  background-color: transparent;
  padding-left: 0;
}
ol.breadcrumb li{
  color: #777;
  font-size: 13px;
  list-style: none !important;
  margin-bottom: 10px;
}
ol.breadcrumb li a{
  color: inherit;
}
ol.breadcrumb li a:hover{
  color: #333;
}
.breadcrumb-item+.breadcrumb-item::before{
  padding: 0 10px;
  color: #2980b9;
  content: "\f105";
  font-family: 'FontAwesome';
}

.mb-10{
   margin-bottom: 15px;
 }
.mb-30{
   margin-bottom: 30px;
}
.mb-50{
   margin-bottom: 50px;
}
.mb-90{
  margin-bottom: 90px;
}
.lh-150{
   line-height: 150%;
}

#other{
  padding-bottom: 70px;
  min-height: 550px;
}
#other h3{
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 150%
}
#other p{
  line-height: 180%;
  margin-bottom: 25px;
}
#other ol li{
  line-height: 180%;
  list-style: circle;
  list-style-position: inside;
  margin-bottom: 10px;
}
#other blockquote{
  margin: 60px 0;
  padding: 21px 30px 18px 30px;
  border-left: 5px solid #2980b9;
  background: #f2f2f2;
  line-height: 180%;
  color: #777;
  font-style: italic;
}

.main_right a.link{
   display: block;
   background-color: #e8e8e8;
   padding: 15px 20px;
   border-radius: 3px;
   color: #333;
   font-weight: bold;
   font-size: 16px;
 }
 .main_right a.link:hover{
   background-color: #2980b9;
   color: #fff;
 }
 .main_right a.link i{
   display: inline-block;
   margin-right: 15px;
   color: #2980b9;
   font-size: 20px;

   -webkit-transition: all ease .3s;
   transition: all ease .3s;
 }
 .main_right a.link:hover i{
   color: #fff;
 }
 .main_right .testimonial{
   border: 3px solid #f2f2f2;
   padding: 20px;
   padding-bottom: 25px;
   margin: 30px 0;
 }
 .main_right .name{
   color: #1e1f21;
   font-size: 14px;
   font-weight: bold;
   font-family: "Montserrat", sans-serif;
 }
 .main_right .position{
   padding-top: 7px;
   font-style: italic;
   font-size: 13px;
 }
 .main_right ul.cat-links li{
    display: block;
 }
 .main_right ul.cat-links li a{
    display: block;
    line-height: 150%;
    margin-bottom: 20px;
    color: inherit;
    font-weight: bold;
 }
 .main_right ul.cat-links li a:hover{
    color: #2980b9;
 }
 .main_right ul.cat-links li a::before{
    margin-right: 10px;
    content: '-';
    color: #2980b9;
    font-weight: bold;
 }


.contact .infos{
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .contact .infos .map{
   border-radius: 0;
   overflow: hidden;
   border: 4px solid transparent;
   border-left: 1px solid #e8e8e8;
   padding-left: 10px;
   margin-bottom: 30px;
 }
 .contact .infos .item{
   display:inline-block;
   width:100%;
   height:auto;
   padding-left: 0;
   margin-bottom:40px;
   vertical-align:top;
 }
 .contact .infos .item:nth-child(3n+3){
   margin-right:0;
 }
 .contact .infos .item h5{
   margin-bottom: 10px;
   font-size: 16px;
   font-weight: bold;
 }
 .contact .infos .item h5 i{
   margin-right: 10px;
   color: #2980b9;
 }
 .contact .infos .item p{
   margin-bottom:0 !important;
 }
 .contact .infos .item p a{
   color:inherit;
   border-bottom:1px dashed #dcdcdc;
 }
 .contact .infos .item p a:hover{
   color: #2980b9;
 }
 .contact .form{
   position: relative;
   width: 100%;
   height: auto;
   padding: 50px;
   border: 3px solid #f2f2f2;
 }
 .contact .input_text{
   display: block;
   float: left;
   width: 100%;
   height: 50px;
   border-bottom: 1px solid #e8e8e8;
   font-size:16px;
   color:inherit;
   -webkit-transition:all ease .3s;
   transition:all ease .3s;
 }
 .contact .input_text:nth-child(3){
   margin-right:0;
 }
 .contact .input_text:focus{
   border-color: #333;
 }
 .contact .input_textarea{
   min-width:100%;
   max-width:100%;
   min-height: 50px;
   margin:40px 0;
 }
 .contact .input_btn{
    font-weight: bold;
    color: #fff;
    background-color: #2980b9;
    padding: 10px 20px;

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

.gallery a.item{
   position: relative;
   display: block;
   width: 100%;
   height: 250px;
   margin-bottom: 30px;
   background-color: #333;
 }
 .gallery a.item::before{
   position: absolute;
   width: 0;
   height: 0;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   content: "\f002";
   line-height: 80px;
   text-align: center;
   font-family: 'FontAwesome';
   font-size: 32px;
   color: #fff;
   background-color: #2980b9;
   border-radius: 50%;
   overflow: hidden;
   z-index: 1;

   -webkit-transition: all ease .3s;
   transition: all ease .3s;
 }
 .gallery a.item:hover::before{
   width: 80px;
   height: 80px;
   font-size: 32px;
 }
 .gallery a.item img{
   width: 100%;
   height: 100%;
   object-fit: cover;

   -webkit-transition: all ease .3s;
   transition: all ease .3s;
 }
 .gallery a.item:hover img{
   opacity: .7;
 }

.refs .item{
   padding: 15px 0;
   text-align: center;
   vertical-align: middle;
}
.refs .item:before{
   position: absolute;
   width: 1px;
   height: calc(100% - 20px);
   right: 0;
   top: 10px;
   content: '';
   border-right: 1px solid #e8e8e8;
}
.refs .item:nth-child(4n+4)::before{
   border: none;
}
.refs .item:after{
   position: absolute;
   width: calc(100% - 20px);
   height: 1px;
   left: 10px;
   bottom: 0;
   content: '';
   border-bottom: 1px solid #e8e8e8;
}
.refs .item:nth-last-child(-n+4):after{
   border:none;
}
.refs .item img{
   height: 90px;
}

.products .cats{
   margin-bottom: 30px;
}
.products .cats ul li{
   display: inline-block;
   margin-right: 2px;
   margin-bottom: 4px;
}
.products .cats ul li a{
   display: block;
   padding: 15px 25px;
   background-color: #e8e8e8;
   border-radius: 100px;
   color: inherit;
   font-size: 15px;
   font-weight: bold
}
.products .cats ul li a:hover, .products .cats ul li a.active{
   background-color: #2980b9;
   color: #fff;
}
.products .cats ul li a::first-letter{
   color: #2980b9;

   -webkit-transition: all ease .3s;
   transition: all ease .3s;
}
.products .cats ul li a:hover::first-letter, .products .cats ul li a.active::first-letter{
   color: #fff;
}
.products .item{
   display: flex;
   width: 100%;
   height: 300px;
   margin-bottom: 30px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   background-color: #fff;
}
.products .item .info{
   display: flex;
   width: 100%;
   background-color: rgba(0,0,0,0.5);
   align-items: center;
   justify-content: center;
   opacity: 0;

   -webkit-transition: all ease .3s;
   transition: all ease .3s;
}
.products .item:hover .info{
   opacity: 1;
}
.products .item .info .date{
   display: block;
   margin-bottom: 0;
   color: #eee;

   -webkit-transition: all ease .3s;
   transition: all ease .3s;
}
.products .item:hover .info .date{
   margin-bottom: 20px;
}
.products .item .info .code{
   font-size: 32px;
   color: #fff;
}
.cat-link{
   display: inline-block;
   margin-right: 7px;
   margin-top: 7px;
   padding: 7px 12px;
   background-color: #e8e8e8;
   border-radius: 50px;
   color: #777;
}
.cat-link:hover{
   color: #333;
}
.cat-link::before{
   content: "\f02b";
   font-family: "FontAwesome";
   margin-right: 7px;
}

.custom_alert{
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50px;
  text-align: center;
  color: #b5b5b5;
}
.custom_alert::before{
  display: block;
  content: '\f071';
  font-family: 'FontAwesome';
  font-size: 104px;
  margin-bottom: 20px;
}
.custom_alert h5{
  margin-bottom: 10px;
  font-size: 22px;
}
.custom_alert p{
  font-size: 16px;
}

.other-top{
  margin-top: 0 !important;
}

/* mobile extras */
.mobile-menu{
  display: block;
  position: absolute;
  left: 15px;
  top: 16px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  background-color: #2980b9;
  color: #fff;
  border-radius: 50%;
  font-size: 20px;
}


}