@charset "UTF-8";
/*
compact

*/

/*

**********************************************************
**********************************************************

    Index page styles:

    00. Browser reset & common css
    01. Hero Area css
        >> Header css
        >> Home css
            >> Home V1
            >> Home V2
            >> Home V3 & V4
    02. NewsArea css
    03. Feature Area css
    04. Ext Feature Area css
    05. CTA Small css
    06. Step Area css
    07. Product Area css
    08. Price Area css
    09. Testimonial Area css
    10. CTA css
    11. FAQ css
    12. Newsletter css
    13. Map Area css
    14. Footer css
*/
/*
 *****************************************
 >>> | 00 Browser Reset & Common CSS|
 *****************************************
*/
* {
  margin: 0;
  padding: 0; }
  
.custom-h1{color:#c81013;
font-size: 70px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0!important;
}
.custom-p{
margin-top: 10px;
font-size: 11px;
font-weight: 300!important;
  color: #777777!important;
  line-height: 24px!important;
   }
.other-p{
margin-top: 10px;
font-size: 11px!important;
font-weight: 200!important;
  color: #777777!important;
  line-height: 21px!important;
   }
.custom-p a{
color: #777777!important;
}
footer p {
font-size: 12px!important;
 }
 
footer .foo_row > div ul.footer_link li a {
font-size: 12px!important;
} 

footer .foo_row > div ul.footer_link li a:hover {
color: #666666!important;
}
footer .foo_row > div ul.footer_social li a:hover {
background-color:#c81013!important;
border: 1px solid #c81013!important;
}
.cobutton 
{
margin-top: 30px;}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 30px; }

.valid {
  color: green; }

body .mainWrap .adn05s {
  -webkit-animation-duration: .5s;
          animation-duration: .5s; }

body .mainWrap .adn08s {
  -webkit-animation-duration: .8s;
          animation-duration: .8s; }

