/*!------------------------------------------------------------------
[MAIN STYLESHEET]

PROJECT:	Biztrox | Business HTML5 Template
VERSION:	1.0.0
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]

1. BASE

    1.1. Typography
    1.2. Common Styles
        1.2.1 Page Title
        1.2.1 404 page
    1.3 Button Style

2. NAVIGATION

3. HERO AREA

4. SKILL SECTION

    4.1. fun-facts
    4.2. counter

5. PROGRESS SECTION

    5.1. progressbar title
    5.2. progressbar value

6. MISSION SECTION

    6.1. card header
    6.2. card body

7. PROMO VIDEO SECTION

8. TESTIMONIAL SECTION

    8.1. testimonial slider
    8.2. testimonial content

9. CONTACT

    9.1. Address Item
    9.2. Google Map
    9.3. COntact Form

10. CLIENT LOGO SLIDER

11. FUN-FACTS SECTION

12. CONSULTATION SECTION

    12.1 background image
    12.2 form-control

13. ABOUT SECTION

    13.1 about content
    13.2 about item
    13.3 about content 2
    13.4 about video
    13.5 about content 3
    13.6 about slider
    13.7 philosophy
    13.8 ceo

        13.8.1 ceo item
        13.8.1 ceo content
        13.8.1 ceo content-2


14. SERVICE SECTION

    14.1 service item
    14.2 service item 2
    14.3 clients
    14.4 Process
    14.5 service menu
    14.6 service brochure
    14.7 service schedule
    14.8 service consultation
    14.9 service single

        14.9.1 service single image
        14.9.2 service single content
        14.9.3 service single list
        14.9.4 service single benefit
        14.9.5 widget

15. WORK SECTION

    15.1 work slider
    15.2 slick dots

16. CALL TO ACTION

17. TEAM SECTION

    17.1 team item
    17.2 team content
    17.3 team member
    17.4 team single

        17.4.1 team member info item
        17.4.2 team member details

18. PRICING SECTION

    18.1 pricing item

19. PROJECT SECTION

    19.1 project menu
    19.2 project item
    19.3 project single

        19.3.1 project overview
        19.3.2 case study
        19.3.3 project single content

    19.4 nav-tabs
    19.5 tab content

20. FAQ SECTION

21. BLOG SECTION

    21.1 blog item
    21.2 blog content
    21.3 blog content 2
    21.4 blog post

        21.4.1 post slider
        21.4.2 post video
        21.4.3 pagination
        21.4.4 sidebar

    21.5 blog single

        21.5.1 blog single container
        21.5.2 blog single content
        21.5.3 blog single list
        21.5.4 blog single testimonial
        21.5.5 share tags
        21.5.6 comments
        21.5.7 blog-sidebar

22. CONTACT SECTION

    22.1 contact item
    22.2 contact form
    22.3 google map

23. SIGNUP WRAPPER

    23.1 signup greetngs
    23.2 signup form

24. COMMING SOON

    24.1 SYOtimer

25. FOOTER SECTION

    25.1 social link
    25.2 footer link
    25.3 subcription
    25.4 copyright
    25.5 back to top
-------------------------------------------------------------------*/
/* 1.1 typography */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Poppins:300,400,500,600,700|Work+Sans:400,500,600");
body {
 
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}

p {
  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;
}

h1, .h1 {
  font-size: 46px;
  font-weight:600;
  color:#fff;
}

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

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

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

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

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

/* 1.3 Button style */
.btn {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
  padding: 10px 34px;
  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: #e84444;
  color: #fff;
}

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

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

.btn-secondary {
    background: #fdaf59;
    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: #e84444;
    color: #fff;
    border: 2px solid #fff;
}

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

.btn-sm {
  padding: 13px 40px !important;
}

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

::-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: 999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

ol,
ul {
  
  margin: 0px;
}

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

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

a,
button {
  cursor: pointer;
}

.golden {
  color: #efaf27 !important;
}

.text-color-dark {
  color: #222;
}

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

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

.bg-secondary {
  background: #303032 !important;
}

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

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

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

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

.bg-google {
  background: #e62211;
}

.section {
  padding: 100px 0;
}

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

.section-sm {
  padding: 80px 0;
}

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

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

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

h5.section-title-small {
  margin-bottom: 10px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #666;
}

.overlay {
  position: relative;
}

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

.overlay-dark {
  position: relative;
}

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

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

.section-title-border::before {
  position: absolute;
  content: '';
  height: 2px;
  width: 120px;
  bottom: -10px;
  left: 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%;
  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%;
  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%;
  transform: translateX(-50%);
}

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

.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;
}

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

.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;
}

/* 1.2.1 page title */
.page-title {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 138px 0 0px;
    margin-top: -9%;
}

.page-title h2 {
  font-weight: 600;
  color: #fff;
  line-height: 30px;
}

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

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

ol.breadcrumb a {
  position: relative;
}

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

/* 1.2.2 404 page start */
.page-404 {
  padding: 650px 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;
  color: #fff;
  font-weight: 700;
  margin-bottom: 5px;
}

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

.page-404 h4 {
  font-weight: 400;
  color: #fff;
  margin-bottom: 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;
}

/* /play-icon */
/* 2. Navigation */
.top-header {
  background: #303032;
}

