/* 1.1 typography */

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
}

p, .paragraph {
  font-weight: 400;
  color: #666;
  font-size: 14px;
  line-height: 25px;
  font-family: "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #222;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

h1, .h1 {
  font-size: 50px;
}

@media (max-width: 400px) {
  h1, .h1 {
    font-size: 30px;
  }
}

h2, .h2 {
  font-size: 26px;
}

h3, .h3 {
  font-size: 30px;
}

h4, .h4 {
  font-size: 20px;
}

h5, .h5 {
  font-size: 18px;
}

h6, .h6 {
  font-size: 14px;
}

.v-title {
    font-size: 18px;
    color: #000;
}
.img-80 {
    width: 80px;
}

.fr{
    float:right;
}

.pt-120 {
    padding-top:120px!important;
}

.product-p20 {
    padding: 12px;
    display: flex;
    font-size: 16px;
    font-weight: 600;
}

.border-white {
    border:solid 1px #fff;
}


.p-3-z {
    padding:12px;
}
/* 1.3 Button style */
.btn {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    text-transform: capitalize;
    padding: 6px 22px;
    border-radius: 35px;
    font-weight: 600;
    border: 0;
    position: relative;
    z-index: 1;
    transition: .2s ease;
}

.btn:focus {
  outline: 0;
  box-shadow: none !important;
}

.btn:active {
  box-shadow: none;
}

.btn-primary {
    background: #009de1;
    color: #fff;
}

.btn-primary:active {
  background: #e84444 !important;
}

.btn-primary:hover {
  background: #ee7171;
}

.btn-secondary {
  background: #303032;
  color: #fff;
}

.btn-secondary:active {
  background: #e84444 !important;
}

.btn-secondary:hover {
  background: #e84444 !important;
  background: #ee7171;
}

.btn-light {
  background: #fff;
  color: #222;
  border: 2px solid #fff;
}

.btn-light:hover {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.btn-outline {
  background: transparent;
  color: #222;
  border: 2px solid #303032;
}

.btn-outline:hover {
  background: #303032;
  color: #fff;
}

.btn-sm {
    padding: 7px 24px !important;
}

.py-10-z {
    padding: 6px 6px 2px 6px;
}

.card-link .fa-plus,
.card-link .fa-minus {
    color: #acacac !important;
    font-size: 12px;
}

.dark-bg {
    background-color: #444;
    color: #fff;
}

.disp-grid {
    display: grid;
}

.pl-15 {
    padding-left:15px;
}

.p-title-1 {
    font-size: 16px;
    font-weight: 600;
    color: #0068b4;
}

.p-title-2 {
    font-size: 14px;
    font-weight: 400;
    color: #e84444;
}

/* 1.2 common style */
body {
    background-color: #fff;
    overflow-x: hidden;
}

.rounded-z {
    border-radius:50%!important;
}

::-moz-selection {
  background: #ee7171;
  color: #fff;
}

::selection {
  background: #ee7171;
  color: #fff;
}

/* preloader */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

ol,
ul {
  list-style-type: none;
  margin: 0px;
}

img {
  vertical-align: middle;
  border: 0;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

a {
  transition: .2s ease;
}

a:hover {
  color: #e84444;
}

a.text-dark:hover,
a.text-white:hover {
  color: #e84444 !important;
}

a,
button {
  cursor: pointer;
}

.outline-0 {
  outline: 0;
}

.d-unset {
  display: unset !important;
}

.slick-slide {
  outline: 0;
}

.centralized {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.f-18 {
   font-size:18px;
}

.f-16 {
    font-size: 16px;
    color: #fff;
}

.hilighted {
  background: #303032;
  color: #919E4D;
  border-radius: 3px;
  padding: 2px 5px;
}

.section {
  padding: 100px 0;
}
.section-pp {
    padding: 40px 0;
}
@media (max-width: 575px) {
  .section {
    padding: 80px 0;
  }
}

.two-column {
 /*   columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;*/
}

.section-sm {
  padding: 20px 6px;
}

.section-title {
  margin-bottom: 55px;
}

.section-title-sm {
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;

}

.overlay {
  position: relative;
}

    .overlay::before {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
   
    }

.overlay-dark {
  position: relative;
}

.overlay-dark::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: .8;
}

.overlay-primary {
  position: relative;
}

.overlay-primary::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #e84444;
  opacity: .6;
}

.overlay-white {
  position: relative;
}

.overlay-white::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: .7;
}

.overlay-rounded::before {
  border-radius: 5px;
}

.section-title-border {
  position: relative;
}

.brand-logo-icon {
    float: left;
    margin-right: 20px;
    width: 70px;
}

.space-sect {
    margin-bottom: 60px !important;
}

/*.section-title-border::before {
  position: absolute;
  content: '';
  height: 2px;
  width: 120px;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #e84444;
}

.section-title-border::after {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #e84444;
  box-shadow: 0 0 0 5px #fff;
  bottom: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}*/

.section-title-border-gray {
  position: relative;
}

/*.section-title-border-gray::before {
  position: absolute;
  content: '';
  height: 2px;
  width: 120px;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #e84444;
}

.section-title-border-gray::after {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #f5f5f5;
  border: 2px solid #e84444;
  box-shadow: 0 0 0 5px #f5f5f5;
  bottom: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
*/
.section-title-border-half {
  position: relative;
}

.about-four-image {
    max-width: 222px;
    float: left;
    border-radius: 10px;
}
.about-gallery-image {
    position: relative;
    width: 100%;
    max-width: 220px;
    float: left;
    padding: 4px;

}


    .about-gallery-image .image-overlay {
        position: absolute;
        top: 0;
        left: 0;
        /* background: rgba(0, 0, 0, 0.60);*/
        height: 100%;
        width: 100%;
        padding: 15px 25px;
        opacity: 0;
        transition: .2s;
        border-radius: 10px;
    }

        .about-gallery-image .image-overlay i {
            position: absolute;
            color: #fff;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            display: inline-block;
            font-size: 24px;
            transition: .2s ease;
            padding: 10px;
        }

            .about-gallery-image .image-overlay i:hover {
                font-size: 30px;
            }


        .about-gallery-image .image-overlay p {
            position: absolute;
            bottom: 15px;
            color: #fff;
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            opacity: 0;
            transition: .3s ease;
            transition-delay: .1s;
        }

    .about-gallery-image:hover .image-overlay {
        opacity: 1;
    }

    .about-gallery-image:hover a.f-18,
    .about-gallery-image:hover a.h4,
    .about-gallery-image:hover p {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

.mission-block {
    border: solid 1px #ddd;
    padding: 14px;
}

.mission-l {
    margin-top: -60px;
    background-color: #fff;
    padding: 6px;
    border: solid 1px #ddd;
    width: 70px;
    margin-left: 10px;
}

.service-l {
    background-color: #f4f4f4;
    /* padding: 6px; */
    margin-right: 20px;
    width: 214px;
    height: 150px;
}

.service-block-list ul {
    list-style-type: none;
    padding: 20px 10px 10px 10px;
    margin: 0;
}

.mission-block ul li {
  display:block;
}

.sub-title-services {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #7d7d7d;
}
.service-block-list {
    /* padding: 10px; */
    display: flex;
    margin-block: 30px;
    background-color: #f4f4f4;
}

    .service-block-list ul {
        list-style-type: none;
        padding: 24px 10px 10px 10px;
        margin: 0;
    }


    .service-block-list ul li{
       position:relative;
    }

        .service-block-list ul li:first-child {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 10px;
        }


        .service-block-list ul li:last-child {
            font-size: 14px;
            font-weight: 500;
        }



/*    .section-title-border-half::before {
        position: absolute;
        content: '';
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: transparent;
        border: 2px solid #e84444;
        bottom: -14px;
        left: 0;
        background-color: #e84444;
    }

.section-title-border-half::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 50px;
  left: 15px;
  bottom: -10px;
  background: #e84444;
}*/

.sub-title-brands {
    font-size: 16px;
    margin-bottom: 40px;
    font-weight: 600;
    color: #7d7d7d;
}

.section-title-border-half-white {
  position: relative;
}

.section-title-border-half-white::before {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #fff;
  bottom: -14px;
  left: 0;
}

.section-title-border-half-white::after {
  background: #fff;
  position: absolute;
  content: '';
  height: 2px;
  width: 50px;
  left: 15px;
  bottom: -10px;
}

.contact-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #b41c34;
}

.eposta-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #b41c34;
}

