/*

---------------------------------------------
Table of contents
------------------------------------------------
1. Typography
2. General
3. Nav
4. Hero Carousel
5. Accordion
6. Shop
7. Product
8. Carousel Hero
9. Carousel Brand
10. Services
11. Contact map
12. Footer
13. Small devices (landscape phones, 576px and up)
14. Medium devices (tablets, 768px and up)
15. Large devices (desktops, 992px and up)
16. Extra large devices (large desktops, 1200px and up)
--------------------------------------------- */




/* Typography */
body, ul, li, p, a, label, input, div {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300 !important;
}
.h1 {
  font-family: 'Roboto', sans-serif;
  /* font-size: 48px; */
  font-weight: 200 !important;
}
.h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 30px !important;
  font-weight: 300;
}
.h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 22px !important;
}
/* General */
.blue{color:#005077;}
.logo { font-weight: 500 !important;}
.text-warning {  color: #ede861 !important;}
.text-muted { color: #bcbcbc !important;}
.text-success { color: #04B2D9 !important;}
.text-light { color: #cfd6e1 !important;}
.bg-dark { background-color: #212934 !important;}
.bg-light { background-color: #e9eef5 !important;}
.bg-black { background-color: #1d242d !important;}
.bg-success { background-color: #04B2D9 !important;}
.bg-crymed-black { background-color: #021324  !important;}
.btn-success {
  background-color: #59ab6e !important;
  border-color: #56ae6c !important;
}
.login{
  background: #07aeff;
  color: white !important;
  padding: 15px;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.6s;
}
.login:hover{
  background: #044a6d;
}
.pagination .page-link:hover {color: #000;}
.pagination .page-link:hover, .pagination .page-link.active {
  background-color: #69bb7e;
  color: #fff;
}
/* Nav */
#templatemo_nav_top { min-height: 40px;}
#templatemo_nav_top * { font-size: .9em !important;}
#templatemo_main_nav a { color: #173b6e;}
#templatemo_main_nav a:hover { color: #1353a7;}
#templatemo_main_nav .navbar .nav-icon { margin-right: 20px;}

/* Hero Carousel */
#template-mo-zay-hero-carousel { background: #efefef !important;}
#template-mo-zay-hero-carousel .carousel-inner {
  min-height: 640px;
}
#template-mo-zay-hero-carousel .carousel-item {
  min-height: 640px;
}
#template-mo-zay-hero-carousel .hero-slide-media {
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#template-mo-zay-hero-carousel .hero-slide-row {
  min-height: 640px;
  align-items: center;
}
#template-mo-zay-hero-carousel .hero-slide-img {
  width: 100%;
  max-height: 360px;
  object-fit: contain;
}
/* Accordion */
.templatemo-accordion a { color: #1d3d70;}
.templatemo-accordion a:hover { color: #1353a7;}
/* Shop */
.shop-top-menu a:hover { color: #1353a7 !important;}
/* Product */
.product-wap { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10);}
.product-wap .product-color-dot.color-dot-red { background:#f71515;}
.product-wap .product-color-dot.color-dot-blue { background:#6db4fe;}
.product-wap .product-color-dot.color-dot-black { background:#000000;}
.product-wap .product-color-dot.color-dot-light { background:#e0e0e0;}
.product-wap .product-color-dot.color-dot-green { background:#0bff7e;}
.card.product-wap .card .product-overlay {
  background: rgba(0,0,0,.2);
  visibility: hidden;
  opacity: 0;
  transition: .3s;
}
.card.product-wap:hover .card .product-overlay {
  visibility: visible;
  opacity: 1;
}
.card.product-wap a { color: #000;}
#carousel-related-product .slick-slide:focus { outline: none !important;}
#carousel-related-product .slick-dots li button:before {
  font-size: 15px;
  margin-top: 20px;
}
/* Brand */
.brand-img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: .5s;
}
.brand-img:hover {
  filter: grayscale(0%);
  opacity: 1;
}
/* Carousel Hero */
#template-mo-zay-hero-carousel .carousel-indicators li {
  margin-top: -50px;
  background-color: #2109c1;
}
#template-mo-zay-hero-carousel .carousel-control-next i,
#template-mo-zay-hero-carousel .carousel-control-prev i {
  color: #1353a7 !important;
  font-size: 2.8em !important;
}
/* Pricing Plans */
.pricing-section {
  position: relative;
}
.pricing-section .plan-grid {
  margin-top: 1rem;
}
.plan-card {
  border: 1px solid #cde3f3;
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(1000px 200px at -20% 0%, #dff5ff 0%, transparent 45%),
    linear-gradient(165deg, #ffffff 0%, #f6fbff 100%);
  box-shadow: 0 10px 25px rgba(15, 61, 102, 0.08);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.plan-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(15, 61, 102, 0.16);
  border-color: #7dc8ee;
}
.plan-card-featured {
  border-color: #04b2d9;
  background:
    radial-gradient(900px 220px at 120% 0%, #d8fbff 0%, transparent 50%),
    linear-gradient(165deg, #effbff 0%, #e6f7ff 100%);
  box-shadow: 0 16px 34px rgba(4, 178, 217, 0.22);
}
.plan-card .card-body {
  padding: 1.6rem 1.4rem;
}
.plan-badge {
  display: inline-block;
  padding: .34rem .82rem;
  border-radius: 999px;
  background: #dff5ff;
  color: #125f83;
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.plan-ribbon {
  align-self: flex-start;
  margin-bottom: .65rem;
  padding: .28rem .72rem;
  border-radius: 999px;
  background: #0b6fa7;
  color: #fff;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.plan-price {
  font-size: 2.1rem;
  font-weight: 700 !important;
  color: #173b6e;
  margin-bottom: .35rem;
}
.plan-price small {
  font-size: 1rem;
  color: #5b6b7f;
}
.plan-features {
  padding-left: 1.05rem;
  margin-bottom: 1.5rem;
}
.plan-features li {
  margin-bottom: .42rem;
  color: #173b6e;
  line-height: 1.35;
}
.plan-features li::marker {
  color: #04b2d9;
}
.plan-cta {
  border: 0;
  border-radius: 12px;
  padding: .72rem 1rem;
  font-weight: 700;
  letter-spacing: .01em;
  color: #fff !important;
  background: linear-gradient(135deg, #0a70a6 0%, #04b2d9 100%);
  box-shadow: 0 8px 20px rgba(10, 112, 166, 0.28);
}
.plan-cta:hover {
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(10, 112, 166, 0.33);
}
/* Carousel Brand */
.tempaltemo-carousel .h1 {
  font-size: .5em !important;
  color: #000 !important;
}
/* Services */
.services-icon-wap {transition: .3s;}
.services-icon-wap:hover, .services-icon-wap:hover i {color: #fff;}
.services-icon-wap:hover {background: #021324 ;}
/* Contact map */
.leaflet-control a, .leaflet-control { font-size: 10px !important;}
.form-control { border: 1px solid #137897;}
/* Footer */
#tempaltemo_footer a { color: #dcdde1;}
#tempaltemo_footer a:hover { color: #1353a7;}
#tempaltemo_footer ul.footer-link-list li { padding-top: 10px;}
#tempaltemo_footer ul.footer-icons li {
  width: 2.6em;
  height: 2.6em;
  line-height: 2.6em;
}
#tempaltemo_footer ul.footer-icons li:hover {
  background-color: #cfd6e1;
  transition: .5s;
}
#tempaltemo_footer ul.footer-icons li:hover i {
  color: #212934;
  transition: .5s;
}
#tempaltemo_footer .border-light { border-color: #2d343f !important;}
/*
// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up)*/
.product-wap .h3, .product-wap li, .product-wap i, .product-wap p {
  font-size: 12px !important;
}
.product-wap .product-color-dot {
  width: 6px;
  height: 6px;
}

.login-button{
  background: #07aeff;
  color: white !important;
  padding: 15px;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.6s;
}

.login-button:hover{
  background: #044a6d;
}

@media (min-width: 576px) {
  #template-mo-zay-hero-carousel .carousel-inner {
    min-height: 680px;
  }
  #template-mo-zay-hero-carousel .carousel-item {
    min-height: 680px;
  }
  #template-mo-zay-hero-carousel .hero-slide-row {
    min-height: 680px;
  }
  #template-mo-zay-hero-carousel .hero-slide-media {
    min-height: 390px;
  }
  #template-mo-zay-hero-carousel .hero-slide-img {
    max-height: 390px;
  }
  .tempaltemo-carousel .h1 { font-size: 1em !important;}
  .navbar-brand{
    font-size: 35px !important;
  }
  /* #tempaltemo_footer .bg-dark ul, li, p, a, label, input, div {
    font-size: 16px !important;
  } */
  
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  #templatemo_main_nav .navbar-nav {max-width: 450px;}
  
  
 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  #templatemo_main_nav .navbar-nav {max-width: 550px;}
  #template-mo-zay-hero-carousel .carousel-inner {
    min-height: 700px;
  }
  #template-mo-zay-hero-carousel .carousel-item {
    min-height: 700px !important;
  }
  #template-mo-zay-hero-carousel .hero-slide-row {
    min-height: 700px;
  }
  #template-mo-zay-hero-carousel .hero-slide-media {
    min-height: 430px;
  }
  #template-mo-zay-hero-carousel .hero-slide-img {
    max-height: 430px;
  }
  .product-wap .h3, .product-wap li, .product-wap i, .product-wap p {font-size: 18px !important;}
  .product-wap .product-color-dot {
    width: 12px;
    height: 12px;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}