@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: #bcbcbd;
}

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

.top-header ul li a span {
  color: #e84444;
}

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

.navigation .navbar {
  padding: 0;
 
  position: relative;
}

.navigation .navbar-brand {
  position: absolute;
  left: -25px;
  top: 30px;
  height:50px;
  
  width: 220px;
 
  text-align: center;
 
  z-index: 9;
}

@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: 24px;
    width: auto;
  }
}

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

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

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

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


    .navigation .navbar .nav-item .nav-link:hover {
        background-color: #db383c;
        border-radius:6px;
    }

    @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:last-child {
  padding: 28px 0 28px 0px;
}

@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.active .nav-link {
  color: #e84444;
}

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

.navigation .navbar .dropdown-menu {
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
  padding: 16px 12px;
  border: 0;
  border-radius: 0;
  top: 71%;
  left: 0px;
  display: block;
  visibility: hidden;
  transition: .3s ease;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
}

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

.navigation .navbar .dropdown-menu.show {
  visibility: visible;
  opacity: 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: #fff;
        text-decoration: underline;
        background: #e84444;
    }

.navigation .navbar .dropdown-item::before {
  position: absolute;
  content: '';
  left: 5px;
  top: 17px;
  height: 8px;
  width:8px;
  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: 230px 0;
  background: #303032;
  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;
}

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

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

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

.search-form h3 {
  font-size: 35px;
  color: #fff;
  margin-bottom: 35px;
}

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

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

.search-form .input-wrapper button i {
  color: #fff;
}

/* 3. hero area */
.hero-slider {
  position: relative;
}

.hero-slider.slick-slider {
  margin-bottom: 80px;
}

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

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

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

@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 #e5e5e5;
}

.hero-slider .slick-dots li {
  width: 295px;
  height: 80px;
  background: #fff;
  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;
  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;
}

.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: #303032;
}

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

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

.hero-content h4 {
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 5px;
  font-size: 22px;
}

.hero-content h1 {
  font-weight: 600;
  margin-bottom: 15px;
}

.hero-content p {
  color: #222;
  margin-bottom: 50px;
}

.hero-content .btn {
  text-transform: uppercase;
}

/* 4. skill section start */
.skill-content {
  margin-bottom: 40px;
}

.skill-content p {
  margin-bottom: 28px;
}

/* 4.1 FUNFACTS */
.fun-fact {
  /* 4.2 counter */
}

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

.fun-fact-item {
  display: -ms-flexbox;
  display: flex;
}

.fun-fact-item i {
  height: 70px;
  min-width: 70px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  background: #fff;
  text-align: center;
  line-height: 70px;
  font-size: 30px;
  color: #e84444;
  margin-right: 15px;
  display: inline-block;
}

@media (max-width: 575px) {
  .fun-fact-item i {
    height: 40px;
    min-width: 40px;
    line-height: 40px;
    font-size: 15px;
    margin-right: 10px;
  }
}

.fun-fact .counter h2 {
  font-size: 38px;
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .fun-fact .counter h2 {
    font-size: 20px;
  }
}

/* skill section end */
/* 5. progrgess bar start */
.progressbar {
  /* 5.1. progressbar title */
}

.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;
  transform: translateX(-50%) rotate(-45deg);
}

/* progrgess bar End */
/* 6. mission section start */
.mission p {
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  #accordion {
    margin-bottom: 50px;
  }
}

.card {
  border: 0;
  margin-bottom: 25px;
  /* 6.1 card header */
  /* 6.2 card body */
}

.card-header {
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding: 0;
}

.card-header:first-child {
  border-radius: 35px;
}

.card-header a {
  font-size: 18px;
  color: #222;
  display: block;
  padding: .75rem 1.25rem;
}

.card-header a i {
  color: #e84444;
  margin-right: 10px;
}

.card-body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #666;
  line-height: 25px;
  padding-left: 0;
  padding-bottom: 0;
}

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

.promo-video h1 {
  font-size: 55px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 20px;
}

.promo-video-content {
  display: -ms-flexbox;
  display: flex;
}