.contact-box-shadow {
    /* box-shadow: 0px 10px 35px 0px rgb(0 0 0 / 10%); */
    border: solid 1px #777777;
}

.comment-contact {
    margin-bottom: 30px;
    font-size: 14px;
}

.h22 {
    font-size: 20px;
}

.sending-message {
    font-size: 16px;
    color: #0dad0b;
    font-weight: 500;
    text-align: center;
    margin-bottom: 100px;
    margin-left: 15px;
}



/* Fixed Top Header And Logo Shrink s */

.navigation {
    border-bottom: #dedede solid 1px;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
    background-color: #000;
}

    .navigation.fixed-type {
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 5;
        transition: top 0.6s ease;
        -webkit-transition: top 0.6s ease;
        -moz-transition: top 0.6s ease;
        -o-transition: top 0.6s ease;
        background: #000;
        width: 100%;
        height: 80px;
        box-shadow: 0 1px 2px 0 rgb(85 85 85 / 50%);
        border-bottom: 0 !important;
    }

.navbar-brand {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.navbar {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all ease .3s;
}

.navbar-default .navbar-nav > li > a {
    color: #573E7D !important;
}

.dropdown-menu > li > a {
    color: #573E7D !important;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #3B2A54 !important;
}

.shrink-nav {
    padding-top: 2px !important; /*changeable*/
    padding-bottom: 0px !important; /*changeable*/
}

.logo img {
    margin-top: 5px;
    width: 180px !important; changeable
    transition: width ease-in-out .3s;
}

.shrink-logo img {
    transition: width ease-in-out .3s;
    width: 114px !important;
   /* top: 46% !important;*/
}

.shrink-nav .navbar-brand {
    position: absolute;
    height: 90px;
    text-align: center;
    z-index: 9;
    background: none !important;
    box-shadow: none;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%) !important;
    background-color: #fff !important;
  /*  height: 110px !important;*/
}


.shrink-nav .navbar-nav .nav-item {
    padding: 18px 0px 0px 0px !important;
}

.navbar-nav ul li:nth-child(8) {
    margin-left: 50px;
}

.shrink-nav .navbar-nav .nav-item:last-child {
    /* padding: 28px 0 28px 30px; */
    margin-left: 50px;
}


.slider {
    z-index: 4;
  /*  margin-top: -80px;*/
}

.motto-1 {

      margin-top: 180px;
}


.btn-pp {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    text-transform: capitalize;
    padding: 6px 22px;
    border-radius: 6px;
    font-weight: 600;
    border: 0;
    position: relative;
    z-index: 1;
    transition: .2s ease;
    background: #009de1;
    padding: 7px 20px !important;
}


@media(max-width:767px) {
    .logo img {
         width: 80px !important; 
        /* background-color: #fff; */
        border-radius: 6px;
        /* margin-top: 20px !important; */
        position: absolute;
    }

    .shrink-logo img {
        /* margin-top: 10px; */
        width: 100px !important;
    }

    .section-pp {
        padding: 0px 0!important;
    }

    .space-sect {
        margin-bottom: 20px!important;
    }


    .navigation .navbar-brand {
        padding: 0px!important;
    }
    .hero-slider.slick-slider {
        margin-bottom: 50px!important;
    }
}


@media(max-width:560px) {
    .top-header {
        display:none;
    }

 
}
/* Fixed Top Header And Logo Shrink e */

.sub-title-banner {
    font-size:30px;
    font-weight:600;
}
/* 1.2.1 page title */
.page-title {
    background-position: center center;
    background-repeat: no-repeat;
    /* background-size: cover; */
   /* padding: 160px 0 100px;*/
}

/* breadcrumb */
.breadcrumb {
  background-color: transparent !important;
  justify-content: center;
}

.breadcrumb li,
.breadcrumb a {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 12px;
  margin: 0 10px;
}

.breadcrumb a {
  position: relative;
}

.breadcrumb a::before {
  position: absolute;
  content: '/';
  right: -17px;
  top: 2px;
  height: 12px;
}

/* 1.2.2 404 page start */
.page-404 {
  padding: 600px 0 60px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .page-404 {
    padding: 450px 0 50px;
  }
}

@media (max-width: 575px) {
  .page-404 {
    padding-top: 250px;
  }
}

@media (max-width: 400px) {
  .page-404 {
    padding-top: 150px;
  }
}

