/*********************************************************************

    Template Name: Zapp - App Landing HTML Template   
    Template URI: https://themeforest.net/user/nilartstudio
    Description: This is html5 multipurpose app landing template.
    Author: nilArtStudio
    Author URI: http://nscreativestudio.com
    Version: 1.0

    Note: This is style scss.
  
  
  Css Index 
  -----------------------------------
  1. Basic styles
  2. Best area
  3. Available area
  4. About area
  5. Google Map
  6. Download area
  7. Screenshot area
  8. Video player styles
  9. Error Page Styles
  10. Header styles
  11. Slider styles
  12. Feature styles
  13. Footer styles
  14. Accordion styles
  15. Testimonial styles
  16. Pricing table styles
  17. Question area styles
  18. Services styles
  19. Blog styles
  20. Side navigation styles
    
*********************************************************************/
/*Google Fonts*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/* 1. Basic styles */
*, p, a, h1, h2, h3, h4, h5, span, ul, ol, li {
  margin: 0;
  padding: 0;
}

html {
  font-size: 87.5%;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  html {
    font-size: 81.25%;
  }
}
body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
  background: #fff;
  color: #666666;
}

img {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

a {
  outline: none;
  color: #666666;
  border: none;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
a:focus, a:visited, a:hover {
  text-decoration: none;
  outline: none;
  border: none;
  color: inherit;
}
a:hover {
  color: #FF5A60;
}

input, select, textarea {
  background: transparent;
  border: 1px solid #E5E5E5;
  height: 50px;
  color: #666666;
  padding-left: 15px;
  font-size: 14px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
input:focus, select:focus, textarea:focus {
  border: 1px solid #FF5A60;
  outline: none;
}

option {
  background: #fff;
  border: none;
  padding: 5px 15px 5px 15px;
}

textarea {
  resize: vertical;
}

::placeholder, ::-moz-placeholder {
  color: #666666;
  font-size: 14px;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

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

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

h1 {
  font-size: 40px;
  font-weight: 700;
}

h2 {
  font-size: 35px;
  font-weight: 500;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

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

hr {
  border-bottom: 1px solid #E5E5E5;
  border-top: 0px;
}

label {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}

*::-moz-selection {
  background: #FF5A60;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #FF5A60;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #FF5A60;
  color: #fff;
  text-shadow: none;
}

.mark, mark {
  background: #FF5A60 none repeat scroll 0 0;
  color: #666666;
}

span.tooltip-content {
  color: #666666;
  cursor: help;
  font-weight: 600;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.fix {
  overflow: hidden;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* Back-to-top */
#scrollUp {
  z-index: 999;
  position: fixed;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  margin: 0px;
  color: #fff;
  position: fixed;
  bottom: 0px;
  right: 30px;
  border-radius: 4px 4px 0px 0px;
  background: #FF5A60;
  font-size: 18px;
  width: 45px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}

#scrollUp:hover {
  height: 40px;
  line-height: 40px;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 50px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-60 {
  padding-bottom: 60px;
}

.col-full-width {
  float: none;
  margin: 0 auto;
}

/* Helper Class*/
.pos-absolute {
  position: absolute;
}

.pos-relative {
  position: relative;
}

/*Custom cloumn*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
  float: left;
}

.col-1 {
  width: 10%;
}

.col-2 {
  width: 20%;
}

.col-3 {
  width: 30%;
}

.col-4 {
  width: 40%;
}

.col-5 {
  width: 50%;
}

.col-6 {
  width: 60%;
}

.col-7 {
  width: 70%;
}

.col-8 {
  width: 80%;
}

.col-9 {
  width: 90%;
}

.col-10 {
  width: 100%;
}

/*Opacity background*/
[data-overlay], [data-black-overlay], [data-gray-overlay], [data-blue-overlay], [data-purple-overlay], [data-graywhite-overlay], [data-skyblue-overlay] {
  position: relative;
}

[data-overlay]:before, [data-black-overlay]:before, [data-gray-overlay]:before, [data-blue-overlay]:before, [data-gray-overlay]:before, [data-purple-overlay]:before, [data-gray-overlay]:before, [data-graywhite-overlay]:before, [data-skyblue-overlay]:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

[data-overlay]:before {
  background: #b52072;
}

[data-black-overlay]:before {
  background: #000;
}

[data-graywhite-overlay]:before {
  background: #f6f6f6;
}

[data-gray-overlay]:before {
  background-color: #565656;
}

[data-blue-overlay]:before {
  background-color: #01B9FF;
}

[data-purple-overlay]:before {
  background-color: #BA78FE;
}

[data-skyblue-overlay]:before {
  background-color: #2B70BA;
}

[data-overlay] *:not(.background-image-holder):not(.instafeed--background), [data-black-overlay] *:not(.background-image-holder):not(.instafeed--background), [data-gray-overlay] *:not(.background-image-holder):not(.instafeed--background), [data-blue-overlay] *:not(.background-image-holder):not(.instafeed--background), [data-purple-overlay] *:not(.background-image-holder):not(.instafeed--background), [data-graywhite-overlay] *:not(.background-image-holder):not(.instafeed--background), [data-skyblue-overlay] *:not(.background-image-holder):not(.instafeed--background) {
  z-index: 99;
}

[data-overlay].image--light:before, [data-black-overlay].image--light:before, [data-gray-overlay].image--light:before, [data-blue-overlay].image--light:before, [data-purple-overlay].image--light:before, [data-graywhite-overlay].image--light:before {
  background: #fff;
}

[data-overlay="0"]:before, [data-black-overlay="0"]:before, [data-gray-overlay="0"]:before, [data-blue-overlay="0"]:before, [data-purple-overlay="0"]:before, [data-graywhite-overlay="0"]:before, [data-skyblue-overlay="0"]:before {
  opacity: 0;
}

[data-overlay="1"]:before, [data-black-overlay="1"]:before, [data-gray-overlay="1"]:before, [data-blue-overlay="1"]:before, [data-purple-overlay="1"]:before, [data-graywhite-overlay="1"]:before, [data-skyblue-overlay="1"]:before {
  opacity: 0.1;
}

[data-overlay="2"]:before, [data-black-overlay="2"]:before, [data-gray-overlay="2"]:before, [data-blue-overlay="2"]:before, [data-purple-overlay="2"]:before, [data-graywhite-overlay="2"]:before, [data-skyblue-overlay="2"]:before {
  opacity: 0.2;
}

[data-overlay="3"]:before, [data-black-overlay="3"]:before, [data-gray-overlay="3"]:before, [data-blue-overlay="3"]:before, [data-purple-overlay="3"]:before, [data-graywhite-overlay="3"]:before, [data-skyblue-overlay="3"]:before {
  opacity: 0.3;
}

[data-overlay="4"]:before, [data-black-overlay="4"]:before, [data-gray-overlay="4"]:before, [data-blue-overlay="4"]:before, [data-purple-overlay="4"]:before, [data-graywhite-overlay="4"]:before, [data-skyblue-overlay="4"]:before {
  opacity: 0.4;
}

[data-overlay="5"]:before, [data-black-overlay="5"]:before, [data-gray-overlay="5"]:before, [data-blue-overlay="5"]:before, [data-purple-overlay="5"]:before, [data-graywhite-overlay="5"]:before, [data-skyblue-overlay="5"]:before {
  opacity: 0.5;
}

[data-overlay="6"]:before, [data-black-overlay="6"]:before, [data-gray-overlay="6"]:before, [data-blue-overlay="6"]:before, [data-purple-overlay="6"]:before, [data-graywhite-overlay="6"]:before, [data-skyblue-overlay="6"]:before {
  opacity: 0.6;
}

[data-overlay="7"]:before, [data-black-overlay="7"]:before, [data-gray-overlay="7"]:before, [data-blue-overlay="7"]:before, [data-purple-overlay="7"]:before, [data-graywhite-overlay="7"]:before, [data-skyblue-overlay="7"]:before {
  opacity: 0.7;
}

[data-overlay="8"]:before, [data-black-overlay="8"]:before, [data-gray-overlay="8"]:before, [data-blue-overlay="8"]:before, [data-purple-overlay="8"]:before, [data-graywhite-overlay="8"]:before, [data-skyblue-overlay="8"]:before {
  opacity: 0.8;
}

[data-overlay="9"]:before, [data-black-overlay="9"]:before, [data-gray-overlay="9"]:before, [data-blue-overlay="9"]:before, [data-purple-overlay="9"]:before, [data-graywhite-overlay="9"]:before, [data-skyblue-overlay="9"]:before {
  opacity: 0.9;
}

[data-overlay="10"]:before, [data-black-overlay="10"]:before, [data-gray-overlay="10"]:before, [data-blue-overlay="10"]:before, [data-purple-overlay="10"]:before, [data-graywhite-overlay="10"]:before, [data-skyblue-overlay="10"]:before {
  opacity: 1;
}

[data-overlay] > div, [data-black-overlay] > div {
  position: relative;
  z-index: 5;
}

[data-black-overlay] .section-title .title-line {
  color: #fff;
}

[data-black-overlay] .section-title p {
  color: #fff;
}

[data-graywhite-overlay] .slider__title,
[data-graywhite-overlay] .title__heading,
[data-graywhite-overlay] .single-service h3 {
  color: #494754 !important;
}

[data-graywhite-overlay] p,
[data-graywhite-overlay] .title--devidebar .title__subtitle {
  color: #6a6c6d !important;
}

.text-white {
  color: #fff;
}

/*Colored background*/
.bg-white {
  background: #fff;
}

.bg-black {
  background: #000;
}

.bg-gray {
  background: #f6f6f6;
}

.bg-theme {
  background: #FF5A60;
}

.bg-theme-gray {
  background: #565656;
}

.bg-theme-blue {
  background: #01B9FF;
}

.bg-theme-purple {
  background: #BA78FE;
}

.bg-transparent {
  background: transparent !important;
}

/*image background*/
.bg-image {
  background-clip: initial;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: initial;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 0;
}

.bg-img-fixed {
  background-attachment: fixed;
}

/*pattern background*/
.pattern-bg {
  background: url(../../images/pattern/pattern-bg.png) repeat;
  background-position: top right;
  background-color: #eceff7;
}

/* Custom class */
.img--bordered {
  border: 8px solid #fff;
  border-radius: 8px;
}

.shadow--black {
  -webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.shadow--theme {
  -webkit-box-shadow: 0px 10px 15px rgba(255, 90, 96, 0.4);
  -moz-box-shadow: 0px 10px 15px rgba(255, 90, 96, 0.4);
  -ms-box-shadow: 0px 10px 15px rgba(255, 90, 96, 0.4);
  -o-box-shadow: 0px 10px 15px rgba(255, 90, 96, 0.4);
  box-shadow: 0px 10px 15px rgba(255, 90, 96, 0.4);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.shadow--yellow {
  -webkit-box-shadow: 0px 12px 15px rgba(248, 199, 5, 0.2);
  -moz-box-shadow: 0px 12px 15px rgba(248, 199, 5, 0.2);
  -ms-box-shadow: 0px 12px 15px rgba(248, 199, 5, 0.2);
  -o-box-shadow: 0px 12px 15px rgba(248, 199, 5, 0.2);
  box-shadow: 0px 12px 15px rgba(248, 199, 5, 0.2);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.pos-vertical-middle {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ptb-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pt-100 {
    padding-top: 80px;
  }

  .pb-60 {
    padding-bottom: 40px;
  }

  .pb-80 {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pt-100 {
    padding-top: 80px;
  }

  .pb-60 {
    padding-bottom: 40px;
  }

  .pb-80 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 479px) {
  .ptb-100 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pt-100 {
    padding-top: 60px;
  }

  .pb-60 {
    padding-bottom: 35px;
  }

  .pb-80 {
    padding-bottom: 55px;
  }

  #scrollUp {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ptb-100 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pt-100 {
    padding-top: 60px;
  }

  .pb-60 {
    padding-bottom: 35px;
  }

  .pb-80 {
    padding-bottom: 55px;
  }
}
/* Section title 1 */
.title {
  padding-bottom: 60px;
}
.title__heading {
  font-size: 36px;
  color: #000;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: -8px;
  padding-bottom: 30px;
  position: relative;
}
.title__subtitle {
  font-size: 16px;
}
.title__subtitle.subtitle--smfont {
  font-size: 14px;
}
.title--devidebar .title__heading {
  padding-bottom: 25px;
}
.title--devidebar .title__heading:after {
  content: "";
  position: absolute;
  left: 0%;
  top: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #E2E2E2;
  height: 1px;
  width: 100px;
}
.title--devidebar .title__subtitle {
  padding-top: 25px;
}
.title--devidebar.text-center .title__heading:after {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .title, .title.text-left {
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
  }
  .title .title__heading:after, .title.text-left .title__heading:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 479px) {
  .title, .title.text-left {
    padding-left: 10px;
    padding-right: 0px;
    text-align: center;
    padding-bottom: 30px;
  }
  .title .title__heading, .title.text-left .title__heading {
    padding-bottom: 15px;
    font-size: 24px;
  }
  .title .title__heading:after, .title.text-left .title__heading:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .title--devidebar .title__subtitle, .title.text-left--devidebar .title__subtitle {
    padding-top: 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .title, .title.text-left {
    padding-left: 10px;
    padding-right: 0px;
    text-align: center;
    padding-bottom: 30px;
  }
  .title .title__heading, .title.text-left .title__heading {
    padding-bottom: 15px;
    font-size: 28px;
  }
  .title .title__heading:after, .title.text-left .title__heading:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .title--devidebar .title__subtitle, .title.text-left--devidebar .title__subtitle {
    padding-top: 15px;
    font-size: 14px;
  }
}
/*Button styles*/
.button, a.button {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  border: 0 none;
  cursor: pointer;
  -webkit-box-shadow: 0px 12px 10px rgba(255, 90, 96, 0.2);
  -moz-box-shadow: 0px 12px 10px rgba(255, 90, 96, 0.2);
  -ms-box-shadow: 0px 12px 10px rgba(255, 90, 96, 0.2);
  -o-box-shadow: 0px 12px 10px rgba(255, 90, 96, 0.2);
  box-shadow: 0px 12px 10px rgba(255, 90, 96, 0.2);
  display: inline-block;
  overflow: hidden;
  padding: 0 30px;
  position: relative;
  overflow: hidden;
  height: 60px;
  z-index: 0;
  line-height: 60px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  background-color: #FF5A60;
  color: #fff;
  font-size: 14px;
  opacity: 1;
}
.button i, a.button i {
  padding-right: 15px;
}
.button--white, a.button--white {
  background-color: #fff !important;
  color: #FF5A60;
  font-family: "Poppins", sans-serif;
  letter-spacing: .25px;
}
.button--lg, a.button--lg {
  padding: 0 40px;
  font-weight: 600;
}
.button:hover, a.button:hover {
  -webkit-transform: translate(0px, -2px);
  -moz-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  -o-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
  opacity: 0.9;
}
.button--bordered img, a.button--bordered img {
  border: 1px solid #fff;
  border-radius: 8px;
}

.down-button-group a {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  padding: 0px 13px;
  display: inline-block;
}
.down-button-group a:first-child {
  padding-left: 0;
}
.down-button-group a:last-child {
  padding-right: 0px;
}
.down-button-group a:hover {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

.readmore {
  color: #FF5A60 !important;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.readmore:hover {
  color: #000 !important;
}

.ink {
  display: block;
  position: absolute;
  background: rgba(238, 56, 81, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.button-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .button, a.button {
    height: 55px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .button, a.button {
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
  }

  .down-button-group {
    text-align: center;
  }
}
@media only screen and (max-width: 479px) {
  .button, a.button {
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
  }
  .button i, a.button i {
    padding-right: 10px;
  }

  .down-button-group {
    text-align: center;
  }
  .down-button-group a {
    padding: 0px;
  }
  .down-button-group a:last-child {
    padding-top: 15px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .button, a.button {
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
  }
  .button i, a.button i {
    padding-right: 10px;
  }

  .down-button-group {
    text-align: center;
  }
  .down-button-group a {
    padding: 0px 10px;
  }
  .down-button-group a:last-child {
    padding-top: 15px;
  }
}
/* Slick nav styles*/
.slick-slider.slick-dotted {
  margin-bottom: 0px;
}

.sa-nav {
  position: relative;
}
.sa-nav .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 40px;
  color: #333;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 9;
  opacity: 1;
}
.sa-nav .slick-arrow:hover {
  opacity: 0.5;
}
.sa-nav .slick-arrow.left {
  left: 0;
  right: auto;
}
.sa-nav .slick-arrow.right {
  right: 0;
  left: auto;
}
.sa-nav--style-2 .slick-arrow {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  color: #FF5A60;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
}
.sa-nav--style-2 .slick-arrow.left {
  left: -1%;
  right: auto;
}
.sa-nav--style-2 .slick-arrow.right {
  right: -1%;
  left: auto;
}
.sa-nav--style-2:hover .slick-arrow {
  visibility: visible;
  opacity: 1;
  z-index: 9;
}
.sa-nav--style-3 .slick-arrow {
  height: 60px;
  line-height: 60px;
  background: #E1E1E1;
  color: #fff;
  width: 40px;
  font-size: 30px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.sa-nav--style-3 .slick-arrow:hover {
  color: #fff !important;
  background: #F8C705;
}
.sa-nav.sa-nav--hidden .slick-arrow {
  display: none !important;
}

.sa-dots {
  position: relative;
}
.sa-dots .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.sa-dots .slick-dots li {
  width: auto;
}
.sa-dots .slick-dots li button {
  background: #E1E1E1;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.sa-dots .slick-dots li button:before {
  display: none;
}
.sa-dots .slick-dots li.slick-active button, .sa-dots .slick-dots li:hover button {
  border: 2px solid #F8C705;
  background: transparent;
}

@media only screen and (max-width: 479px) {
  .sa-nav--style-2 .slick-arrow.left {
    left: 0;
  }
  .sa-nav--style-2 .slick-arrow.right {
    right: 0;
  }
  .sa-nav--style-3 .slick-arrow {
    height: 40px;
    line-height: 40px;
    background: #E1E1E1;
    color: #fff;
    width: 30px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }
  .sa-nav--style-3 .slick-arrow:hover {
    color: #fff;
    background: #F8C705;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sa-nav--style-2 .slick-arrow.left {
    left: 0;
  }
  .sa-nav--style-2 .slick-arrow.right {
    right: 0;
  }
  .sa-nav--style-3 .slick-arrow {
    height: 40px;
    line-height: 40px;
    background: #E1E1E1;
    color: #fff;
    width: 30px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }
  .sa-nav--style-3 .slick-arrow:hover {
    color: #fff;
    background: #F8C705;
  }
}
/*Layouts styles*/
/* 2. Best area */
.best-thumb {
  background: #fafafa none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin: 0 60px;
  min-height: 500px;
}
.best-thumb img {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.amazing-style-two .amazing-thumb {
  margin-bottom: -20px;
}
.amazing-style-two .amazing-thumb > img {
  position: relative;
  bottom: auto;
  left: auto;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.best-content {
  min-height: 500px;
}

/* 3. Available area */
.available-content {
  min-height: 500px;
}

.available-thumb {
  margin-bottom: -100px;
}

/* 4. About area */
.about-area-content > .title {
  padding-bottom: 0;
}
.about-area-content > .title .title__heading {
  font-size: 40px;
}
.about-area-content > p {
  margin-bottom: 15px;
}
.about-area-content > p:last-child {
  margin-bottom: 0px;
}

/* 5. Google Map */
.google-map {
  height: 600px;
}

/* Client Carousel */
#client-carousel .single-logo > img {
  margin: 0 auto;
  width: auto;
}

/* 6. Download area */
.download-area .title .title__heading {
  color: #fff;
}
.download-area .title .title__subtitle {
  color: #fff;
}
.download-area .down-button-group {
  padding-bottom: 20px;
}

/* 7. Screenshot area */
.screenshot {
  margin-left: -15px;
  margin-right: -15px;
}
.screenshot .screenshot__single {
  padding: 40px 15px;
}
.screenshot .screenshot__single img {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.screenshot .screenshot__single.slick-center img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.screenshot.sa-dots .slick-dots {
  padding-top: 60px;
}

/* 8. Video player styles */
.yu2fvl {
  z-index: 9999;
}
.yu2fvl iframe.yu2fvl-iframe {
  border: none !important;
  outline: none;
}
.yu2fvl .yu2fvl-close {
  background: #f8c705 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  height: 40px;
  left: 100%;
  position: absolute;
  right: auto;
  top: 0;
  width: 40px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.yu2fvl .yu2fvl-close:hover {
  opacity: .8;
}

/* 9. Error Page Styles */
.error-page-content {
  color: #fff;
}
.error-page-content > h2 {
  color: inherit;
  font-size: 200px;
  font-weight: bold;
}
.error-page-content > h2 > span {
  color: #FF5A60;
}
.error-page-content > h3 {
  color: inherit;
  font-size: 46px;
  margin: -5px 0 20px;
}
.error-page-content > p {
  font-size: 20px;
  margin-bottom: 50px;
}
.error-page-content > .button {
  border-radius: 0;
  padding: 0 120px;
  background-color: #FF5A60;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .available-content {
    min-height: 450px;
  }

  .available-thumb {
    margin-bottom: -80px;
  }

  .screenshot.sa-dots .slick-dots {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 992px) {
  .error-page-content > h2 {
    font-size: 150px;
  }
  .error-page-content > h3 {
    font-size: 42px;
  }
  .error-page-content > .button {
    padding: 0 60px;
  }

  .about-thumb {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .best-thumb {
    min-height: 550px;
  }

  .best-content {
    min-height: auto;
    padding-bottom: 80px;
  }

  .available-content {
    min-height: auto;
    padding-bottom: 80px;
  }

  .available-thumb {
    margin-bottom: -80px;
  }
  .available-thumb.text-right {
    text-align: center;
  }

  .google-map {
    height: 450px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 460px;
  }

  .slider .container {
    width: 100%;
  }

  .best-thumb {
    min-height: 405px;
    margin: 110px 15px;
    position: relative;
  }
  .best-thumb img.pos-absolute {
    top: auto;
    bottom: -100%;
  }

  .best-content {
    min-height: auto;
    padding-bottom: 50px;
  }

  .available-content {
    min-height: auto;
    padding-bottom: 40px;
  }

  .available-thumb {
    margin-bottom: -60px;
  }
  .available-thumb.text-right {
    text-align: center;
  }

  .screenshot .screenshot__single {
    position: relative;
  }
  .screenshot .screenshot__single.slick-center img {
    -webkit-transform: scale(1.1) translateX(-45%);
    -moz-transform: scale(1.1) translateX(-45%);
    -ms-transform: scale(1.1) translateX(-45%);
    -o-transform: scale(1.1) translateX(-45%);
    transform: scale(1.1) translateX(-45%);
    position: absolute;
    left: 50%;
  }

  .google-map {
    height: 450px;
  }

  .download-area .down-button-group {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    width: 100%;
  }

  .best-thumb {
    min-height: 350px;
    margin: 0 40px;
  }
  .best-thumb img.pos-absolute {
    position: relative;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }

  .best-content {
    min-height: auto;
    padding-bottom: 50px;
  }

  .available-content {
    min-height: auto;
    padding-bottom: 40px;
  }

  .available-thumb {
    margin-bottom: -60px;
  }
  .available-thumb.text-right {
    text-align: center;
  }

  .screenshot .screenshot__single {
    position: relative;
  }
  .screenshot .screenshot__single.slick-center img {
    -webkit-transform: scale(1.1) translateX(-45%);
    -moz-transform: scale(1.1) translateX(-45%);
    -ms-transform: scale(1.1) translateX(-45%);
    -o-transform: scale(1.1) translateX(-45%);
    transform: scale(1.1) translateX(-45%);
    position: absolute;
    left: 50%;
  }

  .google-map {
    height: 450px;
  }

  .download-area .down-button-group {
    padding-bottom: 0px;
  }
}
/* 10. Header styles*/
header {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  position: relative;
  z-index: 5;
}
header .logo-menu-wrap {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .logo-menu-wrap .logo {
  padding: 30px 0px;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
header .logo-menu-wrap .menu ul li {
  display: inline-block;
  padding: 36px 22px;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
header .logo-menu-wrap .menu ul li:hover a {
  color: #FF5A60;
}
header .logo-menu-wrap .menu ul li:last-child {
  padding-right: 0px;
}
header .logo-menu-wrap .menu ul li a {
  font-size: 16px;
  font-weight: 500;
}
header .logo-menu-wrap .menu ul li.current > a {
  color: #FF5A60 !important;
}
header .logo-menu-wrap .menu ul li ul.dropdown-content {
  position: absolute;
  width: 200px;
  right: 0;
  top: 100%;
  z-index: 999999;
  border-top: 5px solid #FF5A60;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  transform-origin: 0 0 0;
}
header .logo-menu-wrap .menu ul li ul.dropdown-content li {
  padding: 0;
  display: block;
}
header .logo-menu-wrap .menu ul li ul.dropdown-content li a {
  background: #fff;
  display: block;
  padding: 7px 15px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 400;
  color: #666666;
}
header .logo-menu-wrap .menu ul li ul.dropdown-content li:hover a {
  color: #FF5A60;
}
header .logo-menu-wrap .menu ul li ul.dropdown-content li:last-child a {
  border-bottom: none;
}
header .logo-menu-wrap .menu ul li.dropdown-trigger:hover ul.dropdown-content {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
header .logo-menu-wrap .menu ul li.dropdown-trigger > a:after {
  content: "\f107";
  font-family: fontAwesome;
  padding-left: 10px;
}
header.header--style-2 {
  position: absolute;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
header.header--style-2 .logo-menu-wrap .logo {
  padding: 30px 0px;
}
header.header--style-2 .logo-menu-wrap .menu.menu--style-2 ul li {
  padding: 0px;
}
header.header--style-2 .logo-menu-wrap .menu.menu--style-2 ul li a {
  padding: 12px 20px;
  font-weight: 400;
  color: #fff;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
header.header--style-2 .logo-menu-wrap .menu.menu--style-2 ul li:hover > a {
  background: #FF5A60;
  border-radius: 100px;
}
header.header--style-2 .logo-menu-wrap .menu.menu--style-2 ul li.current > a {
  background: #FF5A60;
  border-radius: 100px;
  color: #fff !important;
}
header.header--style-2 .logo-menu-wrap .menu.menu--style-2 ul li ul.dropdown-content li {
  padding: 0;
}
header.header--style-2 .logo-menu-wrap .menu.menu--style-2 ul li ul.dropdown-content li a {
  display: block;
  color: #666666;
  line-height: normal;
}
header.header--style-2 .logo-menu-wrap .menu.menu--style-2 ul li ul.dropdown-content li a:hover {
  background: #fff;
  border-radius: 0px;
  color: #FF5A60;
}
header.header--style-3 {
  position: absolute;
  width: 100%;
}
header.header--style-3 button.menu__trigger {
  text-align: right;
  background: none;
  outline: none;
  border: none;
  width: 50px;
}
header.header--style-3 button.menu__trigger span {
  height: 2px;
  display: block;
  background: #FF5A60;
  width: 100%;
  margin: 4px 0px;
}
header.header--style-4 {
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 999999;
  -webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
}

#sticky-header {
  display: none;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  -webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
}
#sticky-header .logo-menu-wrap .logo {
  padding: 23px 0 !important;
}
#sticky-header .logo-menu-wrap .menu ul li {
  padding: 23px 22px;
}
#sticky-header .logo-menu-wrap .menu ul li ul.dropdown-content > li {
  padding: 0;
}
#sticky-header .header--style-2 {
  background-color: #fff !important;
  position: relative;
}
#sticky-header .header--style-2 .logo-menu-wrap .menu.menu--style-2 > ul > li {
  padding: 0;
}
#sticky-header .header--style-2 .logo-menu-wrap .menu.menu--style-2 > ul > li > a {
  color: #666;
}
#sticky-header .header--style-2 .logo-menu-wrap .menu.menu--style-2 > ul > li:hover > a {
  color: #fff;
}
#sticky-header .header--style-2 .logo-menu-wrap .menu.menu--style-2 > ul > li ul.dropdown-content {
  top: 160%;
}

.f-menu {
  position: fixed;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.95);
  top: 0;
  display: none;
  z-index: 999999;
}
.f-menu .f-menu__top .f-menu__top__inner {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px 0px;
}
.f-menu .f-menu__top .f-menu__top__inner button.f-menu__close {
  border: none;
  outline: none;
  background: none;
  font-size: 28px;
  color: #FF5A60;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.f-menu .f-menu__top .f-menu__top__inner button.f-menu__close:hover {
  color: #FF5A60;
}
.f-menu .f-menu__inner .menu.menu--style-3 {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  height: 70vh;
  align-items: center;
  justify-content: center;
}
.f-menu .f-menu__inner .menu.menu--style-3 ul li a {
  color: #fff;
  font-size: 28px;
  display: inline-block;
  padding: 15px 0;
  font-weight: 700;
}
.f-menu .f-menu__inner .menu.menu--style-3 ul li a:hover {
  color: #FF5A60;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .logo-menu-wrap .menu ul li {
    padding: 36px 15px;
  }
  header .logo-menu-wrap .menu ul li ul.dropdown-content li {
    padding: 0;
  }
  header .logo-menu-wrap.header--style-2 .menu ul li {
    padding: 0px;
  }
}
@media only screen and (max-width: 992px) {
  .header-area .mean-container .mean-bar:nth-child(2) {
    display: none;
  }

  header.header--style-3 {
    position: relative;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header.header--style-2 {
    background: #fff !important;
  }
  header.header--style-3 {
    background: #fff !important;
  }
}
@media only screen and (max-width: 479px) {
  header.header--style-2 {
    background: #fff !important;
  }
  header.header--style-3 {
    background: #fff !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  header.header--style-2 {
    background: #fff !important;
  }
  header.header--style-3 {
    background: #fff !important;
  }
}
/* 11. Slider styles*/
.slider .container {
  align-items: center;
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  height: 100%;
}
.slider .slider__thumb {
  bottom: 0;
  position: absolute;
  right: 7.5%;
  z-index: 0;
}
.slider .slider__thumb img {
  width: 95%;
}
.slider .slider__content {
  padding-top: 70px;
}
.slider .slider__content .slider__title {
  color: #fff;
  font-size: 40px;
  padding-bottom: 35px;
}
.slider .slider__content p {
  font-size: 16px;
}
.slider .slider__content .slider__button {
  padding-top: 50px;
}
.slider.full--height {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  height: 300px;
  position: relative;
  bottom: 0;
}
.slider--style-2 .slider__content .slider__button .button {
  background: #FF5A60;
}
.slider--without-thumb .slider__content {
  padding: 0 150px;
}
.slider.slider-style-2 .slider__thumb {
  right: 0% !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider .slider__thumb img {
    width: 94%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider .slider__content .slider__title {
    font-size: 40px;
  }
  .slider.full--height {
    height: 600px;
  }
  .slider .slider__thumb {
    right: 2%;
  }
  .slider .slider__thumb img {
    width: 55%;
  }
  .slider--without-thumb .slider__content {
    padding: 0 100px;
  }
}
@media only screen and (max-width: 992px) {
  .slider .slider__content {
    padding-top: 0;
  }

  .style-theme-purple.style-two .slider .slider__thumb {
    right: 10%;
    width: 22%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider.full--height {
    height: 600px;
  }
  .slider .slider__content .slider__title {
    font-size: 30px;
  }
  .slider .slider__content p {
    font-size: 14px;
  }
  .slider .slider__thumb {
    right: 1%;
    width: 49%;
  }
  .slider .slider__thumb img {
    width: 100%;
  }
  .slider--without-thumb .slider__content {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .slider.full--height {
    height: auto;
  }
  .slider .slider__content {
    padding: 50px 0 30px;
  }

  .style-theme-purple.style-two .slider .slider__thumb {
    right: auto;
    width: 100%;
    text-align: center !important;
  }
  .style-theme-purple.style-two .slider .slider__thumb img {
    width: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .slider.full--height {
    height: auto;
  }
  .slider .container {
    height: auto;
  }
  .slider .slider__content .slider__title {
    font-size: 26px;
    padding-bottom: 5px;
    text-align: center;
  }
  .slider .slider__content p {
    font-size: 14px;
    text-align: center;
  }
  .slider .slider__content .slider__button {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 30px;
  }
  .slider .slider__thumb {
    right: 0;
    text-align: center;
    position: relative;
    padding-top: 80px;
    top: 0;
  }
  .slider .slider__thumb img {
    width: 80%;
  }
  .slider.full--height {
    height: auto;
  }
  .slider--without-thumb .slider__content {
    padding: 100px 40px !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .slider .container {
    height: auto;
  }
  .slider .slider__content .slider__title {
    font-size: 26px;
    padding-bottom: 5px;
    text-align: center;
  }
  .slider .slider__content p {
    font-size: 14px;
    text-align: center;
  }
  .slider .slider__content .slider__button {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 30px;
  }
  .slider .slider__thumb {
    right: 0;
    text-align: center;
    position: relative;
    padding-top: 80px;
    top: 0;
  }
  .slider .slider__thumb img {
    width: 80%;
  }
  .slider.full--height {
    height: auto;
  }
  .slider--without-thumb .slider__content {
    padding: 100px 40px !important;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .slider .slider__thumb {
    right: 5%;
  }
  .slider .slider__thumb img {
    width: 75%;
  }
}
/* 12. Feature styles*/
.features-group {
  padding-top: 60px;
}

.feature {
  position: relative;
  padding: 25px 0;
}
.feature .feature__icon {
  position: absolute;
  left: 0;
  color: #FF5A60;
  width: 45px;
  height: 45px;
  line-height: 40px;
  text-align: center;
  border-radius: 100px;
  border: 2px solid #FF5A60;
  background: #fff;
  font-size: 25px;
}
.feature:hover .feature__icon {
  -webkit-box-shadow: -10px 11px 15px 0 rgba(255, 90, 96, 0.4);
  -moz-box-shadow: -10px 11px 15px 0 rgba(255, 90, 96, 0.4);
  -ms-box-shadow: -10px 11px 15px 0 rgba(255, 90, 96, 0.4);
  -o-box-shadow: -10px 11px 15px 0 rgba(255, 90, 96, 0.4);
  box-shadow: -10px 11px 15px 0 rgba(255, 90, 96, 0.4);
}
.feature .feature__content {
  padding-left: 100px;
}
.feature .feature__content .feature__title {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  padding-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-group {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature:last-child {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .features-group {
    padding-top: 15px;
  }
  .features-group .feature {
    padding: 15px 0;
  }
  .features-group .feature:last-child {
    padding-bottom: 0px;
  }

  .feature__thumb {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .features-group {
    padding-top: 15px;
  }
  .features-group .feature {
    padding: 15px 0;
  }
  .features-group .feature:last-child {
    padding-bottom: 0px;
  }

  .feature__thumb {
    padding-bottom: 30px;
  }
}
/*Video styles*/
.video_content {
  min-height: 450px;
}

.video.bg-image .video__inner {
  min-height: 750px;
}
.video .video__inner {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video .video__inner a {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  height: 80px;
  width: 80px;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: #FF5A60;
  background: #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  position: relative;
  z-index: 2;
}
.video .video__inner a:hover:after, .video .video__inner a:hover:before {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  visibility: visible;
  z-index: 1;
}
.video .video__inner a i {
  padding-left: 7px;
}
.video .video__inner a:before, .video .video__inner a:after {
  content: "";
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9);
  left: 0;
  opacity: 1;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  position: absolute;
  -webkit-transition: all 1s ease-out 0s;
  -moz-transition: all 1s ease-out 0s;
  -ms-transition: all 1s ease-out 0s;
  -o-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
  border-radius: 100%;
  z-index: 1;
  visibility: hidden;
}
.video .video__inner a:after {
  -webkit-transition: all 1s ease-out 0.3s;
  -moz-transition: all 1s ease-out 0.3s;
  -ms-transition: all 1s ease-out 0.3s;
  -o-transition: all 1s ease-out 0.3s;
  transition: all 1s ease-out 0.3s;
}
.video > h3 {
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  margin-top: 45px;
}

.watch-video-area .video {
  padding: 100px 0 75px;
}

@media only screen and (max-width: 992px) {
  .watch-video-area .video {
    padding: 40px 0 30px;
  }
  .watch-video-area .video > h3 {
    font-size: 32px;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video_content {
    min-height: auto;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 479px) {
  .video_content {
    min-height: auto;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .video_content {
    min-height: auto;
    padding-bottom: 80px;
  }
}
/* 13. Footer styles*/
.footer__description {
  padding-right: 40px;
}
.footer__description p {
  padding-top: 20px;
}

.footer__widget h4.footer__title, .footer__newsletter h4.footer__title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 30px;
}


.footer__newsletter p {
  padding-top: 5px;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: normal;
}

.footer__widget ul.footer__widget-list li a, .footer__newsletter ul.footer__widget-list li a {
  color: #666666;
  line-height: 33px;
}

.footer__widget ul.footer__widget-list li a, .footer__newsletter ul.footer__widget-list li a, .footer__newsletter ul.footer__widget-list li h3 {
  padding-top: 20px;
  color: #7a7a7a;
  font-size: 12px;
  font-weight: normal;
}

.footer__widget ul.footer__widget-list li a:hover, .footer__newsletter ul.footer__widget-list li a:hover {
  color: #FF5A60;
}
.footer__widget .footer__input, .footer__newsletter .footer__input {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
}
.footer__widget .footer__input input, .footer__newsletter .footer__input input {
  width: calc(100% - 70px);
}
.footer__widget .footer__input button.button, .footer__newsletter .footer__input button.button {
  height: 50px;
  line-height: 50px;
  border-radius: 0;
  text-align: center;
  box-shadow: none;
  color: #fff;
  font-size: 18px;
  width: 70px;
}
.footer__widget .footer__input button.button i, .footer__newsletter .footer__input button.button i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  padding-right: 0px;
  margin-left: -2px;
}
.footer__widget .footer__input button.button:hover, .footer__newsletter .footer__input button.button:hover {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.footer__widget .footer__input button.button:hover i, .footer__newsletter .footer__input button.button:hover i {
  -webkit-transform: translate(9px, -5px);
  -moz-transform: translate(9px, -5px);
  -ms-transform: translate(9px, -5px);
  -o-transform: translate(9px, -5px);
  transform: translate(9px, -5px);
}

.footer__social-area {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  margin-top: 30px;
}
.footer__social-area li {
  padding-right: 30px;
}
.footer__social-area li a {
  font-size: 16px;
  display: inline-block;
}
.footer__social-area li a:hover {
  color: #FF5A60 !important;
}
.footer__social-area li.facebook a {
  color: #3B5998;
}
.footer__social-area li.twitter a {
  color: #1DA1F2;
}
.footer__social-area li.google-plus a {
  color: #DD4B39;
}
.footer__social-area li.dribbble a {
  color: #EA4C89;
}
.footer__social-area li.behance a {
  color: #1769FF;
}

.copyright {
  padding: 16px 0px;
}
.copyright a {
  color: #666666;
  font-weight: 500;
}
.copyright a:hover {
  color: #FF5A60;
}

/* .wrapper.footer--fixed footer#footer {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: -33;
} */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widgets-area .row {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .footer__description, .footer__widget, .footer__newsletter {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 768px) {
  .wrapper.footer--fixed footer#footer {
    position: relative;
    z-index: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .footer-widgets-area .row {
    margin-top: -30px;
    margin-bottom: -10px;
  }

  .footer__description, .footer__widget, .footer__newsletter {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 479px) {
  .footer-widgets-area .row {
    margin-top: -30px;
    margin-bottom: -10px;
  }

  .footer__description, .footer__widget, .footer__newsletter {
    padding: 20px 0;
  }
}
/* 14. Accordion styles*/
.accordion .accordion__title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  background: #F8F8F8;
  border-bottom: 1px solid #F5F5F5;
  position: relative;
  cursor: pointer;
}
.accordion .accordion__title:after {
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\f067";
  font-family: fontAwesome;
  font-size: 14px;
  height: 30px;
  width: 30px;
  border: 2px solid #FF5A60;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  line-height: 26px;
  text-align: center;
  color: #FF5A60;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.accordion .accordion__title.ui-state-active {
  background: #fff;
}
.accordion .accordion__title.ui-state-active:after {
  content: "\f068";
  border-color: #F8C705;
  color: #F8C705;
}
.accordion .accordion__body {
  padding-top: 15px;
  padding-bottom: 40px;
  background: #fff;
  padding-left: 20px;
  padding-right: 20px;
}

/* 15. Testimonial styles*/
.testimonial-area::before {
  background-color: rgba(255, 127, 69, 0.95);
  z-index: -1;
}

.single-customer-review {
  position: relative;
  z-index: 5;
}

.testimonail .owl-dots > div {
  background-color: #ddd;
  display: inline-block;
  height: 3px;
  margin: 0 3px;
  width: 25px;
}

.testimonail .owl-dots > div.active {
  background-color: #1ca0f2;
}

.single-customer-review span.fa {
  font-size: 42px;
  margin-bottom: 45px;
  opacity: 0.3;
  color: #fff;
}

.single-customer-review > p {
  color: #ffffff;
  font-size: 18px;
  font-style: italic;
  line-height: 30px;
  margin-bottom: 40px;
  font-weight: lighter;
}

.review-rating > .fa {
  color: #ffcc00;
  font-size: 24px;
  margin: 0 5px;
}

.single-customer-review > h4 {
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
}

.single-customer-review > h4 > span {
  font-weight: 600;
  text-transform: uppercase;
}

.testimonial-area .owl-thumbs {
  margin-top: 75px;
}

.testimonial-area .owl-thumbs > .owl-thumb {
  border: 0 solid;
  border-radius: 50%;
  height: 70px;
  margin: 0 10px;
  opacity: 0.5;
  width: 70px;
  transition: all 0.3s;
  cursor: pointer;
}

.testimonial-area .owl-thumbs > .owl-thumb img {
  border-radius: 50%;
}

.testimonial-area .owl-thumbs > .owl-thumb.active {
  opacity: 1;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .testimonial-area .owl-thumbs {
    margin-top: 50px;
  }

  .single-customer-review > p {
    font-size: 15px;
    line-height: 24px;
  }
}
/* 16. Pricing table styles*/
.pricing-table-area .title__heading,
.our-partners-area .title__heading {
  color: #494753;
}
.pricing-table-area .title--devidebar,
.our-partners-area .title--devidebar {
  padding-bottom: 70px;
}
.pricing-table-area .title--devidebar .title__heading::after,
.our-partners-area .title--devidebar .title__heading::after {
  background: #FF5A60 none repeat scroll 0 0;
  height: 4px;
  width: 60px;
  border-radius: 5px;
}

.pricebox {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.2);
  -moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.2);
  -ms-box-shadow: 0 0 10px rgba(100, 100, 100, 0.2);
  -o-box-shadow: 0 0 10px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.2);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.pricebox .pricebox__heading h5.pricebox__name {
  border-radius: 5px 5px 0 0;
  font-size: 24px;
  text-transform: capitalize;
  color: #fff;
  font-weight: normal;
  padding: 17px 10px;
  background-color: #FF5A60;
  border-radius: 5px 5px 0 0;
}
.pricebox .pricebox__heading .pricebox__price_box {
  background-color: #F5F5F5;
  padding: 75px 30px;
}
.pricebox .pricebox__heading h2.pricebox__price {
  border-top: 1px solid #ABABAB;
  border-bottom: 1px solid #ABABAB;
  padding: 28px 0 25px;
  color: #494753;
  text-align: right;
  font-weight: 600;
  font-size: 48px;
}
.pricebox .pricebox__heading h2.pricebox__price span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  width: 50%;
  padding-left: 5px;
  padding-right: 50px;
}
.pricebox .pricebox__features {
  padding: 40px 35px;
}
.pricebox .pricebox__features ul li {
  padding: 5px 0 5px 30px;
  position: relative;
}
.pricebox .pricebox__features ul li:before {
  content: "";
  left: 0;
  background: url(../images/icons/check.png) no-repeat scroll 0 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 25%;
}
.pricebox .pricebox__features ul li.disabled {
  opacity: .6;
}
.pricebox .pricebox__features ul li.disabled:before {
  background: url(../images/icons/check-disabled.png) no-repeat scroll 0 0;
}
.pricebox .pricebox__button {
  margin-top: 0;
  padding: 0 35px 40px;
}
.pricebox .pricebox__button > a.button {
  border: 1px solid #e0e0e0;
  -webkit-box-shadow: 0 0 0px transparent;
  -moz-box-shadow: 0 0 0px transparent;
  -ms-box-shadow: 0 0 0px transparent;
  -o-box-shadow: 0 0 0px transparent;
  box-shadow: 0 0 0px transparent;
  color: #fff !important;
  font-size: 12px;
  font-weight: bold;
  height: 52px;
  letter-spacing: 0.1em;
  line-height: 52px;
  width: 100%;
}
.pricebox .pricebox__button > a.button:hover {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.pricebox:hover {
  -webkit-box-shadow: 0 0 15px rgba(100, 100, 100, 0.4);
  -moz-box-shadow: 0 0 15px rgba(100, 100, 100, 0.4);
  -ms-box-shadow: 0 0 15px rgba(100, 100, 100, 0.4);
  -o-box-shadow: 0 0 15px rgba(100, 100, 100, 0.4);
  box-shadow: 0 0 15px rgba(100, 100, 100, 0.4);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricebox .pricebox__heading h2.pricebox__price span {
    padding-right: 25px;
  }
  .pricebox .button, .pricebox a.button {
    padding: 0 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-table-area .title--devidebar {
    padding-bottom: 40px;
  }
  .pricing-table-area .row {
    margin-bottom: -30px;
  }

  .pricebox {
    margin: 15px 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .pricing-table-area .title--devidebar {
    padding-bottom: 40px;
    padding-top: 30px;
  }
  .pricing-table-area .row {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .pricebox {
    margin: 30px auto;
    width: 380px;
  }
  .pricebox .pricebox__heading .pricebox__price_box {
    padding: 45px 20px;
  }
  .pricebox .pricebox__features {
    padding: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .pricing-table-area .title--devidebar {
    padding-bottom: 40px;
  }
  .pricing-table-area .row {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .pricebox {
    margin: 30px auto;
    width: 100%;
  }
  .pricebox .pricebox__heading h2.pricebox__price span {
    padding-right: 0px;
  }
  .pricebox .pricebox__heading .pricebox__price_box {
    padding: 45px 20px;
  }
  .pricebox .pricebox__features {
    padding: 30px;
  }
}
/* 17. Question area styles*/
.questions-wrap {
  counter-reset: section;
}
.questions-wrap .question {
  float: left;
  max-width: 50%;
  padding-left: 115px;
  padding-top: 10px;
  padding-bottom: 30px;
  padding-right: 50px;
  position: relative;
}
.questions-wrap .question:before {
  content: "0" counter(section);
  counter-increment: section;
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  line-height: 78px;
  color: #fff;
  text-align: center;
  background: #FF5A60;
  border-radius: 100%;
  -webkit-box-shadow: 0px 10px 15px rgba(255, 90, 96, 0.4);
  -moz-box-shadow: 0px 10px 15px rgba(255, 90, 96, 0.4);
  -ms-box-shadow: 0px 10px 15px rgba(255, 90, 96, 0.4);
  -o-box-shadow: 0px 10px 15px rgba(255, 90, 96, 0.4);
  box-shadow: 0px 10px 15px rgba(255, 90, 96, 0.4);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-size: 30px;
  font-weight: 500;
}
.questions-wrap .question:hover:before {
  -webkit-box-shadow: -10px 10px 15px rgba(255, 90, 96, 0.4);
  -moz-box-shadow: -10px 10px 15px rgba(255, 90, 96, 0.4);
  -ms-box-shadow: -10px 10px 15px rgba(255, 90, 96, 0.4);
  -o-box-shadow: -10px 10px 15px rgba(255, 90, 96, 0.4);
  box-shadow: -10px 10px 15px rgba(255, 90, 96, 0.4);
}
.questions-wrap .question h4.question__title {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
.questions-wrap .question .question__answer p {
  padding-top: 20px;
}
.questions-wrap .question:last-child {
  padding-bottom: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .questions-wrap .question {
    max-width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .questions-wrap .question {
    margin-bottom: 40px;
    max-width: 100%;
    padding: 0px 0px 0px 40px;
  }
  .questions-wrap .question:before {
    height: 30px;
    width: 30px;
    line-height: 32px;
    font-size: 16px;
  }
  .questions-wrap .question:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .questions-wrap .question {
    margin-bottom: 40px;
    max-width: 100%;
    padding: 0px 0px 0px 70px;
  }
  .questions-wrap .question:before {
    height: 45px;
    width: 45px;
    line-height: 47px;
    font-size: 18px;
  }
  .questions-wrap .question:last-child {
    margin-bottom: 0px;
  }
}
/* 18. Services styles*/
.services-list {
  padding-left: 25px;
}

.services-content .title--devidebar {
  padding-bottom: 95px;
}
.services-content .title--devidebar .title__heading {
  color: #fff;
  font-size: 40px;
  font-weight: normal;
  padding-bottom: 0;
}
.services-content .title--devidebar .title__heading:after {
  width: 0;
}
.services-content .title--devidebar .title__subtitle {
  color: #fff;
  line-height: 20px;
  padding-top: 25px;
}

.single-service {
  color: #fff;
  margin-bottom: 30px;
}
.single-service .service-header {
  margin-bottom: 20px;
  overflow: hidden;
}
.single-service .icon {
  background-color: #ededed;
  border-radius: 50%;
  color: #000;
  float: left;
  font-size: 42px;
  height: 80px;
  line-height: 80px;
  margin-right: 20px;
  overflow: hidden;
  text-align: center;
  width: 80px;
}
.single-service h3 {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  margin-top: 30px;
  text-align: left;
}

.services-style-2 .single-service {
  text-align: center;
  padding: 30px 10px;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -ms-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
.services-style-2 .single-service > .icon {
  float: none;
  margin: 0 auto;
}
.services-style-2 .single-service > h3 {
  text-align: center;
  font-size: 24px;
  color: #494754;
  margin: 45px 0 20px;
}
.services-style-2 .single-service p {
  color: #6a6c6d;
}
.services-style-2 .single-service:hover {
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1200px) {
  .services-content .title--devidebar {
    padding-bottom: 65px;
  }

  .single-service .service-header > .icon {
    margin-right: 10px;
  }

  .services-list {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 992px) {
  .services-area .service-thumb {
    text-align: center;
    margin-top: 30px;
    margin-bottom: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .services-area .service-thumb {
    margin-top: 0px;
  }

  .single-service .icon {
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    width: 60px;
  }

  .single-service h3 {
    margin-top: 22px;
  }
}
/* 19. Blog styles*/
.blog {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  margin-bottom: 30px;
}
.blog .blog__details {
  padding: 30px;
  background: #fff;
}
.blog .blog__details .blog__time {
  padding-bottom: 20px;
  font-size: 12px;
  display: block;
  font-weight: 500;
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.blog .blog__details .blog__time a {
  color: #000;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blog .blog__details .blog__time a:hover {
  color: #FF5A60;
}
.blog .blog__details .blog__title {
  padding-bottom: 20px;
}
.blog .blog__details .blog__title a {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #333;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  line-height: 30px;
}
.blog .blog__details .blog__title a:hover {
  color: #FF5A60;
}
.blog .blog__details .blog__more .blog__comments {
  float: right;
}
.blog .blog__details .blog__more .blog__comments a {
  color: #666666;
  font-size: 14px;
  font-weight: 300;
}
.blog .blog__details .blog__more .blog__comments a:hover {
  color: #FF5A60;
}
.blog .blog__thumb {
  overflow: hidden;
}
.blog .blog__thumb img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog:hover {
  -webkit-box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.1);
}
.blog:hover .blog__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.blog-area .blog__button {
  padding-top: 50px;
}
.blog-area .blog__button .button--lg {
  font-weight: 700;
}

@media only screen and (max-width: 479px) {
  .blog {
    margin-bottom: 40px;
  }
  .blog .blog__details {
    padding: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog {
    margin-bottom: 40px;
  }
  .blog .blog__thumb img {
    width: 100%;
  }
}
/* 20. Side navigation styles*/
.nav-side {
  padding-left: 300px;
}
.nav-side .slider__thumb img {
  width: 85%;
}
.nav-side .site__header--left {
  width: 300px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
}
.nav-side .site__header--left .logo-menu-wrap.left__side__menu {
  padding: 0 15px;
}
.nav-side .site__header--left .logo-menu-wrap.left__side__menu .logo {
  padding-top: 90px;
}
.nav-side .site__header--left .logo-menu-wrap.left__side__menu .menu.menu--style-4 ul {
  margin-top: 80px;
}
.nav-side .site__header--left .logo-menu-wrap.left__side__menu .menu.menu--style-4 ul li {
  margin: 10px 0;
}
.nav-side .site__header--left .logo-menu-wrap.left__side__menu .menu.menu--style-4 ul li.current a, .nav-side .site__header--left .logo-menu-wrap.left__side__menu .menu.menu--style-4 ul li:hover a {
  color: #FF5A60;
}
.nav-side .site__header--left .logo-menu-wrap.left__side__menu .menu.menu--style-4 ul li a {
  font-weight: 500;
  color: #000033;
  font-size: 18px;
}
.nav-side .pricebox .pricebox__heading .pricebox__price_box {
  padding: 50px 20px;
}
.nav-side .pricebox .pricebox__heading h2.pricebox__price span {
  padding-right: 10px;
}

@media only screen and (min-width: 1600px) {
  .nav-side .slider__thumb img {
    width: 72%;
  }
}
@media only screen and (min-width: 1920px) {
  .nav-side .container {
    width: 1350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .nav-side {
    padding-left: 250px;
  }
  .nav-side .container {
    width: 920px;
  }
  .nav-side .site__header--left {
    width: 250px;
  }
  .nav-side .features-group {
    padding-top: 0px;
  }
  .nav-side .features-group .feature:first-child {
    padding-top: 0px;
  }
  .nav-side .down-button-group a {
    padding: 0;
  }
  .nav-side .down-button-group a:last-child {
    padding-top: 15px;
  }
  .nav-side .pricing-table-area .row {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .nav-side .pricing-table-area .row .col-lg-3 {
    width: 50%;
  }
  .nav-side .pricing-table-area .row .pricebox {
    margin: 15px 0;
  }
  .nav-side .blog__time {
    clear: both;
    overflow: hidden;
  }
  .nav-side .blog__time span.blog__category {
    float: left !important;
  }
  .nav-side .slider__thumb {
    width: 50%;
    right: 3%;
  }
  .nav-side .slider__thumb img {
    width: 85%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .nav-side {
    padding-left: 250px;
  }
  .nav-side .container {
    width: 1100px;
  }
  .nav-side .site__header--left {
    width: 250px;
  }
  .nav-side .features-group {
    padding-top: 0px;
  }
  .nav-side .blog__time {
    clear: both;
    overflow: hidden;
  }
  .nav-side .blog__time span.blog__category {
    float: left !important;
  }
  .nav-side .pricebox {
    padding: 40px 25px;
  }
  .nav-side .slider__thumb {
    right: 4%;
  }
  .nav-side .slider__thumb img {
    width: 64%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-side {
    padding-left: 180px;
  }
  .nav-side .container {
    width: 790px;
  }
  .nav-side .site__header--left {
    width: 180px;
  }
  .nav-side .slider__thumb {
    width: 50%;
  }
  .nav-side .slider__thumb img {
    width: 100%;
  }
  .nav-side .features-group {
    padding-top: 50px;
  }
  .nav-side .features-group .feature:first-child {
    padding-top: 0px;
  }
  .nav-side .down-button-group a {
    padding: 0;
  }
  .nav-side .down-button-group a:last-child {
    padding-top: 15px;
  }
  .nav-side .title__heading {
    font-size: 32px;
  }
  .nav-side .pricing-table-area .row {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .nav-side .pricing-table-area .pricebox .pricebox__heading h2.pricebox__price {
    font-size: 38px;
  }
  .nav-side .footer-widgets-area .row {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .nav-side .footer__description, .nav-side .footer__widget, .nav-side .footer__newsletter {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-side {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .nav-side {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .nav-side {
    padding-left: 0px;
  }
}
/* Blog grid styles*/
.sa-pagination {
  margin-top: 50px;
}
.sa-pagination ul {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  justify-content: center;
}
.sa-pagination ul li {
  padding: 0 8px;
}
.sa-pagination ul li a {
  font-weight: 500;
  font-size: 18px;
  padding: 5px;
  text-transform: uppercase;
}
.sa-pagination ul li.active a, .sa-pagination ul li:hover a {
  color: #FF5A60;
}

.sidebar {
  padding-left: 15px;
}

.sidebar1 {
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #f1f1f1;
  position: fixed;
  height: 100%;
  overflow: auto;
}

.sidebar1 a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}
 
.sidebar1 a.active {
  background-color: #4CAF50;
  color: white;
}

.sidebar1 a:hover:not(.active) {
  background-color: #555;
  color: white;
}

div.content {
  margin-left: 200px;
  padding: 1px 16px;
  height: 1000px;
}

@media screen and (max-width: 700px) {
  .sidebar1 {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar1 a {float: left;}
  div.content {margin-left: 0;}
}

@media screen and (max-width: 400px) {
  .sidebar1 a {
    text-align: center;
    float: none;
  }
}


.sidebar .sidebar__title {
  padding-top: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #565656;
  color: #000;
  font-weight: 500;
  margin-bottom: 15px;
}
.sidebar__search form {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
}
.sidebar__search form input {
  width: calc(100% - 66px);
}
.sidebar__search form button {
  background: #FF5A60;
  padding: 0 25px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  border: none;
  outline: none;
  font-size: 18px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar__search form button:hover {
  opacity: .8;
}

.sidebar__search1 ul li {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
}
.sidebar__search1 ul li input {
  width: calc(100% - 66px);
}
.sidebar__search1 ul li button {
  background: #FF5A60;
  padding: 0 25px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  border: none;
  outline: none;
  font-size: 18px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar__search1 ul li button:hover {
  opacity: .8;
}
.sidebar__categories ul li {
  padding-top: 10px;
}
.sidebar__tags2 {
  margin: 0;
  padding: 0;
  width: calc(100% - 66px);
  background-color: #f573a7; 
  height: 100%;
  border: none;
  overflow: auto;
}
.sidebar__tags2 a {
  display: block;
  color: black;
  padding: 8px;
  text-decoration: none;
  border: 1px solid white;
}
.sidebar__tags2 a.active { 
  color: white;
}

.sidebar__tags2 a:hover:not(.active) {
  background-color: #f573a7;
  color: white;
}

div.content {
  margin-left: 200px;
  padding: 1px 16px;
  height: 1000px;
}

@media screen and (max-width: 700px) {
  .sidebar__tags2 {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar__tags2 a {float: left;}
  div.content {margin-left: 0;}
}

@media screen and (max-width: 400px) {
  .sidebar__tags2 a {
    text-align: center;
    float: none;
  }
}




.sidebar__tags1 ul {
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
  clear: both;
}
.sidebar__tags1 ul li {
  float: left;
  padding: 8px 10px;
}
.sidebar__tags1 ul li a {
  padding: 6px 12px;
  border: 1px solid #aaa;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.sidebar__tags1 ul li a:hover {
  background: #FF5A60;
  border-color: #FF5A60;
  color: #fff;
}



.sidebar__tags ul {
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
  clear: both;
}
.sidebar__tags ul li {
  float: left;
  padding: 8px 10px;
}
.sidebar__tags ul li a {
  padding: 6px 12px;
  border: 1px solid #aaa;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.sidebar__tags ul li a:hover {
  background: #FF5A60;
  border-color: #FF5A60;
  color: #fff;
}
.sidebar__recent-post .sidebar__single-post {
  padding: 0px 0;
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  border-bottom: 1px solid #dfdfdf;
}
.sidebar__recent-post .sidebar__single-post:last-child {
  border-bottom: none;
}
.sidebar__recent-post .sidebar__single-post .single-post__thumb {
  min-width: 80px;
  margin-right: 15px;
}
.sidebar__recent-post .sidebar__single-post .single-post__details h5 {
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .page-heading h1 {
    font-size: 30px;
  }

  .sidebar {
    padding-left: 0px;
    margin-top: 50px;
  }

  .sa-pagination {
    margin-top: 20px;
  }
  .sa-pagination ul li a {
    padding: 0;
  }
}
@media only screen and (max-width: 479px) {
  .page-heading h1 {
    font-size: 30px;
  }

  .sidebar {
    padding-left: 0px;
    margin-top: 50px;
  }

  .sa-pagination {
    margin-top: 20px;
  }
  .sa-pagination ul li a {
    padding: 0;
  }
}
/* Blog list styles*/
.blog.list {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  background: #fff;
}
.blog.list:hover {
  -webkit-box-shadow: -10px 15px 30px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: -10px 15px 30px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: -10px 15px 30px rgba(0, 0, 0, 0.12);
  -o-box-shadow: -10px 15px 30px rgba(0, 0, 0, 0.12);
  box-shadow: -10px 15px 30px rgba(0, 0, 0, 0.12);
}
.blog.list .blog__thumb {
  width: 45%;
}
.blog.list .blog__details {
  background: transparent;
  padding: 0 0 0 30px;
  width: 55%;
  padding: 24px 30px;
}
.blog.list .blog__details .blog__title {
  padding-bottom: 10px;
}
.blog.list .blog__details .blog__time {
  padding-bottom: 10px;
}
.blog.list .blog__details .blog__more {
  padding-top: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog.list .blog__details .blog__title {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog.list {
    flex-wrap: wrap;
  }
  .blog.list .blog__thumb {
    width: 100%;
  }
  .blog.list .blog__details {
    width: 100%;
    margin: 0;
    padding-top: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .blog.list {
    flex-wrap: wrap;
  }
  .blog.list .blog__thumb {
    width: 100%;
  }
  .blog.list .blog__details {
    width: 100%;
    margin: 0;
    padding: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog.list {
    flex-wrap: wrap;
  }
  .blog.list .blog__thumb {
    width: 100%;
  }
  .blog.list .blog__details {
    width: 100%;
    margin: 0;
    padding-top: 30px;
  }
}
/* Single blog styles*/
.sa-blog__thumb img {
  width: 100%;
}
.sa-blog__details {
  padding: 30px 0;
}
.sa-blog__details .sa-blog__title {
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  padding: 15px 0;
}
.sa-blog__details .sa-blog__more {
  padding: 15px 0;
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}
.sa-blog__details .sa-blog__more a {
  color: #FF5A60;
}
.sa-blog__details .sa-blog__more a:hover {
  color: #F8C705;
}
.sa-blog__details .sa-blog__content p {
  padding: 20px 0px;
}
.sa-blog__details .sa-blog__content p:last-child {
  padding-bottom: 0px;
}
.sa-blog__details .sa-blog__content p.sa-blog__content__marked {
  background: #ddd;
  margin-left: 40px;
  padding: 20px 30px;
  border-left: 5px solid #FF5A60;
  font-weight: 500;
  color: #333;
}
.sa-blog__share-wrap {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  justify-content: space-between;
}
.sa-blog__share-wrap .sa-blog__tags {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
}
.sa-blog__share-wrap .sa-blog__tags span {
  font-weight: 500;
  font-size: 16px;
  padding-right: 15px;
}
.sa-blog__share-wrap .sa-blog__tags ul li {
  display: inline-block;
}
.sa-blog__share-wrap .sa-blog__tags ul li:after {
  content: " ,";
}
.sa-blog__share-wrap .sa-blog__tags ul li:last-child:after {
  display: none;
}
.sa-blog__share-wrap .sa-blog__share ul {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
}
.sa-blog__share-wrap .sa-blog__share ul li {
  padding: 0 8px;
}
.sa-blog__share-wrap .sa-blog__share ul li:last-child {
  padding-right: 0px;
}
.sa-blog__share-wrap .sa-blog__share ul li a {
  font-size: 16px;
}
.sa-blog__pagination {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: flex;
  justify-content: space-between;
}
.sa-blog__pagination a {
  padding: 0px 15px;
  background: #DDDDDD;
  font-size: 16px;
  height: 40px;
  line-height: 42px;
  display: inline-block;
  text-transform: uppercase;
}
.sa-blog__pagination a:hover {
  color: #fff;
  background: #FF5A60;
}
.sa-blog__comments {
  padding-top: 30px;
}
.sa-blog__comments .comments__count {
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 30px;
}
.sa-blog__comments .comment {
  padding: 20px 0;
  position: relative;
}
.sa-blog__comments .comment .comment__thumb {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 30px;
}
.sa-blog__comments .comment .comment__details {
  padding-left: 20px;
  margin-left: 80px;
}
.sa-blog__comments .comment .comment__details .comment__time {
  padding: 10px 0;
  display: inline-block;
}
.sa-blog__comments .comment .comment__details a.reply-option {
  font-weight: 500;
}
.sa-blog__comments .comment.reply {
  margin-left: 50px;
}
.sa-blog__leave-comment .single-box {
  padding: 15px 0;
}
.sa-blog__leave-comment .single-box textarea {
  min-height: 150px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.sa-blog__leave-comment .single-box button {
  background: #FF5A60;
  border: none;
  outline: none;
  color: #fff;
  text-align: center;
  display: block;
  height: 50px;
  line-height: 50px;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.sa-blog__leave-comment .single-box button:hover {
  opacity: .8;
}

@media only screen and (max-width: 479px) {
  .sa-blog__details .sa-blog__title {
    font-size: 26px;
  }
  .sa-blog__details .sa-blog__more {
    flex-wrap: wrap;
  }
  .sa-blog__details .sa-blog__content p {
    padding: 10px 0;
  }
  .sa-blog__details .sa-blog__content p.sa-blog__content__marked {
    margin-left: 0;
  }
  .sa-blog__share-wrap {
    flex-wrap: wrap;
  }
  .sa-blog__share-wrap .sa-blog__share {
    padding-top: 20px;
  }
  .sa-blog__share-wrap .sa-blog__share ul li:first-child {
    padding-left: 0px;
  }
  .sa-blog__comments .comment.reply {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sa-blog__details .sa-blog__title {
    font-size: 26px;
  }
  .sa-blog__details .sa-blog__more {
    flex-wrap: wrap;
  }
  .sa-blog__details .sa-blog__content p {
    padding: 10px 0;
  }
  .sa-blog__details .sa-blog__content p.sa-blog__content__marked {
    margin-left: 0;
  }
  .sa-blog__share-wrap {
    flex-wrap: wrap;
  }
  .sa-blog__share-wrap .sa-blog__share ul li:first-child {
    padding-left: 0px;
  }
  .sa-blog__comments .comment.reply {
    margin-left: 40px;
  }
}
/*Different Theme color*/
.style-theme-gray .button--white, .style-theme-gray a.button--white, .style-theme-gray .feature .feature__icon, .style-theme-gray .video .video__inner a, .style-theme-gray .sa-nav--style-2 .slick-arrow,
.style-theme-gray .accordion .accordion__title::after {
  color: #565656;
}
.style-theme-gray .readmore {
  color: #565656 !important;
}
.style-theme-gray .pricing-table-area .title--devidebar .title__heading::after,
.style-theme-gray .pricebox .pricebox__heading h5.pricebox__name,
.style-theme-gray .button, .style-theme-gray a.button,
.style-theme-gray .accordion .accordion__body,
.style-theme-gray .accordion .accordion__title.ui-state-active,
.style-theme-gray #scrollUp {
  background-color: #565656;
}
.style-theme-gray .button--white, .style-theme-gray a.button--white, .style-theme-gray .button, .style-theme-gray a.button {
  -webkit-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  -moz-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  -ms-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  -o-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
}
.style-theme-gray .best-thumb {
  -webkit-box-shadow: 0 0 0 rgba(86, 86, 86, 0);
  -moz-box-shadow: 0 0 0 rgba(86, 86, 86, 0);
  -ms-box-shadow: 0 0 0 rgba(86, 86, 86, 0);
  -o-box-shadow: 0 0 0 rgba(86, 86, 86, 0);
  box-shadow: 0 0 0 rgba(86, 86, 86, 0);
}
.style-theme-gray .shadow--theme {
  -webkit-box-shadow: 0 10px 15px rgba(86, 86, 86, 0.4);
  -moz-box-shadow: 0 10px 15px rgba(86, 86, 86, 0.4);
  -ms-box-shadow: 0 10px 15px rgba(86, 86, 86, 0.4);
  -o-box-shadow: 0 10px 15px rgba(86, 86, 86, 0.4);
  box-shadow: 0 10px 15px rgba(86, 86, 86, 0.4);
}
.style-theme-gray .feature:hover .feature__icon {
  -webkit-box-shadow: -10px 11px 15px 0 rgba(86, 86, 86, 0.4);
  -moz-box-shadow: -10px 11px 15px 0 rgba(86, 86, 86, 0.4);
  -ms-box-shadow: -10px 11px 15px 0 rgba(86, 86, 86, 0.4);
  -o-box-shadow: -10px 11px 15px 0 rgba(86, 86, 86, 0.4);
  box-shadow: -10px 11px 15px 0 rgba(86, 86, 86, 0.4);
}
.style-theme-gray .slider .slider__thumb {
  bottom: 20%;
  right: 5%;
}
.style-theme-gray .feature .feature__icon,
.style-theme-gray .accordion .accordion__title::after {
  border-color: #565656;
}
.style-theme-gray .best-thumb {
  min-height: auto;
  background-color: transparent;
}
.style-theme-gray .best-thumb img {
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.style-theme-gray .accordion {
  color: #fff;
}
.style-theme-gray .accordion .accordion__title.ui-state-active {
  color: #fff;
}
.style-theme-gray .accordion .accordion__title.ui-state-active:after {
  color: #fff;
  border-color: #fff;
}

.style-theme-blue .slider .slider__thumb {
  right: 5%;
}
.style-theme-blue .button--white, .style-theme-blue a.button--white, .style-theme-blue .feature .feature__icon, .style-theme-blue .video .video__inner a, .style-theme-blue .sa-nav--style-2 .slick-arrow,
.style-theme-blue .accordion .accordion__title::after {
  color: #01B9FF;
}
.style-theme-blue .readmore {
  color: #01B9FF !important;
}
.style-theme-blue .pricing-table-area .title--devidebar .title__heading::after,
.style-theme-blue .pricebox .pricebox__heading h5.pricebox__name,
.style-theme-blue .button, .style-theme-blue a.button,
.style-theme-blue .accordion .accordion__body,
.style-theme-blue .accordion .accordion__title.ui-state-active,
.style-theme-blue #scrollUp {
  background-color: #01B9FF;
}
.style-theme-blue .button--white, .style-theme-blue a.button--white, .style-theme-blue .button, .style-theme-blue a.button {
  -webkit-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  -moz-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  -ms-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  -o-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
}
.style-theme-blue .best-thumb {
  -webkit-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  -ms-box-shadow: 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
}
.style-theme-blue .shadow--theme {
  -webkit-box-shadow: 0 10px 15px rgba(1, 185, 255, 0.4);
  -moz-box-shadow: 0 10px 15px rgba(1, 185, 255, 0.4);
  -ms-box-shadow: 0 10px 15px rgba(1, 185, 255, 0.4);
  -o-box-shadow: 0 10px 15px rgba(1, 185, 255, 0.4);
  box-shadow: 0 10px 15px rgba(1, 185, 255, 0.4);
}
.style-theme-blue .feature:hover .feature__icon {
  -webkit-box-shadow: -10px 11px 15px 0 rgba(1, 185, 255, 0.4);
  -moz-box-shadow: -10px 11px 15px 0 rgba(1, 185, 255, 0.4);
  -ms-box-shadow: -10px 11px 15px 0 rgba(1, 185, 255, 0.4);
  -o-box-shadow: -10px 11px 15px 0 rgba(1, 185, 255, 0.4);
  box-shadow: -10px 11px 15px 0 rgba(1, 185, 255, 0.4);
}
.style-theme-blue .feature .feature__icon,
.style-theme-blue .accordion .accordion__title::after {
  border-color: #01B9FF;
}
.style-theme-blue .best-thumb {
  min-height: auto;
  background-color: transparent;
}
.style-theme-blue .best-thumb img {
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.style-theme-blue .available-thumb {
  margin-bottom: -20px;
}
.style-theme-blue .accordion {
  color: #fff;
}
.style-theme-blue .accordion .accordion__title.ui-state-active {
  color: #fff;
}
.style-theme-blue .accordion .accordion__title.ui-state-active:after {
  color: #fff;
  border-color: #fff;
}

.style-theme-blue.style-two .slider .slider__thumb {
  bottom: 20%;
}

.style-theme-purple .button--white, .style-theme-purple a.button--white, .style-theme-purple .feature .feature__icon, .style-theme-purple .video .video__inner a, .style-theme-purple .sa-nav--style-2 .slick-arrow,
.style-theme-purple .accordion .accordion__title::after {
  color: #BA78FE;
}
.style-theme-purple .readmore {
  color: #01B9FF !important;
}
.style-theme-purple .pricing-table-area .title--devidebar .title__heading::after,
.style-theme-purple .pricebox .pricebox__heading h5.pricebox__name,
.style-theme-purple .button, .style-theme-purple a.button,
.style-theme-purple .accordion .accordion__body,
.style-theme-purple .accordion .accordion__title.ui-state-active,
.style-theme-purple #scrollUp {
  background-color: #BA78FE;
}
.style-theme-purple .button--white, .style-theme-purple a.button--white, .style-theme-purple .button, .style-theme-purple a.button {
  -webkit-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  -moz-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  -ms-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  -o-box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
  box-shadow: 0px 12px 10px rgba(127, 102, 5, 0.2);
}
.style-theme-purple .best-thumb {
  -webkit-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  -ms-box-shadow: 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
}
.style-theme-purple .shadow--theme {
  -webkit-box-shadow: 0 10px 15px rgba(186, 120, 254, 0.4);
  -moz-box-shadow: 0 10px 15px rgba(186, 120, 254, 0.4);
  -ms-box-shadow: 0 10px 15px rgba(186, 120, 254, 0.4);
  -o-box-shadow: 0 10px 15px rgba(186, 120, 254, 0.4);
  box-shadow: 0 10px 15px rgba(186, 120, 254, 0.4);
}
.style-theme-purple .feature:hover .feature__icon {
  -webkit-box-shadow: -10px 11px 15px 0 rgba(186, 120, 254, 0.4);
  -moz-box-shadow: -10px 11px 15px 0 rgba(186, 120, 254, 0.4);
  -ms-box-shadow: -10px 11px 15px 0 rgba(186, 120, 254, 0.4);
  -o-box-shadow: -10px 11px 15px 0 rgba(186, 120, 254, 0.4);
  box-shadow: -10px 11px 15px 0 rgba(186, 120, 254, 0.4);
}
.style-theme-purple .slider .slider__thumb {
  bottom: 15%;
}
.style-theme-purple .feature .feature__icon,
.style-theme-purple .accordion .accordion__title::after {
  border-color: #BA78FE;
}
.style-theme-purple .best-thumb {
  min-height: auto;
  background-color: transparent;
}
.style-theme-purple .best-thumb img {
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.style-theme-purple .available-thumb {
  margin-bottom: -20px;
}
.style-theme-purple .accordion {
  color: #fff;
}
.style-theme-purple .accordion .accordion__title.ui-state-active {
  color: #fff;
}
.style-theme-purple .accordion .accordion__title.ui-state-active:after {
  color: #fff;
  border-color: #fff;
}

.style-theme-purple.style-two .slider .slider__thumb {
  text-align: left;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}