.promo-video-content p {
  color: #fff;
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.promo-video .play-icon {
  position: unset;
  margin: 70px 0 0 40px;
}

/* promo video section end */
/* 8. testimonial section start */
.testimonial {
  /* 8.1. testimonial slider */
  /* 8.2 testimonial content */
}

.testimonial-slider {
  padding: 50px;
  background: #fff;
  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-content {
  outline: 0;
}

.testimonial-content i {
  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-content p {
  color: #222;
  margin-bottom: 15px;
}

.testimonial-content h4 {
  font-weight: 400;
  margin-bottom: 5px;
}

.testimonial-content h6 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #666;
}

/* testimonial section end */
/* 10. client logo slider start */
.client-logo {
  padding: 30px 0;
}

.client-logo-slider {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.client-logo-slider a {
  text-align: center;
  display: block;
  outline: 0;
  padding: 20px 10px;
}

.client-logo-slider a img {
  display: unset;
}

.client-logo .slick-track {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.client-logo-2 {
  background: #e84444;
}

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

@media (max-width: 991px) {
  .fun-facts .fun-fact-item {
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 20px;
  }
}

.fun-facts .fun-fact-item h2,
.fun-facts .fun-fact-item p {
  color: #fff;
}

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

.consultation-item {
  background: rgba(255, 255, 255, 0.9);
  padding: 50px;
  border-radius: 10px;
}

.consultation .form-control {
  border-radius: 0;
  margin-bottom: 30px;
  border: 1px solid #e5e5e5;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #666;
  height: 50px !important;
}

.consultation .form-control::-webkit-input-placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #666;
}

.consultation .form-control:-ms-input-placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #666;
}

.consultation .form-control::placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #666;
}

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

/* consultation section end */
/* 13. about section */
.about {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  /* 13.1 about content */
  /* 13.2 about item */
  /* 13.3 about content 2 */
  /* 13.4 about video */
  /* 13.5 about content 3 */
  /* 13.6 about slider */
}

.about-content {
  background: rgba(0, 0, 0, 0.9);
  padding: 50px;
  border-radius: 10px;
}

@media (max-width: 400px) {
  .about-content {
    padding: 50px 20px;
  }
}

.about-content h3.section-title {
  color: #fff;
}

.about-content p {
  color: #fff;
  margin-bottom: 40px;
}

.about-item ul {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 20px;
}

@media (max-width: 575px) {
  .about-item ul {
    margin-bottom: 0;
  }
}

.about-item ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  margin-bottom: 12px;
  margin-right: 70px;
  color: #fff;
}

@media (max-width: 767px) {
  .about-item ul li {
    margin-right: 40px;
  }
}

.about-item ul li i {
  color: #e84444;
  margin-right: 10px;
}

.about-content-2 {
  background: #303032;
  border-radius: 0;
}

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

.about-video .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about-content-3 {
  background: none;
  padding: 0;
}

.about-content-3 h3.section-title {
  color: #222;
}

.about-content-3 p {
  color: #222;
  margin-bottom: 40px;
}

.about-content-3 .about-item li {
  color: #666;
}

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