.page-404 h1 {
  font-size: 40px;
}

/* 404 page end */
/* play-icon */
.play-icon {
  width: 85px;
  height: 85px;
  border: 3px solid #fff;
  border-radius: 50%;
  display: block;
  text-align: center;
}

.play-icon:focus {
  outline: 0;
}

.play-icon i {
  line-height: 79px;
  display: block;
  font-size: 30px;
  color: #fff;
}

/* round icon */
.round-icon {
    height: 70px;
    min-width: 70px;
    max-width: 70px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    background: #009de1;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    color: #0c0000;
    display: inline-block;
}

/* 18. squre icon */
.square-icon {
    height: 60px;
    width: 60px;
    background: #ffffff;
    color: #fff;
    font-size: 35px;
    line-height: 53px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
}

/* team social icon */
.social-icon-lg {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 25px;
  display: inline-block;
}

.social-icon-lg i {
  margin: 0;
  color: #fff;
}

.box-shadow {
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
}

.golden {
  color: #efaf27 !important;
}

.bg-gray {
  background-color: #f5f5f5;
}

.bg-primary {
  background-color: #e84444 !important;
}

.bg-secondary {
/*    background-color: #303032 !important;*/
    background-color: #0068b4 !important;
}


.bg-footer {
        background-color: #ccc !important;

}

.text-primary {
  color: #e84444 !important;
}

.bg-facebook {
  background-color: #4267b2;
}

.bg-twitter {
  background-color: #449de8;
}

.bg-linkedin {
  background-color: #2f6ea3;
}

.bg-google {
  background-color: #e62211;
}

.text-color {
  color: #666;
}

.text-dark {
  color: #222;
}

.text-underline {
  text-decoration: underline;
}

.text-underline:hover {
  text-decoration: underline;
}

.font-primary {
  font-family: "Poppins", sans-serif;
}

.font-secondary {
  font-family: "Open Sans", sans-serif;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .mb-md-50 {
    margin-bottom: 50px;
  }
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 100px;
}

.py-10 {
  padding: 10px 0;
}

.py-50 {
  padding: 50px 0;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}


.py-100-k {
    padding-top: 80px;
    padding-bottom: 10px;
}

/*.py-160 {
  padding: 160px 0;
}
*/
.ml-65 {
  margin-left: 65px;
}

.pb-xl-200-lg-100 {
  padding-bottom: 200px;
}

@media (max-width: 1199px) {
  .pb-xl-200-lg-100 {
    padding-bottom: 100px;
  }
}

.mb-xl-150-lg-100 {
  margin-bottom: 150px;
}

@media (max-width: 1199px) {
  .mb-xl-150-lg-100 {
    margin-bottom: 100px;
  }
}

.translateY-25 {
  -webkit-transform: translateY(18px);
          transform: translateY(18px);
}

.translateY-10 {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.translateY-33 {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}

/* 2. Navigation */
.top-header {
    background: #000;
}

@media (max-width: 575px) {
  .top-header ul {
    text-align: center;
  }
}

.top-header ul li {
  margin: 15px 0;
}

@media (max-width: 575px) {
  .top-header ul li {
    margin: 10px 0;
  }
}

.top-header ul li a {
  display: inline-block;
  padding: 0 20px;
  border-right: 1px solid #e5e5e5;
  color: #fff;
}


.top-header ul li a:hover {
    color: #ff0000;
}

@media (max-width: 575px) {
  .top-header ul li a {
    border: 0;
  }
}

/*.top-header ul li a span {
    color: #0068b4;
}*/

.top-header ul li:last-child a {
  padding-right: 0;
  border-right: 0;
}

.navigation .navbar {
  padding: 0;
 /* background: #fff !important;*/
  position: relative;
}

.navigation .navbar-brand {
    position: absolute;
    left: 0;
    top: 20px;
   /* height: 176px;*/
    /* width: 220px; */
    background: #fff;
    text-align: center;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
    z-index: 9;
    border-radius: 10px;
    padding: 10px;
    display: inline-table;
}

@media (max-width: 991px) {
  .navigation .navbar-brand {
    position: relative;
    height: unset;
    width: unset;
    box-shadow: none;
    top: 24px;
/*    background: none;*/
  }
  .navigation .navbar-brand img {
 /*   height: 50px;*/
    width: auto;
  }

    .navigation .navbar-brand img {
        position: relative;
    /*    top: 46%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);*/
    }
}

.navigation .navbar-brand img {
    position: relative;
    /* top: 46%; */
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
}

.navigation .navbar .nav-item {
    padding: 30px 0 0px 14px;
}

@media (max-width: 991px) {
  .navigation .navbar .nav-item {
    padding: 0;
  }
    .shrink-nav .navbar-nav .nav-item:last-child {
        /* padding: 28px 0 28px 30px; */
        margin-left: 50px;
        margin-right: 50px;
    }

}

.navigation .navbar .nav-item .nav-link {
/*  padding: 15px 10px;*/
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #fff!important;
  text-transform: uppercase;
  transition: .2s ease;
  font-size: 15px;
}

@media (max-width: 1199px) {
  .navigation .navbar .nav-item .nav-link {
    font-size: 12px;
    padding: 15px 6px;
  }
}

@media (max-width: 991px) {
  .navigation .navbar .nav-item .nav-link {
    padding: 15px 0;
    font-size: 14px;
    text-align: center;
  }
}

.navigation .navbar .nav-item .nav-link:hover {
  color: #e84444;
}

.navigation .navbar .nav-item:last-child {
  padding: 28px 0 28px 30px;
}

@media (max-width: 991px) {
  .navigation .navbar .nav-item:last-child {
    padding: 0;
    margin-bottom: 20px;
  }
}

.navigation .navbar .nav-item:last-child .nav-link {
  color: #fff;
}

.navigation .navbar .nav-item:last-child .nav-link.pgactive {
  color: #e84444;
}

.navigation .navbar .nav-item.active .nav-link {
  color: #e84444;
}

.navigation .navbar .dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.navigation .navbar .dropdown-menu {
    /* box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 12%); */
    padding: 20px 16px;
    border: 0;
    border-radius: 0;
    top: 80%;
    left: -20px;
    display: block;
    visibility: hidden;
    transition: .3s ease;
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
}

@media (max-width: 991px) {
  .navigation .navbar .dropdown-menu {
    display: none;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: unset;
            transform-origin: unset;
  }
}

.navigation .navbar .dropdown-menu.show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

@media (max-width: 991px) {
  .navigation .navbar .dropdown-menu.show {
    display: block;
  }
}

.navigation .navbar .dropdown-item {
  position: relative;
  color: #848484;
  transition: .2s ease;
}

.navigation .navbar .dropdown-item:not(:last-child) {
  margin-bottom: 0px;
}

    .navigation .navbar .dropdown-item:hover {
        color: #ff0000;
        text-decoration: underline;
        background-color: #f2f2f2;
        text-decoration: none;
    }

.navigation .navbar .dropdown-item::before {
 /* position: absolute;
  content: '';
  left: 5px;
  top: 12px;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: #848484;
  border: 1px solid #fff;
  display: inline-block;
  box-shadow: 0 0 0 2px #848484;*/
}

@media (max-width: 991px) {
  .navigation .navbar .dropdown-item {
    text-align: center;
  }
  .navigation .navbar .dropdown-item::before {
    display: none;
  }
}

/* 2.3. Search Form */
.search-form {
    padding: 50px 0;
    background: #009de0;
    position: absolute;
    width: 100%;
    top: -800px;
    z-index: 10;
    transition: .3s ease-in;

}

.search-form .close {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #fff;
}

    .search-form .close i {
        transition: .3s ease;
        display: inline-block;
        font-size: 31px;
    }

.search-form .close:hover i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.search-form.open {
  top: 0;
}

    .search-form .form-control {
        background: transparent;
        border: 2px solid #ffffff;
        border-radius: 0;
        font-size: 20px;
        transition: .3s ease;
        position: relative;
        color: #fff;
        height: 100px;
        padding: 30px 40px;
        border-radius: 50px;
    }

    .search-form h3 {
        font-size: 30px;
        color: #fff;
        margin-bottom: 25px;
        padding-left: 30px;
    }

.search-form .input-wrapper {
  position: relative;
}

.search-form .input-wrapper button {
  background: none;
  border: 0;
  position: absolute;
  font-size: 20px;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  padding: 20px;
}

    .search-form .input-wrapper button i {
        color: #fff;
        font-size: 24px;
    }

/* 3. hero area */
.hero-slider.slick-slider {
  margin-bottom: 80px;
}

.hero-slider [data-animation-in] {
  opacity: 0;
}

.hero-slider-item {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  outline: 0;
  height:750px;
}

.hero-slider .prevArrow,
.hero-slider .nextArrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: rgba(48, 48, 50, 0.5);
  color: #fff;
  border: 0;
  font-size: 25px;
  line-height: 50px;
  opacity: 0;
  transition: all linear .2s;
  z-index:4;
}

