@import url('https://fonts.googleapis.com/css?family=Ropa+Sans&display=swap');
.carousel-control.left { background-image: none!important;position:initial; }
.carousel-control.right { background-image: none!important;position:initial; }
.carousel-control1.left { background-image: none!important; }
.carousel-control1.right { background-image: none!important;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute;top: 50%;z-index: 5;display: inline-block;margin-top: -10px; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 2%; margin-right: -10px;width: 50px;height: 50px;background: #002662;line-height: 55px;font-size: 20px; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 2%;margin-left: -10px;width: 50px;height: 50px;background: #002662;line-height: 55px;font-size: 20px; }
.view-all a{ border: 1px solid #000; padding:8px 30px!important;font-size: 18px!important;text-align:center;text-decoration: none;}
.view-all a:hover {
    background: #1d78ab;
    padding: 8px 30px!important;
    font-size: 18px!important;
    text-align: center;
    text-decoration: none;
    transition: all .5s;
    color: #fff;
    border: 0;
}
.read-mr-btn a{ border: 1px solid #fff; padding:8px 30px!important;font-size: 18px!important;text-align:center; color: #fff;}
.view-all { position: absolute;bottom: 50px; }
.nav_list li h4 a { font-family: 'BebasNeue';font-size: 18px;color: #595959;padding-top: 10px;padding-bottom: 0;margin-bottom: 15px;line-height: 18px;display: block;text-transform: uppercase;padding-left: 20px;padding-right: 0;text-align: left; }
.p-0 { padding:0;}    
.about-us-details { padding-left: 30%; }
.footer-content a { color: #fff; }
.clr-white {  color: #fff; margin:30px 0; }
.mrgn-tp-15 { margin-top: 15px; }
section.block.products_block.column_box.con_box.con_box_one { padding: 0; max-width: 100%; }
.footer-content.send_content{ background: none; }
.footer-content a { text-decoration: none; }
.footer-content a:hover { color: #ddd!important; }
.read-mr-btn a:hover { border: 1px solid #fff;
    padding: 8px 30px!important;
    font-size: 18px!important;
    text-align: center;
    color: #fff!important;
    transition: all .5s;
    background: #002662;}

#show-arrow { background-image: url(../images/show-arrow.png); background-repeat: no-repeat; background-position: left bottom 4em; }
.title-class{ display: block; color: #fff!important; text-transform: uppercase; font-size: 48px; font-family: 'BebasNeue'; position: relative; line-height: 50px; margin-bottom: 10px; }
.text-white{ color: #fff!important; }
.main_more_class {  border: 1px solid #fff;  margin-top: 30px; display: inline-block;  color: #fff; transition: all .5s; font-size: 18px;  line-height: 24px;  padding: 9px 25px; position: relative; overflow: hidden; z-index: 10; border-radius: 2px; background: transparent; float: left;margin-left: 10px;}
.bg-white form { background: #ffffff; padding-top:30px; }
#tm-heading-5d75ae0d7f24d {
    text-align: left;
}

.tm-animation.move-up.animate {
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    -webkit-animation: moveVertical 0.65s ease forwards;
    animation: moveVertical 0.65s ease forwards;
}
.tm-animation {
    opacity: 0;
}
#tm-heading-5d75ae0d7f24d .heading {
    font-size: 42px;
}
#tm-heading-5d75ae0d7f24d .heading {
    line-height: 1.28;
}
.mark.blue-color{ color: #00427a; }
#tm-spacer-5d75ae0d7fdd7 {
    height: 49px;
}
.tm-spacer {
    clear: both;
}
.tm-table {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 45px rgba(0,0,0,.09);
    overflow-x: auto;
}
.tm-table table {
    margin: 0;
    border-collapse: separate;width: 100%;
}
.tm-table tr:nth-child(odd) {
    background: #f7fbfe;
}
.tm-table table tr:first-child td {
    background: none;
}
.tm-table td:first-child, .tm-table th:first-child {
    padding-left: 50px;
}
.tm-table td, .tm-table th {
    text-align: left;border: 0;
    /*padding: 19px 10px 18px;*/
    padding: 0px 0px 0px;
}

.mobile_inquiry.clearfix {
    margin-top: 30px;
}

.page_section {
    position: relative;
    z-index: 11;
    /*padding: 70px 0;*/
    padding: 70px 0 0;
    background: #ffffff;
}

.quick-enquiry-button {
    margin: 30px 0 60px;
}

.inquiry-btn button {
    background: #002662;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    border: 1px solid #002662;
}
.catalogue-btn button {
    background: #1c5f91;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    border: 1px solid #1c5f91;
}

.mybtn {
    width: 100%;
    margin-top: 20px;
}



}

.mostBox p { font-size: 17px; }
.products-desc h2 { text-transform: uppercase;font-family: 'BebasNeue'; }
.page_title.features-title {  display: inline-block; position: relative; color: #000000;text-transform: uppercase;font-size: 25px;line-height: 28px;font-family: 'BebasNeue';margin-top: 30px;margin-bottom: 30px;z-index: 1;  }
ul.ptab-list.clearfix li{ font-size: 17px; }
ul.ptab-list.clearfix li{ list-style: none;padding: 0; }
ul.ptab-list.clearfix li { padding-left: 1.3em; }
ul.ptab-list.clearfix li:before { content: "\f101";font-family: FontAwesome;display: inline-block;margin-left: -1.3em;width: 1.3em; }
/*.footer-content a:hover{ color:#1c6091!important; }*/
.block_content.toggle_content ul li a:hover{     color: #f4b419!important; }
.send_content .con_box .list li p a:hover{     color: #f4b419!important;
    font-size: 15px; }

/*------------------Video-section----------------------*/
.cstm-gal-container1 {
    padding-top: 20px;
    padding-bottom: 0px;
}
.gal-container {
    padding-top: 75px;
    padding-bottom: 75px;
}


.gal-container{
  padding: 12px;
}
.gal-item{
  overflow: hidden;
  padding: 3px;
}
.gal-item .box{
  height: 350px;
  overflow: hidden;
}
.box img{
  height: 100%;
  width: 100%;
  object-fit:cover;
  -o-object-fit:cover;
}
.gal-item .box a.fancybox1:focus{
  outline: none;
}
.gal-item .box a.fancybox1:after{
  content:"\e003";
  font-family: 'Glyphicons Halflings';
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  right: 3px;
  left: 3px;
  top: 3px;
  bottom: 3px;
  text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gal-item .box a.fancybox1:hover:after{
  opacity: 1;
}
.modal-open .gal-container .modal{
  background-color: rgba(0,0,0,0.4);
      z-index: 99999;
}
.modal-open .gal-item .modal-body{
  padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 15px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
  box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
  outline: none;
}
.modal-open .gal-item button.close span{
  position: relative;
  top: -3px;
  font-weight: lighter;
  text-shadow:none;
}
.gal-container .modal-dialogue{
  width: 80%;
}
.gal-container .description{
  position: relative;
  height: 40px;
  top: -40px;
  padding: 10px 25px;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  text-align: left;
}
.gal-container .description h4{
  margin:0px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
   /* .gal-container .modal-content{
        height:250px;
    }*/
    .list-group.gallery img {     margin-bottom: 15px; }
}

.video-sec {
    padding-top: 82px;
}


.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

@media screen and (min-width: 1600px){ 
    .video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%!important;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
} }




.video-play-button { position: absolute;z-index: 10;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #1d77ac;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #1d78ac;
  border-radius: 50%;
  transition: all 200ms;
}
.video-play-button:hover:after {
  background-color: #da0528;
}
.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}
.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-overlay {
 /* position: fixed;*/
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.80);
  opacity: 0;
  transition: all ease 500ms;
}
.video-overlay.open {
  position: absolute;
  z-index: 1000;
  opacity: 1;
}
.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}
.video-overlay-close:hover {
  color: #fa183d;
}
.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}
a.main_more.text-center {
    display: table;
    margin: 0px auto 20px;
}
.mrgn-tp-20 { margin-top: 20px; }
.margn-btm-60 { margin-bottom: 60px;  }
.number__ico span{ color: #fff; }
.text.newm.about-us-text p { font-size: 17px!important;line-height: 30px;text-align: justify;letter-spacing: 0.4px; }
.abt-us-inner-sec { padding: 70px 0 70px 0; }
.abt-image-inner { margin-top: 50px; }
.contact-form form{ margin:30px 0; }
input.main_more.main_more_class.brdr-show.google_genzong {
    border: 1px solid #1c5f91;
    color: #1c5f91;
    text-transform: uppercase;margin-left: 0;
}
input.main_more.main_more_class.brdr-show.google_genzong:hover {
    border: 1px solid #1c5f91;
    color: #fff;
    /*text-transform: uppercase;margin-left: 0;*/
}

/*------------------------------------industries-we-serve-------------------------------*/

.our-team{
    position: relative;
    text-align:center;
    overflow: hidden;
    box-shadow:0 0 5px #808080;
}
.our-team img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.40s linear 0s;
}
.our-team:hover img{
    transform: scale(1.3);
    transition:transform 3s linear 0s;
}
.our-team .team-content{
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    opacity: 0;
    padding: 40px 20px;
    background: rgba(255,255,255,0.8);
    transition: all 0.50s ease-in-out;
}
.our-team:hover .team-content{
    opacity: 1;
}
.our-team .team-prof{
    margin:20px 0 20px 0;
    position:relative;
    top:13%;
}
.our-team .team-prof a{
    color:#6a6060;
    font-size:18px;
    font-weight: bold;
    letter-spacing:1px;
    text-transform: uppercase;
}
.our-team .team-prof a:hover{
    color:#f15277;
    text-decoration:none;
}
.our-team .team-prof small{
    color:#f15277;
    display: block;
    font-size:13px;
    margin-top:10px;
    text-transform: uppercase;
}
.our-team .social-link{
    padding:0;
    margin:0;
    position:relative;
    top:13%;
}
.our-team .social-link li{
    list-style:none;
    margin-right:5px;
    display:inline-block;
}
.our-team .social-link li a{
    width: 35px;
    height: 35px;
    line-height:35px;
    border-radius:50%;
    color:#fff;
    background:rgba(0, 0, 0, 0.3);
}
.our-team .social-link li a:hover{
    background:#333;
    text-decoration:none;
}
@media only screen and (max-width: 990px){
    .our-team{  margin-bottom:20px; }
}
/*-------------------------------our-products--------------------------------*/

.product-title h2 { margin:15px 0; text-transform: uppercase; font-size: 20px;font-weight: 600; text-align: center;color: #000; }
.product-title a:hover { text-decoration: none; }
.breadcrumb .bread-right {     padding-top: 0;
    color: #000;
    position: relative;
    z-index: 1;
    text-align: center;
    float: right;
    padding-top: 10px;
    font-size: 14px;
    text-transform: uppercase!important;
    font-weight: 600; }


/*-----------------------------modal-pop-up--------------------------------------------*/


.prom-right {
    padding-left: 30px;
    margin-bottom: 20px;
    margin-top: 60px;
}
form.form-horizontal.form3 label {
    color: #fff;font-weight: 400;
}
.active-class { color: #269be0!important; }
.menu-product-img img {
    margin-top: 20px;
}


.mainmenu>nav>ul>li>a.active {
    color: #002662!important;
}



.mainmenu>nav>ul>li>a.active:after, .mainmenu>nav>ul>li > a#active:after {
    transform: scaleY(1);
    visibility: visible;
}

/*a.dark-color-active{ color: #ef5e5d!important; }*/

 ul.sub-menu-active { border-right: 1px solid #eee!important; }
 ul.sub-menu-active:last-child{ border: 0px!important; }


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

.img-width-full img { width: 100%; }
.mainmenu ul li a:hover { color: #002662!important; }
.image-block__item.is-active { /*background-color: rgba(0,45,114,.5);*/  background-color: #002662!important; }
.image-block__item:focus, .image-block__item:hover { /*background-color: rgba(0,45,114,.5);*/ background-color: rgba(0, 38, 97, 0.6); }
.image-block__item { cursor: pointer; }
.image-block__item { -ms-flex: 1 1 20%; -ms-flex-align: end; -webkit-box-align: end; -webkit-box-flex: 1; -webkit-transition: all .3s ease-in; align-items: flex-end; border-right: 1px solid hsla(0,0%,100%,.5); color: #fff; flex: 1 1 20%; transition: all .3s ease-in; }
.image-block__item, .image-block__items { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
.product-block__img img { width: 100%; }

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

 .video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);  box-sizing: content-box;  display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px; }
 .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%;  transform: translateX(-50%) translateY(-50%); display: block; width: 80px;  height: 80px; background: #002662; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; }
 .video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%;  transform: translateX(-50%) translateY(-50%); display: block; width: 80px;  height: 80px;  background: #002662; border-radius: 50%; transition: all 200ms; }
 .video-play-button:hover:after { background-color: #002662; }
 .video-play-button img { position: relative; z-index: 3; max-width: 100%; width: auto; height: auto; }
 .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid #fff; border-top: 22px solid transparent; border-bottom: 22px solid transparent; }
 
 @keyframes pulse-border {
   0% {
     transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
     opacity: 1;
  }
   100% {
     transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
     opacity: 0;
  }
}

.video-overlay {  position: fixed; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.80); opacity: 0; transition: all ease 500ms; }
.video-overlay.open { position: fixed; z-index: 999999; opacity: 1; }
.video-overlay-close { position: absolute; z-index: 999999; top: 15px; right: 20px; font-size: 36px; line-height: 1; font-weight: 400; color: #fff; text-decoration: none; cursor: pointer; transition: all 200ms; }
.video-overlay-close:hover { color: #ef5e5d; }
.video-overlay iframe { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); /* width: 90%; */ /* height: auto; */  box-shadow: 0 0 15px rgba(0, 0, 0, 0.75); }
.img-video img { width: 100%; }
.about-us-details { padding-left: 0; background: #e0dcdc; padding: 72px; position: absolute; top: 100px; }
.wel_box.clearfix { position: relative; }
.about-sec-home { padding:100px 0; }
.wel_box .main { left: -80px; }
.footer-cert { display: table; margin-top: 30px; }
.about-big-title { position: relative; }
.error-ripple {  position: fixed; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.8); color: #eee; padding: 20px; display: none; }
.a-banner{ background-size: cover; height: 876px!important; }
.__intro-text p { font-weight: 600;/*  color: #032661;*/ font-size: 20px; }
section.section.class-pad.section--gutter { padding: 100px 0 0; }
a.custom-btn.custom-btn--medium.custom-btn--style-1:hover { color: #fff; background: #002662; }
.carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #042762; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px;  margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #042762; border-radius: 10px; }
.about-us-details p { color: #113169; }
a:hover, a:focus {
    color: #002561;
    text-decoration: none!important;
}

@media screen and (min-width: 1680px) { 

  .container.container-auto {
    width: 1680px!important;
} 

} 

@media screen and (min-width: 1600px) { 

  .container.container-auto {
    width: 1500px!important;
} 

} 

@media screen and (min-width: 1536px) { 

  .container.container-auto {
    width: 1500px!important;
} 

}
@media screen and (max-width: 1440px) and (min-width: 1400px) { 

  .container.container-auto {
    width: 1400px!important;
} 

} 


@media screen and (max-width: 1380px) and (min-width: 1366px) { 

  .container.container-auto {
    width: 1366px!important;
} 

} 

@media screen and (max-width: 1281px) and (min-width: 1280px) { 

  .container.container-auto {
    width: 1280px!important;
} 

} 

@media screen and (max-width: 1025px) and (min-width: 1024px) { 

  .container.container-auto {
    width: 1024px!important;
} 

} 


@media (max-width: 960px) and (min-width: 959px){ .product-preview--style-1 .__item {
    height: 38em!important;
} }


@media screen and (max-width: 960px) { 

.product-preview .__item .__intro-text {
    margin-left: auto;
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
}
  .number_box .numbers__one {
    float: left;
    width: 25%;
    text-align: left;
    padding-left: 8px!important;
    padding-right: 8px!important;
    position: relative;
} }

@media screen and (max-width: 800px) {

.numbers__body.chart.clearfix {
    border-right: 0!important;
}
  
.__content h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px!important;
    margin-top: 300px;
    /*font-family: 'usuzi';*/
}
.number_box .numbers__one {
    float: left;
    width: 50%!important;
    text-align: left;
    padding-left: 0px!important;
    padding-right: 0px!important;
    position: relative;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    min-height: 13em;
}

  section.section.class-pad.section--gutter {
    padding: 60px 0!important;
}
.about-sec-home {
    padding: 60px 0!important;
} 
  .number_box .number__desc {
    font-size: 30px;
    line-height: 30px;
    font-family: 'Ropa Sans',sans-serif;
    text-align: center;
}

  .number_box .numbers__num {
    color: #ffffff;
    font-size: 55px!important;
    line-height: 55px!important;
    /*font-family: 'usuzi';*/
}

.fa-5x {
    font-size: 5em;
}
  .product-preview .__item .__intro-text {
    margin-left: auto;
    width: 100%;
    max-width: 700px;
} }

@media screen and (max-width:384px){ 

  #logo img {
    max-width: 100%;
    width: 199px;
    height: auto;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 0px;
}
header.large{padding: 0px;}

  .product-preview--style-1 .__item {
     height: auto!important; 
}

.number_box .numbers__num {
    color: #ffffff;
    font-size: 40px!important;
    line-height: 40px!important;
    /*font-family: 'usuzi';*/
}
  .__content h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 300px;
    /*font-family: 'usuzi';*/
} }

@media screen and (max-width:320px){ 
  .protitle {
    /*font-family: 'usuzi';*/
    font-size: 45px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: none;
    margin-top: 22px;
}


  #logo img {
    max-width: 100%;
    width: 160px;
    height: auto;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
} }

.mainmenu>nav>ul>li {
    vertical-align: text-top;
}