.about-slider .prevArrow,
.about-slider .nextArrow {
  position: absolute;
  top: 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.7 philosophy section start */
.philosophy p {
  margin-bottom: 25px;
}

.philosophy-video {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.philosophy-video .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* philosophy section end */
/* 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. service section */
.service {
  /* 14.1 service item */
  /* 14.2 service item 2 */
}

.service-item {
  text-align: center;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  margin-bottom: 85px;
  background-color:#fff;
}

.service-item h4 {
  margin: 20px 0 15px;
}

.service-item-image {
  position: relative;
}

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

.service-item i {
  height: 65px;
  width: 65px;
  border-radius: 5px;
  background: #e84444;
  text-align: center;
  line-height: 65px;
  font-size: 40px;
  color: #fff;
  display: inline-block;
  transform: translateY(-33px);
}

.service-item p {
  margin: 0 15px;
}

.service-item .btn {
  transform: translateY(25px);
}

.service-item:hover .service-item-image::before {
  opacity: .4;
}

.service-item-2 {
  padding: 35px 10px;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}

@media (max-width: 1199px) {
  .service-item-2 {
    padding: 35px 5px;
  }
  .service-item-2 h4 {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .service-item-2 {
    margin-bottom: 30px;
  }
}

.service-item-2 i {
  color: #e84444;
  display: inline-block;
  font-size: 40px;
  margin-bottom: 20px;
}

.service-item-2 h4 {
  margin-bottom: 15px;
}

.border-radius-top {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

/* 14.3 clients */
.clients {
  background-position: center right;
  background-size: 50%;
  background-repeat: no-repeat;
  background-color: #303032;
}

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

.clients h5 {
  color: #848484;
}

.clients h2 {
  color: #fff;
  margin-bottom: 20px;
}

.clients p {
  color: #fff;
}

.clients ul {
  padding-left: 0;
}

.clients ul li {
  text-align: center;
  height: 66px;
}

.clients ul li:not(:last-child) {
  margin-bottom: 15px;
}

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

/* 14.4 process */
.process {
  position: relative;
}

.process.section {
  padding-bottom: 200px;
}

@media (max-width: 1199px) {
  .process.section {
    padding-bottom: 100px;
  }
}

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

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

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

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

.process h2.section-title {
  margin-bottom: 150px;
}

@media (max-width: 1199px) {
  .process h2.section-title {
    margin-bottom: 100px;
  }
}

.process-item {
  padding: 25px 30px 25px 60px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  background: #fff;
  position: relative;
  width: 330px;
}

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

.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%;
    transform: translateX(-50%);
  }
}

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

/* service single start */
.service {
  /* 14.5 service menu */
  /* 14.6 sevice brouchure */
  /* 14.7 service schedule */
  /* 14.8 service consultation */
  /* 14.9 service single */
}

.service-menu {
  padding-left: 0;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.service-menu li {
  border-bottom: 1px solid #e5e5e5;
}

.service-menu li a {
  display: block;
  padding: 20px 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #222;
  background: #fff;
  transition: .2s ease;
}

.service-menu li:first-child a {
  border-radius: 4px 4px 0 0;
}

.service-menu li:last-child {
  border: 0;
}

.service-menu li:last-child a {
  border-radius: 0 0 4px 4px;
}

.service-menu li.active {
  position: relative;
}

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

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

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

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

.service-brochure {
  padding: 15px 30px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.service-brochure i {
  display: inline-block;
  font-size: 20px;
  color: #222;
  margin-right: 5px;
}

.service-brochure h4 {
  display: inline-block;
  margin-bottom: 5px;
}

.service-brochure a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #666;
  margin-left: 30px;
}

.service-schedule ul {
  padding-left: 0;
  padding: 10px 30px;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
}

.service-schedule ul li {
  margin: 10px 0;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #666;
}

.service-schedule ul li span {
  font-weight: 400;
  color: #222;
  width: 130px;
  display: inline-block;
}

.service-consultation textarea {
  height: 150px;
  padding-top: 10px;
}

@media (max-width: 400px) {
  .service-consultation {
    text-align: center;
  }
}

.service-single {
  /* 14.9.1 service single image */
  /* 14.9.2 service single content */
  /* 14.9.3 service single list */
  /* 14.9.4 service single benefit */
}

.service-single-image {
  margin-bottom: 60px;
}

.service-single-content h3 {
  margin-bottom: 10px;
}

.service-single-content p {
  margin-bottom: 45px;
}

.service-single-content h4 {
  font-size: 24px;
  margin-bottom: 30px;
}

.service-single-content img {
  margin-bottom: 40px;
}

.service-single-content ul {
  padding-left: 0;
}

@media (max-width: 575px) {
  .service-single-content ul {
    float: unset !important;
    margin-bottom: 15px;
  }
}

.service-single-content ul:not(:last-child) {
  margin-right: 40px;
}

.service-single-content ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #666;
}

.service-single-content ul li:not(:last-child) {
  margin-bottom: 15px;
}

.service-single-content ul li i {
  color: #e84444;
  margin-right: 10px;
}

.service-single-list {
  padding: 35px 40px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-bottom: 65px;
}

@media (max-width: 575px) {
  .service-single-list {
    padding: 30px 20px;
  }
}

.service-single-list p {
  color: #222;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 30px;
}

.service-single-list ul:not(:last-child) {
  margin-right: 80px;
}

@media (max-width: 575px) {
  .service-single-list ul {
    margin-bottom: 15px;
  }
}

.service-single-benifit h4 {
  margin-bottom: 15px !important;
}

.service-single-benifit p {
  margin-bottom: 20px;
}

.service-single-benifit img {
  border-radius: 5px;
}

@media (max-width: 767px) {
  .service-single-benifit img {
    margin-top: 30px;
  }
}

@media (max-width: 1199px) {
  .service-single-benifit ul {
    float: unset !important;
  }
  .service-single-benifit ul:not(:last-child) {
    margin-bottom: 15px;
  }
}

/* 14.9.5 widget */
.widget {
  margin-bottom: 50px;
}

.widget h5 {
  font-family: "Open Sans", sans-serif;
  color: #666;
  margin-bottom: 20px;
}

/* service single end */
/* 15. work section */
.work {
  background: #f5f5f5;
  /* 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.75);
  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%;
  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.h4 {
  position: absolute;
  bottom: 50px;
  color: #fff;
  transition: .2s ease;
  transform: translateY(20px);
  opacity: 0;
}

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

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

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

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

.work-slider .slick-dots {
  padding-left: 0;
  position: absolute;
  bottom: -60px;
  left: 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 {
  border-color: #e84444;
}

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

.cta-overlay {
  padding: 50px 0;
  background: rgba(232, 68, 68, 0.7);
}

@media (max-width: 991px) {
  .cta-overlay {
    text-align: center !important;
  }
}

.cta-overlay-2 {
  padding: 50px 0;
  background: rgba(255, 255, 255, 0.7);
}

@media (max-width: 991px) {
  .cta-overlay-2 {
    text-align: center;
  }
}

.cta-overlay-2 h3 {
  color: #222 !important;
}

.cta h3 {
  color: #fff;
}

.cta p {
  color: #fff;
}

.cta-sm {
  
    background: #033958;
    opacity: .9;
    padding-top:7%;
    padding-bottom:6%;
}

@media (max-width: 991px) {
  .cta-sm {
    text-align: center !important;
  }
}

.cta-sm h3 {
  font-size: 24px;
  vertical-align: middle;
  margin-top: 8px;
}

.cta-sm-2 {
  background: #f5f5f5;
}

.cta-sm-2 h3 {
  color: #222;
}

.cta-2 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0;
}

.cta-2 h3 {
  color: #fff;
  margin-bottom: 25px;
}

/* call to action end */
/* 17. team section */
.team {
  /* 17.1 team item */
  /* 17.2 team content */
  /* 17.3 team member */
}

.team-item {
  padding: 20px 20px 10px;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  text-align: center;
}

@media (max-width: 991px) {
  .team-item {
    margin-bottom: 30px;
  }
}

.team-item ul {
  margin-top: 10px;
}

.team-item ul li a {
  padding: 10px 15px;
  display: block;
}

@media (max-width: 767px) {
  .team-item ul li a {
    padding: 0 10px;
  }
}

@media (max-width: 575px) {
  .team-item ul li a {
    padding: 0 15px;
  }
}

.team-item ul li a i {
  color: #666;
  font-size: 15px;
  transition: .2s ease;
}

.team-item ul li a:hover i {
  color: #e84444;
}

.team-image {
  border-radius: 5px;
  overflow: hidden;
}

.team-content {
  padding: 30px 0 10px;
  border-bottom: 1px solid #e5e5e5;
}

.team-content a.h4 {
  transition: .2s ease;
  margin-bottom: 5px;
  display: inline-block;
}

.team-content a.h4:hover {
  color: #e84444;
}

.team-content h6 {
  color: #666;
}

.team-member {
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  border: 1px solid #e5e5e5;
  margin-bottom: 50px;
}

.team-member-content {
  position: relative;
  background: #fff;
  transition: .2s ease;
  padding-top: 20px;
}

.team-member-content::before {
  position: absolute;
  content: '';
  height: 35px;
  width: 35px;
  background: #fff;
  top: -17px;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  transition: .2s ease;
}

.team-member-content h5 {
  font-size: 16px;
  transition: .2s ease;
}

.team-member-content h6 {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  margin-bottom: 25px;
  transition: .2s ease;
}

.team-member-content ul {
  border-top: 1px solid #e5e5e5;
  width: 230px;
  margin: auto;
  text-align: center;
  padding: 5px 0;
}

.team-member-content ul li a {
  padding: 10px 0;
  display: inline-block;
}

.team-member-content ul li a i {
  display: inline-block;
  margin: 0 10px;
  color: #666;
  font-size: 16px;
  transition: .2s ease;
}

.team-member:hover .team-member-content {
  background: #e84444;
}

.team-member:hover .team-member-content::before {
  background: #e84444;
}

.team-member:hover .team-member-content h5,
.team-member:hover .team-member-content h6,
.team-member:hover .team-member-content i {
  color: #fff;
}

/* 17.4 team single start */
.team {
  /* 17.4.2 team member details */
}

.team-member-info {
  border-radius: 5px;
  overflow: hidden;
  background: #f5f5f5;
  /* 17.4.1 team member info item */
}

.team-member-info-details {
  padding: 10px 30px 20px;
}

.team-member-info-item {
  padding: 20px 0;
}

.team-member-info-item:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}

.team-member-info-item p {
  font-family: "Poppins", sans-serif;
  display: inline-block;
  margin: 0;
}

.team-member-info-item span {
  float: right;
  font-weight: 600;
  font-size: 16px;
  color: #222;
}

.team-member-info-item i {
  margin-right: 10px;
}

.team-member-details h6 {
  font-size: 14px;
  color: #e84444;
  margin-bottom: 30px;
}

.team-member-details p {
  margin-bottom: 40px;
}

.team-member-details h4 {
  margin-bottom: 20px;
}

.team-member-details ul {
  padding-left: 0;
  margin-bottom: 40px;
}

.team-member-details ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #666;
  margin: 20px 0;
}

.team-member-details ul li i {
  margin-right: 20px;
}

.team-member-details ul.social-site li {
  margin: 0 8px;
}

.team-member-details ul.social-site li:first-child {
  margin-left: 0;
}

.team-member-details ul.social-site li a {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 25px;
  display: inline-block;
}

.team-member-details ul.social-site li a i {
  margin: 0;
}

.teammates {
  background: #f5f5f5;
}

/* team single end */
/* 18. pricing section */
.pricing {
  /* 18.1 pricing item */
}

.pricing-item {
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  background: #fff;
}

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

.pricing-item-header {
  padding: 25px 30px 20px;
  border-bottom: 1px solid #e5e5e5;
}

.pricing-item-header h4 {
  font-size: 24px;
  color: #666;
  margin-left: 10px;
}

.pricing-item-header i {
  height: 65px;
  width: 65px;
  background: #e84444;
  color: #fff;
  font-size: 35px;
  line-height: 65px;
  border-radius: 5px;
  text-align: center;
  transform: translateY(-12px);
  display: block;
  float: right;
}

.pricing-item-body {
  padding: 45px 30px 0;
}

.pricing-item-body h2 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 25px;
}