@media (max-width: 575px) {
  .hero-slider .prevArrow,
  .hero-slider .nextArrow {
    display: none;
  }
}

.hero-slider .prevArrow:focus,
.hero-slider .nextArrow:focus {
  outline: 0;
}

.hero-slider .prevArrow:hover,
.hero-slider .nextArrow:hover {
  background: rgba(232, 68, 68, 0.5);
}

.hero-slider .prevArrow {
  left: 20px;
}

.hero-slider .nextArrow {
  right: 20px;
}

.hero-slider:hover .prevArrow,
.hero-slider:hover .nextArrow {
  opacity: 1;
}

.hero-slider .slick-dots {
    /* bottom: -81px; */
    padding-left: 0;
    text-align: center;
    /* border-bottom: 1px solid #7d7d7d; */
    background-color: #7d7d7d;
    height: 25px;
}
    .hero-slider .slick-dots li {
        width: 100%;
        max-width: 120px;
        height: 25px;
        background: #009de1;
        margin: 0;
        display: inline-block;
        position: relative;
        /* @include mobile-xs {
                    width: 50px;
                } */
    }

@media (max-width: 1199px) {
  .hero-slider .slick-dots li {
    width: 230px;
  }
}

@media (max-width: 991px) {
  .hero-slider .slick-dots li {
    width: 180px;
  }
}

@media (max-width: 767px) {
  .hero-slider .slick-dots li {
    width: 120px;
  }
}

@media (max-width: 575px) {
  .hero-slider .slick-dots li {
    width: 25%;
  }
}

.hero-slider .slick-dots li::before {
/*  position: absolute;
  content: '';
  left: 50%;
  top: -12px;
  height: 25px;
  width: 25px;
  background: #303032;
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
  opacity: 0;*/
}

.hero-slider .slick-dots li a {
    display: block;
    position: relative;
    text-align: center;
    transition: .3s ease;
    color: #303032;
    height: 25px;
    border-right: solid 4px #7d7d7d;
}

.hero-slider .slick-dots li a i {
  display: inline-block;
  font-size: 30px;
  line-height: 80px;
  margin-right: 15px;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .hero-slider .slick-dots li a i {
    font-size: 20px;
    margin-right: 5px;
  }
}

@media (max-width: 767px) {
  .hero-slider .slick-dots li a i {
    margin: 0;
  }
}

.hero-slider .slick-dots li a span {
  font-size: 18px;
  font-weight: 500;
  line-height: 80px;
}

@media (max-width: 991px) {
  .hero-slider .slick-dots li a span {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .hero-slider .slick-dots li a span {
    /*display: none;*/
  }
}

.hero-slider .slick-dots li.slick-active {
    background-color: #b71f38;
}

.hero-slider .slick-dots li.slick-active a {
  color: #fff;
}

.hero-slider .slick-dots li.slick-active::before {
/*  opacity: 1;*/
}

.hero-content h4 {
  letter-spacing: 2px;
}

/*--------------------------------------------------------------
	swipwe slider
--------------------------------------------------------------*/
.swiper {
  /* slider dots */
  /* slider arrows */
}

.swiper-slider {
  width: 100%;
  min-height: calc(100vh - 150px);
  display: flex;
  position: relative;
  z-index: 0;
}

.swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.swiper-slide {
  overflow: hidden;
}

.swiper-slide .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(232, 68, 68, 0.2);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #e84444;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
}

.swiper-button-prev, .swiper-button-next {
  background: transparent;
  width: auto;
  height: auto;
  opacity: 0.3;
  text-align: center;
  transition: all 0.3s;
}

@media (max-width: 767px) {
  .swiper-button-prev, .swiper-button-next {
    display: none;
  }
}

.swiper-button-prev:hover, .swiper-button-next:hover {
  opacity: 1;
}

.swiper-button-prev {
  left: 25px;
}