body .mainWrap .adn1s {
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

body .mainWrap .adn102s {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s; }

body .mainWrap .adn104s {
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s; }

body .mainWrap .adn106s {
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s; }

body .mainWrap .adn108s {
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s; }

body .mainWrap .sbg2 {
  background-color: #f4f6f8; }

.sr_shadow {
  position: relative; }
  .sr_shadow:before {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0.5px 18px 0 rgba(0, 0, 0, 0.1);
    content: "";
    height: 80px;
    left: 50%;
    margin-left: -30px;
    margin-top: -65px;
    position: absolute;
    top: 0;
    width: 60px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .sr_shadow:before {
        display: none; } }

a:focus,
a:hover,
a:visited,
input,
.hero_area.v2 .home_form .country-select,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle,
input:hover,
.hero_area.v2 .home_form .country-select:hover, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:hover,
input:focus,
.hero_area.v2 .home_form .country-select:focus, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:focus,
input:active,
.hero_area.v2 .home_form .country-select:active,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle:active,
select {
  text-decoration: none;
  outline: none !important; }

.static {
  position: static !important; }

.relative {
  position: relative !important; }

.absolute {
  position: absolute !important; }

img {
  max-width: 100%; }

a,
span {
  display: inline-block; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 600; }

/*

    styler

*/
.container {
  width: 1170px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container {
      width: 970px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
      width: 750px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .container {
      width: 300px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
      width: 470px; } }

.styler {
  position: fixed;
  background: #ffffff;
  width: 310px;
  right: -310px;
  top: 0px;
  z-index: 9;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08);
  height: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .styler {
      display: none; } }
  .styler .styleInner {
    min-height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    padding: 15px 30px;
    overflow-y: scroll; }
    .styler .styleInner .button_effect a {
      line-height: 45px;
      margin-bottom: 15px;
      width: 160px; }
  .styler .icon {
    background: #c81013;
    background: -webkit-linear-gradient(to bottom, #c81013, #cd1013);
    background: -webkit-linear-gradient(top, #c81013, #cd1013);
    background: linear-gradient(to bottom, #c81013, #cd1013);
    border-radius: 5px 0 0 5px;
    left: -60px;
    padding: 14.5px;
    position: absolute;
    z-index: 9;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    top: 30%;
    margin-top: -25px; }
    .styler .icon img {
      width: 31px; }
  .styler a.Btn {
    width: 100%;
    background: #0084ff;
    text-transform: uppercase;
    margin-top: 30px;
    color: #ffffff; }
  .styler h3 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border-top: 1px solid #dfdfdf;
    padding-top: 25px;
    margin-top: 35px;
    margin-bottom: 25px; }
    .styler h3:first-child {
      border: medium none;
      margin-top: 0; }
  .styler .colorTheme {
    text-align: center; }
    .styler .colorTheme .singleTheme {
      background: #ffffff;
      height: 40px;
      width: 45px;
      display: inline-block;
      margin: 5px;
      cursor: pointer;
      line-height: 40px;
      text-align: center;
      font-weight: 700;
      color: #333333;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      .styler .colorTheme .singleTheme:nth-child(1) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #c81013, #cd1013);
        background: -webkit-linear-gradient(top, #c81013, #cd1013);
        background: linear-gradient(to bottom, #c81013, #cd1013); }
      .styler .colorTheme .singleTheme:nth-child(2) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #c81013, #e02a27);
        background: -webkit-linear-gradient(top, #c81013, #e02a27);
        background: linear-gradient(to bottom, #c81013, #e02a27); }
      .styler .colorTheme .singleTheme:nth-child(3) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #26C281, #00884f);
        background: -webkit-linear-gradient(top, #26C281, #00884f);
        background: linear-gradient(to bottom, #26C281, #00884f); }
      .styler .colorTheme .singleTheme:nth-child(4) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #ef473a, #cb2d3e);
        background: -webkit-linear-gradient(top, #ef473a, #cb2d3e);
        background: linear-gradient(to bottom, #ef473a, #cb2d3e); }
      .styler .colorTheme .singleTheme:nth-child(5) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #a8e063, #56ab2f);
        background: -webkit-linear-gradient(top, #a8e063, #56ab2f);
        background: linear-gradient(to bottom, #a8e063, #56ab2f); }
      .styler .colorTheme .singleTheme:nth-child(6) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #8e54e9, #010b62);
        background: -webkit-linear-gradient(top, #8e54e9, #010b62);
        background: linear-gradient(to bottom, #8e54e9, #010b62); }
      .styler .colorTheme .singleTheme.active {
        outline: 1px solid #ffffff; }
  .styler .layoutBtn,
  .styler .stickyBtn {
    overflow: hidden;
    margin-top: 20px; }
    .styler .layoutBtn a,
    .styler .stickyBtn a {
      width: 45%;
      float: left;
      line-height: 35px;
      background: #ffffff;
      color: #0084ff;
      text-align: center;
      text-transform: uppercase;
      border-radius: 3px;
      font-weight: 700;
      outline: 1px solid #0084ff !important;
      outline-offset: -1px; }
      .styler .layoutBtn a.active,
      .styler .stickyBtn a.active {
        background: #0084ff;
        color: #ffffff; }
    .styler .layoutBtn a:nth-child(2),
    .styler .stickyBtn a:nth-child(2) {
      float: right; }
  .styler .layout_bg_wrap {
    display: none; }
  .styler .layoutBg {
    overflow: hidden;
    text-align: center;
    margin-top: 20px; }
    .styler .layoutBg .singleBg {
      width: 45px;
      height: 35px;
      background: red;
      margin: 5px;
      display: inline-block;
      background-size: cover;
      background-position: center;
      cursor: pointer; }
      .styler .layoutBg .singleBg img {
        display: none; }

.styler.active {
  right: 0; }

.mainWrap {
  margin: 0 auto;
  background: #ffffff;
  position: relative;
  z-index: 1;
  overflow: hidden; }

.mainWrap.active {
  width: 1200px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mainWrap.active {
      width: 1020px; } }
  @media only screen and (min-width: 0) and (max-width: 1030px) {
    .mainWrap.active {
      width: 100%; } }
  @media only screen and (min-width: 1360px) {
    .mainWrap.active {
      width: 1200px; } }
  @media only screen and (min-width: 1600px) {
    .mainWrap.active {
      width: 1300px; } }

body {
  background: url(../../img/bg/01.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat; }

/*
    preloader
*/
.preloader {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  z-index: 9999;
  -webkit-transition-duration: .4s;
          transition-duration: .4s; }

.preloader.loaded {
  opacity: .7; }

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto; }

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out; }

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
.sp90 {
  padding: 90px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sp90 {
      padding: 60px 0; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .sp90 {
      padding: 40px 0; } }

.spb90 {
  padding-bottom: 90px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .spb90 {
      padding-bottom: 60px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .spb90 {
      padding-bottom: 40px; } }

.spt90 {
  padding-top: 90px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .spt90 {
      padding-top: 60px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .spt90 {
      padding-top: 40px; } }

.pl0 {
  padding-left: 0; }

.pr0 {
  padding-right: 0; }

.pt0 {
  padding-top: 0; }

.pb0 {
  padding-bottom: 0; }

.mr-15 {
  margin-right: -15px; }

.ml-15 {
  margin-left: -15px; }

a.big_btn {
  line-height: 50px;
  width: 200px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: #e02a27;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #c81013, #e02a27);
  background: -webkit-linear-gradient(top, #c81013, #e02a27);
  background: linear-gradient(to bottom, #c81013, #e02a27);
  display: inline-block;
  border: 3px solid #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  background-repeat: repeat;
  overflow: hidden;
  font-weight: 700;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s; }
  a.big_btn:before {
    background: #cd1013;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #c81013, #cd1013);
    background: -webkit-linear-gradient(top, #c81013, #cd1013);
    background: linear-gradient(to bottom, #c81013, #cd1013); }

a.big_btn.two {
  background: #cd1013;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #891012, #cd1013);
  background: -webkit-linear-gradient(top, #891012, #cd1013);
  background: linear-gradient(to bottom, #891012, #cd1013); }
  a.big_btn.two:before {
    background: #cd1013;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #c81013, #cd1013);
    background: -webkit-linear-gradient(top, #c81013, #cd1013);
    background: linear-gradient(to bottom, #c81013, #cd1013); }
a.cta_extra_btn {
    margin-top: 15px;
    margin-left: -5px;
}

.gradient_bg_one {
  background: #cd1013;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #c81013, #cd1013);
  background: -webkit-linear-gradient(right, #c81013, #cd1013);
  background: linear-gradient(to left, #c81013, #cd1013); }

.gradient_bg_two {
  background: #cd1013;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #c81013, #cd1013);
  background: -webkit-linear-gradient(right, #c81013, #cd1013);
  background: linear-gradient(to left, #c81013, #cd1013); }

.section_title {
  margin-bottom: 70px;
  text-align: center; }
  .section_title h1 {
    font-size: 48px;
    margin: 0 0 20px;
    font-weight: 600; }
  .section_title p {
    font-size: 18px;
    line-height: 32px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .section_title {
      margin-bottom: 50px; }
      .section_title br {
        display: none; }
      .section_title h1 {
        font-size: 25px;
        margin-bottom: 10px; }
      .section_title p {
        font-size: 14px;
        line-height: 28px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section_title br {
      display: none; }
    .section_title h1 {
      font-size: 30px; } }

.gradient_bg_two .section_title {
  color: #ffffff; }

/*
 *****************************************
 >>> | 01. hero_area CSS|
 *****************************************
*/
.hero_area.v2 .home_form {
  width: 560px;
  margin-top: 2px;
  display: inline-block;
  text-align: center; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .hero_area.v2 .home_form {
      width: 100%; } }
  .hero_area.v2 .home_form form {
    width: 100%; }
  .hero_area.v2 .home_form input, .hero_area.v2 .home_form .country-select {
    width: 270px;
    float: left;
    border: none;
    background-color: #e9eef3;
    line-height: 60px;
    margin: 0 20px 20px 0;
    padding-left: 0;
    text-indent: 25px;
    color: #687281;
    height: 60px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .hero_area.v2 .home_form input, .hero_area.v2 .home_form .country-select {
        width: 100%; } }
    .hero_area.v2 .home_form input::-webkit-input-placeholder, .hero_area.v2 .home_form .country-select::-webkit-input-placeholder {
      color: #687281;
      opacity: 1; }
    .hero_area.v2 .home_form input:-moz-placeholder, .hero_area.v2 .home_form .country-select:-moz-placeholder {
      /* Firefox 18- */
      color: #687281;
      opacity: 1; }
    .hero_area.v2 .home_form input::-moz-placeholder, .hero_area.v2 .home_form .country-select::-moz-placeholder {
      /* Firefox 19+ */
      color: #687281;
      opacity: 1; }
    .hero_area.v2 .home_form input:-ms-input-placeholder, .hero_area.v2 .home_form .country-select:-ms-input-placeholder {
      color: #687281;
      opacity: 1; }
    .hero_area.v2 .home_form input:nth-child(even), .hero_area.v2 .home_form .country-select:nth-child(even) {
      margin-right: 0; }
  .hero_area.v2 .home_form input[type=submit], .hero_area.v2 .home_form [type=submit].country-select {
    margin: 0 20px 0 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
    background-color: #0084ff;
    color: #ffffff;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    font-size: 16px;
    font-weight: 500;
  }
    .hero_area.v2 .home_form input[type=submit]:hover, .hero_area.v2 .home_form [type=submit].country-select:hover {
      background-color: #c81013; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .hero_area.v2 .home_form input[type=submit], .hero_area.v2 .home_form [type=submit].country-select {
        float: none;
        margin-bottom: 20px; } }
  .hero_area.v2 .home_form p.info {
    width: 270px;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    height: 60px; }
  .hero_area.v2 .home_form .country-select {
    padding-left: 0;
    position: relative; }
    .hero_area.v2 .home_form .country-select input, .hero_area.v2 .home_form .country-select .country-select {
      margin-right: 0;
      padding-left: 0;
      color: #687281; }
    .hero_area.v2 .home_form .country-select .flag-dropdown {
      padding-right: 15px;
      right: 0;
      padding-left: 10px; }
      .hero_area.v2 .home_form .country-select .flag-dropdown:hover {
        background-color: rgba(0, 0, 0, 0.05); }
        .hero_area.v2 .home_form .country-select .flag-dropdown:hover .selected-flag {
          background-color: transparent; }
      .hero_area.v2 .home_form .country-select .flag-dropdown .arrow {
        left: 25px; }
      .hero_area.v2 .home_form .country-select .flag-dropdown .country-list {
        left: -205px;
        text-align: left; }
        @media only screen and (min-width: 0px) and (max-width: 991px) {
          .hero_area.v2 .home_form .country-select .flag-dropdown .country-list {
            right: 0;
            left: auto; } }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .hero_area.v2 .home_form .country-select .flag-dropdown .country-list {
            width: 270px; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .hero_area.v2 .home_form .country-select .flag-dropdown .country-list {
            width: 420px; } }

.hero_area.v3 .home_text, .hero_area.v4 .home_text {
  display: block;
  text-align: center; }
  .hero_area.v3 .home_text .home_cell, .hero_area.v4 .home_text .home_cell {
    padding-top: 75px; }
  .hero_area.v3 .home_text .home_btn, .hero_area.v4 .home_text .home_btn {
    margin-top: 30px; }
    .hero_area.v3 .home_text .home_btn a, .hero_area.v4 .home_text .home_btn a {
      line-height: 65px;
      width: auto;
      padding: 0 50px;
      border-radius: 60px;
      background: #0084ff;
      overflow: hidden;
      color: #ffffff;
      font-size: 19px;
      font-weight: 600;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
      .hero_area.v3 .home_text .home_btn a:before, .hero_area.v4 .home_text .home_btn a:before {
        background: #e02a27;
        background: -webkit-linear-gradient(to bottom, #c81013, #e02a27);
        background: -webkit-linear-gradient(top, #c81013, #e02a27);
        background: linear-gradient(to bottom, #c81013, #e02a27); }
  .hero_area.v3 .home_text .home_form, .hero_area.v4 .home_text .home_form {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background: #e9eef3;
    width: 590px;
    height: 80px;
    margin: 30px auto 0;
    border-radius: 50px;
    padding: 10px; }
    .hero_area.v3 .home_text .home_form.active, .hero_area.v4 .home_text .home_form.active {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      background-color: #ffffff; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .hero_area.v3 .home_text .home_form.active, .hero_area.v4 .home_text .home_form.active {
          width: 100%;
          height: auto;
          background-color: transparent;
          box-shadow: none; } }
    .hero_area.v3 .home_text .home_form .info, .hero_area.v4 .home_text .home_form .info {
      margin-top: 15px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .hero_area.v3 .home_text .home_form, .hero_area.v4 .home_text .home_form {
        background-color: #ffffff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .hero_area.v3 .home_text .home_form, .hero_area.v4 .home_text .home_form {
        width: 100%;
        height: auto;
        background-color: transparent;
        box-shadow: none; } }
    .hero_area.v3 .home_text .home_form input[type=email], .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select, .hero_area.v4 .home_text .home_form input[type=email], .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select {
      border: medium none;
      line-height: 60px;
      width: 330px;
      text-indent: 30px;
      background-color: transparent;
      font-size: 18px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .hero_area.v3 .home_text .home_form input[type=email], .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select, .hero_area.v4 .home_text .home_form input[type=email], .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select {
          width: 100%;
          background-color: #ffffff;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          margin-bottom: 20px;
          border-radius: 30px; } }
      .hero_area.v3 .home_text .home_form input[type=email]::-webkit-input-placeholder, .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select::-webkit-input-placeholder, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select::-webkit-input-placeholder, .hero_area.v4 .home_text .home_form input[type=email]::-webkit-input-placeholder, .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select::-webkit-input-placeholder, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select::-webkit-input-placeholder {
        color: #687281;
        opacity: 1; }
      .hero_area.v3 .home_text .home_form input[type=email]:-moz-placeholder, .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select:-moz-placeholder, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select:-moz-placeholder, .hero_area.v4 .home_text .home_form input[type=email]:-moz-placeholder, .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select:-moz-placeholder, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select:-moz-placeholder {
        /* Firefox 18- */
        color: #687281;
        opacity: 1; }
      .hero_area.v3 .home_text .home_form input[type=email]::-moz-placeholder, .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select::-moz-placeholder, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select::-moz-placeholder, .hero_area.v4 .home_text .home_form input[type=email]::-moz-placeholder, .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select::-moz-placeholder, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select::-moz-placeholder {
        /* Firefox 19+ */
        color: #687281;
        opacity: 1; }
      .hero_area.v3 .home_text .home_form input[type=email]:-ms-input-placeholder, .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select:-ms-input-placeholder, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select:-ms-input-placeholder, .hero_area.v4 .home_text .home_form input[type=email]:-ms-input-placeholder, .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select:-ms-input-placeholder, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select:-ms-input-placeholder {
        color: #687281;
        opacity: 1; }
    .hero_area.v3 .home_text .home_form input[type="submit"], .hero_area.v3 .home_text .hero_area.v2 .home_form [type="submit"].country-select, .hero_area.v2 .hero_area.v3 .home_text .home_form [type="submit"].country-select, .hero_area.v4 .home_text .home_form input[type="submit"], .hero_area.v4 .home_text .hero_area.v2 .home_form [type="submit"].country-select, .hero_area.v2 .hero_area.v4 .home_text .home_form [type="submit"].country-select {
      border: medium none;
      border-radius: 50px;
      line-height: 60px;
      width: 235px;
      background: #0084ff;
      font-size: 19px;
      font-weight: 600;
      color: #ffffff;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      .hero_area.v3 .home_text .home_form input[type="submit"]:hover, .hero_area.v3 .home_text .hero_area.v2 .home_form [type="submit"].country-select:hover, .hero_area.v2 .hero_area.v3 .home_text .home_form [type="submit"].country-select:hover, .hero_area.v4 .home_text .home_form input[type="submit"]:hover, .hero_area.v4 .home_text .hero_area.v2 .home_form [type="submit"].country-select:hover, .hero_area.v2 .hero_area.v4 .home_text .home_form [type="submit"].country-select:hover {
        background: #e02a27; }
  .hero_area.v3 .home_text .home_img, .hero_area.v4 .home_text .home_img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 235px;
    z-index: -1; }
    .hero_area.v3 .home_text .home_img img, .hero_area.v4 .home_text .home_img img {
      max-height: 100%;
      width: auto; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .hero_area.v3 .home_text .home_img, .hero_area.v4 .home_text .home_img {
        bottom: -45px; } }

.hero_area {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto 780px;
  position: relative;
  z-index: 9; }
  .hero_area:before {
    position: absolute;
    content: '';
    background-color: #ffffff;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .hero_area:before {
        opacity: .9; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .hero_area:before {
        opacity: .6; } }
  .hero_area .home_text {
    height: 780px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 35px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .hero_area .home_text {
        text-align: center;
        height: auto;
        padding: 50px 0 60px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .hero_area .home_text p {
        background-color: rgba(255, 255, 255, 0.5); } }
  .hero_area header {
    padding-top: 20px;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: .25s transform;
    transition: .25s transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    z-index: 9999; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .hero_area header {
        background-color: transparent; } }
    .hero_area header.fixed_header.sticky {
      padding: 15px 0;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
      position: fixed;
      -webkit-animation: sticky_anim .4s;
              animation: sticky_anim .4s; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .hero_area header.fixed_header.sticky {
          padding: 20px 0;
          background-color: #ffffff; } }
@-webkit-keyframes sticky_anim {
  0% {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
    -webkit-transform: translate3d(0, -120px, 0);
            transform: translate3d(0, -120px, 0); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes sticky_anim {
  0% {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
    -webkit-transform: translate3d(0, -120px, 0);
            transform: translate3d(0, -120px, 0); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
    .hero_area header a.logo {
      padding: 13px 0;
      display: inline-block; }
      .hero_area header a.logo img {
        height: 100%;
        vertical-align: top; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .hero_area header a.logo {
          padding: 0; } }
    .hero_area header .navbar-header button {
      line-height: 27.5px;
      font-size: 22px;
      margin: 0;
      padding: 0; }
    .hero_area header nav#navbar {
      text-align: right;
      padding: 0; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .hero_area header nav#navbar {
          position: absolute;
          width: 320px;
          padding-right: 0;
          background: #ffffff;
          z-index: 2;
          right: 15px;
          top: 45px;
          border: 10px solid #ffffff;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .hero_area header nav#navbar {
          width: 280px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .hero_area header nav#navbar {
          width: 320px; } }
      .hero_area header nav#navbar ul.nav {
        margin: 0;
        list-style: none;
        float: none;
        display: inline-block;
        vertical-align: top;
        padding-right: 15px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .hero_area header nav#navbar ul.nav {
            padding-right: 0;
            margin-right: -15px; } }
        @media only screen and (min-width: 0px) and (max-width: 991px) {
          .hero_area header nav#navbar ul.nav {
            display: block;
            text-align: left;
            padding-right: 0; } }
        .hero_area header nav#navbar ul.nav li {
          display: inline-block;
          position: relative; }
          @media only screen and (min-width: 0px) and (max-width: 991px) {
            .hero_area header nav#navbar ul.nav li {
              display: block;
              border: 1px solid #d2d2d2;
              margin: 4px 0; }
              .hero_area header nav#navbar ul.nav li ul {
                border: none; }
                .hero_area header nav#navbar ul.nav li ul li {
                  border: 1px solid #d2d2d2; } }
          .hero_area header nav#navbar ul.nav li a {
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            color: #000000;
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            padding: 0 15px;
            line-height: 56px;
            display: inline-block; }
            @media only screen and (min-width: 0px) and (max-width: 991px) {
              .hero_area header nav#navbar ul.nav li a {
                color: #0084ff;
                display: block;
                margin: 0;
                padding: 0 15px; }
                .hero_area header nav#navbar ul.nav li a:hover {
                  color: #ffffff;
                  background-color: #0084ff; } }
          .hero_area header nav#navbar ul.nav li.current-menu-item > a, .hero_area header nav#navbar ul.nav li.open > a, .hero_area header nav#navbar ul.nav li:hover > a {
            color: #0084ff; }
            @media only screen and (min-width: 0px) and (max-width: 991px) {
              .hero_area header nav#navbar ul.nav li.current-menu-item > a, .hero_area header nav#navbar ul.nav li.open > a, .hero_area header nav#navbar ul.nav li:hover > a {
                color: #ffffff;
                background-color: #0084ff; } }
            .hero_area header nav#navbar ul.nav li.current-menu-item > a:before, .hero_area header nav#navbar ul.nav li.open > a:before, .hero_area header nav#navbar ul.nav li:hover > a:before {
              width: 100%;
              padding-right: 15px; }
          @media only screen and (min-width: 992px) {
            .hero_area header nav#navbar ul.nav li.dropdown.current-menu-item > a:before, .hero_area header nav#navbar ul.nav li.dropdown.open > a:before, .hero_area header nav#navbar ul.nav li.dropdown:hover > a:before {
              padding-right: 31px; }
            .hero_area header nav#navbar ul.nav li.dropdown a:before {
              top: 1px; }
            .hero_area header nav#navbar ul.nav li > a:before {
              position: absolute;
              width: 0;
              height: 100%;
              top: 0;
              color: #0084ff;
              -webkit-transition-duration: .4s;
                      transition-duration: .4s;
              content: attr(data-content);
              overflow: hidden;
              left: 0;
              padding-left: 15px;
              box-sizing: border-box; } }
          @media only screen and (min-width: 0px) and (max-width: 991px) {
            .hero_area header nav#navbar ul.nav li.dropdown.mb-none {
              margin-bottom: 0;
              border-bottom: 0; } }
          .hero_area header nav#navbar ul.nav li.dropdown > a:after {
            content: '\f0d7';
            font-family: "FontAwesome";
            margin-left: 7px; }
            @media only screen and (min-width: 0px) and (max-width: 991px) {
              .hero_area header nav#navbar ul.nav li.dropdown > a:after {
                position: absolute;
                right: 15px;
                content: '\f067';
                font-size: 10px; } }
          @media only screen and (min-width: 0px) and (max-width: 991px) {
            .hero_area header nav#navbar ul.nav li.dropdown > a.active:after {
              content: '\f068';
              font-weight: 700; } }
          @media only screen and (min-width: 0px) and (max-width: 991px) {
            .hero_area header nav#navbar ul.nav li ul.dropdown-menu {
              box-shadow: none; }
              .hero_area header nav#navbar ul.nav li ul.dropdown-menu li {
                border-left: 3px solid #0084ff; }
                .hero_area header nav#navbar ul.nav li ul.dropdown-menu li a:before {
                  display: none; }
              .hero_area header nav#navbar ul.nav li ul.dropdown-menu .menu-collumn {
                border: none !important; } }
          @media only screen and (min-width: 992px) {
            .hero_area header nav#navbar ul.nav li ul.dropdown-menu {
              width: 250px;
              background: #fff;
              border-top: 3px solid #0084ff;
              background-color: #0084ff;
              position: absolute;
              z-index: 2;
              left: 0;
              top: 200%;
              opacity: 0;
              visibility: hidden;
              padding: 0;
              -webkit-transition: all 0.25s ease-out 0s;
              transition: all 0.25s ease-out 0s;
              display: block; }
              .hero_area header nav#navbar ul.nav li ul.dropdown-menu li {
                width: 100%;
                border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
                .hero_area header nav#navbar ul.nav li ul.dropdown-menu li a {
                  display: block;
                  width: 100%;
                  line-height: 50px;
                  margin: 0;
                  text-align: left;
                  padding-left: 20px;
                  background-color: #0084ff;
                  color: #ffffff; }
                  .hero_area header nav#navbar ul.nav li ul.dropdown-menu li a:before {
                    display: none; }
                  .hero_area header nav#navbar ul.nav li ul.dropdown-menu li a:hover {
                    background-color: #077ce9; }
            .hero_area header nav#navbar ul.nav li:nth-last-child(1) ul.dropdown-menu, .hero_area header nav#navbar ul.nav li:nth-last-child(2) ul.dropdown-menu {
              left: auto;
              right: 0; }
            .hero_area header nav#navbar ul.nav li.open ul.dropdown-menu {
              top: 100%;
              opacity: 1;
              visibility: visible; }
            .hero_area header nav#navbar ul.nav li.open > a, .hero_area header nav#navbar ul.nav li.open > a:focus, .hero_area header nav#navbar ul.nav li.open > a:hover {
              background: transparent; } }
          @media only screen and (min-width: 0px) and (max-width: 991px) {
            .hero_area header nav#navbar ul.nav li ul.dropdown-menu {
              background: #f8fbfd;
              float: none;
              width: 100%;
              padding: 0;
              position: static;
              display: block; }
            .hero_area header nav#navbar ul.nav li.open > a, .hero_area header nav#navbar ul.nav li.open > a:focus, .hero_area header nav#navbar ul.nav li.open > a:hover {
              background: #077ce9; } }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .hero_area header nav#navbar span.btn_wrap {
          display: block;
          width: 100%; }
          .hero_area header nav#navbar span.btn_wrap a {
            display: block;
            width: 100%;
            border-radius: 0; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero_area header nav#navbar span.btn_wrap {
          display: none; } }
  .hero_area .home_area .home_text h1 {
    font-size: 60px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .hero_area .home_area .home_text h1 {
        font-size: 30px; } }
  .hero_area .home_area .home_text p {
    font-size: 22px;
    line-height: 30px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .hero_area .home_area .home_text p {
        font-size: 14px;
        line-height: 26px; }
        .hero_area .home_area .home_text p br {
          display: none; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .hero_area .home_area .home_text p br {
        display: none; } }
  .hero_area .home_area .home_text a.video_btn {
    margin-top: 25px;
    display: inline-block;
    padding-left: 40px;
    position: relative; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .hero_area .home_area .home_text a.video_btn {
        margin-top: 15px; } }
    .hero_area .home_area .home_text a.video_btn span {
      display: block;
      font-size: 17px;
      font-weight: 700;
      text-transform: uppercase;
      color: #333333; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .hero_area .home_area .home_text a.video_btn span {
          font-size: 15px; } }
    .hero_area .home_area .home_text a.video_btn span.small {
      font-size: 13px;
      text-transform: lowercase;
      font-weight: 300;
      color: #777; }
    .hero_area .home_area .home_text a.video_btn:before {
      position: absolute;
      content: '\f01d';
      font-family: "FontAwesome";
      font-size: 36px;
      left: 0;
      color: #0084ff;
      line-height: 40px;
      top: 50%;
      margin-top: -22px; }

.help-block {
    margin-top: 25px !important;
}

.mailchimp_email {
    border-radius: 30px;
}

.text-success {
    color: green;
}

.text-danger {
    color: red;
}

/*
 *****************************************
 >>> | 02. news_area CSS|
 *****************************************
*/
.news_area {
  text-align: center; }
  .news_area .h3 {
    font-size: 34px;
    font-weight: 500;
    margin: 0;
    line-height: 50px;
    color: #ffffff; }
    .news_area .h3 span {
      font-weight: 700; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .news_area .h3 {
        font-size: 20px; }
        .news_area .h3 br {
          display: none; } }

/*
 *****************************************
 >>> | 03. feature_area CSS|
 *****************************************
*/
.feature_area .featured {
  position: relative;
  text-align: center; }
  .feature_area .featured .feature_img {
    display: inline-block; }
  .feature_area .featured .single_feature {
    line-height: 26px;
    position: absolute;
    display: inline-block;
    width: auto; }
    .feature_area .featured .single_feature .h4 {
      font-size: 19px;
      font-weight: 600;
      margin-top: 0;
      opacity: 0; }
    .feature_area .featured .single_feature p {
      opacity: 0; }
    .feature_area .featured .single_feature > *:last-child {
      margin-bottom: 0; }
    .feature_area .featured .single_feature.active .h4, .feature_area .featured .single_feature.active p {
      opacity: 1;
      -webkit-transition-duration: .4s;
              transition-duration: .4s;
      -webkit-transition-delay: 1.1s;
              transition-delay: 1.1s; }
    .feature_area .featured .single_feature.active .two {
      display: none; }
    .feature_area .featured .single_feature.active .one {
      display: inline-block; }
    .feature_area .featured .single_feature .one {
      display: none; }
    .feature_area .featured .single_feature .two {
      display: inline-block; }
    @media only screen and (min-width: 0px) and (max-width: 1201px) {
      .feature_area .featured .single_feature {
        width: 33.33%;
        display: inline-block; } }
    @media only screen and (min-width: 0px) and (max-width: 1201px) {
      .feature_area .featured .single_feature {
        position: static;
        margin-top: 40px;
        width: 100%; }
        .feature_area .featured .single_feature .h4, .feature_area .featured .single_feature p {
          opacity: 1; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .feature_area .featured .single_feature {
        width: 45%;
        display: inline-block; } }
    .feature_area .featured .single_feature:nth-child(4).active .h4, .feature_area .featured .single_feature:nth-child(4).active p {
      -webkit-transition-delay: .7s;
              transition-delay: .7s; }
    .feature_area .featured .single_feature span.dot {
      position: absolute;
      height: 15px;
      width: 15px;
      background-color: #cd1013;
      border-radius: 50%;
      z-index: 1; }
      @media only screen and (min-width: 0px) and (max-width: 1201px) {
        .feature_area .featured .single_feature span.dot {
          display: none; } }
      .feature_area .featured .single_feature span.dot .mtooltip {
        background: #e02a27 none repeat scroll 0 0;
        border-radius: 25px;
        color: #fff;
        left: -55px;
        line-height: 30px;
        position: absolute;
        top: -45px;
        width: 130px;
        opacity: 0;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        background: #e02a27;
        background: -webkit-linear-gradient(to bottom, #c81013, #e02a27);
        background: -webkit-linear-gradient(top, #c81013, #e02a27);
        background: linear-gradient(to bottom, #c81013, #e02a27);
        border: 2px solid #ffffff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
      .feature_area .featured .single_feature span.dot .mtooltip::before {
        border-color: #e02a27 transparent transparent;
        border-style: solid;
        border-width: 8px;
        bottom: -16px;
        content: "";
        left: 50%;
        margin-left: -11px;
        position: absolute; }
      .feature_area .featured .single_feature span.dot:hover .mtooltip, .feature_area .featured .single_feature span.dot.active .mtooltip {
        opacity: 1; }
      .feature_area .featured .single_feature span.dot.active .mtooltip {
        -webkit-animation: mt_anim 1.2s infinite;
                animation: mt_anim 1.2s infinite;
        -webkit-animation-delay: 2s;
                animation-delay: 2s; }
@-webkit-keyframes mt_anim {
  0% {
    opacity: 1; }
  20% {
    opacity: .05; }
  100% {
    opacity: 1; } }
@keyframes mt_anim {
  0% {
    opacity: 1; }
  20% {
    opacity: .05; }
  100% {
    opacity: 1; } }
      .feature_area .featured .single_feature span.dot:hover .mtooltip {
        -webkit-animation: none;
                animation: none; }
      .feature_area .featured .single_feature span.dot:after {
        position: absolute;
        border-radius: 50%;
        background-color: #c81013;
        opacity: .4;
        content: '';
        left: -6px;
        top: -6px;
        bottom: -6px;
        right: -6px;
        -webkit-animation: dotAnim 1s infinite;
                animation: dotAnim 1s infinite;
        z-index: -1; }
@-webkit-keyframes dotAnim {
  0% {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
  60% {
    left: -6px;
    top: -6px;
    bottom: -6px;
    right: -6px; }
  100% {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; } }
@keyframes dotAnim {
  0% {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
  60% {
    left: -6px;
    top: -6px;
    bottom: -6px;
    right: -6px; }
  100% {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; } }
    .feature_area .featured .single_feature:nth-child(2) {
      left: 0;
      bottom: 60px;
      top: auto;
      right: auto; }
      .feature_area .featured .single_feature:nth-child(2):before {
        content: "";
        height: 40px;
        position: absolute;
        top: -60px;
        width: 3px;
        left: 50%; }
      .feature_area .featured .single_feature:nth-child(2).active:before {
        background-repeat: no-repeat;
        -webkit-animation-name: f1_gra_a;
                animation-name: f1_gra_a;
        background-position: center top;
        -webkit-animation-delay: .7s;
                animation-delay: .7s;
        -webkit-animation-duration: .4s;
                animation-duration: .4s;
        background-image: -webkit-linear-gradient(to left, #cd1013, #cd1013);
        background-image: -webkit-linear-gradient(right, #cd1013, #cd1013);
        background-image: linear-gradient(to left, #cd1013, #cd1013);
        background-size: 0;
        background-color: #cd1013;
        -webkit-transition-delay: 1.1s;
                transition-delay: 1.1s; }
@-webkit-keyframes f1_gra_a {
  0% {
    background-size: 3px 0; }
  100% {
    background-size: 3px 100%; } }
@keyframes f1_gra_a {
  0% {
    background-size: 3px 0; }
  100% {
    background-size: 3px 100%; } }
      .feature_area .featured .single_feature:nth-child(2):after {
        content: "";
        height: 3px;
        position: absolute;
        top: -62px;
        width: 320px;
        left: 50%; }
      .feature_area .featured .single_feature:nth-child(2).active:after {
        background-image: -webkit-linear-gradient(to left, #c81013, #cd1013);
        background-image: -webkit-linear-gradient(right, #c81013, #cd1013);
        background-image: linear-gradient(to left, #c81013, #cd1013);
        background-repeat: no-repeat;
        -webkit-animation: f1_gra .7s;
                animation: f1_gra .7s;
        background-position: right center; }
@-webkit-keyframes f1_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px; } }
@keyframes f1_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px; } }
      .feature_area .featured .single_feature:nth-child(2) span.dot {
        right: -215px;
        top: -68px;
        cursor: pointer; }
    .feature_area .featured .single_feature:nth-child(3) {
      right: 0;
      top: 60px;
      bottom: auto;
      left: auto; }
      .feature_area .featured .single_feature:nth-child(3):before {
        content: "";
        height: 40px;
        position: absolute;
        bottom: -60px;
        width: 3px;
        right: 50%;
        margin-right: -3px;
        background-position: center bottom; }
      .feature_area .featured .single_feature:nth-child(3).active:before {
        background-repeat: no-repeat;
        -webkit-animation-name: f2_gra_a;
                animation-name: f2_gra_a;
        -webkit-animation-delay: .7s;
                animation-delay: .7s;
        -webkit-animation-duration: .4s;
                animation-duration: .4s;
        background-image: -webkit-linear-gradient(to left, #cd1013, #cd1013);
        background-image: -webkit-linear-gradient(right, #cd1013, #cd1013);
        background-image: linear-gradient(to left, #cd1013, #cd1013);
        background-size: 0;
        background-color: #cd1013;
        -webkit-transition-delay: 1.1s;
                transition-delay: 1.1s; }
@-webkit-keyframes f2_gra_a {
  0% {
    background-size: 3px 0; }
  100% {
    background-size: 3px 100%; } }
@keyframes f2_gra_a {
  0% {
    background-size: 3px 0; }
  100% {
    background-size: 3px 100%; } }
      .feature_area .featured .single_feature:nth-child(3):after {
        content: "";
        height: 3px;
        position: absolute;
        bottom: -62px;
        width: 320px;
        right: 50%;
        margin-right: -3px;
        right: 50%; }
      .feature_area .featured .single_feature:nth-child(3).active:after {
        background-image: -webkit-linear-gradient(to right, #c81013, #cd1013);
        background-image: -webkit-linear-gradient(left, #c81013, #cd1013);
        background-image: linear-gradient(to right, #c81013, #cd1013);
        background-repeat: no-repeat;
        -webkit-animation: f2_gra .7s;
                animation: f2_gra .7s;
        background-position: left center; }
@-webkit-keyframes f2_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px; } }
@keyframes f2_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px; } }
      .feature_area .featured .single_feature:nth-child(3) span.dot {
        left: -212px;
        bottom: -68px;
        cursor: pointer; }
    .feature_area .featured .single_feature:nth-child(4) {
      top: 0;
      left: 100px;
      right: auto;
      bottom: auto; }
      .feature_area .featured .single_feature:nth-child(4):after {
        content: "";
        height: 3px;
        position: absolute;
        width: 210px;
        top: 50%;
        right: -240px;
        left: auto;
        margin-top: -5px; }
      .feature_area .featured .single_feature:nth-child(4).active:after {
        background-image: -webkit-linear-gradient(to left, #c81013, #cd1013);
        background-image: -webkit-linear-gradient(right, #c81013, #cd1013);
        background-image: linear-gradient(to left, #c81013, #cd1013);
        background-repeat: no-repeat;
        -webkit-animation: f3_gra .7s;
                animation: f3_gra .7s;
        background-position: right center; }
@-webkit-keyframes f3_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px; } }
@keyframes f3_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px; } }
      .feature_area .featured .single_feature:nth-child(4) span.dot {
        margin-top: -11px;
        right: -248px;
        top: 50%;
        cursor: pointer; }
    @media only screen and (min-width: 0px) and (max-width: 1201px) {
      .feature_area .featured .single_feature:before, .feature_area .featured .single_feature.active:before, .feature_area .featured .single_feature:after, .feature_area .featured .single_feature.active:after {
        display: none; } }

/*
 *****************************************
 >>> | 04. ext_feature_area CSS|
 *****************************************
*/
.ext_feature_area .col-md-4 {
  margin-top: 55px; }
  @media only screen and (min-width: 992px) {
    .ext_feature_area .col-md-4:nth-child(1), .ext_feature_area .col-md-4:nth-child(2), .ext_feature_area .col-md-4:nth-child(3) {
      margin-top: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ext_feature_area .col-md-4:nth-child(1), .ext_feature_area .col-md-4:nth-child(2) {
      margin-top: 0; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .ext_feature_area .col-md-4:nth-child(1) {
      margin-top: 0; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .ext_feature_area .single_service {
    text-align: center; } }
.ext_feature_area .single_service .service_icon {
  width: 85px;
  float: left; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .ext_feature_area .single_service .service_icon {
      float: none;
      margin-bottom: 30px;
      display: inline-block; } }
.ext_feature_area .single_service .service_content {
  padding-left: 85px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .ext_feature_area .single_service .service_content {
      padding-left: 0; } }
  .ext_feature_area .single_service .service_content .h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px; }
.ext_feature_area .single_service:hover .hvr-wobble-skew {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2; }

/*
 *****************************************
 >>> | 05. cta_small_area CSS|
 *****************************************
*/
.cta_small_area .section_title {
  margin-bottom: 40px; }

/*
 *****************************************
 >>> | 06. step_area CSS|
 *****************************************
*/
.step_area .col-md-4:nth-child(1) {
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }
.step_area .col-md-4:nth-child(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s; }
.step_area .col-md-4:nth-child(3) {
  -webkit-animation-delay: .6s;
          animation-delay: .6s; }
.step_area .col-md-4 {
  margin-top: 55px; }
  .step_area .col-md-4:nth-child(1), .step_area .col-md-4:nth-child(2), .step_area .col-md-4:nth-child(3) {
    margin-top: 0; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .step_area .col-md-4 {
      margin-bottom: 40px; }
      .step_area .col-md-4:last-child {
        margin-bottom: 0; } }
  .step_area .col-md-4 .single_step {
    color: #ffffff; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .step_area .col-md-4 .single_step {
        text-align: center; } }
    .step_area .col-md-4 .single_step .sl_no {
      width: 75px;
      text-align: center;
      border: 4px solid #ffffff;
      float: left;
      border-radius: 50%;
      height: 75px;
      line-height: 67px;
      -webkit-transition-duration: .4s;
              transition-duration: .4s;
      background-color: transparent; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .step_area .col-md-4 .single_step .sl_no {
          float: none;
          display: inline-block; } }
    .step_area .col-md-4 .single_step:hover .hvr-radial-out:before, .step_area .col-md-4 .single_step.active .hvr-radial-out:before {
      -webkit-transform: scale(2);
      transform: scale(2);
      background: #c81013;
      /* fallback for old browsers */
      background: -webkit-linear-gradient(to left, #c81013, #cd1013);
      background: -webkit-linear-gradient(right, #c81013, #cd1013);
      background: linear-gradient(to left, #c81013, #cd1013); }
    .step_area .col-md-4 .single_step .step_content {
      padding-left: 100px; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .step_area .col-md-4 .single_step .step_content {
          padding: 0; }
          .step_area .col-md-4 .single_step .step_content p {
            line-height: 24px; } }

/*
 *****************************************
 >>> | 07. product_area CSS|
 *****************************************
*/
.product_area {
  position: relative;
  z-index: 1;
  padding: 120px 0; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .product_area {
      padding: 60px 0; } }
  .product_area .single_product {
    font-size: 16px; }
    .product_area .single_product .h2 {
    line-height: 46px;
    margin: 0 0 20px;
    font-weight: 600;
    font-size: 34px; }
    .product_area .single_product .product_list {
      margin: 35px 0 0;
      list-style: none; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .product_area .single_product .product_list {
          display: inline-block;
          text-align: left; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .product_area .single_product .product_list {
          margin-top: 20px; } }
      .product_area .single_product .product_list li {
        font-size: 20px;
        font-weight: 500;
        line-height: 40px;
        margin-bottom: 10px; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .product_area .single_product .product_list li {
            line-height: 25px;
            font-size: 15px; } }
        .product_area .single_product .product_list li:before {
          content: '\f00c';
          font-family: "FontAwesome";
          font-size: 14px;
          width: 38px;
          height: 38px;
          background-color: #0084ff;
          display: inline-block;
          text-align: center;
          color: #ffffff;
          line-height: 38px;
          border-radius: 50%;
          margin-right: 15px;
          border: 1px solid #0084ff;
          -webkit-transition-duration: .4s;
                  transition-duration: .4s; }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .product_area .single_product .product_list li:before {
              width: 25px;
              height: 25px;
              line-height: 25px;
              font-size: 12px; } }
        .product_area .single_product .product_list li:hover:before {
          background-color: transparent;
          color: #0084ff; }
    .product_area .single_product .product_img {
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      width: 50%; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .product_area .single_product .product_img {
          display: none; } }
    .product_area .single_product:first-child {
      margin-bottom: 175px; }
      .product_area .single_product:first-child .product_content {
        margin-left: 50px;
        margin-top: -15px;}
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .product_area .single_product:first-child {
          margin-bottom: 40px; }
          .product_area .single_product:first-child .product_content {
            margin-left: 0; } 
            margin-left: 0; } 
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .product_area .single_product:first-child {
          margin-bottom: 30px; } }
      .product_area .single_product:first-child .product_img {
        right: auto;
        left: 50%;
        width: 480px;
        bottom: auto;
        top: 120px;
        margin-left: -580px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .product_area .single_product .product_content {
        text-align: center; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .product_area .single_product .product_content {
        margin-left: 0; }
        .product_area .single_product .product_content .h2 {
          font-size: 24px;
          line-height: 30px; }
          .product_area .single_product .product_content .h2 p {
            font-size: 14px;
            line-height: 24px; }
          .product_area .single_product .product_content .h2 br {
            display: none; } }

/*
 *****************************************
 >>> | 08. pricing_area CSS |
 *****************************************
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .price_area .price {
    padding: 0 40px; } }
.price_area .price .col-md-3:nth-child(1) {
  animation-delay: .2s; }
.price_area .price .col-md-3:nth-child(2) {
  animation-delay: .4s; }
.price_area .price .col-md-3:nth-child(3) {
  animation-delay: .6s; }
.price_area .price .col-md-3:nth-child(4) {
  animation-delay: .8s; }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .price_area .price .col-md-3:first-child .single_price {
    margin-top: 0; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .price_area .price .col-md-3 {
    padding: 0;
    border-right: 1px solid #ddd; }
    .price_area .price .col-md-3:last-child {
      border: none; } }
.price_area .price .single_price {
  text-align: center;
  background-color: #ffffff;
  padding: 40px 35px;
  margin-top: 30px; }
  .price_area .price .single_price .product_img {
    margin-bottom: 20px;
    width: 200px;
    height: 120px;
    background-size: cover;
    background-position: center 100%;
    display: inline-block; }
    .price_area .price .single_price .product_img img {
      display: inline-block; }
  .price_area .price .single_price:hover .product_img {
    background-position: center 0;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; }
  .price_area .price .single_price .h4 {
    font-weight: 700;
    margin: 0;
    margin-bottom: 10px; }
  .price_area .price .single_price .currency {
    color: #0084ff; }
  .price_area .price .single_price .price_bar {
    width: 100%;
    height: 1px;
    display: block;
    background-color: #e2e5e9;
    margin: 20px 0; }
  .price_area .price .single_price .price_btn {
    margin-top: 20px; }
    .price_area .price .single_price .price_btn a.big_btn {
      width: 170px; }


/*
 *****************************************
 >>> | 09. testimonial_area CSS|
 *****************************************
*/
.testimonial_area .tst_slider .tst_content {
  padding-left: 35px;
  position: relative; }
  .testimonial_area .tst_slider .tst_content > span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 56px;
    font-weight: 600;
    line-height: 45px;
    color: #0084ff;
    top: 10px; }
  .testimonial_area .tst_slider .tst_content p {
    font-size: 16px;
    font-style: italic; }
  .testimonial_area .tst_slider .tst_content .rate {
    margin: 10px 0 15px; }
  .testimonial_area .tst_slider .tst_content .client_dt .h4 {
    font-weight: 600;
    margin-bottom: 0px; }
  .testimonial_area .tst_slider .tst_content img {
    width: auto; }
.testimonial_area .featured_clients {
  margin-top: 50px;
  text-align: center; }
  .testimonial_area .featured_clients .h4 {
    margin: 0 0 25px;
    font-weight: 600; }
  .testimonial_area .featured_clients .featured_slider a {
    opacity: .5;
    -webkit-transition-duration: .4s;
            transition-duration: .4s; }
    .testimonial_area .featured_clients .featured_slider a:hover {
      opacity: 1; }

/*
 *****************************************
 >>> | 10. cta_area CSS|
 *****************************************
*/
.cta_area .cta_content {
  color: #ffffff;
  padding-left: 35px; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .cta_area .cta_content {
      padding-left: 0;
      text-align: center; } }
  .cta_area .cta_content .h1 {
    line-height: 46px;
    margin: 0;
    margin-bottom: 15px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .cta_area .cta_content .h1 {
        font-size: 25px;
        line-height: 30px; }
        .cta_area .cta_content .h1 br {
          display: none; } }
  .cta_area .cta_content p {
    font-size: 18px;
    line-height: 32px; }
  .cta_area .cta_content .cta_btn {
    margin-top: 35px;
    margin-bottom: 15px; }
.cta_area .cta_img {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -720px; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .cta_area .cta_img {
      display: none; } }

/*

 *****************************************
 >>> | 11. faq_area CSS|
 *****************************************
*/
.faq_area .faq_col {
  padding-left: 70px;
  font-size: 15px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq_area .faq_col {
      padding-left: 15px; }
      .faq_area .faq_col:last-child {
        margin-top: 50px; } }
  .faq_area .faq_col .single_faq {
    margin-top: 50px; }
    .faq_area .faq_col .single_faq:first-child {
      margin-top: 0; }
    .faq_area .faq_col .single_faq .h4 {
      margin: 0 0 15px;
      padding: 0 0 20px;
      position: relative; }
      .faq_area .faq_col .single_faq .h4:after {
        position: absolute;
        content: '';
        width: 90%;
        height: 1px;
        background-color: #e6eaee;
        left: 0;
        bottom: 0; }

/*
 *****************************************
 >>> | 12. newsletter_area CSS|
 *****************************************
*/
.newsletter_area .newsletter {
  margin: 0 -30px;
  text-align: center; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .newsletter_area .newsletter {
      margin: 0 -10px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .newsletter_area .newsletter {
      margin: 0 -80px; } }
  .newsletter_area .newsletter .input_wrap {
    background: #ffffff;
    padding: 8px;
    box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    -webkit-transition-duration: .4s;
            transition-duration: .4s;
    outline: 1px solid transparent; }
    .newsletter_area .newsletter .input_wrap.active {
      outline: 1px solid #0084ff; }
    .newsletter_area .newsletter .input_wrap input, .newsletter_area .newsletter .input_wrap .hero_area.v2 .home_form .country-select, .hero_area.v2 .home_form .newsletter_area .newsletter .input_wrap .country-select {
      line-height: 55px;
      width: 369px;
      border: none;
      background: transparent;
      font-size: 16px;
      font-weight: 400;
      text-indent: 25px;
      text-align: left;
      float: left;
      height: 55px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .newsletter_area .newsletter .input_wrap input, .newsletter_area .newsletter .input_wrap .hero_area.v2 .home_form .country-select, .hero_area.v2 .home_form .newsletter_area .newsletter .input_wrap .country-select {
          width: 100%; } }
    .newsletter_area .newsletter .input_wrap input[type=submit], .newsletter_area .newsletter .input_wrap .hero_area.v2 .home_form [type=submit].country-select, .hero_area.v2 .home_form .newsletter_area .newsletter .input_wrap [type=submit].country-select {
      text-align: center;
      border-radius: 2px;
      width: 230px;
      text-indent: 0;
      font-weight: 600;
      color: #ffffff;
      -webkit-transition-duration: .4s;
              transition-duration: .4s;
      background: #c81013;
      /* fallback for old browsers */ }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .newsletter_area .newsletter .input_wrap input[type=submit], .newsletter_area .newsletter .input_wrap .hero_area.v2 .home_form [type=submit].country-select, .hero_area.v2 .home_form .newsletter_area .newsletter .input_wrap [type=submit].country-select {
          width: 100%; } }
      .newsletter_area .newsletter .input_wrap input[type=submit]:hover, .newsletter_area .newsletter .input_wrap .hero_area.v2 .home_form [type=submit].country-select:hover, .hero_area.v2 .home_form .newsletter_area .newsletter .input_wrap [type=submit].country-select:hover {
        background: #c81013;
        /* fallback for old browsers */ }
  .newsletter_area .newsletter .nw_txt {
    color: #777777;
    font-size: 13px;
    margin-bottom: 0; }
    .newsletter_area .newsletter .nw_txt:before {
      content: '\f023';
      font-family: "FontAwesome";
      margin-right: 5px; }

/*
 *****************************************
 >>> | 13. map_area CSS|
 *****************************************
*/
.map_area {
  position: relative; }
  .map_area #googleMap {
    background-color: #ddd;
    height: 570px;
    width: 100%; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .map_area #googleMap {
        width: 100%;
        height: 300px; } }
  .map_area .contact_form {
    position: absolute;
    left: 80%;
    top: -10%;
    width: 370px;
    background-color: #ffffff;
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.14);
    margin-left: -185px;
    padding: 0 40px;
    color: #999999;
    height: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .map_area .contact_form {
        width: 100%;
        left: 0%;
        right: auto;
        margin-left: 0;
        height: auto;
        padding: 30px;
        position: static;
        box-shadow: 0 0 80px transparent; } }
    .map_area .contact_form .contact_head .h2 {
      font-size: 30px;
      margin: 0 0 0px;
      color: #333333;
      margin-top: 15px; }
    .map_area .contact_form .form_wrap input, .map_area .contact_form .form_wrap .hero_area.v2 .home_form .country-select, .hero_area.v2 .home_form .map_area .contact_form .form_wrap .country-select {
      width: 100%;
      margin-bottom: 20px;
      border: 1px solid transparent;
      border-bottom-color: #e5e5e5;
      line-height: 40px;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      outline: none;
      height: 40px; }
      .map_area .contact_form .form_wrap input:focus, .map_area .contact_form .form_wrap .hero_area.v2 .home_form .country-select:focus, .hero_area.v2 .home_form .map_area .contact_form .form_wrap .country-select:focus {
        border-bottom-color: #0084ff;
        color: #0084ff; }
    .map_area .contact_form .form_wrap textarea {
      outline: none;
      width: 100%;
      margin-bottom: 20px;
      border: 1px solid transparent;
      border-bottom-color: #e5e5e5;
      height: 100px;
      resize: none;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      .map_area .contact_form .form_wrap textarea:focus {
        border-bottom-color: #0084ff;
        color: #0084ff; }
    .map_area .contact_form .form_wrap input[type=submit], .map_area .contact_form .form_wrap .hero_area.v2 .home_form [type=submit].country-select, .hero_area.v2 .home_form .map_area .contact_form .form_wrap [type=submit].country-select {
      width: 160px;
      text-align: center;
      border: none;
      background-color: #0084ff;
      line-height: 50px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 600;
      border-radius: 2px;
      height: 50px; }
      .map_area .contact_form .form_wrap input[type=submit]:hover, .map_area .contact_form .form_wrap .hero_area.v2 .home_form [type=submit].country-select:hover, .hero_area.v2 .home_form .map_area .contact_form .form_wrap [type=submit].country-select:hover {
        background-color: #c81013; }
    .map_area .contact_form .form_wrap div.form_icon {
      color: #000;
      font-size: 15px;
      margin-left: 10px;
      opacity: 0; }
      .map_area .contact_form .form_wrap div.form_icon.red {
        color: red; }
      .map_area .contact_form .form_wrap div.form_icon.green {
        color: green; }
    .map_area .contact_form .contact_footer {
      margin: 0;
      list-style: none; }
      .map_area .contact_form .contact_footer li a {
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        font-weight: 500;
        color: #999; }
        .map_area .contact_form .contact_footer li a i {
          font-size: 12px;
          width: 22px;
          text-align: left; }
        .map_area .contact_form .contact_footer li a span {
          width: 60px;
          text-align: left; }
        .map_area .contact_form .contact_footer li a:hover {
          color: #0084ff; }

.error {
  color: red; }

.success {
  color: green; }

/*
 *****************************************
 >>> | 14. footer CSS|
 *****************************************
*/
footer {
  padding: 40px 0; }
  footer .foo_row > div {
    text-align: center; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      footer .foo_row > div {
        margin-bottom: 20px; } }
    footer .foo_row > div:first-child {
      text-align: left; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        footer .foo_row > div:first-child {
          text-align: center; } }
    footer .foo_row > div:last-child {
      text-align: right; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        footer .foo_row > div:last-child {
          text-align: center;
          margin-bottom: 0; } }
    footer .foo_row > div .footer_txt {
      color: #666666; }
      footer .foo_row > div .footer_txt p {
        margin-bottom: 0;
      font-size: 14px;}
    footer .foo_row > div ul {
      margin: 0;
      list-style: none; }
      footer .foo_row > div ul li {
        display: inline-block; }
        footer .foo_row > div ul li a {
          line-height: 30px;
          text-align: center; }
    footer .foo_row > div ul.footer_link li a {
      margin: 0 15px;
      color: #666666;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      footer .foo_row > div ul.footer_link li a:hover {
        color: #0084ff; }
    footer .foo_row > div ul.footer_social li a {
      width: 30px;
      border: 1px solid #333333;
      border-radius: 50%;
      font-size: 12px;
      line-height: 28px;
      color: #333333;
      margin: 0 2px;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      footer .foo_row > div ul.footer_social li a:hover {
        background-color: #0084ff;
        color: #ffffff;
        border: 1px solid #0084ff; }


/*updated*/

.sf_inner {
  padding-left: 40px;
    position: relative;
    text-align: justify;
    font-size: 15px;
}
.sf_inner:before {
  content: '\f101';
    position: absolute;
    left: 0;
    top: 0;
    background: #0084ff;
    height: 25px;
    width: 25px;
    font-family: 'FontAwesome';
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.s_feature_2 .sf_inner .h4{
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.s_feature_2 .sf_inner:hover .h4{
    color: #0084ff;
}

.s_feature_2 .sf_inner{
    margin-right: -50px;
}

.s_feature_2.even .sf_inner{
    margin-right: 0;
    margin-left: -50px;
    margin-top: 25px;
}

@media only screen and (min-width: 0) and (max-width: 991px){
    .s_feature_2 .sf_inner{
        margin-right: 0;
        text-align: left;
    }

    .s_feature_2.even .sf_inner{
        margin-right: 0;
        margin-left: 0;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px){
    .s_feature_2 .sf_inner{
        text-align: center;
        padding-left: 0;
    }
    .s_feature_2 .sf_inner:before{
        display: none;
    }
    .s_feature_2{
        margin-bottom: 40px;
    }
    .s_feature_2:last-child{
        margin-bottom: 0;
    }
}

.feature_2{
    position: relative;
}
.feature_img_2 {
  left: 50%;
  margin-left: -255px;
  position: absolute;
  width: 510px;
}

.sf_inner:hover:before{
    transform: rotate(90deg);
}

.gradient_bg_one .section_title,
.gradient_bg_one.newsletter_area .newsletter .nw_txt{
    color: #ffffff;
}


@media only screen and (min-width: 992px) and (max-width: 1199px){
    .feature_img_2 {
      left: 50%;
      margin-left: -205px;
      position: absolute;
      width: 410px;
    }
    .s_feature_2 .sf_inner{
        text-align: left;
    }
}



.gradient_bg_one .section_title,
.gradient_bg_one.newsletter_area .newsletter .nw_txt{
    color: #ffffff;
}


@media only screen and (min-width: 768px) and (max-width: 991px){
    .faq_area .faq_col .single_faq:first-child{
        margin-top: 40px;
    }

}

@media only screen and (min-width: 0px) and (max-width: 768px){
    .s_feature_2{
        padding-left: 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .feature_img_2 {
      position: absolute;
      width: 350px;
        padding-left: 0;
        top: 50%;
        margin-top: -160px;
    }
    .s_feature_2 .sf_inner{
        text-align: left;
    }
}

.faq_area .faq_col .single_faq .h4::after{
    display: none;
}
.faq_area .faq_col .single_faq .h4{
    padding-bottom: 0;
}
.faq_area .faq_col{
    padding-left: 15px;
}

.map_area .contact_form{
    position: static;
}

@media only screen and (min-width: 767px){
    .map_area .contact_form .contact_footer li{
        display: inline-block;
        margin-left: 30px;
    }
    .map_area .contact_form .contact_footer li:first-child{
        margin-left: 0;
    }

    .map_area .contact_form{
        width: 1100px;
        left: 50%;
        margin: 0;
        overflow: hidden;
        height: auto;
        display: inline-block;
        top: 60px;
        padding-top: 45px;
        padding-bottom: 45px;
        position: absolute;
        margin-left: -550px;
    }
    .map_area .contact_form .form_wrap #ajax-form input:not([type="submit"]),
    .map_area .contact_form .form_wrap #ajax-form textarea{
        width: 30%;
        height: 40px;
        margin: 0;
        float: left;
    }
    .map_area .contact_form .form_wrap #ajax-form input:not([type="submit"]){
        margin-right: 5%;
    }
    .map_area .contact_form .form_wrap #ajax-form input[type="submit"]{
        float: right;
        margin-top: 20px;
    }
}


@media only screen and (min-width: 767px) and (max-width: 1199px){
    .map_area .contact_form{
        width: 80%;
        margin-left: 0;
        left: 10%;
    }
}