.pricing-item-body h2 span {
  font-size: 16px;
}

.pricing-item-body ul {
  padding-left: 0;
  margin-bottom: 30px;
}

.pricing-item-body ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #666;
  padding: 10px 0;
  border-bottom: 1px solid rgba(229, 229, 229, 0.5);
}

.pricing-item-body ul li i {
  color: #e84444;
  margin-right: 10px;
}

.pricing-item-body .btn {
  transform: translateY(25px);
}

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

.project p {
  margin-bottom: 40px;
}

.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-item {
  position: relative;
}

.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.h4 {
  color: #fff;
  position: absolute;
  left: 30px;
  bottom: 40px;
  transition: .2s ease;
  transform: translateY(20px);
  opacity: 0;
}

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

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

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

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

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

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

/* 19.3 project single page start */
.project {
  /* 19.3.1 project overview */
  /* 19.3.2 case study */
  /* 19.3.3 project single content */
}

.project-overview {
  padding: 30px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.project-overview h4 {
  color: #666;
  margin-bottom: 20px;
}

.project-overview ul {
  padding-left: 0;
  margin-bottom: 25px;
}

.project-overview ul li {
  padding: 15px 0;
  border-bottom: 1px solid rgba(229, 229, 229, 0.5);
}

.project-overview ul li span {
  width: 140px;
  display: inline-block;
}

.project-case-study {
  padding: 15px 30px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  background: #f5f5f5;
}

@media (max-width: 1199px) {
  .project-case-study {
    padding: 15px;
  }
}

.project-case-study i {
  display: inline-block;
  font-size: 20px;
  color: #222;
  margin-right: 5px;
}

@media (max-width: 400px) {
  .project-case-study i {
    font-size: 15px;
  }
}

.project-case-study h4 {
  display: inline-block;
  margin-bottom: 5px;
}

@media (max-width: 400px) {
  .project-case-study h4 {
    font-size: 15px;
  }
}

.project-case-study a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #666;
  margin-left: 30px;
}