.swiper-button-prev::before {
  font-family: "themify";
  content: "\e64a";
  font-size: 40px;
  color: #e84444;
}

.swiper-button-next {
  right: 25px;
}

.swiper-button-next::before {
  font-family: "themify";
  content: "\e649";
  font-size: 40px;
  color: #e84444;
}

/* 5. progrgess bar start */
.progressbar-title {
  font-size: 17px;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 7px;
  color: #222 !important;
}

.progress {
  border-radius: 35px;
  overflow: visible;
  margin-bottom: 35px;
  /* 5.2 progressbar value */
}

.progress-bar {
  background-color: #303032;
  border-radius: 35px;
  position: relative;
}

.progress-bar-value {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #fff;
  background: #303032;
  padding: 5px 9px;
  position: absolute;
  top: -35px;
  right: -15px;
  border-radius: 5px;
}

.progress-bar-value::before {
  position: absolute;
  content: '';
  bottom: -5px;
  left: 50%;
  background: #303032;
  height: 10px;
  width: 10px;
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
}

/* progrgess bar End */
/* 6. mission section start */
.card-header:first-child {
  border-radius: 35px;
}

/* 7. promo video section start */
.promo-video {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.promo-video p {
  font-family: "Work Sans", sans-serif;
}

/* promo video section end */
/* 8. testimonial section start */
.testimonial-slider {
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

.testimonial-slider .prevArrow,
.testimonial-slider .nextArrow {
  position: absolute;
  top: 85px;
  border: 0;
  font-size: 20px;
  background: transparent;
  color: #e84444;
  z-index: 9;
}

.testimonial-slider .prevArrow:focus,
.testimonial-slider .nextArrow:focus {
  outline: 0;
}

.testimonial-slider .prevArrow {
  right: 90px;
}

.testimonial-slider .nextArrow {
  right: 50px;
}

.testimonial-slider .slick-disabled {
  color: #e5e5e5;
}

.testimonial-icon {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background: #f5f5f5;
  color: #e84444;
  font-size: 25px;
  line-height: 80px;
  display: inline-block;
  text-align: center;
  margin-bottom: 25px;
}

/* testimonial section end */
/* 10. client logo slider start */
.client-logo-slider .slick-track {
  display: flex;
  align-items: center;
}

/* client logo slider end */
/* 11. fun-facts section start */
.fun-facts {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* fun-facts section end */
/* 12. consultation section start */
.consultation {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* consultation section end */
/* 16. call to action start */
.cta {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* card */
.card-img-wrapper {
  position: relative;
}

.card-img-wrapper::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0;
  top: 0;
  left: 0;
  transition: .2s;
}

.card-body-2 {
  position: relative;
  transition: .2s ease;
  border-radius: 0 0 5px 5px;
}

    .card-body-2::before {
        position: absolute;
        content: '';
        height: 20px;
        width: 20px;
        background: #fff;
        top: -8px;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate( -45deg );
        transform: translateX(-50%) rotate(-45deg);
        transition: .2s ease;
    }

.card:hover .card-img-wrapper::before {
  opacity: .4;
}

.card:hover .card-body-2 {
  background: #e84444;
}

.card:hover .card-body-2 h5,
.card:hover .card-body-2 h6,
.card:hover .card-body-2 a {
  color: #fff;
}

.card:hover .card-body-2::before {
  background: #e84444;
}

.overlay-rounded-top::before {
  border-radius: 5px 5px 0 0;
}

/* 13. about section */
.about {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  /* 13.4 about video */
  /* 13.6 about slider */
}

.about-video {
  min-height: 300px;
}

.about-slider {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.about-slider .prevArrow,
.about-slider .nextArrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  border: 0;
  line-height: 55px;
  text-align: center;
  background: #fff;
  transition: .2s ease;
}

.about-slider .prevArrow:focus,
.about-slider .nextArrow:focus {
  outline: 0;
}

.about-slider .prevArrow:hover,
.about-slider .nextArrow:hover {
  background: #e84444;
  color: #fff;
}

.about-slider .prevArrow {
  left: 25px;
}

.about-slider .nextArrow {
  right: 25px;
}

/* 13.8 ceo section start */
.ceo-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
}

/* ceo section end */
/* 14.3 clients */
.clients {
  background-position: center right;
  background-size: 50%;
  background-repeat: no-repeat;
}

@media (max-width: 991px) {
  .clients {
    background-size: cover !important;
    background-position: center center;
    text-align: center;
  }
}

.clients ul li {
  height: 66px;
}

.clients ul li img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
}

/* 14.4 process */
.process-item {
  width: 330px;
}

@media (max-width: 1199px) {
  .process-item {
    width: unset;
  }
}

.process-item-number {
  position: absolute;
  left: -35px;
  top: -35px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  border-radius: 50%;
  text-align: center;
  background: #fff;
  box-shadow: -5px 0px 40px 0px rgba(0, 0, 0, 0.1);
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #222;
}

@media (max-width: 1199px) {
  .process-item-number {
    top: -35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.process-item h5 {
  margin-bottom: 5px;
  color: #e84444;
}

img.arrow-top {
  position: absolute;
  top: 220px;
  right: 250px;
}

@media (max-width: 1199px) {
  img.arrow-top {
    display: none;
  }
}

img.arrow-bottom {
  position: absolute;
  bottom: 100px;
  left: 250px;
}

@media (max-width: 1199px) {
  img.arrow-bottom {
    display: none;
  }
}

/* service single start */
.service-menu li.active {
  position: relative;
}

.service-menu li.active a {
  background: #303032;
  color: #fff !important;
}

.service-menu li.active::before {
  position: absolute;
  content: '';
  height: 15px;
  width: 15px;
  background: #303032;
  top: 50%;
  right: -7px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

@media (max-width: 991px) {
  .service-menu li.active::before {
    display: none;
  }
}

.service-menu li:hover a {
  color: #fff !important;
  background: #303032;
}

/* service single end */
/* 15. work section */
.work {
  /* 15.1 work slider */
}

.work-slider {
  /* 15.2 slick dots */
}

.work-slider-image {
  position: relative;
}

.work-slider-image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.60);
  height: 100%;
  width: 100%;
  padding: 15px 25px;
  opacity: 0;
  transition: .2s;
}

.work-slider-image .image-overlay i {
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  font-size: 24px;
  transition: .2s ease;
  padding: 10px;
}

.work-slider-image .image-overlay i:hover {
  font-size: 30px;
}

    .work-slider-image .image-overlay a.f-18,
    .work-slider-image .image-overlay a.h4 {
        position: absolute;
        bottom: 50px;
        color: #fff;
        transition: .2s ease;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }

        .work-slider-image .image-overlay a.f-18:hover,
        .work-slider-image .image-overlay a.h4:hover {
            color: #e84444;
        }

.work-slider-image .image-overlay p {
  position: absolute;
  bottom: 15px;
  color: #fff;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
  transition: .3s ease;
  transition-delay: .1s;
}

.work-slider-image:hover .image-overlay {
  opacity: 1;
}

    .work-slider-image:hover a.f-18,
    .work-slider-image:hover a.h4,
    .work-slider-image:hover p {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

.work-slider .slick-dots {
  padding-left: 0;
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.work-slider .slick-dots li {
  margin: 0 14px;
}

@media (max-width: 400px) {
  .work-slider .slick-dots li {
    margin: 0 2px;
  }
}

.work-slider .slick-dots li:first-child {
  margin-left: 0;
}

.work-slider .slick-dots li button {
  height: 10px;
  width: 40px;
  border-radius: 25px;
  color: transparent;
  overflow: hidden;
  border: 0;
  border: 2px solid #e5e5e5;
  background: transparent;
  outline: 0;
  display: block;
}

.work-slider .slick-dots li button::before {
  display: none;
}

@media (max-width: 400px) {
  .work-slider .slick-dots li button {
    width: 10px;
  }
}

.work-slider .slick-dots li.slick-active button {
  background-color: #000;
}

/* 19. project section */
.project {
  /* 19.1 project menu */
  /* 19.2 project item */
}

.project-menu ul li {
  padding: 5px 20px;
  border-radius: 35px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  background: #f5f5f5;
  margin: 0 10px 25px;
}

.project-menu ul li.active {
  background: #e84444;
  color: #fff;
}

.project-info {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: .2s ease;
}

.project-info a {
  color: #fff;
  position: absolute;
  left: 30px;
  bottom: 40px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}

.project-info a:hover {
  color: #e84444;
}

.project-info p {
  position: absolute;
  left: 25px;
  bottom: 0;
  color: #fff;
  transition: .2s ease;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  transition-delay: .1s;
}

.project-info p i {
  margin-right: 5px;
}

.project-info:hover {
  opacity: 1;
}

.project-info:hover a {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.project-info:hover p {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: .7;
}

/* 19.3 project single page start */
/* 19.4 nav tabs */
.nav-tabs {
  border: 0;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .nav-tabs {
    justify-content: center;
  }
}

.nav-tabs .nav-item:not(:last-child) {
  margin-right: 10px;
}

@media (max-width: 575px) {
  .nav-tabs .nav-item {
    margin-bottom: 10px;
  }
}

.nav-tabs .nav-item .nav-link {
    padding: 6px 20px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
    border-radius: 45px;
    text-align: center;
    vertical-align: middle;
    color: #222;
    transition: .2s ease;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
}

.nav-tabs .nav-item .active {
  background: #fff;
  color: #e84444;
  border-color: #e84444;
}

/* 19.5 tab content */
.tab-content {
  padding: 40px;
/*  margin-bottom: 60px;*/
  border-radius: 5px;
  background: #fff;
  border: 1px solid #e5e5e5;
}

.tab-content-item {
  margin-left: 20px;
}

.tab-content-item:not(:last-child) {
  margin-bottom: 45px;
}

.tab-content-item h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #222;
  margin-bottom: 25px;
  position: relative;
}

    .tab-content-item h6::before {
        position: absolute;
        content: "\f111";
        font-family: FontAwesome;
        top: 0;
        left: -20px;
        color: #ada6a6;
    }

.tab-content-item p {
  margin-bottom: 0;
}

.product-title {
    font-size:18px;
    font-weight:600;
}
/* project single page end */
/* 21.4.3 pagination */
.pagination .page-item .page-link {
    background: transparent;
    border: none;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    transition: .3s ease;
}

.pagination .page-item .page-link:hover {
  color: #e84444;
}

.pagination .page-item.active .page-link {
  color: #e84444;
}

.pagination .prev,
.pagination .next {
  border: 1px solid #e5e5e5;
  border-radius: 30px;
  padding: 5px 10px;
  transition: .3s ease;
}

.pagination .prev:hover,
.pagination .next:hover {
  border-color: #e84444;
}

.pagination .prev:hover .page-link,
.pagination .next:hover .page-link {
  color: #e84444;
}

.pagination .prev {
  margin-right: 30px;
}

.pagination .next {
  margin-left: 30px;
}

/* 21.4.1 post slider */
.post-slider {
  position: relative;
}

.post-slider .prevArrow,
.post-slider .nextArrow {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  top: 50%;
  border: 0;
  font-size: 20px;
  background: transparent;
  color: #e84444;
  z-index: 9;
  background: rgba(255, 255, 255, 0.8);
  transition: .3s ease;
}

.post-slider .prevArrow:focus,
.post-slider .nextArrow:focus {
  outline: 0;
}

.post-slider .prevArrow:hover,
.post-slider .nextArrow:hover {
  background: rgba(232, 68, 68, 0.25);
}

.post-slider .prevArrow {
  left: 40px;
}

.post-slider .nextArrow {
  right: 40px;
}

.post-slider .slick-disabled {
  color: #e5e5e5;
}

/* 21.4.4 sidebar */
.search-wrapper {
  position: relative;
}

.search-wrapper input {
  background: #f5f5f5;
  border-radius: 30px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  font-size: 13px;
}

    .search-wrapper::before {
        content: "\f002";
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        right: 20px;
        color: #666;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

ul.tag-list li {
  margin-bottom: 7px;
}

ul.tag-list li a {
  color: #666;
  padding: 10px 15px;
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 30px;
  font-size: 13px;
  transition: .3s ease;
}

ul.tag-list li a:hover {
  background: #e84444;
  border-color: #e84444;
  color: #fff;
}

.newsletter .form-control {
  font-weight: 400;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
  font-size: 13px;
}

/* 21.5 blog single start */
/* share icon */
.share-icon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
}

.share-icon i {
  color: #fff;
}

/* 21.5.7 blog sidebar */
.sidebar-box-shadow {
  box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.06);
}

/* blog single end */
/* 22. contact section */
.form-control {
  border-radius: 5px;
  padding: 0 15px 2px;
  height: 40px;
  margin-bottom: 15px;
  border: 1px solid #e5e5e5;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #666;
}

.form-control:focus {
  border-color: #e84444;
  box-shadow: none !important;
}

.form-control::-webkit-input-placeholder {
  color: #666;
}

.form-control:-ms-input-placeholder {
  color: #666;
}

.form-control::-ms-input-placeholder {
  color: #666;
}

.form-control::placeholder {
  color: #666;
}

/* 22.3 google map */
.map {
  position: relative;
}

    .map #map_canvas {
        height: 450px;
        max-width: 1140px;
        width: 100%;
        margin: 0 auto;

    }

/* 23.1 signup greetings */
.signup {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
  /* 23.2 signup form */
}

.signup-greeting {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 70px 0 140px;
  text-align: center;
}

@media (max-width: 1199px) {
  .signup-greeting {
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .signup-greeting {
    padding-top: 200px;
  }
}

@media (max-width: 575px) {
  .signup-greeting {
    padding-top: 400px;
  }
}

.signup-greeting img {
  margin-bottom: 50px;
  position: relative;
  z-index: 9;
}

.signup-greeting h4 {
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  z-index: 9;
}

.signup-greeting p {
  color: #fff;
  position: relative;
  z-index: 9;
  margin: 0 40px;
}

.signup-form {
  padding: 50px 50px 50px 35px;
}

@media (max-width: 1199px) {
  .signup-form {
    padding: 50px 15px 50px 0;
  }
}

@media (max-width: 767px) {
  .signup-form {
    padding: 50px;
  }
}

@media (max-width: 575px) {
  .signup-form {
    text-align: center;
  }
}

.signup-form h4 {
  float: left;
  font-size: 26px;
  margin-bottom: 35px;
}

@media (max-width: 575px) {
  .signup-form h4 {
    float: unset;
  }
}

.signup-form a {
  color: #e84444;
}

.signup-form .btn {
  margin-top: 30px;
}

.signup-form p.signup-with {
  display: inline-block;
  margin-top: 42px;
}

.signup-form ul {
  margin-top: 37px;
  display: inline-block;
}

.signup-form ul li a {
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
}

/* 24. comming soon */
.comming-soon {
  height: 100vh;
  background-size: cover;
  display: flex;
  align-items: center;
}

.comming-soon h1 {
  font-size: 50px;
  font-weight: 600;
}

@media (max-width: 575px) {
  .comming-soon h1 {
    font-size: 30px;
  }
}

.comming-soon .form-control {
  height: 45px;
  border-radius: 45px;
  position: relative;
  background: transparent;
  border: 1px solid #e5e5e5;
  color: #fff;
  margin-bottom: 40px;
}

.comming-soon .form-control::-webkit-input-placeholder {
  color: #666;
}

.comming-soon .form-control:-ms-input-placeholder {
  color: #666;
}

.comming-soon .form-control::-ms-input-placeholder {
  color: #666;
}

.comming-soon .form-control::placeholder {
  color: #666;
}

.comming-soon .btn-email {
  position: absolute;
  top: 0;
  right: 15px;
  background: #fff;
  border: 0;
  color: #e84444;
  border-radius: 45px;
  height: 45px;
  padding: 0 50px;
}

@media (max-width: 575px) {
  .comming-soon .btn-email {
    padding: 0 10px;
  }
}

.comming-soon i {
  color: #5c5c5c;
  margin: 0 15px;
  transition: .2s ease;
  font-size: 24px;
}

.comming-soon i:hover {
  color: #e84444;
}

/* 24.1 syotimer */
.syotimer {
  text-align: center;
  margin: 0 auto 40px;
}

.syotimer-cell:last-child .syotimer-cell__value::before {
  opacity: 0;
}

.syotimer-cell {
  display: inline-block;
  margin: 0 25px;
}

@media (max-width: 1199px) {
  .syotimer-cell {
    margin: 0 20px;
  }
}

@media (max-width: 575px) {
  .syotimer-cell {
    margin: 0 10px;
  }
}

@media (max-width: 400px) {
  .syotimer-cell {
    margin: 0 5px;
  }
}

.syotimer-cell__value {
  font-size: 60px;
  font-weight: 600;
  color: #fff;
  position: relative;
}

@media (max-width: 1199px) {
  .syotimer-cell__value {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .syotimer-cell__value {
    font-size: 30px;
  }
}

@media (max-width: 400px) {
  .syotimer-cell__value {
    font-size: 24px;
  }
}

.syotimer-cell__value::before {
  position: absolute;
  content: ':';
  height: 30px;
  color: #fff;
  right: -30px;
  top: 0;
}

@media (max-width: 575px) {
  .syotimer-cell__value::before {
    right: -20px;
  }
}

@media (max-width: 400px) {
  .syotimer-cell__value::before {
    right: -12px;
  }
}

.syotimer-cell__unit {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

/* 25.1 social link */
.social-icon-outline {
    height: 40px;
    width: 40px;
    /* border-radius: 50%; */
    background: transparent;
    border: 2px solid #000;
    text-align: center;
    transition: .2s ease;
    display: inline-block;
}

    .social-icon-outline i {
        line-height: 40px;
        color: #000;
        font-size: 18px;
    }

.social-icon-outline:hover {
  border-color: #e84444;
}

/* 25.2 footer link */
.footer-links {
  padding-left: 18px;
}

.footer-links li {
  margin-bottom: 20px;
  position: relative;
}

.footer-links li::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f111";
  top: 0;
  left: -20px;
  height: 12px;
  width: auto;
  color: #6b6b6f;
  font-size:12px;
}

.footer-links li a {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  transition: .2s ease;
  display: block;
}

.footer-links li a:hover {
  text-decoration: underline;
  color: #e84444;
}

/* 25.3 subcription */
.form-control.subscribe {
  width: 100%;
  border-radius: 35px;
  border: 0;
  padding: 0 20px !important;
  height: 50px;
}

/* subscribe button */
.btn-subscribe {
  position: absolute;
  right: 5px;
  top: 5px;
  border: 0;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: #fff;
  background: #e84444;
  transition: all linear .2s;
}

.btn-subscribe:hover {
  padding-left: 15px;
}

.btn-subscribe:focus {
  outline: 0;
}

/* back to top button */
.back-to-top {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    color: #fff;
    background: #f70000;
    top: -105px;
    right: 50px;
    border: 1px solid #f70000;
    text-align: center;
    display: block;
    transition: .2s ease;
}

.back-to-top i {
  line-height: 50px;
}

.back-to-top:hover {
  border-color: #e84444;
}

.back-to-top:focus {
  outline: 0;
}

/* Accordion plus minus */
.text-primary-i {
    color: #7d7d7d !important;
    font-size: 14px;
}



/* services s */

.card-services {
    position: relative;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

    .card-services .image-overlay {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.60);
        height: 100%;
        width: 100%;
        padding: 15px 25px;
        opacity: 0;
        transition: .2s;
    }

        .card-services .image-overlay i {
            position: absolute;
            color: #fff;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            display: inline-block;
            font-size: 24px;
            transition: .2s ease;
            padding: 10px;
        }

            .card-services .image-overlay i:hover {
                font-size: 30px;
            }

        .card-services .image-overlay a.f-18,
        .card-services .image-overlay a.h4 {
            position: absolute;
            bottom: 50px;
            color: #fff;
            transition: .2s ease;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            opacity: 0;
        }

            .card-services .image-overlay a.f-18:hover,
            .card-services .image-overlay a.h4:hover {
                color: #e84444;
            }

        .card-services .image-overlay p {
            position: absolute;
            bottom: 15px;
            color: #fff;
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            opacity: 0;
            transition: .3s ease;
            transition-delay: .1s;
        }

    .card-services:hover .image-overlay {
        opacity: 1;
    }

    .card-services:hover a.f-18,
    .card-services:hover a.h4,
    .card-services:hover p {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }


.select-service {
    background-color:#ddd;
    color:#fff;
}

.card-services img {
  margin:20px 20px
}

/*.select-service.h4{
   font-size: 18px !important;
    color: #fff !important;
}*/

/* services e */


/* Products Acccordion Menu s */
.help-info-title {
    font-size: 18px;
    height: 50px;
    padding: 11px 20px 20px 0px;
    border-radius: 6px !important;
    margin-top: 40px;
    margin-bottom: 24px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
}

    .help-info-title i {
        font-size: 26px;
        color: #00782b;
        margin-right: 8px;
    }

    .help-info-title span {
        font-size: 19px;
        color: #00782b;
        margin-left: 6px;
    }

.help-section {
    width: 100%;
    text-align: right;
    margin-bottom: 40px;
    border-radius: 8px;
}

    .help-section .info-icon {
        text-align: center;
        display: flex;
        width: 100%;
        border: solid 2px #ccc;
    }

        .help-section .info-icon:hover {
            border: solid 2px #b9213a;
        }


            .help-section .info-icon:hover span {
             color: #b9213a;
            }
        .help-section .info-icon span {
            width: 100%;
            font-size: 15px;
            /* float: left; */
            text-align: left;
            color: #7d7d7d;
            font-weight: 600;
            /* height: 70px; */
            line-height: 60px;
        }

        .help-section .info-icon img {
            /* padding: 6px; */
            border-bottom-left-radius: 8px;
            border-top-left-radius: 8px;
            margin-right: 10px;
            max-height: 55px;
        }


.helpings {
    position: relative;
}

    .helpings .menu div {
        color: #303F9F;
        cursor: pointer;
        position: relative;
        transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
        /* border: solid 1px #fff; */
        margin-bottom: 12px;
        border-radius: 8px;
    }

        .helpings .menu div:hover,
        .helpings .menu div:focus,
        .helpings .menu div.active {
            background-color: #f2f2f2;
        }


            .helpings .menu div.active .info-icon {
                background-color: #f2f2f2;
                border: solid 2px #b9213a
            }

                .helpings .menu div.active .info-icon span,
                .helpings .menu div:hover .info-icon span {
                    color: #b9213a;
                }


ul.helping {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
    margin-bottom: 40px;
}

    ul.helping li {
        opacity: 0;
        transform: translateX(50px);
        position: absolute;
        list-style: none;
        transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
        width: 100%;
    }

        ul.helping li.active {
            transition-delay: 0.3s;
            z-index: 2;
            opacity: 1;
            transform: translateX(0px);
            position: relative;
        }

ul.helping img {
    border: solid 1px #bf233a;
    border-radius: 12px;
}

/*Accordion */

#FAQ {
    border: solid 1px #ee9d00;
    padding: 30px 12px 30px 20px;
    border-radius: 8px;
}

.faq {
    list-style: none;
}

    .faq li {
        margin-bottom: 1em;
        position: relative;
    }

.faq-q {
    cursor: pointer;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 12px;
    border: solid 1px #ddd;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}


    .faq-q:focus {
        background-color: #f2f2f2;
    }

    .faq-q:hover {
        background: #f2f2f2;
    }


.before-member i {
    font-size: 19px;
    color: #b6b6b6;
    margin-right: 8px;
}

.before-shopping i {
    font-size: 19px;
    color: #b6b6b6;
    margin-right: 8px;
}

.before-payment i {
    font-size: 19px;
    color: #b6b6b6;
    margin-right: 8px;
}

.before-shipment i {
    font-size: 19px;
    color: #b6b6b6;
    margin-right: 8px;
}

.before-refun i {
    font-size: 19px;
    color: #b6b6b6;
    margin-right: 8px;
}

.before-vendor i {
    font-size: 19px;
    color: #b6b6b6;
    margin-right: 8px;
}

.faq-a {
    display: none;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    padding: 12px;
    color: #000;
    background-color: #f2f2f2;
    margin-top: 8px;
}

/* Scroll */

#inner-faq {
    padding: 0px 12px 0px 0px;
    max-height: 514px;
    height: 100%;
    overflow: auto;
}

    #inner-faq::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        padding-top: 40px;
        right: 30px;
    }


    #inner-faq::-webkit-scrollbar-track-piece {
        height: 30px;
        width: 30px;
    }


    #inner-faq::-webkit-scrollbar {
        min-width: 12px;
        width: 12px;
        max-width: 12px;
        min-height: 12px;
        height: auto;
        max-height: 12px;
        background: #f0f0f0;
        cursor: pointer;
    }

    #inner-faq::-webkit-scrollbar-thumb {
        background: #959595;
        border: none;
        border-radius: 10px;
        border: solid 2px #fff;
        box-shadow: inset 0px 0px 3px #999;
        cursor: pointer;
    }

        #inner-faq::-webkit-scrollbar-thumb:hover {
            background: #7d7d7d;
            border: solid 1px #fff;
            cursor: pointer;
        }