@font-face {
  font-family:Roboto-Regular;
  src: url(../font/Roboto-Regular.ttf);
   font-display: swap;
}
@font-face {
  font-family:Roboto-Bold;
  src: url(../font/Roboto-Bold.ttf);
   font-display: swap;
}

* {color: #000; box-sizing: border-box;padding: 0; margin: 0; list-style: none;font-family: "Roboto-Regular";}
.container {width: 1300px; max-width: 100%;}
.responsive-container{width: 1900px;max-width: 100%;margin: 0 auto;}

/*input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield;}*/
input[type=checkbox] { -moz-appearance:checkbox;-webkit-appearance:checkbox;}
img {pointer-events: none;}

/*read  more and less*/
.morecontent span {display: none;}
.morelink {display:inline-block;color:#fff;text-decoration: none;padding: 5px 15px;font-size: 13px; background:rgb(0, 169, 237);}
.morelink:hover{color: #0d5a5b;text-decoration: none;transition:0.3s;}

/*scroll bar custome*/
/* width */
.bottom-content-sub::-webkit-scrollbar{width: 8px;background-color: #cccccc;border-radius: 14px;}
/* Handle */
.bottom-content-sub::-webkit-scrollbar-thumb{background: #002e5b;}
.bottom-content-sub{scrollbar-color: #002e5b #cccccc; /* thumb and track color */scrollbar-width: thin;}


/*custome design of file input*/
input[type=file] {position: absolute;top: 0;left: 0;opacity: 0; /* hide actual input */cursor: pointer}
.fakeFileButton {position: relative;background-color:#fff;text-align: left;border-radius: 5px;padding: 10px 15px;}
.fakeFileButton span svg{font-size: 30px;margin-right: 5px;fill: #032550;}

/*remove x sign from inputs*/
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none;}

/*sticky*/
@keyframes smoothScroll-d {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes smoothScroll-u {
  0% {
    transform: translateY(40px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes mymove {
  from {left: 0px;}
  to {left: 200px;}
}

#stick{z-index: 99999;}
.animate-d{animation: smoothScroll-d 0.7s forwards;}
.animate-u{animation: smoothScroll-u 0.7s forwards;}


/*backtop arrow animation*/

.ball 
  { 
      -webkit-animation-name: bounce; 
      -webkit-animation-duration: 1s; 
      -webkit-animation-direction: alternate; 
      -webkit-animation-timing-function: cubic-bezier( 
      .5, 0.05, 1, .5); 
      -webkit-animation-iteration-count: infinite; 
  } 
    
  @-webkit-keyframes bounce { 
      from { 
          -webkit-transform: translate3d(0, 0, 0); 
          transform: translate3d(0, 0, 0); 
      } 
      to { 
          -webkit-transform: translate3d(0, 10px, 0); 
          transform: translate3d(0, 10px, 0); 
      } 
  } 



/*top-bar*/
.top-bar-left{overflow: hidden;}
.top-bar-left p{display: inline-block;width: 100%;margin: 0;font-size: 13px;font-family: "Roboto-Bold";-webkit-animation: mymove 5s infinite;
    animation: mymove 5s infinite;position: relative;}
.top-bar-right p{display: inline-block;width: 100%;font-size: 13px;text-align: right;font-family: "Roboto-Bold";margin:0;}
.top-bar-right p a{text-decoration: none;color: #000;font-family: "Roboto-Bold";}    

/*logo-top-contact*/
.logo-top-contact{background-color: #00a9ed;padding: 10px 0 0;}
.form-search{display: inline-block;width: 100%;margin: 0;}
.form-search li{display: inline-block;}
.form-search li a{width: 60%;display: inline-block;}
.form-search li a img{width: 100%;}
.form-search li .form-inline{position: relative;}
.form-search li .form-control{border:none;width: 500px;padding-right: 30px;font-size: 12px;}
.form-search li .form-control::Placeholder{font-size: 12px;}
.form-search li .btn{position: absolute;right: 0;padding: 0 10px 0 0;z-index: 9;top: 4px;}
.form-search li .btn:focus{outline: none;box-shadow: none;}
.form-search li .btn i{color: #2e5cb6;}
#search-btn{color: #fff;cursor: pointer;}
#form{display: none;position: absolute;left: 0;top: 100%;z-index: 9;}

.top-contact .form-search{display: inline-block;width: auto;padding-right: 15px;display: none;}
.top-contact .form-search li .form-control{background-color: #fff;color: #00a9ed;border:1px solid #00a9ed;}
.top-contact .form-search li .form-control::Placeholder{color: #00a9ed;}
.top-contact .form-search li .btn i{color: #00a9ed;}


.top-contact{padding: 10px 0;text-align: right;}
.social-icons{display: inline-block;margin: 0;}
.social-icons li{display: inline-block;margin-right: 10px;}
.social-icons li:last-child{margin: 0;}
.social-icons li i{color: #fff;font-size: 14px;}
.social-icons li:hover i{color: #166382;transition: 0.3s ease;}
.login{display: inline-block;text-decoration: none;color: #fff;padding-left: 40px;margin: 0;}
.login li{position: relative;}
.login li.mobile-admin{display: none;}
.login li a{display: inline-block;color: #fff;font-size: 14px;font-family: "Roboto-Bold";text-decoration: none;}
.login i{font-size: 14px;color: #fff;}
.login:hover li a{color: #166382;transition: 0.3s ease;text-decoration: none;}
.login:hover i{color: #166382;transition: 0.3s ease;}

/*mobile login*/
.login ul{display: inline-block;text-align: left; width: 120px; padding: 5px 10px;background-color: #fff;z-index: 9;display: none; border:1px solid #ebebeb;position: absolute;left: -100px;top: 100%;}
.login ul li{display: block;}
.login ul li a{color: #000;text-decoration: none;}
.login ul li a i{color: #000;padding-right: 10px;}
.login ul li a:hover{color: #166382;transition: 0.3s ease;}
.login ul li a:hover i{color: #166382;transition: 0.3s ease;}


.cart{display: inline-block;color: #fff;position: relative; text-decoration: none;margin-left: 40px;}
.cart label{display: inline-block;font-size: 14px;color: #fff;}
.cart i{color: #fff;font-size: 14px;}
.cart .count-cart{display: inline-block;border-radius: 50%;background-color: #fff;font-size: 12px;left: -15px;top: -10px; position: absolute; width: 15px;height:15px;text-align: center;}
.cart:hover label{color: #166382;transition: 0.3s ease;text-decoration: none;}
.cart:hover i{color: #166382;transition: 0.3s ease;}

/*menu*/
.menu-m{border-bottom: 1px solid #e7e3e3;}
.form-search li.menu-bars{display: none;}
.menu-bars i{font-size: 30px;padding-right: 15px;vertical-align: middle;color: #fff;}
.menu .navbar{padding: 0;}
.menu .navbar-nav .nav-link{padding: 10px 12px;font-size: 12px;color: #000;font-weight: bold;text-transform: uppercase;}
.menu .navbar-nav .nav-item:hover .nav-link{color:#0d7eab;transition: 0.1s;}
.menu .navbar-nav .nav-item:hover .dropdown-menu{display: block;}
.menu .dropdown-menu{box-shadow: 0 0 3px 0 rgba(0,0,0,.1);width: 1200px;padding: 15px 20px;border:1px solid #ebebeb ;left: 0;margin: 0;}
.menu .dropdown-menu ul{display: inline-block;width: 100%;margin-bottom: 5px;}
.menu .dropdown-menu ul li{display: inline-block;width: 100%;}
.menu .dropdown-menu ul li a{display: inline-block;width: 100%;text-decoration: none;color: #000;font-size: 12px;}
.menu .dropdown-menu ul li:first-child a{font-weight: 600;}
.menu .dropdown-menu ul li a:hover{color:#0d7eab;transition: 0.1s;}

/*footer*/
footer .top-btn-m{background-color: #00a9ed;padding: 10px 0;text-align: center;}
footer .top-btn a{text-decoration: none;text-transform: uppercase;display: inline-block;width: 100%;color: #fff;}
footer .top-btn a i{color: #fff;}
footer .top-btn a span{color: #fff;padding: 0 20px;display: inline-block;}
footer .top-btn a:hover span{color:#0d7eab;transition: 0.1s;}
footer .top-btn a:hover i{color:#0d7eab;transition: 0.1s;}

footer .footer-menu-m{padding: 30px 0 0; background-color:#f9f9f9;}
footer .footer-menu-sub{padding-bottom: 13px;border-bottom:1px solid rgba(0,0,0,.1);}
footer .footer-menu h3{display: inline-block;width: 100%;color: #172337;margin-bottom: 5px;font-weight: 700;font-size: 14px;}
footer .footer-menu ul{display: inline-block;width: 100%;margin-bottom: 0;}
footer .footer-menu ul li{display: inline-block;width: 100%;}
footer .footer-menu ul li a{display: inline-block;font-size: 12px;text-decoration: none;color: #172337;}
footer .footer-menu ul li a:hover{color:#0d7eab;transition: 0.1s;}
footer .footer-menu p{display: inline-block;width: 100%;margin-bottom: 13px;color: #172337;font-size: 12px;}
footer .footer-menu .form-inline{position: relative;margin-bottom: 30px;}
footer .footer-menu .form-control{background-color: #f9f9f9;width: 100%;border: 1px solid #e5e5e5;color: #a5a5a5;font-size: 12px;}
footer .footer-menu .form-control::Placeholder{font-size: 12px;color: #a5a5a5;}
footer .footer-menu .btn{line-height: normal;border-radius: 0; background-color: #00a9ed;text-transform: uppercase;color: #fff;position: absolute;right: 0;font-size: 14px;width: 130px;}
footer .footer-menu .btn:hover{background-color:#0d7eab;transition: 0.1s;}
footer .footer-menu .location{margin-bottom: 13px; text-decoration: underline; color: #172337;font-size: 12px;display: inline-block; width: 100%;}
footer .footer-menu .location span{padding-right: 10px;color: red;}
footer .footer-menu .location span i{color: red;}


.mobile-bottom-nav-m{display: none;}
.mobile-bottom-nav ul{display: inline-block;width: 100%;margin: 0;text-align: center;overflow: hidden;position: fixed;bottom: 0;}
.mobile-bottom-nav ul li{display: inline-block;padding: 10px;margin-left: -18px;position: relative;width: 33.33%;}
.mobile-bottom-nav ul li a{text-decoration: none;}
.mobile-bottom-nav ul li a span{font-size: 14px;}
.mobile-bottom-nav ul li a i{font-size: 14px;}
.mobile-bottom-nav ul li:nth-child(1){background-color: #fff;}
.mobile-bottom-nav ul li:nth-child(1) a span{color: #fb641b;display: inline-block;}
.mobile-bottom-nav ul li:nth-child(1) a i{color: #fb641b;}
.mobile-bottom-nav ul li:nth-child(2){background-color: #00A9ED;transform: skewX(-20deg);}
.mobile-bottom-nav ul li:nth-child(2) a span{color: #fff;display: inline-block;transform: skewX(20deg)}
.mobile-bottom-nav ul li:nth-child(2) a i{color: #fff;transform: skewX(20deg)}
.mobile-bottom-nav ul li:nth-child(3){background-color: #0c880a;transform: skewX(-20deg);position: relative;z-index: 99;}
.mobile-bottom-nav ul li:nth-child(3) a span{color: #fff;display: inline-block;transform: skewX(20deg)}
.mobile-bottom-nav ul li:nth-child(3) a i{color: #fff;transform: skewX(20deg)}


/*most searches*/
.most-searches-m{padding: 33px 0 12px;border-bottom:1px solid rgba(0,0,0,.1);}
.most-searches label{display: inline-block;width: 100%;font-size: 13px;font-weight: bold;text-transform: uppercase;}
.most-searches ul{display: inline-block;width: 100%;margin: 0;}
.most-searches ul li{display: inline-block;margin-right: 5px;}
.most-searches ul li a{color: #666;font-size: 12px;display: inline-block;width: 100%;text-decoration: none;padding-right: 5px;border-right: 1px solid #666;}
.most-searches ul li a:hover{color: #0d7eab;transition: 0.1s;}
.most-searches ul li a strong{text-transform: uppercase;}
.most-searches ul li a strong:hover{color: #0d7eab;transition: 0.1s;}

/*copyrights and payments*/
.copyrights-payments{padding: 15px 0;}
.copyrights{line-height: 55px;}
.copyrights p{display: inline-block;width: 100%;font-size: 13px;color: #17233f;margin: 0;}
.payments{text-align: right;}

/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
@media (min-width:991px){

    .package-slider .carousel-inner .carousel-item-right.active,
    .package-slider .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .package-slider .carousel-inner .carousel-item-left.active,
    .package-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }

    .standout-slider .carousel-inner .carousel-item-right.active,
    .standout-slider .carousel-inner .carousel-item-next {
        transform: translateX(33.33%);
    }

    .standout-slider .carousel-inner .carousel-item-left.active,
    .standout-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-33.33%);
    }
    .embellishments-slider .carousel-inner .carousel-item-right.active,
    .embellishments-slider .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .embellishments-slider .carousel-inner .carousel-item-left.active,
    .embellishments-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }

}

/* large - display 3 */
@media screen and (min-width:21px) and (max-width:991px) {

    .package-slider .carousel-inner .carousel-item-right.active,
    .package-slider .carousel-inner .carousel-item-next {
        transform: translateX(33.33%);
    }

    .package-slider .carousel-inner .carousel-item-left.active,
    .package-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-33.33%);
    }

    .standout-slider .carousel-inner .carousel-item-right.active,
    .standout-slider .carousel-inner .carousel-item-next {
        transform: translateX(33.33%);
    }

    .standout-slider .carousel-inner .carousel-item-left.active,
    .standout-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-33.33%);
    }
    .embellishments-slider .carousel-inner .carousel-item-right.active,
    .embellishments-slider .carousel-inner .carousel-item-next {
        transform: translateX(33.33%);
    }

    .embellishments-slider .carousel-inner .carousel-item-left.active,
    .embellishments-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-33.33%);
    }

}

/* medium - display 2  */
@media screen and (min-width:21px) and (max-width:768px) {

  .package-slider .carousel-inner .carousel-item-right.active,
  .package-slider .carousel-inner .carousel-item-next {
      transform: translateX(50%);
  }

  .package-slider .carousel-inner .carousel-item-left.active,
  .package-slider .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
  }

  .standout-slider .carousel-inner .carousel-item-right.active,
  .standout-slider .carousel-inner .carousel-item-next {
      transform: translateX(50%);
  }

  .standout-slider .carousel-inner .carousel-item-left.active,
  .standout-slider .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
  }
  .embellishments-slider .carousel-inner .carousel-item-right.active,
  .embellishments-slider .carousel-inner .carousel-item-next {
      transform: translateX(50%);
  }

  .embellishments-slider .carousel-inner .carousel-item-left.active,
  .embellishments-slider .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
  }

}

@media screen and (min-width:21px) and (max-width:575px){
    .package-slider .carousel-inner .carousel-item>div {
        display: none;
    }

    .package-slider .carousel-inner .carousel-item>div:first-child, .package-slider .carousel-inner .carousel-item-right.active,
      .package-slider .carousel-inner .carousel-item-next {
        display: block;
        transform: translateX(0.1%);
    }
    .package-slider .carousel-inner .carousel-item-left.active,
    .package-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-0.1%);
    }

    .standout-slider .carousel-inner .carousel-item>div {
        display: none;
    }

    .standout-slider .carousel-inner .carousel-item>div:first-child, .standout-slider .carousel-inner .carousel-item-right.active,
      .standout-slider .carousel-inner .carousel-item-next {
        display: block;
        transform: translateX(0.1%);
    }
    .standout-slider .carousel-inner .carousel-item-left.active,
    .standout-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-0.1%);
    }
    .embellishments-slider .carousel-inner .carousel-item>div {
        display: none;
    }

    .embellishments-slider .carousel-inner .carousel-item>div:first-child, .embellishments-slider .carousel-inner .carousel-item-right.active,
      .embellishments-slider .carousel-inner .carousel-item-next {
        display: block;
        transform: translateX(0.1%);
    }
    .embellishments-slider .carousel-inner .carousel-item-left.active,
    .embellishments-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-0.1%);
    }
    
}
@media screen and (min-width:21px) and (max-width:575px){

  .package-slider .carousel-inner .carousel-item-right.active,
  .package-slider .carousel-inner .carousel-item-next {
      transform: translateX(100%);
  }

  .package-slider .carousel-inner .carousel-item-left.active,
  .package-slider .carousel-inner .carousel-item-prev {
      transform: translateX(-100%);
  }

  .standout-slider .carousel-inner .carousel-item-right.active,
  .standout-slider .carousel-inner .carousel-item-next {
      transform: translateX(100%);
  }

  .standout-slider .carousel-inner .carousel-item-left.active,
  .standout-slider .carousel-inner .carousel-item-prev {
      transform: translateX(-100%);
  }
  .embellishments-slider .carousel-inner .carousel-item-right.active,
  .embellishments-slider .carousel-inner .carousel-item-next {
      transform: translateX(100%);
  }

  .embellishments-slider .carousel-inner .carousel-item-left.active,
  .embellishments-slider .carousel-inner .carousel-item-prev {
      transform: translateX(-100%);
  }
}

.package-slider .carousel-inner .carousel-item.active,
.package-slider .carousel-inner .carousel-item-next,
.package-slider .carousel-inner .carousel-item-prev {
    display: flex;
}

.package-slider .carousel-inner .carousel-item-right,
.package-slider .carousel-inner .carousel-item-left {
    transform: translateX(0);
}

.standout-slider .carousel-inner .carousel-item.active,
.standout-slider .carousel-inner .carousel-item-next,
.standout-slider .carousel-inner .carousel-item-prev {
    display: flex;
}

.standout-slider .carousel-inner .carousel-item-right,
.standout-slider .carousel-inner .carousel-item-left {
    transform: translateX(0);
}
.embellishments-slider .carousel-inner .carousel-item.active,
.embellishments-slider .carousel-inner .carousel-item-next,
.embellishments-slider .carousel-inner .carousel-item-prev {
    display: flex;
}

.embellishments-slider .carousel-inner .carousel-item-right,
.embellishments-slider .carousel-inner .carousel-item-left {
    transform: translateX(0);
}


/*multii*/



@media screen and (min-width : 21px) and (max-width : 1200px) {

  .logo-search .form-search li:last-child{display: none;}
  .top-contact .form-search{display: inline-block;}
  .form-search li a{width: 100%;}
  .form-search li a img{width: 140px;}

  .menu .navbar-nav .nav-link{padding: 10px 8px;}
  .menu .dropdown-menu{width: 970px;}

}

@media screen and (min-width : 21px) and (max-width : 991px) {

  /*mobile*/
  .form-search li.menu-bars{display: inline-block;}

  .cart .count-cart{display: none;}
  .menu-m {display: none;}

  /*footer*/
  footer .footer-menu{margin-bottom: 20px;}

}
  
@media screen and (min-width : 21px) and (max-width : 767px ){

  .top-bar-left p{font-size: 12px;}
  .top-bar-right p{font-size: 12px;}
  .login{padding-left: 20px;}
  .cart{margin-left: 20px;}
    .social-icons{display: none;}

  /*footer*/
  .payments img{width: 100%;}

}


@media screen and (min-width : 21px) and (max-width : 575px) {
  @keyframes mymove {from {left: 0px;}to {left: 550px;}}
  .top-bar-left p{-webkit-animation: mymove 7s infinite;animation: mymove 7s infinite;}
  .top-bar-right p{text-align: center;}

  .top-contact{padding-bottom: 0;}

  .login li.desktop-admin{display: none;}
  .cart label{display: none;}
  .top-contact .form-search{padding: 0;}


  #form{width: 100%;}
  .logo-top-contact{padding: 10px 0;}
  .top-contact .form-search li .form-control{width: 100%;}

  .login li.mobile-admin{display: block;}
  /*footer*/
  .payments{text-align: center;}
  .payments img{width: auto;}
  .copyrights-payments{text-align: center;}

  .mobile-bottom-nav-m{display: block;}

}
@media screen and (min-width : 21px) and (max-width : 475px) {

  .form-search li a img{width: 110px;}
  .login{font-size: 12px;}
  .login i{font-size: 12px;}
  .cart{font-size: 12px;}
  .cart i{font-size: 12px;}
  #search-btn{font-size: 12px;}
  .social-icons li i{font-size: 12px;}
  .top-contact{padding-top: 5px;}

  /*footer*/
  footer .footer-menu .btn{width: 100px;}

  /*mobile nav*/
  .mobile-bottom-nav ul li a span{font-size: 12px;}

	}
@media screen and (min-width : 21px) and (max-width : 375px) {

  /*footer*/
  .payments img{width: 100%;}

}
@media screen and (min-width : 21px) and (max-width : 320px) {
}