.project-single-image {
  margin-bottom: 60px;
}

.project-single-content h3 {
  margin-bottom: 10px;
}

.project-single-content p {
  margin-bottom: 45px;
}

.project-single-content img {
  margin-bottom: 30px;
}

.project-single-content h4 {
  margin-bottom: 15px;
}

/* 19.4 nav tabs */
.nav-tabs {
  border: 0;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .nav-tabs {
    -ms-flex-pack: initial;
        justify-content: ;
  }
}

.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: 10px 30px;
  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: 10px 10px 10px 10px;
    border-radius: 0px;
    background: rgba(0,0,0,.6);
    margin-top: -20px;
}

.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: "\e65d";
  font-family: "themify";
  top: 0;
  left: -20px;
  color: #e84444;
}

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

/* project single page end */
/* 20. Faqs section */
.faqs .question {
  border-radius: 5px;
  background: #fff;
  padding: 40px 30px;
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
}

.faqs .question h4 {
  margin-bottom: 25px;
}

.faqs .question textarea {
  height: 130px;
}

/* 21. blog section */
.blog {
  padding-bottom: 50px !important;
  /* 21.1 blog item */
  /* 21.2 blog content */
  /* 21.3 blog-content 2 */
  /* 21.4 blog post */
  /* 21.4.3 pagination */
}

.blog a.h4 {
  transition: .2s;
  display: inline-block;
}

.blog a.h4:hover {
  color: #e84444;
}

.blog-item {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  margin-bottom: 50px;
}

.blog-item:hover .blog-image::before {
  opacity: .4;
}

.blog-item ul {
  border-top: 1px solid #e5e5e5;
}

.blog-item ul li {
  padding: 15px 5px;
}

@media (max-width: 767px) {
  .blog-item ul li {
    padding: 10px 2px;
  }
}

.blog-item ul li a {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #666;
}

.blog-item ul li i {
  color: #e84444;
  margin-right: 5px;
}

.blog-item ul li:first-child {
  padding-left: 20px;
}

@media (max-width: 767px) {
  .blog-item ul li:first-child {
    padding-left: 10px;
  }
}

.blog-item ul li:last-child {
  float: right;
  padding: 15px;
  border-left: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
  .blog-item ul li:last-child {
    padding: 10px 5px;
  }
}

.blog-image {
  position: relative;
}

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

.blog-content {
  display: -ms-flexbox;
  display: flex;
  background: #fff;
}

.blog-date {
  text-align: center;
  padding: 20px 20px 8px;
  border-right: 1px solid #e5e5e5;
}

.blog-date h3 {
  color: #e84444;
}

.blog-date p {
  margin-top: -10px;
}

.blog-title {
  padding: 20px 20px 8px;
}

.blog-list {
  padding-left: 0;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}

.blog-list li {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e5e5e5;
}

.blog-list li:last-child {
  border-bottom: 0;
}

.blog-content-2 {
  padding: 25px 25px 0;
}

.blog-content-2 h6 {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #e84444;
  font-weight: 600;
}

.blog-content-2 a.h4 {
  margin-bottom: 10px;
  display: inline-block;
}

.blog-post {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 45px;
  /* 21.4.1 post slider */
  /* 21.4.2 post video */
}

.blog-post .post-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #e5e5e5;
}

.blog-post .post-header .post-date {
  text-align: center;
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
  border-right: 1px solid #e5e5e5;
  padding: 25px 0;
}

@media (max-width: 575px) {
  .blog-post .post-header .post-date {
    padding: 25px 10px;
  }
}

.blog-post .post-header .post-date h3 {
  color: #e84444;
}

.blog-post .post-header .post-date h3 span {
  font-weight: 400;
  display: block;
  color: #666;
  font-size: 15px;
}

.blog-post .post-header .block {
  padding: 0 25px;
}

.blog-post .post-header .post-title {
  font-size: 24px;
  color: #000;
  transition: .3s ease;
  margin-bottom: 10px;
  display: block;
}

.blog-post .post-header .post-title:hover {
  color: #e84444;
}

@media (max-width: 575px) {
  .blog-post .post-header .post-title {
    font-size: 20px;
  }
}

.blog-post .post-header .post-meta li {
  color: #666;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
}

.blog-post .post-header .post-meta li a {
  color: #666;
}

.blog-post .post-header .post-meta li a:hover {
  color: #e84444;
}

.blog-post .post-header .post-meta li.list-inline-item:not(:last-child) {
  margin-right: 35px;
}

.blog-post .post-excerpts {
  padding: 25px 30px 35px;
}

.blog-post .post-excerpts p {
  margin-bottom: 20px;
}

.blog-post .post-slider {
  position: relative;
}

.blog-post .post-slider .item {
  outline: 0;
}

.blog-post .post-slider .prevArrow,
.blog-post .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;
}

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

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

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

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

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

.blog-post .post-video {
  position: relative;
}

.blog-post .post-video::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.blog-post .post-video .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-post:hover .post-title a {
  color: #e84444;
}

.blog .pagination .page-item .page-link {
  background: transparent;
  border: none;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  transition: .3s ease;
}

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

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

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

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

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

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

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

/* 21.4.4 sidebar */
.sidebar {
  background: #fff;
  padding: 20px;
}

.widget {
  margin-bottom: 45px;
}

.widget .title {
  margin-bottom: 15px;
}

.widget.search .search-input {
  position: relative;
}

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

.widget.search .search-input::before {
  content: "\e610";
  font-family: "themify";
  position: absolute;
  top: 50%;
  right: 20px;
  color: #666;
  transform: translateY(-50%);
}

.widget.category ul {
  padding-left: 0;
  margin-bottom: 0;
}

.widget.category ul li a {
  color: #666;
  padding: 10px 0;
  display: block;
  font-size: 16px;
}

.widget.category ul li a:hover {
  color: #e84444;
}

.widget.category ul li:not(:last-child) a {
  border-bottom: 1px solid #e5e5e5;
}

.widget.recent-post .post-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.widget.recent-post .post-item .image {
  margin-right: 20px;
}

.widget.recent-post .post-item .image a {
  border-radius: 6px;
  overflow: hidden;
  display: block;
}

.widget.recent-post .post-item .content .title {
  margin-bottom: 5px;
}

.widget.recent-post .post-item .content .title a {
  color: #000;
  font-weight: 400;
  font-size: 16px;
  transition: .2s ease;
}

.widget.recent-post .post-item .content .title a:hover {
  color: #e84444;
}

.widget.recent-post .post-item .content .meta {
  margin-bottom: 0;
  font-size: 13px;
}

.widget.recent-post .post-item:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}

.widget.tags ul li {
  margin-bottom: 7px;
}

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

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

.widget.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 */
.blog {
  /* 21.5.4 blog single testimonial */
}

.blog-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.blog-single {
  /* 21.5.1 blog single container */
  /* 21.5.2 blog single content */
  /* 21.5.3 blog-single list */
}

.blog-single-container {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

.blog-single-content {
  padding: 25px 30px;
}

.blog-single-content h3 {
  font-size: 24px;
}

.blog-single-content ul {
  display: block;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}

.blog-single-content ul li {
  color: #666;
  font-size: 13px;
}

.blog-single-content p {
  margin-bottom: 40px;
}

.blog-single-list {
  padding: 35px 40px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-bottom: 65px;
}

.blog-single-list p {
  color: #222;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 30px;
}

.blog-single-list ul {
  padding: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.blog-single-list ul:not(:last-child) {
  margin-right: 80px;
}

@media (max-width: 767px) {
  .blog-single-list ul:not(:last-child) {
    margin-bottom: 15px;
    margin-right: 0;
  }
}

.blog-single-list ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #666;
}

.blog-single-list ul li:not(:last-child) {
  margin-bottom: 15px;
}

.blog-single-list ul li i {
  color: #e84444;
  margin-right: 10px;
}

.blog-single-list h4 {
  margin-bottom: 25px;
}

.blog-testimonial {
  margin-bottom: 20px;
}

.blog-testimonial-image {
  border-radius: 5px;
  overflow: hidden;
  margin-right: 20px;
}

@media (max-width: 575px) {
  .blog-testimonial-image {
    margin-bottom: 30px;
  }
}

.blog-testimonial-content i {
  font-size: 22px;
  color: #666;
  margin-bottom: 10px;
}

.blog-testimonial-content p {
  color: #222;
  margin-bottom: 20px;
}

.blog-testimonial-content h5 {
  font-weight: 500;
  color: #222;
}

.blog-testimonial-content h6 {
  font-weight: 300;
  color: #666;
}

/* 21.5.5 share tags */
.share-tags {
  font-size: 16px;
  font-weight: 300;
  -ms-flex-align: center;
      align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 100px;
}

.share-tags span {
  margin-top: 7px;
}

.share-tags .share-icon {
  display: -ms-flexbox;
  display: flex;
}

.share-tags .share-icon li {
  margin: 0 6px;
}

@media (max-width: 1199px) {
  .share-tags .share-icon li {
    margin-bottom: 10px;
  }
}

.share-tags .share-icon li:first-child {
  margin-left: 10px;
}

.share-tags .share-icon li:last-child {
  margin-right: 0;
}

.share-tags .share-icon li a {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  display: inline-block;
}

.share-tags .share-icon li a i {
  margin: 0;
}

.share-tags .tags {
  display: -ms-flexbox;
  display: flex;
}

.share-tags .tags ul li {
  margin: 0 6px;
}

@media (max-width: 1199px) {
  .share-tags .tags ul li {
    margin-bottom: 10px;
  }
}

.share-tags .tags ul li:first-child {
  margin-left: 10px;
}

.share-tags .tags ul li:last-child {
  margin-right: 0;
}

.share-tags .tags ul li a {
  padding: 10px 20px;
  border: 1px solid #e5e5e5;
  border-radius: 45px;
  background: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  display: inline-block;
  color: #666;
}

.share-tags .tags ul li a:hover {
  background: #f5f5f5;
}

/* 21.5.6 comments */
.comment h4 {
  margin-bottom: 20px;
}

.comment-item {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}

.comment-image {
  overflow: hidden;
  margin-right: 15px;
}

.comment-image img {
  border-radius: 5px;
}

.comment-box {
  border-radius: 5px;
  border: 1px solid #e5e5e5;
  padding: 10px 20px;
}

.comment-box-content {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}

.comment-box-content h5 {
  font-size: 16px;
}

.comment-box-content h6 {
  font-weight: 300;
  font-size: 13px;
}

.comment-box-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.comment-box-info .like-reply a {
  font-size: 14px;
  color: #222;
  display: inline-block;
  margin-right: 10px;
}

.comment-box-info .like-reply a i {
  color: #666;
  margin-right: 5px;
}

.comment-box-info .ratings {
  font-size: 14px;
  color: #666;
}

.comment-box-info .ratings ul {
  display: inline-block;
}

.comment-box-info .ratings ul li {
  margin: 0;
}

.comment-box-info .ratings ul li:first-child {
  margin-left: 10px;
}

.comment-box-info .ratings ul li a i {
  color: #666;
}

.comment-all {
  margin-left: 65px;
  margin-bottom: 50px;
}

.comment-all a {
  color: #666;
  text-decoration: underline;
}

.comment-form p {
  margin-bottom: 30px;
}

.comment-form .form-control {
  margin-bottom: 30px;
}

.comment-form textarea {
  height: 180px;
}

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

/* blog single end */
/* 22. contact section */
.contact {
  /* 22.1 contact item */
  /* 22.2 contact form */
}

.contact-item {
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: flex;
}

.contact-icon {
  height: 70px;
  width: 70px;
  line-height: 70px;
  font-size: 35px;
  border-radius: 50%;
  color: #e84444;
  text-align: center;
  border: 1px solid #e5e5e5;
  background: #fff;
  margin-right: 30px;
  display: inline-block;
}

.contact-info {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.contact-form {
  padding: 35px 70px;
  background: #fff;
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

@media (max-width: 991px) {
  .contact-form {
    padding: 35px;
  }
}

.contact-form textarea {
  height: 150px;
  padding: 10px 15px;
}

.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::placeholder {
  color: #666;
}

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

.map #map_canvas {
  height: 450px;
}

/* 23. signup wrapper */
.signup-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100vh;
}

/* 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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.comming-soon img {
  margin-bottom: 40px;
}

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

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

.comming-soon p {
  color: #fff;
  margin-bottom: 40px;
}

.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::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: 67px;
  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. footer section */
.footer {
  background: #303032;
  border-bottom: 1px solid #454547;
}

.footer img {
  margin-bottom: 30px;
}

.footer p {
  color: #fff;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .footer-content {
    margin-bottom: 50px;
    text-align: center;
  }
}

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

.social-link a i {
  line-height: 40px;
  color: #fff;
  font-size: 14px;
}

.social-link a:hover {
  border-color: #e84444;
}

/* 25.2 footer link */
.footer-link h4 {
  color: #fff;
  margin-bottom: 25px;
}

.footer-link ul {
  padding-left: 18px;
}

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

.footer-link ul li::before {
  position: absolute;
  font-family: "themify";
  content: "\e649";
  top: 0;
  left: -20px;
  height: 12px;
  width: auto;
  color: #fff;
}

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

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

/* 25.3 subcription */
@media (max-width: 991px) {
  .subscription {
    margin-top: 50px;
  }
  .subscription h4, .subscription p {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .subscription {
    text-align: center;
  }
}

.subscription h4 {
  color: #fff;
  margin-bottom: 25px;
}

.subscription form {
  position: relative;
}

.subscription .form-control {
  width: 100%;
  border-radius: 35px;
  border: 0;
  padding: 0 20px !important;
  height: 50px;
}

.subscription .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;
}

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

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

/* 25.4 copyright */
.copyright {
    background: #db383c;
    padding: 56px 0 40px;
    position: relative;
    /* 25.5 back to top */
}

@media (max-width: 1199px) {
  .copyright {
    padding-top: 30px;
  }
}

.copyright p {
  color: #fff;
}

@media (max-width: 767px) {
  .copyright p {
    text-align: center;
  }
}

.copyright p span {
  color: #e84444;
}

.copyright ul {
  text-align: right;
}

@media (max-width: 767px) {
  .copyright ul {
    text-align: center;
  }
}

.copyright ul li {
  margin: 0 20px;
}

.copyright ul li:last-child {
  margin-right: 0;
}

@media (max-width: 991px) {
  .copyright ul li {
    margin: 10px;
  }
}

.copyright ul li a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #fff;
  transition: .2s ease;
}

.copyright ul li a:hover {
  color: #222;
}

.copyright .back-to-top {
  position: absolute;
  height: 50px;
  width: 50px;
  font-size:26px;
  border-radius: 50%;
  color: #fff;
  background: #303032;
  top: -25px;
  right: 10px;
  border: 1px solid #454547;
  text-align: center;
  display: block;
  transition: .2s ease;
}

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

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

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

/*# sourceMappingURL=maps/style.css.map */