@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,500i,700,700i,900&display=swap");

@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,500i,700,700i,900&display=swap");

.flex-center-start {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: start; }



/* Normal desktop :1200px. */

/* Normal desktop :992px. */

/* Tablet desktop :768px. */

/* small mobile :320px. */

/* Large Mobile :480px. */

/* 1. Theme default css */

body {

  font-family: 'Rubik', sans-serif;

  font-weight: normal;

  font-style: normal; }



.modal {

  background-color: rgba(0, 0, 0, 0.3); }



.modal-backdrop {

  position: relative; }



.img {

  max-width: 100%;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



a,

.button {

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }



a:focus,

.button:focus, button:focus {

  text-decoration: none;

  outline: none; }



a:focus {

  color: #fff;

  text-decoration: none; }



a:focus,

a:hover,

.portfolio-cat a:hover,

.footer -menu li a:hover {

  text-decoration: none;

  color: #000; }



a,

button {

  color: #020c26;

  outline: medium none; }



h1, h2, h3, h4, h5 {

  font-family: 'Rubik', sans-serif;

  color: #020c26; }



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit; }



ul {

  margin: 0px;

  padding: 0px; }



li {

  list-style: none; }



p {

  font-size: 14px;

  font-weight: 300;

  line-height: 26px;

  color: #5c5c5c;

  margin-bottom: 13px;

  font-family: 'Rubik', sans-serif; }



label {

  color: #7e7e7e;

  cursor: pointer;

  font-size: 14px;

  font-weight: 400; }



*::-moz-selection {

  background: #444;

  color: #fff;

  text-shadow: none; }



::-moz-selection {

  background: #444;

  color: #fff;

  text-shadow: none; }



::selection {

  background: #444;

  color: #fff;

  text-shadow: none; }



*::-webkit-input-placeholder {

  color: #cccccc;

  font-size: 14px;

  opacity: 1; }



*:-ms-input-placeholder {

  color: #cccccc;

  font-size: 14px;

  opacity: 1; }



*::-ms-input-placeholder {

  color: #cccccc;

  font-size: 14px;

  opacity: 1; }



*::placeholder {

  color: #cccccc;

  font-size: 14px;

  opacity: 1; }



h3 {

  font-size: 24px; }



.mb-65 {

  margin-bottom: 67px; }



.black-bg {

  background: #020c26 !important; }



.white-bg {

  background: #ffffff; }



.gray-bg {

  background: #f5f5f5; }



.bg-img-1 {

  background-image: url(../img/slider/slider-img-1.jpg); }



.bg-img-2 {

  background-image: url(../img/background-img/bg-img-2.jpg); }



.cta-bg-1 {

  background-image: url(../img/background-img/bg-img-3.jpg); }



.overlay {

  position: relative;

  z-index: 0; }



.overlay::before {

  position: absolute;

  content: "";

  background-color: #020c26;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0.851; }



.overlay2 {

  position: relative;

  z-index: 0; }



.overlay2::before {

  position: absolute;

  content: "";

  background-color: #020c26;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0.65; }



.overlay3 {

  position: relative;

  z-index: 0; }



.overlay4::before {

  position: absolute;

  content: "";

  background-color: #020c26;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0.2; }



.overlay4 {

  position: relative;

  z-index: 0; }



.overlay3::before {

  position: absolute;

  content: "";

  background-color: #020c26;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0.4; }



.overlay5 {
  position: relative;

  z-index: 0; }



.overlay5::before {

  position: absolute;

  content: "";

  background-color: #020c26;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0.5; }



.overlay0 {

  position: relative;

  z-index: 0;

  border-radius: 0rem !important; }



.overlay0::before {

  position: absolute;

  content: "";

  background-color: #020c26;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0.1; }



.separator50 {

  padding-top: 50px; }

  @media (max-width: 767px) {

    .separator50 {

      padding-top: 25px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .separator50 {

      padding-top: 35px; } }



.separator100 {

  padding-top: 100px; }

  @media (max-width: 767px) {

    .separator100 {

      padding-top: 25px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .separator100 {

      padding-top: 35px; } }



.pt-120 {

  padding-top: 120px; }



.ug-bread {

  padding-bottom: 25px; }



.mob-visible {

  display: none; }

  @media (max-width: 767px) {

    .mob-visible {

      display: inline; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .mob-visible {

      display: inline; } }



/* button style */

.owl-carousel .owl-nav div {

  background: transparent;

  height: 65px;

  left: 0px;

  line-height: 65px;

  position: absolute;

  text-align: center;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  width: 65px;

  font-size: 16px;

  color: #fff;

  border: 1px solid #363d4f; }

.owl-carousel .owl-nav {

  position: relative; }

  .owl-carousel .owl-nav div.owl-next {

    left: 86px;

    right: auto; }

  .owl-carousel .owl-nav div.owl-prev i {

    position: relative;

    right: 2px; }

.owl-carousel:hover .owl-nav div {

  opacity: 1;

  visibility: visible; }

  .owl-carousel:hover .owl-nav div:hover {

    color: #ff5e13; }



.boxed-btn {

  background: #dd1d2f;

  color: #fff;

  display: inline-block;

  padding: 13px 32px;

  font-family: "Rubik", sans-serif;

  font-size: 16px;

  font-weight: 400;

  border: 0;

  border: 1px solid transparent; }

  .boxed-btn:hover {

    background: transparent;

    color: #ff5e13 !important;

    border: 1px solid #ff5e13; }

  .boxed-btn:focus {

    outline: none;

    color: #fff; }



.boxed-btn2 {

  background: #dd1d2f;

  color: #fff;

  display: inline-block;

  padding: 22px 50px;

  font-size: 16px;

  font-family: "Rubik", sans-serif;

  font-weight: 400; }

  .boxed-btn2:hover {

    color: #fff; }

  .boxed-btn2:focus {

    outline: none;

    color: #fff; }



.underline-hover {

  color: #ff5e13;

  font-weight: 400;

  font-size: 16px;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }

  .underline-hover:hover {

    text-decoration: underline;

    color: #ff5e13; }



.section-title-big span {

  font-size: 26px;

  color: #dd1d2f;

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  margin-bottom: 13px;

  display: block;

  text-transform: uppercase; }

  @media (max-width: 767px) {

    .section-title-big span {

      font-size: 20px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .section-title-big span {

      font-size: 20px; } }



.section-title h3 {

  font-size: 44px;

  line-height: 56px;

  font-weight: 400;

  font-family: "Rubik", sans-serif; }

  @media (max-width: 767px) {

    .section-title h3 {

      font-size: 30px;

      line-height: 45px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .section-title h3 {

      font-size: 32px;

      line-height: 48px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .section-title h3 br {

      display: none; } }

.section-title span {

  font-size: 16px;

  color: #dd1d2f;

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  margin-bottom: 13px;

  display: block;

  text-transform: uppercase; }

.section-title .para-text {

  color: #5c5c5c;

  font-weight: 400;

  margin-top: 25px;

  margin-bottom: 55px;

  font-size: 16px; }

.section-title.text-white h3 {

  color: #fff; }

.section-title.text-white p {

  color: #fff;

  font-size: 16px; }



.section-padding {

  padding-top: 120px;

  padding-bottom: 120px; }

  @media (max-width: 767px) {

    .section-padding {

      padding-top: 60px;

      padding-bottom: 60px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .section-padding {

      padding-top: 100px;

      padding-bottom: 100px; } }



@media (max-width: 767px) {

  .mobile_menu {

    position: absolute;

    right: 0px;

    width: 100%;

    z-index: 9; } }



.slicknav_menu .slicknav_nav {

  background: #fff;

  float: right;

  margin-top: 0;

  padding: 0;

  width: 95%;

  padding: 0;

  border-radius: 0px;

  margin-top: 5px;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  top: 45px; }

  .slicknav_menu .slicknav_nav a:hover {

    background: transparent;

    color: #ff5e13; }

  .slicknav_menu .slicknav_nav a.active {

    color: #ff5e13; }

  @media (max-width: 767px) {

    .slicknav_menu .slicknav_nav a i {

      display: none; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .slicknav_menu .slicknav_nav a i {

      display: none; } }

  .slicknav_menu .slicknav_nav .slicknav_btn {

    background-color: transparent;

    cursor: pointer;

    margin-bottom: 10px;

    margin-top: -40px;

    position: relative;

    z-index: 99;

    border: 1px solid #ddd;

    top: 3px;

    right: 5px; }

    .slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon {

      margin-right: 6px;

      margin-top: 3px;

      position: relative;

      padding-bottom: 3px;

      top: -11px;

      right: -5px; }

@media (max-width: 767px) {

  .slicknav_menu {

    margin-right: 12px; } }



.home-6 .slicknav_menu .slicknav_icon {

  margin-right: 6px;

  margin-top: 3px;

  right: -5px;

  padding-bottom: 3px;

  position: absolute;

  top: 3px; }



.slicknav_nav .slicknav_arrow {

  float: right;

  font-size: 22px;

  position: relative;

  top: -9px; }



.header-area .header-top {

  padding: 13px 0; }

  .header-area .header-top .header-contact a {

    color: #bebebe;

    display: inline-block;

    padding-right: 55px;

    font-weight: 300;

    font-size: 14px; }

    @media (min-width: 768px) and (max-width: 991px) {

      .header-area .header-top .header-contact a {

        padding-right: 14px; } }

    .header-area .header-top .header-contact a i {

      padding-right: 14px;

      font-size: 12px;

      color: #bebebe; }

      @media (min-width: 768px) and (max-width: 991px) {

        .header-area .header-top .header-contact a i {

          padding-right: 5px; } }

  .header-area .header-top .header-top-menu {

    text-align: right; }

    .header-area .header-top .header-top-menu ul li {

      display: inline-block; }

      .header-area .header-top .header-top-menu ul li a {

        color: #bdbdbd;

        margin-left: 33px;

        font-size: 14px; }

@media (max-width: 767px) {

  .header-area .main-header-area {

    padding: 10px 0;

    height: 60px; } }

@media (min-width: 768px) and (max-width: 991px) {

  .header-area .main-header-area {

    padding: 10px 0;

    height: 60px; } }

@media (max-width: 767px) {

  .header-area .main-header-area .logo-img img {

    position: absolute;

    display: inline-block;

    text-align: center;

    /*margin: 7px auto;*/

    margin-left: 15px;

    z-index: 999;

    width: 140px;

    left: 0;

    right: 0; } }

@media (min-width: 768px) and (max-width: 991px) {

  .header-area .main-header-area .logo-img img {

    position: absolute;

    display: inline-block;

    text-align: center;

    /*margin: 7px auto;*/

    margin-left: 15px;

    z-index: 999;

    width: 140px;

    left: 0;

    right: 0; } }

.header-area .main-header-area .main-menu ul li {

  display: inline-block;

  position: relative; }

  .header-area .main-header-area .main-menu ul li a {

    color: #303030;

    font-size: 16px;

    text-transform: capitalize;

    font-weight: 400;

    display: inline-block;

    padding: 35px 20px 35px 20px;

    font-family: "Rubik", sans-serif;

    position: relative; }

    @media (min-width: 992px) and (max-width: 1200px) {

      .header-area .main-header-area .main-menu ul li a {

        padding: 35px 8px 35px 8px; } }

    .header-area .main-header-area .main-menu ul li a i {

      font-size: 9px; }

      @media (max-width: 767px) {

        .header-area .main-header-area .main-menu ul li a i {

          display: none !important; } }

      @media (min-width: 768px) and (max-width: 991px) {

        .header-area .main-header-area .main-menu ul li a i {

          display: none !important; } }

    .header-area .main-header-area .main-menu ul li a::before {

      position: absolute;

      content: "";

      background: #bd1829;

      width: 100%;

      height: 2px;

      bottom: 0;

      left: 0;

      opacity: 0;

      transform: scaleX(0);

      -webkit-transition: 0.3s;

      -moz-transition: 0.3s;

      -o-transition: 0.3s;

      transition: 0.3s; }

    .header-area .main-header-area .main-menu ul li a:hover::before {

      opacity: 1;

      transform: scaleX(1); }

    .header-area .main-header-area .main-menu ul li a.active::before {

      opacity: 1;

      transform: scaleX(1); }

  .header-area .main-header-area .main-menu ul li .submenu {

    position: absolute;

    left: 0;

    top: 140%;

    background: #fff;

    width: 200px;

    z-index: 2;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s; }

    .header-area .main-header-area .main-menu ul li .submenu li {

      display: block; }

      .header-area .main-header-area .main-menu ul li .submenu li a {

        padding: 10px 15px;

        position: inherit;

        -webkit-transition: 0.3s;

        -moz-transition: 0.3s;

        -o-transition: 0.3s;

        transition: 0.3s;

        display: block; }

        .header-area .main-header-area .main-menu ul li .submenu li a::before {

          display: none; }

      .header-area .main-header-area .main-menu ul li .submenu li:hover a {

        color: #bd1829; }

  .header-area .main-header-area .main-menu ul li:hover > .submenu {

    opacity: 1;

    visibility: visible;

    top: 100%; }

  .header-area .main-header-area .main-menu ul li:hover > a::before {

    opacity: 1;

    transform: scaleX(1); }

.header-area .main-header-area .quote-area {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center; }

  .header-area .main-header-area .quote-area .search-bar {

    margin-left: 43px; }

    .header-area .main-header-area .quote-area .search-bar i {

      font-size: 18px;

      color: #bebebe; }

  .header-area .main-header-area .quote-area .get-quote {

    text-align: right;

    display: inline-block; }

.header-area .main-header-area.sticky {

  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);

  position: fixed;

  width: 100%;

  top: -70px;

  left: 0;

  right: 0;

  z-index: 9999;

  transform: translateY(70px);

  transition: transform 500ms ease, background 500ms ease;

  -webkit-transition: transform 500ms ease, background 500ms ease;

  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); }



#search_input_box {

  position: fixed;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 100%;

  max-width: 1140px;

  z-index: 999;

  text-align: center;

  background: #1e1c27; }

  #search_input_box ::placeholder {

    color: #fff; }

  @media (max-width: 767px) {

    #search_input_box {

      top: 59px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    #search_input_box {

      top: 109px; } }



@media (min-width: 768px) and (max-width: 991px) {

  .main-header-area.sticky #search_input_box {

    top: 59px; } }



#search_input_box .form-control {

  background: transparent;

  border: 0;

  color: #ffffff;

  font-weight: 400;

  font-size: 15px;

  padding: 0; }



#search_input_box .btn {

  width: 0;

  height: 0;

  padding: 0;

  border: 0; }



#search_input_box .ti-close {

  color: #fff;

  font-weight: 600;

  cursor: pointer;

  padding: 10px;

  padding-right: 0; }



.search-inner {

  padding: 14px 5px; }



.form-control:focus {

  box-shadow: none; }



.navbar_fixed #search_input_box {

  position: fixed;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 100%;

  max-width: 1140px;

  z-index: 999;

  text-align: center;

  padding: 0 20px;

  top: 80px; }

  @media (max-width: 767px) {

    .navbar_fixed #search_input_box {

      top: 50px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .navbar_fixed #search_input_box {

      top: 50px; } }



.social-link {

  position: relative;

  z-index: 9; }

  @media (min-width: 768px) and (max-width: 991px) {

    .social-link {

      position: static; } }

  @media (max-width: 767px) {

    .social-link {

      position: static; } }



#search_1 {

  position: absolute;

  color: #fff;

  top: 1px;

  left: 23px;

  font-size: 14px; }

  @media (max-width: 767px) {

    #search_1 {

      position: absolute;

      color: #fff;

      top: 3px;

      left: auto;

      right: 17px;

      font-size: 14px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    #search_1 {

      position: absolute;

      left: auto;

      right: 0; } }



#close_search {

  position: relative;

  z-index: 99999;

  top: 2px;

  color: #fff; }



#search_1 {

  position: absolute;

  color: #fff;

  top: 50%;

  left: inherit;

  font-size: 14px;

  transform: translateY(-50%); }

  @media (max-width: 767px) {

    #search_1 {

      position: absolute;

      color: #fff;

      top: 8px;

      left: 23px;

      font-size: 14px;

      transform: none;

      right: 0;

      z-index: 999;

      width: 20px;

      height: 20px;

      left: 22px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    #search_1 {

      position: absolute;

      color: #fff;

      top: 8px;

      left: 23px;

      font-size: 14px;

      transform: none;

      right: 0;

      z-index: 999;

      width: 20px;

      height: 20px;

      left: 22px; } }

  @media (min-width: 992px) and (max-width: 1200px) {

    #search_1 {

      position: absolute;

      color: #fff;

      left: 30px;

      font-size: 14px;

      transform: none;

      right: 0;

      margin: auto;

      z-index: 999;

      top: 16px; } }



.slider-area .single-slider {

  height: 760px;

  background-size: cover;

  background-position: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  z-index: 2; }

  @media (max-width: 767px) {

    .slider-area .single-slider {

      height: 600px; } }

  .slider-area .single-slider::before {

    position: absolute;

    content: "";

    background: #020c26;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    opacity: .1; }

  .slider-area .single-slider .slider-content {

    background: #fff;

    padding: 73px 56px 100px 50px;

    position: relative;

    z-index: 9;

    display: inline-block; }

    @media (max-width: 767px) {

      .slider-area .single-slider .slider-content {

        padding: 73px 40px 100px 40px; } }

    .slider-area .single-slider .slider-content p {

      color: #dd1d2f;

      font-size: 16px;

      font-weight: 400;

      margin-bottom: 16px; }

    .slider-area .single-slider .slider-content h3 {

      font-family: "Rubik", sans-serif;

      font-weight: 500;

      font-size: 60px;

      color: #020c26;

      line-height: 72px;

      margin-bottom: 28px; }

      @media (max-width: 767px) {

        .slider-area .single-slider .slider-content h3 {

          font-size: 25px;

          line-height: 45px;

          margin-bottom: 10px; } }

    .slider-area .single-slider .slider-content a i {

      font-size: 14px;

      padding-left: 5px; }

    .slider-area .single-slider .slider-content .slider-btn {

      position: absolute;

      bottom: 0;

      left: 55px; }

      @media (max-width: 767px) {

        .slider-area .single-slider .slider-content .slider-btn {

          left: 40px; } }

.slider-area .slider-active .owl-dots {

  position: absolute;

  top: 0;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  right: 100px; }

  .slider-area .slider-active .owl-dots div {

    width: 15px;

    height: 15px;

    background: transparent;

    display: block;

    margin: 13px 0;

    border-radius: 50%;

    border: 2px solid #fff; }

    .slider-area .slider-active .owl-dots div .active {

      background: #fff; }

.slider-area .slider-active .owl-dots div.active {

  background: #fff; }



.brand-area {

  padding-top: 65px;

  padding-bottom: 65px; }

  .brand-area .brand-active .single-brand {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 70px; }

    .brand-area .brand-active .single-brand img {

      width: auto;

      display: inline-block; }



.services-bg {

  background-image: url(../img/service/services-bg.jpg); }



.service-area .single-service .service-thumb {

  margin-bottom: 39px; }

  .service-area .single-service .service-thumb img {

    width: 100%; }

.service-area .single-service h3 {

  font-size: 24px; }

.service-area .single-service p {

  font-size: 16px;

  color: #5c5c5c;

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  margin-top: 18px;

  margin-bottom: 21px; }

.service-area .single-service a {

  text-transform: capitalize;

  color: #5c5c5c;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  font-size: 16px;

  display: inline-block; }

  .service-area .single-service a:hover {

    text-decoration: underline;

    color: #dd1d2f; }

@media (max-width: 767px) {

  .service-area .single-service {

    margin-bottom: 30px; } }



.service-details {

  padding-top: 120px;

  padding-bottom: 80px; }

  @media (max-width: 767px) {

    .service-details {

      padding-top: 60px;

      padding-bottom: 20px; } }

  .service-details .details-nav {

    margin-top: -24px;

    position: relative; }

    @media (max-width: 767px) {

      .service-details .details-nav {

        margin-bottom: 30px; } }

    .service-details .details-nav ul li {

      display: block;

      display: block;

      width: 100%;

      border-bottom: 1px solid #e5e6e9;

      padding: 0;

      -webkit-transition: 0.5s;

      -moz-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s;

      position: relative; }

      .service-details .details-nav ul li a {

        font-size: 16px;

        color: #020c26;

        text-transform: capitalize;

        padding: 20px 0;

        position: relative;

        left: 0;

        font-weight: 400;

        font-family: "Rubik", sans-serif; }

        .service-details .details-nav ul li a.active.show {

          color: #ff5e13;

          padding-left: 27px;

          position: relative; }

          .service-details .details-nav ul li a.active.show::before {

            position: absolute;

            content: "";

            background: #ff5e13;

            width: 17px;

            height: 2px;

            top: 50%;

            left: 0;

            margin-bottom: -1px; }

      .service-details .details-nav ul li:hover::before {

        width: 17px; }

    .service-details .details-nav .download-brouser {

      background: #020c26;

      color: #fff;

      display: block;

      padding: 17px 0 17px 0;

      text-align: center;

      margin-top: 60px; }

      .service-details .details-nav .download-brouser:hover {

        color: #fff; }

  .service-details .single-details .details-thumb {

    margin-bottom: 67px; }

    .service-details .single-details .details-thumb img {

      width: 100%; }

  .service-details .single-details .details-info {

    padding-right: 20px;

    margin-bottom: 34px; }

    .service-details .single-details .details-info h3 {

      font-family: "Rubik", sans-serif;

      font-size: 44px;

      font-weight: 400;

      color: #020c26;

      margin-bottom: 20px; }

      @media (max-width: 767px) {

        .service-details .single-details .details-info h3 {

          font-size: 25px;

          margin-bottom: 15px; } }

    .service-details .single-details .details-info p {

      font-size: 16px;

      color: #5c5c5c;

      line-height: 28px;

      font-weight: 400; }


.projects-bg {

  background-image: url(../img/project/projects-bg.jpg); }



.project-area {

  padding-top: 120px;

  padding-bottom: 120px; }

  @media (max-width: 767px) {

    .project-area {

      padding-top: 60px;

      padding-bottom: 60px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .project-area {

      padding-top: 60px;

      padding-bottom: 60px; } }

  @media (min-width: 992px) and (max-width: 1200px) {

    .project-area {

      padding-top: 60px;

      padding-bottom: 60px; } }

  .project-area .project-active .single-project .project-info span {

    color: #dd1d2f;

    font-family: "Rubik", sans-serif;

    font-weight: 400;

    display: block;

    margin-bottom: 13px;

    margin-top: 35px;

    font-size: 16px; }

  .project-area .project-active .single-project .project-info h3 {

    font-size: 26px;

    color: #fff;

    font-family: "Rubik", sans-serif;

    font-weight: 400; }

    @media (min-width: 768px) and (max-width: 991px) {

      .project-area .project-active .single-project .project-info h3 {

        font-size: 18px; } }

  .project-area .more-project a {

    color: #fff;

    font-size: 16px;

    margin-top: 168px;

    display: inline-block; }

    @media (max-width: 767px) {

      .project-area .more-project a {

        margin-top: 20px; } }

    @media (min-width: 768px) and (max-width: 991px) {

      .project-area .more-project a {

        margin-top: 20px; } }

    @media (min-width: 992px) and (max-width: 1200px) {

      .project-area .more-project a {

        margin-top: 30px; } }

    .project-area .more-project a:hover {

      color: #dd1d2f;

      text-decoration: underline; }

  .project-area .section-title h3 {

    margin-bottom: 17px; }

    @media (min-width: 1200px) and (max-width: 1500px) {

      .project-area .section-title h3 br {

        display: none; } }

  @media (min-width: 1200px) and (max-width: 1500px) {

    .project-area .section-title p br {

      display: none; } }



.ml-80 {

  margin-left: 80px; }

  @media (max-width: 767px) {

    .ml-80 {

      margin-left: 0; } }



.project-active.owl-carousel .owl-nav div {

  background: transparent;

  height: 65px;

  left: 0px;

  line-height: 65px;

  position: absolute;

  text-align: center;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  width: 65px;

  font-size: 16px;

  color: #fff;

  border: 1px solid #363d4f; }

.project-active.owl-carousel .owl-nav {

  position: relative;

  left: -553px;

  top: -195px; }

  @media (min-width: 1200px) and (max-width: 1500px) {

    .project-active.owl-carousel .owl-nav {

      position: relative;

      left: -326px; } }

  .project-active.owl-carousel .owl-nav div.owl-next {

    left: 86px;

    right: auto; }

  .project-active.owl-carousel .owl-nav div.owl-prev i {

    position: relative;

    right: 2px; }

.project-active.owl-carousel:hover .owl-nav div {

  opacity: 1;

  visibility: visible; }

  .project-active.owl-carousel:hover .owl-nav div:hover {

    color: #ff5e13; }



.main-project-area {

  /*padding-top: 80px;

  padding-bottom: 20px;

  @media (max-width: 767px){

      padding-top: 70px;

  }*/ }

  .main-project-area .single-project {

    margin-bottom: 97px; }

    .main-project-area .single-project .project-thumb img {

      width: 100%; }

    .main-project-area .single-project .project-info span {

      color: #dd1d2f;

      font-family: "Rubik", sans-serif;

      font-weight: 400;

      display: block;

      margin-bottom: 13px;

      margin-top: 35px;

      font-size: 16px; }

    .main-project-area .single-project .project-info h3 {

      font-size: 26px;

      color: #020c26;

      font-family: "Rubik", sans-serif;

      font-weight: 400; }

      @media (min-width: 768px) and (max-width: 991px) {

        .main-project-area .single-project .project-info h3 {

          font-size: 18px; } }

      @media (max-width: 767px) {

        .main-project-area .single-project .project-info h3 {

          font-size: 18px; } }

    @media (max-width: 767px) {

      .main-project-area .single-project {

        margin-bottom: 50px; } }



.project-review-area .single-review {

  padding-right: 30px; }

  .project-review-area .single-review h2 {

    font-size: 44px;

    font-weight: 400;

    color: #020c26;

    font-family: "Rubik", sans-serif;

    margin-bottom: 20px; }

    @media (max-width: 767px) {

      .project-review-area .single-review h2 {

        font-size: 25px; } }

  .project-review-area .single-review p {

    color: #5c5c5c;

    font-family: "Rubik", sans-serif;

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 17px;

    line-height: 28px; }

.project-review-area .review-thumb img {

  width: 100%; }



.full-width-gallery {

  /*padding-bottom: 90px;*/ }

  .full-width-gallery .full-thumb {

    margin-bottom: 67px; }

    .full-width-gallery .full-thumb img {

      width: 100%; }

  .full-width-gallery .solution-wrap {

    margin-bottom: 25px; }

    .full-width-gallery .solution-wrap h2 {

      font-size: 44px;

      color: #020c26;

      margin-bottom: 19px;

      font-weight: 400; }

      @media (max-width: 767px) {

        .full-width-gallery .solution-wrap h2 {

          font-size: 30px; } }

    .full-width-gallery .solution-wrap p {

      font-size: 16px;

      font-family: "Rubik", sans-serif;

      color: #5c5c5c;

      line-height: 28px;

      font-weight: 400; }



.main-review-area {

  padding-top: 98px;

  padding-bottom: 60px; }

  @media (max-width: 767px) {

    .main-review-area {

      padding-top: 60px;

      padding-bottom: 0; } }

  .main-review-area .about-info-text {

    margin-bottom: 60px; }

    .main-review-area .about-info-text .quote {

      font-size: 55px;

      color: #e5e6e9;

      margin-bottom: 10px; }

    .main-review-area .about-info-text .about-ratting {

      color: #ffba00;

      font-size: 16px; }

      .main-review-area .about-info-text .about-ratting i {

        margin-right: 1px; }

    .main-review-area .about-info-text p.about-text {

      font-size: 24px;

      line-height: 36px;

      color: #5c5c5c;

      font-family: "Rubik", sans-serif;

      font-weight: 400;

      margin-top: 17px;

      margin-bottom: 44px; }

      @media (max-width: 767px) {

        .main-review-area .about-info-text p.about-text {

          font-size: 18px; } }

    .main-review-area .about-info-text .about-author {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center; }

      .main-review-area .about-info-text .about-author .autor-thumb {

        padding-right: 20px; }

        .main-review-area .about-info-text .about-author .autor-thumb img {

          width: 100%; }

      .main-review-area .about-info-text .about-author .auhor-text span {

        font-size: 18px;

        font-weight: 400;

        color: #020c26; }

      .main-review-area .about-info-text .about-author .auhor-text p {

        color: #848484;

        font-size: 14px;

        font-weight: 400; }



.pricingdiv {

  display: flex;

  flex-wrap: wrap;

  font-size: 16px;

  justify-content: center;

  font-family: 'Source Sans Pro', Arial, sans-serif; }



.pricingdiv ul.theplan {

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  flex-direction: column;

  color: black;

  width: 260px;

  /* width of each table */

  margin-right: 20px;

  /* spacing between tables */

  margin-bottom: 1em;

  border: 1px solid gray;

  transition: all .5s; }



.pricingdiv ul.theplan:hover {

  /* when mouse hover over pricing table */

  transform: scale(1.05);
  transition: all .5s;

  z-index: 100;

  box-shadow: 0 0 10px gray; }



.pricingdiv ul.theplan .center {

  margin: 0 auto;

  text-align: center; }



.pricingdiv ul.theplan img {

  max-width: 80%;

  height: auto; }



.pricingdiv ul.theplan li {

  padding: 10px 10px;

  position: relative;

  border-bottom: 1px solid #eee; }



.pricingdiv ul.theplan li.title {

  font-weight: bold;

  text-align: center;

  padding: 30px 10px;

  background: white;

  color: grey;

  text-transform: uppercase; }



.pricingdiv ul.theplan li b {

  text-transform: uppercase; }



.pricingdiv ul.theplan li.title b {

  font-size: 150%; }



.pricingdiv ul.theplan:last-of-type {

  /* remove right margin in very last table */

  margin-right: 0; }



/*very last LI within each pricing UL */

.pricingdiv ul.theplan li:last-of-type {

  text-align: center;

  margin-top: auto;

  /*align last LI (price botton li) to the very bottom of UL */ }



.pricingdiv a.pricebutton {

  background: red;

  text-decoration: none;

  padding: 10px;

  display: inline-block;

  margin: 10px auto;

  border-radius: 5px;

  color: white;

  font-weight: bold;

  border-radius: 5px;

  text-transform: uppercase; }



@media only screen and (max-width: 600px) {

  .pricingdiv ul.theplan {

    border-radius: 0;

    width: 100%;

    margin-right: 0; }



  .pricingdiv ul.theplan:hover {

    transform: none;

    box-shadow: none; }



  .pricingdiv a.pricebutton {

    display: block; } }

.video-responsive {

  overflow: hidden;

  padding-bottom: 56.25%;

  position: relative;

  height: 0; }



.video-responsive iframe {

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  position: absolute; }



.addres-area .single-address {

  position: relative;

  margin-top: 53px;

  z-index: 0; }

  .addres-area .single-address .addres-icon {

    position: absolute;

    top: -53px;

    right: 0;

    left: 0;

    margin: auto; }

  .addres-area .single-address h3 {

    color: #fff;

    font-size: 24px;

    font-weight: 400;

    font-family: "Rubik", sans-serif;

    position: relative;

    z-index: 9; }

  .addres-area .single-address p {

    font-size: 16px;

    color: #a9a9a9;

    line-height: 28px;

    margin-bottom: 21px;

    position: relative;

    z-index: 9; }

  .addres-area .single-address a {

    position: relative;

    z-index: 9; }

  @media (max-width: 767px) {

    .addres-area .single-address {

      margin-bottom: 30px; } }



.about-bg {

  background-image: url(../img/about/about-bg.jpg); }



.about-area {

  /*margin-top:20px;*/

  position: relative;

  z-index: 1; }

  .about-area .pattent-bg-img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%); }

    @media (max-width: 767px) {

      .about-area .pattent-bg-img {

        display: none; } }

    @media (min-width: 768px) and (max-width: 991px) {

      .about-area .pattent-bg-img {

        display: none; } }

  .about-area .section-title {

    padding-left: 77px; }

    @media (max-width: 767px) {

      .about-area .section-title {

        padding-left: 0;

        /*margin-top: 30px;*/ } }

    @media (min-width: 768px) and (max-width: 991px) {

      .about-area .section-title {

        padding-left: 0;

        /*margin-top: 30px;*/ } }

  .about-area .about-thumb {

    position: relative; }

    .about-area .about-thumb img {

      width: 100%; }

    .about-area .about-thumb a.video-icon {

      position: absolute;

      width: 100px;

      height: 100px;

      font-size: 25px;

      line-height: 100px;

      background: #fff;

      display: inline-block;

      border-radius: 50%;

      text-align: center;

      border-radius: 50%;

      top: 50%;

      margin-left: -50px;

      transform: translateY(-50%);

      left: 100%; }

      @media (max-width: 767px) {

        .about-area .about-thumb a.video-icon {

          height: 80px;

          width: 80px;

          line-height: 80px;

          left: 50%;

          transform: translateY(-50%); } }

      @media (min-width: 768px) and (max-width: 991px) {

        .about-area .about-thumb a.video-icon {

          height: 80px;

          width: 80px;

          line-height: 80px;

          left: 50%;

          transform: translateY(-50%); } }

      .about-area .about-thumb a.video-icon::before {

        position: absolute;

        content: '';

        top: -10px;

        left: -10px;

        right: -10px;

        bottom: -10px;

        border: 1px solid #ff5e13;

        border-radius: 50%;

        opacity: .15; }

      .about-area .about-thumb a.video-icon i {

        color: #ff5e13;

        padding-left: 4px; }

  .about-area .about-info-text .quote {

    font-size: 55px;

    color: #020c26;

    margin-bottom: 10px; }

  .about-area .about-info-text .about-ratting {

    color: #ffba00;

    font-size: 16px; }

    .about-area .about-info-text .about-ratting i {

      margin-right: 1px; }

  .about-area .about-info-text p.about-text {

    font-size: 24px;

    line-height: 36px;

    color: #5c5c5c;

    font-family: "Rubik", sans-serif;

    font-weight: 400;

    margin-top: 17px;

    margin-bottom: 44px; }

    @media (max-width: 767px) {

      .about-area .about-info-text p.about-text {

        font-size: 18px; } }

  .about-area .about-info-text .about-author {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center; }

    .about-area .about-info-text .about-author .autor-thumb {

      padding-right: 20px; }

      .about-area .about-info-text .about-author .autor-thumb img {

        width: 100%; }

    .about-area .about-info-text .about-author .auhor-text span {

      font-size: 18px;

      font-weight: 400;

      color: #020c26; }

    .about-area .about-info-text .about-author .auhor-text p {

      color: #848484;

      font-size: 14px;

      font-weight: 400; }

  .about-area .about-review {

    position: relative; }

    @media (max-width: 767px) {

      .about-area .about-review {

        margin-top: 30px; } }

    .about-area .about-review img {

      width: 100%; }

    .about-area .about-review .project-review {

      position: absolute;

      bottom: 50px;

      left: 50px;

      background: #ff5e13;

      padding: 55px 43px; }

      .about-area .about-review .project-review h3 {

        color: #fff;

        font-family: "Rubik", sans-serif;

        font-size: 46px;

        margin-bottom: 9px;

        line-height: 30px; }

      .about-area .about-review .project-review p {

        font-size: 18px;

        font-family: "Rubik", sans-serif;

        font-weight: 400;

        margin-bottom: 0;

        color: #fff !important; }



.pt-120 {

  padding-top: 120px; }

  @media (max-width: 767px) {

    .pt-120 {

      padding-top: 0px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .pt-120 {

      padding-top: 60px; } }



.about-pro-active.owl-carousel .owl-nav div {

  background: transparent;

  height: 65px;

  left: 30%;

  line-height: 65px;

  position: absolute;

  text-align: center;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  width: 65px;

  font-size: 16px;

  color: #ccced4;

  border: 1px solid transparent;

  top: 35px;

  position: absolute;

  top: -115px;

  left: 44.5%; }

.about-pro-active.owl-carousel .owl-nav {

  position: inherit; }

  .about-pro-active.owl-carousel .owl-nav div.owl-next {

    margin-left: 30px; }

  .about-pro-active.owl-carousel .owl-nav div.owl-prev i {

    position: relative;

    right: 2px; }

.about-pro-active.owl-carousel:hover .owl-nav div {

  opacity: 1;

  visibility: visible; }

  .about-pro-active.owl-carousel:hover .owl-nav div:hover {

    color: #ff5e13; }



.counter-area {

  padding-top: 65px;

  padding-bottom: 35px; }

  .counter-area .single-counter {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    margin-bottom: 30px; }

    @media (max-width: 767px) {

      .counter-area .single-counter {

        display: block;

        text-align: center; } }

    @media (min-width: 768px) and (max-width: 991px) {

      .counter-area .single-counter {

        display: block;

        text-align: center; } }

    .counter-area .single-counter .icon {

      margin-right: 23px; }

      @media (max-width: 767px) {

        .counter-area .single-counter .icon {

          margin-bottom: 20px; } }

      @media (min-width: 768px) and (max-width: 991px) {

        .counter-area .single-counter .icon {

          margin-bottom: 20px; } }

    .counter-area .single-counter .counter-number {

      margin-top: -10px; }

      .counter-area .single-counter .counter-number h3 {

        font-size: 46px;

        color: #020c26;

        font-weight: 400;

        font-family: "Rubik", sans-serif;

        margin-bottom: -2px; }

        .counter-area .single-counter .counter-number h3 span {

          font-weight: 400;

          font-family: "Rubik", sans-serif; }

      .counter-area .single-counter .counter-number p {

        font-size: 18px;

        color: #848484;

        font-family: "Rubik", sans-serif;

        font-weight: 400; }

        .counter-area .single-counter .counter-number p span {

          color: #020c26;

          font-weight: 400; }



.cta-area {

  padding-top: 145px;

  padding-bottom: 155px; }

  .cta-area .cta-content {

    display: block;

    background: #ff5e13;

    position: relative;

    padding: 68px 45px 114px 64px; }

    @media (max-width: 767px) {

      .cta-area .cta-content {

        padding: 40px 20px 100px 20px; } }

    .cta-area .cta-content h3 {

      font-size: 44px;

      line-height: 56px;

      color: #fff;

      font-weight: 400;

      margin-bottom: 13px; }

      @media (max-width: 767px) {

        .cta-area .cta-content h3 {

          font-size: 23px;

          line-height: 32px; } }

      @media (min-width: 992px) and (max-width: 1200px) {

        .cta-area .cta-content h3 br {

          display: none; } }

    .cta-area .cta-content p {

      font-size: 16px;

      color: #ffffff;

      font-weight: 400; }

    .cta-area .cta-content .cta-btn {

      position: absolute;

      right: 0;

      bottom: 0; }

      .cta-area .cta-content .cta-btn i {

        position: relative;

        left: 8px; }



/*=================== contact banner start ====================*/

.dropdown .dropdown-menu {

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



.contact-info {

  margin-bottom: 25px; }

  .contact-info__icon {

    margin-right: 20px; }

    .contact-info__icon i, .contact-info__icon span {

      color: #8f9195;

      font-size: 27px; }

  .contact-info .media-body h3 {

    font-size: 16px;

    margin-bottom: 0;

    font-size: 16px;

    color: #2a2a2a; }

    .contact-info .media-body h3 a:hover {

      color: #dd1d2f; }

  .contact-info .media-body p {

    color: #8a8a8a; }



/*=================== contact banner end ====================*/

/*=================== contact form start ====================*/

.contact-title {

  font-size: 27px;

  font-weight: 600;

  margin-bottom: 20px; }



.form-contact label {

  font-size: 14px; }

.form-contact .form-group {

  margin-bottom: 30px; }

.form-contact .form-control {

  border: 1px solid #e5e6e9;

  border-radius: 0px;

  height: 48px;

  padding-left: 18px;

  font-size: 13px;

  background: transparent; }

  .form-contact .form-control:focus {

    outline: 0;

    box-shadow: none; }

  .form-contact .form-control::placeholder {

    font-weight: 300;

    color: #999999; }

.form-contact textarea {

  border-radius: 0px;

  height: 100% !important; }



/*=================== contact form end ====================*/

/* Contact Success and error Area css

============================================================================================ */

.modal-message .modal-dialog {

  position: absolute;

  top: 36%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%) !important;

  margin: 0px;

  max-width: 500px;

  width: 100%; }

  .modal-message .modal-dialog .modal-content .modal-header {

    text-align: center;

    display: block;

    border-bottom: none;

    padding-top: 50px;

    padding-bottom: 50px; }

    .modal-message .modal-dialog .modal-content .modal-header .close {

      position: absolute;

      right: -15px;

      top: -15px;

      padding: 0px;

      color: #fff;

      opacity: 1;

      cursor: pointer; }

    .modal-message .modal-dialog .modal-content .modal-header h2 {

      display: block;

      text-align: center;

      padding-bottom: 10px; }

    .modal-message .modal-dialog .modal-content .modal-header p {

      display: block; }



.contact-section {

  padding: 80px 0 100px; }

  @media (max-width: 991px) {

    .contact-section {

      padding: 70px 0 40px; } }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .contact-section {

      padding: 80px 0 50px; } }

  .contact-section .btn_2 {

    background-color: #191d34;

    padding: 18px 60px;

    border-radius: 50px;

    margin-top: 0; }

    .contact-section .btn_2:hover {

      background-color: #dd1d2f; }



/*=================== contact banner start ====================*/

.eula-section {

  padding-bottom: 0px;

  padding-top: 50px;

  /*

    padding: 80px 0 100px;

    @media (max-width: 991px){

      padding: 70px 0 40px;

    }

    @media only screen and (min-width: 992px) and (max-width: 1200px){

      padding: 80px 0 50px;

    }

  */ }



.eula-section ul {

  margin-left: 0px;

  padding-left: 20px; }



.eula-section li {

  list-style-type: circle;

  font-size: 14px;

  font-weight: 300;

  color: #5c5c5c;

  font-family: 'Rubik', sans-serif; }



#trial ul {

  list-style: none;

  padding: 0; }



#trial li {

  padding-left: 1.3em;

  font-size: 22px;

  margin-bottom: 25px; }



#trial li:before {

  content: "\f00c";

  /* FontAwesome Unicode */

  font-family: FontAwesome;

  font-size: 24px;

  color: green;

  display: inline-block;

  margin-left: -1.8em;

  /* same as padding-left set on li */

  width: 1.8em;

  /* same as padding-left set on li */ }



#downloads td {

  padding: 15px;

  border-bottom: 1px solid silver; }



.setup-list {

  list-style: circle; }



.setup-list li {

  list-style-type: decimal; }



.footer-area {

  padding: 120px 0px  0;

  position: relative; }

  @media (max-width: 991px) {

    .footer-area {

      padding: 120px 0px  0; } }

  .footer-area .col-lg-12 {

    padding-left: 0px;

    padding-right: 0px;

    overflow: hidden; }

  @media (max-width: 991px) {

    .footer-area .single-footer-widget {

      margin-bottom: 30px; } }

  .footer-area .single-footer-widget .social-links ul li {

    display: inline-block;

    margin-right: 15px; }

    .footer-area .single-footer-widget .social-links ul li a {

      color: #010101;

      font-size: 18px; }

      .footer-area .single-footer-widget .social-links ul li a:hover {

        color: #dd1d2f; }

  .footer-area .single-footer-widget .office-location ul li strong {

    font-size: 18px;

    color: #020c26;

    margin-bottom: 10px;

    display: block;

    font-weight: 400;

    font-family: "Rubik", sans-serif; }

  .footer-area .single-footer-widget .office-location ul li p {

    color: #5c5c5c;

    font-size: 16px; }

  .footer-area .single-footer-widget p {

    color: #5c5c5c;

    line-height: 1.8; }

  .footer-area .single-footer-widget h4 {

    margin-bottom: 43px;

    font-weight: 400;

    font-size: 24px;

    color: #020c26;

    text-transform: capitalize;

    font-size: 24px;

    font-family: 'Rubik', sans-serif; }

    @media (max-width: 1024px) {

      .footer-area .single-footer-widget h4 {

        font-size: 18px; } }

    @media (max-width: 991px) {

      .footer-area .single-footer-widget h4 {

        margin-bottom: 15px; } }

  .footer-area .single-footer-widget ul li {

    margin-bottom: 16px; }

    .footer-area .single-footer-widget ul li a {

      color: #5c5c5c;

      -webkit-transition: 0.5s;

      transition: 0.5s;

      font-size: 16px; }

      .footer-area .single-footer-widget ul li a:hover {

        color: #dd1d2f; }

  .footer-area .single-footer-widget .form-wrap {

    margin-top: 25px; }

  .footer-area .single-footer-widget input {

    height: 40px;

    border: none;

    width: 67% !important;

    font-weight: 400;

    padding-left: 20px;

    border-radius: 0;

    font-size: 13px;

    color: #999999;

    border: 0px solid transparent; }

    .footer-area .single-footer-widget input:focus {

      outline: none;

      box-shadow: none; }

  .footer-area .single-footer-widget .click-btn {

    background-color: #dd1d2f;

    color: #fff;

    border-radius: 0;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

    padding: 8px 20px;

    border: 0;

    font-size: 12px;

    font-weight: 400;

    position: relative;

    left: 0; }

    .footer-area .single-footer-widget .click-btn:focus {

      outline: none;

      box-shadow: none; }

    @media (max-width: 375px) {

      .footer-area .single-footer-widget .click-btn {

        margin-top: 10px; } }

    @media (min-width: 400px) {

      .footer-area .single-footer-widget .click-btn {

        left: -50px; } }

  .footer-area .footer_1 img {

    margin-bottom: 35px; }

    @media (max-width: 576px) {

      .footer-area .footer_1 img {

        margin-bottom: 20px; } }

    @media only screen and (min-width: 480px) and (max-width: 767px) {

      .footer-area .footer_1 img {

        margin-bottom: 20px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .footer-area .footer_1 img {

        margin-bottom: 20px; } }

  .footer-area .footer_1 p {

    margin-bottom: 15px;

    font-family: "Rubik",sans-serif;

    font-weight: 400;

    color: #5c5c5c;

    font-size: 16px;

    line-height: 28px;

    margin-top: 7px;

    margin-bottom: 40px; }

  .footer-area .social_icon {

    margin-top: 27px; }

    .footer-area .social_icon a {

      color: #cccccc;

      font-size: 14px;

      margin-right: 20px; }

      .footer-area .social_icon a:hover {

        color: #dd1d2f; }

  .footer-area .footer_3 .footer_img .single_footer_img {

    width: 31.33%;

    float: left;

    margin: 1%;

    position: relative;

    z-index: 2; }

    @media (max-width: 576px) {

      .footer-area .footer_3 .footer_img .single_footer_img {

        width: 20%; }

        .footer-area .footer_3 .footer_img .single_footer_img img {

          width: 100%; } }

    @media only screen and (min-width: 480px) and (max-width: 767px) {

      .footer-area .footer_3 .footer_img .single_footer_img {

        width: 20%; }

        .footer-area .footer_3 .footer_img .single_footer_img img {

          width: 100%; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .footer-area .footer_3 .footer_img .single_footer_img {

        width: 31%; }

        .footer-area .footer_3 .footer_img .single_footer_img img {

          width: 100%; } }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .footer-area .footer_3 .footer_img .single_footer_img {

        width: 31%; }

        .footer-area .footer_3 .footer_img .single_footer_img img {

          width: 100%; } }

    @media only screen and (min-width: 1200px) and (max-width: 1440px) {

      .footer-area .footer_3 .footer_img .single_footer_img {

        width: 20%; }

        .footer-area .footer_3 .footer_img .single_footer_img img {

          width: 100%; } }

    .footer-area .footer_3 .footer_img .single_footer_img:after {

      position: absolute;

      left: 0;

      top: 0;

      content: "";

      background-color: #000;

      width: 100%;

      height: 100%;

      opacity: 0;

      -webkit-transition: 0.5s;

      transition: 0.5s; }

    .footer-area .footer_3 .footer_img .single_footer_img i {

      text-align: center;

      position: absolute;

      top: 41%;

      margin: 0 auto;

      left: 0;

      right: 0;

      color: #fff;

      z-index: 2;

      opacity: 0; }

    .footer-area .footer_3 .footer_img .single_footer_img:hover:after {

      opacity: 0.5; }

    .footer-area .footer_3 .footer_img .single_footer_img:hover i {

      opacity: 1; }

  .footer-area .contact_info {

    position: relative;

    margin-bottom: 20px; }

    .footer-area .contact_info:last-child {

      margin-bottom: 0px; }

    .footer-area .contact_info p {

      margin-bottom: 10px; }

      .footer-area .contact_info p span {

        color: #2c3033;

        font-size: 16px; }

  .footer-area .btn {

    background-color: #dd1d2f;

    color: #fff;

    width: 49px;

    border-radius: 0px;

    height: 40px; }

  .footer-area span.ti-heart {

    font-size: 12px;

    margin: 0px 2px; }

  .footer-area .copyright_part_text {

    background-color: transparent;

    padding: 32px 15px;

    margin-top: 95px; }

    .footer-area .copyright_part_text p {

      color: #83868c;

      font-size: 14px;

      font-weight: 400; }

    @media (max-width: 576px) {

      .footer-area .copyright_part_text {

        margin-top: 20px;

        text-align: center; }

        .footer-area .copyright_part_text p {

          font-size: 13px; } }

    @media only screen and (min-width: 480px) and (max-width: 767px) {

      .footer-area .copyright_part_text {

        text-align: center;

        margin-top: 20px;

        padding: 32px 15px; }

        .footer-area .copyright_part_text p {

          font-size: 13px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .footer-area .copyright_part_text {

        text-align: center; } }

    .footer-area .copyright_part_text a {

      color: #dd1d2f; }

  .footer-area .input-group {

    border: 1px solid #45556a;

    padding: 5px; }

  .footer-area .footer_icon p {

    margin-bottom: 22px;

    font-size: 16px;

    color: #999; }

  .footer-area .footer_icon ul li {

    margin-bottom: 20px; }

    .footer-area .footer_icon ul li i {

      margin-right: 15px; }



@media (max-width: 991px) {

  .footer_icon {

    margin-top: 0px; } }

.footer_menu {

  float: right; }

  @media (max-width: 576px) {

    .footer_menu {

      float: none;

      text-align: center;

      margin-top: 15px; } }

  @media only screen and (min-width: 480px) and (max-width: 767px) {

    .footer_menu {

      float: none;

      text-align: center;

      margin-top: 15px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer_menu {

      float: none;

      text-align: center;

      margin-top: 15px; } }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .footer_menu {

      float: none;

      text-align: center;

      margin-top: 15px; } }

  .footer_menu ul li {

    display: inline-block; }

    .footer_menu ul li a {

      color: #5c5c5c !important;

      padding: 0px 22px; }

      .footer_menu ul li a:hover {

        color: #dd1d2f !important; }

      @media (max-width: 576px) {

        .footer_menu ul li a {

          padding: 0px 15px; } }

      @media only screen and (min-width: 480px) and (max-width: 767px) {

        .footer_menu ul li a {

          padding: 0px 15px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .footer_menu ul li a {

          padding: 0px 15px; } }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .footer_menu ul li a {

          padding: 0px 15px; } }



.ptb200 {

  padding-top: 200px;

  padding-bottom: 200px; }

  @media (max-width: 767px) {

    .ptb200 {

      padding-top: 100px;

      padding-bottom: 100px; } }



.ptb150 {

  padding-top: 150px;

  padding-bottom: 150px; }

  @media (max-width: 767px) {

    .ptb150 {

      padding-top: 75px;

      padding-bottom: 75px; } }



.ptb80 {

  padding-top: 80px;

  padding-bottom: 80px; }

  @media (max-width: 767px) {

    .ptb80 {

      padding-top: 40px;

      padding-bottom: 40px; } }



.ptb120 {

  padding-top: 120px;

  padding-bottom: 120px; }

  @media (max-width: 767px) {

    .ptb120 {

      padding-top: 60px;

      padding-bottom: 60px; } }



.ptb80160 {

  padding-top: 80px;

  padding-bottom: 160px;

  /*@media (min-width: 768px) and (max-width: 991px){

      padding-top: 40px;

      padding-bottom: 80px;

background-repeat: no-repeat;

background-attachment: fixed;

background-position: 80% 80%; 

  } */ }

  @media (max-width: 767px) {

    .ptb80160 {

      padding-top: 40px;

      padding-bottom: 80px;

      background-repeat: no-repeat;

      background-attachment: fixed;

      background-position: 80% 80%; } }

  @media (min-width: 992px) and (max-width: 1200px) {

    .ptb80160 {

      padding-top: 40px;

      padding-bottom: 80px;

      background-repeat: no-repeat;

      background-attachment: fixed;

      background-position: 80% 80%; } }



.banner-bg-1 {

  background-image: url(../img/banner/banner.jpg); }



.breadcrumb-margin {

  /*margin-top:10px;*/ }



.breadcrumb {

  background-size: cover; }

  .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 {

    font-size: 60px;

    font-weight: 500;

    font-family: "Rubik", sans-serif;

    color: #fff; }

    @media (max-width: 767px) {

      .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 {

        font-size: 35px; } }

    @media (min-width: 768px) and (max-width: 991px) {

      .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 {

        font-size: 45px; } }

  .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h3 {

    font-size: 40px;

    font-weight: 500;

    font-family: "Rubik", sans-serif;

    color: #fff; }

    @media (max-width: 767px) {

      .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h3 {

        font-size: 24px; } }

    @media (min-width: 768px) and (max-width: 991px) {

      .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h3 {

        font-size: 30px; } }

  .breadcrumb .breadcrumb_iner .breadcrumb_iner_item p {

    color: #fff;

    font-size: 16px;

    font-weight: 400; }

    .breadcrumb .breadcrumb_iner .breadcrumb_iner_item p a {

      color: #ff5e13; }



.details-bg-1 {

  background-image: url(../img/banner/details-banner.jpg); }



.details-banner-area {

  height: 760px;

  height: 760px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: end; }

  @media (max-width: 767px) {

    .details-banner-area {

      height: 460px; } }

  @media (min-width: 768px) and (max-width: 991px) {

    .details-banner-area {

      height: 560px; } }

  @media (min-width: 992px) and (max-width: 1200px) {

    .details-banner-area {

      height: 560px; } }

  .details-banner-area .details-banner-text {

    margin-bottom: 131px; }

    .details-banner-area .details-banner-text a {

      font-family: "Rubik", sans-serif;

      color: #ff5e13;

      font-size: 16px;

      font-weight: 400;

      display: inline-block;

      margin-bottom: 13px; }

    .details-banner-area .details-banner-text h2 {

      font-family: "Rubik", sans-serif;

      font-size: 60px;

      font-weight: 500;

      color: #fff;

      line-height: 72px; }

      @media (max-width: 767px) {

        .details-banner-area .details-banner-text h2 {

          font-size: 25px;

          line-height: 40px; } }

      @media (min-width: 768px) and (max-width: 991px) {

        .details-banner-area .details-banner-text h2 {

          font-size: 45px;

          line-height: 60px; } }

      @media (max-width: 767px) {

        .details-banner-area .details-banner-text h2 br {

          display: none; } }

      @media (min-width: 768px) and (max-width: 991px) {

        .details-banner-area .details-banner-text h2 br {

          display: none; } }

      @media (min-width: 992px) and (max-width: 1200px) {

        .details-banner-area .details-banner-text h2 br {

          display: none; } }

  .details-banner-area.details-banner-area2 {

    display: table;

    width: 100%;

    height: 100%;

    height: 760px; }

    .details-banner-area.details-banner-area2 .details-banner-inner2 {

      display: table-cell;

      vertical-align: bottom; }

    @media (max-width: 767px) {

      .details-banner-area.details-banner-area2 {

        height: 460px; } }

    @media (min-width: 768px) and (max-width: 991px) {

      .details-banner-area.details-banner-area2 {

        height: 560px; } }

    @media (min-width: 992px) and (max-width: 1200px) {

      .details-banner-area.details-banner-area2 {

        height: 560px; } }



@media (max-width: 767px) {

  .team-area .single-team {

    margin-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 991px) {

  .team-area .single-team {

    margin-bottom: 30px; } }

.team-area .single-team .team-thumb {

  position: relative;

  overflow: hidden; }

  .team-area .single-team .team-thumb img {

    width: 100%; }

  .team-area .single-team .team-thumb .team-hover {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transform: translateY(100px);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s; }

    .team-area .single-team .team-thumb .team-hover::before {

      content: "";

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      background: #020c26;

      opacity: .8;

      -webkit-transition: 0.5s;

      -moz-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s; }

    .team-area .single-team .team-thumb .team-hover .team-link {

      position: absolute;

      top: 50%;

      left: 0;

      right: 0;

      text-align: center;

      transform: translateY(-50%); }

      .team-area .single-team .team-thumb .team-hover .team-link ul li {

        display: inline-block; }

        .team-area .single-team .team-thumb .team-hover .team-link ul li a {

          color: #fff;

          font-size: 18px;

          margin: 0 8px; }

          .team-area .single-team .team-thumb .team-hover .team-link ul li a:hover {

            color: #ff5e13; }

.team-area .single-team .team-info {

  margin-top: 24px; }

  .team-area .single-team .team-info h3 {

    font-weight: 400;

    font-family: "Rubik", sans-serif;

    color: #020c26;

    margin-bottom: 8px; }

  .team-area .single-team .team-info p {

    font-weight: 400;

    font-family: "Rubik", sans-serif;

    font-size: 16px;

    color: #5c5c5c;

    margin-bottom: 0; }

.team-area .single-team:hover .team-hover {

  transform: translateY(0px);

  opacity: 1;

  visibility: visible; }



#accordion button {

  font-size: 16px;

  font-size: 24px;

  font-family: "Rubik", sans-serif;

  font-weight: 400;

  color: #ff5e13; }

  @media (max-width: 767px) {

    #accordion button {

      font-size: 14px; } }

#accordion .card {

  margin-bottom: 15px;

  border-radius: 0;

  border: 0 !important; }

  #accordion .card .card-header {

    background-color: transparent;

    padding: 4px 14px;

    border: 0 !important; }

    @media (max-width: 767px) {

      #accordion .card .card-header {

        padding: 4px 0; } }

  #accordion .card .card-body {

    font-size: 16px;

    line-height: 28px;

    color: #5c5c5c;

    padding: 0px 30px 32px;

    font-family: "Rubik", sans-serif;

    line-height: 28px; }

  #accordion .card .collapse.show {

    background: #fff;

    border-bottom: 1px solid transparent; }

#accordion h5 {

  position: relative;

  z-index: 1; }

  #accordion h5 button.btn.btn-link {

    color: #ff5e13; }

    #accordion h5 button.btn.btn-link:after {

      position: absolute;

      content: "\e646";

      top: 50%;

      right: 0px;

      height: auto;

      font-family: 'themify';

      color: #ff5e13;

      font-size: 18px;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%); }

    #accordion h5 button.btn.btn-link:focus {

      outline: none;

      text-decoration: none; }

    @media (max-width: 767px) {

      #accordion h5 button.btn.btn-link {

        padding-left: 0; } }

  #accordion h5 button.btn.btn-link.collapsed {

    color: #020c26; }

    #accordion h5 button.btn.btn-link.collapsed:after {

      content: "\e61a";

      color: #020c26;

      font-size: 18px; }

    @media (max-width: 767px) {

      #accordion h5 button.btn.btn-link.collapsed {

        padding-left: 0; } }

#accordion .btn-link:hover {

  color: #182028;

  text-decoration: none; }

#accordion .btn {

  text-align: left !important; }



.faq-area {

  padding-top: 100px;

  padding-bottom: 90px; }

  @media (max-width: 767px) {

    .faq-area {

      padding-top: 60px;

      padding-bottom: 30px; } }



.sample-text-area {

  background: #fff;

  padding: 100px 0 70px 0; }



.text-heading {

  margin-bottom: 30px;

  font-size: 24px; }



b,

sup,

sub,

u,

del {

  color: #dd1d2f; }



h1 {

  font-size: 36px; }



h2 {

  font-size: 30px; }



h3 {

  font-size: 24px; }



h4 {

  font-size: 18px; }



h5 {

  font-size: 16px; }



h6 {

  font-size: 14px; }



h1,

h2,

h3,

h4,

h5,

h6 {

  line-height: 1.2em; }



.typography h1,

.typography h2,

.typography h3,

.typography h4,

.typography h5,

.typography h6 {

  color: #828bb2; }



.button-area {

  background: #fff; }

  .button-area .border-top-generic {

    padding: 70px 15px;

    border-top: 1px dotted #eee; }



.button-group-area .genric-btn {

  margin-right: 10px;

  margin-top: 10px; }

  .button-group-area .genric-btn:last-child {

    margin-right: 0; }



.genric-btn {

  display: inline-block;

  outline: none;

  line-height: 40px;

  padding: 0 30px;

  font-size: .8em;

  text-align: center;

  text-decoration: none;

  font-weight: 500;

  cursor: pointer;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s; }

  .genric-btn:focus {

    outline: none; }

  .genric-btn.e-large {

    padding: 0 40px;

    line-height: 50px; }

  .genric-btn.large {

    line-height: 45px; }

  .genric-btn.medium {

    line-height: 30px; }

  .genric-btn.small {

    line-height: 25px; }

  .genric-btn.radius {

    border-radius: 3px; }

  .genric-btn.circle {

    border-radius: 20px; }

  .genric-btn.arrow {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center; }

    .genric-btn.arrow span {

      margin-left: 10px; }

  .genric-btn.default {

    color: #415094;

    background: #f9f9ff;

    border: 1px solid transparent; }

    .genric-btn.default:hover {

      border: 1px solid #f9f9ff;

      background: #fff; }

  .genric-btn.default-border {

    border: 1px solid #f9f9ff;

    background: #fff; }

    .genric-btn.default-border:hover {

      color: #415094;

      background: #f9f9ff;

      border: 1px solid transparent; }

  .genric-btn.primary {

    color: #fff;

    background: #dd1d2f;

    border: 1px solid transparent; }

    .genric-btn.primary:hover {

      color: #dd1d2f;

      border: 1px solid #dd1d2f;

      background: #fff; }

  .genric-btn.primary-border {

    color: #dd1d2f;

    border: 1px solid #dd1d2f;

    background: #fff; }

    .genric-btn.primary-border:hover {

      color: #fff;

      background: #dd1d2f;

      border: 1px solid transparent; }

  .genric-btn.success {

    color: #fff;

    background: #4cd3e3;

    border: 1px solid transparent; }

    .genric-btn.success:hover {

      color: #4cd3e3;

      border: 1px solid #4cd3e3;

      background: #fff; }

  .genric-btn.success-border {

    color: #4cd3e3;

    border: 1px solid #4cd3e3;

    background: #fff; }

    .genric-btn.success-border:hover {

      color: #fff;

      background: #4cd3e3;

      border: 1px solid transparent; }

  .genric-btn.info {

    color: #fff;

    background: #38a4ff;

    border: 1px solid transparent; }

    .genric-btn.info:hover {

      color: #38a4ff;

      border: 1px solid #38a4ff;

      background: #fff; }

  .genric-btn.info-border {

    color: #38a4ff;

    border: 1px solid #38a4ff;

    background: #fff; }

    .genric-btn.info-border:hover {

      color: #fff;

      background: #38a4ff;

      border: 1px solid transparent; }

  .genric-btn.warning {

    color: #fff;

    background: #f4e700;

    border: 1px solid transparent; }

    .genric-btn.warning:hover {

      color: #f4e700;

      border: 1px solid #f4e700;

      background: #fff; }

  .genric-btn.warning-border {

    color: #f4e700;

    border: 1px solid #f4e700;

    background: #fff; }

    .genric-btn.warning-border:hover {

      color: #fff;

      background: #f4e700;

      border: 1px solid transparent; }

  .genric-btn.danger {

    color: #fff;

    background: #f44a40;

    border: 1px solid transparent; }

    .genric-btn.danger:hover {

      color: #f44a40;

      border: 1px solid #f44a40;

      background: #fff; }

  .genric-btn.danger-border {

    color: #f44a40;

    border: 1px solid #f44a40;

    background: #fff; }

    .genric-btn.danger-border:hover {

      color: #fff;

      background: #f44a40;

      border: 1px solid transparent; }

  .genric-btn.link {

    color: #415094;

    background: #f9f9ff;

    text-decoration: underline;

    border: 1px solid transparent; }

    .genric-btn.link:hover {

      color: #415094;

      border: 1px solid #f9f9ff;

      background: #fff; }

  .genric-btn.link-border {

    color: #415094;

    border: 1px solid #f9f9ff;

    background: #fff;

    text-decoration: underline; }

    .genric-btn.link-border:hover {

      color: #415094;

      background: #f9f9ff;

      border: 1px solid transparent; }

  .genric-btn.disable {

    color: #222222, 0.3;

    background: #f9f9ff;

    border: 1px solid transparent;

    cursor: not-allowed; }



.generic-blockquote {

  padding: 30px 50px 30px 30px;

  background: #f9f9ff;

  border-left: 2px solid #dd1d2f; }



.progress-table-wrap {

  overflow-x: scroll; }



.progress-table {

  background: #f9f9ff;

  padding: 15px 0px 30px 0px;

  min-width: 800px; }

  .progress-table .serial {

    width: 11.83%;

    padding-left: 30px; }

  .progress-table .country {

    width: 28.07%; }

  .progress-table .visit {

    width: 19.74%; }

  .progress-table .percentage {

    width: 40.36%;

    padding-right: 50px; }

  .progress-table .table-head {

    display: flex; }

    .progress-table .table-head .serial,

    .progress-table .table-head .country,

    .progress-table .table-head .visit,

    .progress-table .table-head .percentage {

      color: #415094;

      line-height: 40px;

      text-transform: uppercase;

      font-weight: 500; }

  .progress-table .table-row {

    padding: 15px 0;

    border-top: 1px solid #edf3fd;

    display: flex; }

    .progress-table .table-row .serial,

    .progress-table .table-row .country,

    .progress-table .table-row .visit,

    .progress-table .table-row .percentage {

      display: flex;

      align-items: center; }

    .progress-table .table-row .country img {

      margin-right: 15px; }

    .progress-table .table-row .percentage .progress {

      width: 80%;

      border-radius: 0px;

      background: transparent; }

      .progress-table .table-row .percentage .progress .progress-bar {

        height: 5px;

        line-height: 5px; }

        .progress-table .table-row .percentage .progress .progress-bar.color-1 {

          background-color: #6382e6; }

        .progress-table .table-row .percentage .progress .progress-bar.color-2 {

          background-color: #e66686; }

        .progress-table .table-row .percentage .progress .progress-bar.color-3 {

          background-color: #f09359; }

        .progress-table .table-row .percentage .progress .progress-bar.color-4 {

          background-color: #73fbaf; }

        .progress-table .table-row .percentage .progress .progress-bar.color-5 {

          background-color: #73fbaf; }

        .progress-table .table-row .percentage .progress .progress-bar.color-6 {

          background-color: #6382e6; }

        .progress-table .table-row .percentage .progress .progress-bar.color-7 {

          background-color: #a367e7; }

        .progress-table .table-row .percentage .progress .progress-bar.color-8 {

          background-color: #e66686; }



.single-gallery-image {

  margin-top: 30px;

  background-repeat: no-repeat !important;

  background-position: center center !important;

  background-size: cover !important;

  height: 200px; }



.list-style {

  width: 14px;

  height: 14px; }



.unordered-list li {

  position: relative;

  padding-left: 30px;

  line-height: 1.82em !important; }

  .unordered-list li:before {

    content: "";

    position: absolute;

    width: 14px;

    height: 14px;

    border: 3px solid #dd1d2f;

    background: #fff;

    top: 4px;

    left: 0;

    border-radius: 50%; }



.ordered-list {

  margin-left: 30px; }

  .ordered-list li {

    list-style-type: decimal-leading-zero;

    color: #dd1d2f;

    font-weight: 500;

    line-height: 1.82em !important; }

    .ordered-list li span {

      font-weight: 300;

      color: #828bb2; }



.ordered-list-alpha li {

  margin-left: 30px;

  list-style-type: lower-alpha;

  color: #dd1d2f;

  font-weight: 500;

  line-height: 1.82em !important; }

  .ordered-list-alpha li span {

    font-weight: 300;

    color: #828bb2; }



.ordered-list-roman li {

  margin-left: 30px;

  list-style-type: lower-roman;

  color: #dd1d2f;

  font-weight: 500;

  line-height: 1.82em !important; }

  .ordered-list-roman li span {

    font-weight: 300;

    color: #828bb2; }



.single-input {

  display: block;

  width: 100%;

  line-height: 40px;

  border: none;

  outline: none;

  background: #f9f9ff;

  padding: 0 20px; }

  .single-input:focus {

    outline: none; }



.input-group-icon {

  position: relative; }

  .input-group-icon .icon {

    position: absolute;

    left: 20px;

    top: 0;

    line-height: 40px;

    z-index: 3; }

    .input-group-icon .icon i {

      color: #797979; }

  .input-group-icon .single-input {

    padding-left: 45px; }



.single-textarea {

  display: block;

  width: 100%;

  line-height: 40px;

  border: none;

  outline: none;

  background: #f9f9ff;

  padding: 0 20px;

  height: 100px;

  resize: none; }

  .single-textarea:focus {

    outline: none; }



.single-input-primary {

  display: block;

  width: 100%;

  line-height: 40px;

  border: 1px solid transparent;

  outline: none;

  background: #f9f9ff;

  padding: 0 20px; }

  .single-input-primary:focus {

    outline: none;

    border: 1px solid #dd1d2f; }



.single-input-accent {

  display: block;

  width: 100%;

  line-height: 40px;

  border: 1px solid transparent;

  outline: none;

  background: #f9f9ff;

  padding: 0 20px; }

  .single-input-accent:focus {

    outline: none;

    border: 1px solid #eb6b55; }



.single-input-secondary {

  display: block;

  width: 100%;

  line-height: 40px;

  border: 1px solid transparent;

  outline: none;

  background: #f9f9ff;

  padding: 0 20px; }

  .single-input-secondary:focus {

    outline: none;

    border: 1px solid #f09359; }



.default-switch {

  width: 35px;

  height: 17px;

  border-radius: 8.5px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer; }

  .default-switch input {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer; }

    .default-switch input + label {

      position: absolute;

      top: 1px;

      left: 1px;

      width: 15px;

      height: 15px;

      border-radius: 50%;

      background: #dd1d2f;

      -webkit-transition: all 0.2s;

      -moz-transition: all 0.2s;

      -o-transition: all 0.2s;

      transition: all 0.2s;

      box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);

      cursor: pointer; }

    .default-switch input:checked + label {

      left: 19px; }



.primary-switch {

  width: 35px;

  height: 17px;

  border-radius: 8.5px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer; }

  .primary-switch input {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0; }

    .primary-switch input + label {

      position: absolute;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      width: 100%;

      height: 100%; }

      .primary-switch input + label:before {

        content: "";

        position: absolute;

        left: 0;

        top: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        height: 100%;

        background: transparent;

        border-radius: 8.5px;

        cursor: pointer;

        -webkit-transition: all 0.2s;

        -moz-transition: all 0.2s;

        -o-transition: all 0.2s;

        transition: all 0.2s; }

      .primary-switch input + label:after {

        content: "";

        position: absolute;

        top: 1px;

        left: 1px;

        width: 15px;

        height: 15px;

        border-radius: 50%;

        background: #fff;

        -webkit-transition: all 0.2s;

        -moz-transition: all 0.2s;

        -o-transition: all 0.2s;

        transition: all 0.2s;

        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);

        cursor: pointer; }

    .primary-switch input:checked + label:after {

      left: 19px; }

    .primary-switch input:checked + label:before {

      background: #dd1d2f; }



.confirm-switch {

  width: 35px;

  height: 17px;

  border-radius: 8.5px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer; }

  .confirm-switch input {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0; }

    .confirm-switch input + label {

      position: absolute;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      width: 100%;

      height: 100%; }

      .confirm-switch input + label:before {

        content: "";

        position: absolute;

        left: 0;

        top: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        height: 100%;

        background: transparent;

        border-radius: 8.5px;

        -webkit-transition: all 0.2s;

        -moz-transition: all 0.2s;

        -o-transition: all 0.2s;

        transition: all 0.2s;

        cursor: pointer; }

      .confirm-switch input + label:after {

        content: "";

        position: absolute;

        top: 1px;

        left: 1px;

        width: 15px;

        height: 15px;

        border-radius: 50%;

        background: #fff;

        -webkit-transition: all 0.2s;

        -moz-transition: all 0.2s;

        -o-transition: all 0.2s;

        transition: all 0.2s;

        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);

        cursor: pointer; }

    .confirm-switch input:checked + label:after {

      left: 19px; }

    .confirm-switch input:checked + label:before {

      background: #4cd3e3; }



.primary-checkbox {

  width: 16px;

  height: 16px;

  border-radius: 3px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer; }

  .primary-checkbox input {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0; }

    .primary-checkbox input + label {

      position: absolute;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      width: 100%;

      height: 100%;

      border-radius: 3px;

      cursor: pointer;

      border: 1px solid #f1f1f1; }

    .primary-checkbox input:checked + label {

      background: url(../img/elements/primary-check.png) no-repeat center center/cover;

      border: none; }



.confirm-checkbox {

  width: 16px;

  height: 16px;

  border-radius: 3px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer; }

  .confirm-checkbox input {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0; }

    .confirm-checkbox input + label {

      position: absolute;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      width: 100%;

      height: 100%;

      border-radius: 3px;

      cursor: pointer;

      border: 1px solid #f1f1f1; }

    .confirm-checkbox input:checked + label {

      background: url(../img/elements/success-check.png) no-repeat center center/cover;

      border: none; }



.disabled-checkbox {

  width: 16px;

  height: 16px;

  border-radius: 3px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer; }

  .disabled-checkbox input {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0; }

    .disabled-checkbox input + label {

      position: absolute;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      width: 100%;

      height: 100%;

      border-radius: 3px;

      cursor: pointer;

      border: 1px solid #f1f1f1; }

    .disabled-checkbox input:disabled {

      cursor: not-allowed;

      z-index: 3; }

    .disabled-checkbox input:checked + label {

      background: url(../img/elements/disabled-check.png) no-repeat center center/cover;

      border: none; }



.primary-radio {

  width: 16px;

  height: 16px;

  border-radius: 8px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer; }

  .primary-radio input {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0; }

    .primary-radio input + label {

      position: absolute;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      width: 100%;

      height: 100%;

      border-radius: 8px;

      cursor: pointer;

      border: 1px solid #f1f1f1; }

    .primary-radio input:checked + label {

      background: url(../img/elements/primary-radio.png) no-repeat center center/cover;

      border: none; }



.confirm-radio {

  width: 16px;

  height: 16px;

  border-radius: 8px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer; }

  .confirm-radio input {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0; }

    .confirm-radio input + label {

      position: absolute;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      width: 100%;

      height: 100%;

      border-radius: 8px;

      cursor: pointer;

      border: 1px solid #f1f1f1; }

    .confirm-radio input:checked + label {

      background: url(../img/elements/success-radio.png) no-repeat center center/cover;

      border: none; }



.disabled-radio {

  width: 16px;

  height: 16px;

  border-radius: 8px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer; }

  .disabled-radio input {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0; }

    .disabled-radio input + label {

      position: absolute;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      width: 100%;

      height: 100%;

      border-radius: 8px;

      cursor: pointer;

      border: 1px solid #f1f1f1; }

    .disabled-radio input:disabled {

      cursor: not-allowed;

      z-index: 3; }

    .disabled-radio input:checked + label {

      background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;

      border: none; }



.default-select {

  height: 40px; }

  .default-select .nice-select {

    border: none;

    border-radius: 0px;

    height: 40px;

    background: #f9f9ff;

    padding-left: 20px;

    padding-right: 40px; }

    .default-select .nice-select .list {

      margin-top: 0;

      border: none;

      border-radius: 0px;

      box-shadow: none;

      width: 100%;

      padding: 10px 0 10px 0px; }

      .default-select .nice-select .list .option {

        font-weight: 300;

        -webkit-transition: all 0.3s ease 0s;

        -moz-transition: all 0.3s ease 0s;

        -o-transition: all 0.3s ease 0s;

        transition: all 0.3s ease 0s;

        line-height: 28px;

        min-height: 28px;

        font-size: 12px;

        padding-left: 20px; }

        .default-select .nice-select .list .option.selected {

          color: #dd1d2f;

          background: transparent; }

        .default-select .nice-select .list .option:hover {

          color: #dd1d2f;

          background: transparent; }

  .default-select .current {

    margin-right: 50px;

    font-weight: 300; }

  .default-select .nice-select::after {

    right: 20px; }



.form-select {

  height: 40px;

  width: 100%; }

  .form-select .nice-select {

    border: none;

    border-radius: 0px;

    height: 40px;

    background: #f9f9ff;

    padding-left: 45px;

    padding-right: 40px;

    width: 100%; }

    .form-select .nice-select .list {

      margin-top: 0;

      border: none;

      border-radius: 0px;

      box-shadow: none;

      width: 100%;

      padding: 10px 0 10px 0px; }

      .form-select .nice-select .list .option {

        font-weight: 300;

        -webkit-transition: all 0.3s ease 0s;

        -moz-transition: all 0.3s ease 0s;

        -o-transition: all 0.3s ease 0s;

        transition: all 0.3s ease 0s;

        line-height: 28px;

        min-height: 28px;

        font-size: 12px;

        padding-left: 45px; }

        .form-select .nice-select .list .option.selected {

          color: #dd1d2f;

          background: transparent; }

        .form-select .nice-select .list .option:hover {

          color: #dd1d2f;

          background: transparent; }

  .form-select .current {

    margin-right: 50px;

    font-weight: 300; }

  .form-select .nice-select::after {

    right: 20px; }



.mt-10 {

  margin-top: 10px; }



.section-top-border {

  padding: 50px 0;

  border-top: 1px dotted #eee; }



.mb-30 {

  margin-bottom: 30px; }



.mt-30 {

  margin-top: 30px; }



.switch-wrap {

  margin-bottom: 10px; }



/* Start Blog Area css

============================================================================================ */

.latest-blog-area .area-heading {

  margin-bottom: 70px; }



.blog_area a {

  color: #666666 !important;

  text-decoration: none;

  -webkit-transition: 0.5s;

  transition: 0.5s; }

  .blog_area a:hover, .blog_area a :hover {

    background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-decoration: none;

    -webkit-transition: 0.5s;

    transition: 0.5s; }



.single-blog {

  overflow: hidden;

  margin-bottom: 30px; }

  .single-blog:hover {

    box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1); }

  .single-blog .thumb {

    overflow: hidden;

    position: relative; }

    .single-blog .thumb:after {

      content: '';

      position: absolute;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      background: #000;

      opacity: 0;

      -webkit-transition: 0.5s;

      transition: 0.5s; }

  .single-blog h4 {

    border-bottom: 1px solid #dfdfdf;

    padding-bottom: 34px;

    margin-bottom: 25px; }

  .single-blog a {

    font-size: 20px;

    font-weight: 600; }

  .single-blog .date {

    color: #666666;

    text-align: left;

    display: inline-block;

    font-size: 13px;

    font-weight: 300; }

  .single-blog .tag {

    text-align: left;

    display: inline-block;

    float: left;

    font-size: 13px;

    font-weight: 300;

    margin-right: 22px;

    position: relative; }

    .single-blog .tag:after {

      content: '';

      position: absolute;

      width: 1px;

      height: 10px;

      background: #acacac;

      right: -12px;

      top: 7px; }

    @media (max-width: 1199px) {

      .single-blog .tag {

        margin-right: 8px; }

        .single-blog .tag:after {

          display: none; } }

  .single-blog .likes {

    margin-right: 16px; }

  @media (max-width: 800px) {

    .single-blog {

      margin-bottom: 30px; } }

  .single-blog .single-blog-content {

    padding: 30px; }

    .single-blog .single-blog-content .meta-bottom p {

      font-size: 13px;

      font-weight: 300; }

    .single-blog .single-blog-content .meta-bottom i {

      color: #fdcb9e;

      font-size: 13px;

      margin-right: 7px; }

    @media (max-width: 1199px) {

      .single-blog .single-blog-content {

        padding: 15px; } }

  .single-blog:hover .thumb:after {

    opacity: .7;

    -webkit-transition: 0.5s;

    transition: 0.5s; }

  @media (max-width: 1199px) {

    .single-blog h4 {

      transition: all 300ms linear 0s;

      border-bottom: 1px solid #dfdfdf;

      padding-bottom: 14px;

      margin-bottom: 12px; }

      .single-blog h4 a {

        font-size: 18px; } }



.full_image.single-blog {

  position: relative; }

  .full_image.single-blog .single-blog-content {

    position: absolute;

    left: 35px;

    bottom: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s; }

    @media (min-width: 992px) {

      .full_image.single-blog .single-blog-content {

        bottom: 100px; } }

  .full_image.single-blog h4 {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    border-bottom: none;

    padding-bottom: 5px; }

  .full_image.single-blog a {

    font-size: 20px;

    font-weight: 600; }

  .full_image.single-blog .date {

    color: #fff; }

  .full_image.single-blog:hover .single-blog-content {

    opacity: 1;

    visibility: visible;

    -webkit-transition: 0.5s;

    transition: 0.5s; }



/* End Blog Area css

============================================================================================ */

/* Latest Blog Area css

============================================================================================ */

.l_blog_item .l_blog_text .date {

  margin-top: 24px;

  margin-bottom: 15px; }

  .l_blog_item .l_blog_text .date a {

    font-size: 12px; }

.l_blog_item .l_blog_text h4 {

  font-size: 18px;

  border-bottom: 1px solid #eeeeee;

  margin-bottom: 0px;

  padding-bottom: 20px;

  -webkit-transition: 0.5s;

  transition: 0.5s; }

.l_blog_item .l_blog_text p {

  margin-bottom: 0px;

  padding-top: 20px; }



/* End Latest Blog Area css

============================================================================================ */

/* Causes Area css

============================================================================================ */

.causes_slider .owl-dots {

  text-align: center;

  margin-top: 80px; }

  .causes_slider .owl-dots .owl-dot {

    height: 14px;

    width: 14px;

    background: #eeeeee;

    display: inline-block;

    margin-right: 7px; }

    .causes_slider .owl-dots .owl-dot:last-child {

      margin-right: 0px; }



.causes_item {

  background: #fff; }

  .causes_item .causes_img {

    position: relative; }

    .causes_item .causes_img .c_parcent {

      position: absolute;

      bottom: 0px;

      width: 100%;

      left: 0px;

      height: 3px;

      background: rgba(255, 255, 255, 0.5); }

      .causes_item .causes_img .c_parcent span {

        width: 70%;

        height: 3px;

        position: absolute;

        left: 0px;

        bottom: 0px; }

        .causes_item .causes_img .c_parcent span:before {

          content: "75%";

          position: absolute;

          right: -10px;

          bottom: 0px;

          color: #fff;

          padding: 0px 5px; }

  .causes_item .causes_text {

    padding: 30px 35px 40px 30px; }

    .causes_item .causes_text h4 {

      font-size: 18px;

      font-weight: 600;

      margin-bottom: 15px;

      cursor: pointer; }

    .causes_item .causes_text p {

      font-size: 14px;

      line-height: 24px;

      font-weight: 300;

      margin-bottom: 0px; }

  .causes_item .causes_bottom a {

    width: 50%;

    border: 1px solid;

    text-align: center;

    float: left;

    line-height: 50px;

    color: #fff;

    font-size: 14px;

    font-weight: 500; }

    .causes_item .causes_bottom a + a {

      border-color: #eeeeee;

      background: #fff;

      font-size: 14px; }



/* End Causes Area css

============================================================================================ */

/*================= latest_blog_area css =============*/

.latest_blog_area {

  background: #f9f9ff; }



.single-recent-blog-post {

  margin-bottom: 30px; }

  .single-recent-blog-post .thumb {

    overflow: hidden; }

    .single-recent-blog-post .thumb img {

      transition: all 0.7s linear; }

  .single-recent-blog-post .details {

    padding-top: 30px; }

    .single-recent-blog-post .details .sec_h4 {

      line-height: 24px;

      padding: 10px 0px 13px;

      transition: all 0.3s linear; }

  .single-recent-blog-post .date {

    font-size: 14px;

    line-height: 24px;

    font-weight: 400; }

  .single-recent-blog-post:hover img {

    transform: scale(1.23) rotate(10deg); }



.tags .tag_btn {

  font-size: 12px;

  font-weight: 500;

  line-height: 20px;

  border: 1px solid #eeeeee;

  display: inline-block;

  padding: 1px 18px;

  text-align: center; }

  .tags .tag_btn + .tag_btn {

    margin-left: 2px; }



/*========= blog_categorie_area css ===========*/

.blog_categorie_area {

  padding-top: 30px;

  padding-bottom: 30px; }

  @media (min-width: 900px) {

    .blog_categorie_area {

      padding-top: 80px;

      padding-bottom: 80px; } }

  @media (min-width: 1100px) {

    .blog_categorie_area {

      padding-top: 120px;

      padding-bottom: 120px; } }



.categories_post {

  position: relative;

  text-align: center;

  cursor: pointer; }

  .categories_post img {

    max-width: 100%; }

  .categories_post .categories_details {

    position: absolute;

    top: 20px;

    left: 20px;

    right: 20px;

    bottom: 20px;

    background: rgba(34, 34, 34, 0.75);

    color: #fff;

    transition: all 0.3s linear;

    display: flex;

    align-items: center;

    justify-content: center; }

    .categories_post .categories_details h5 {

      margin-bottom: 0px;

      font-size: 18px;

      line-height: 26px;

      text-transform: uppercase;

      color: #fff;

      position: relative; }

    .categories_post .categories_details p {

      font-weight: 300;

      font-size: 14px;

      line-height: 26px;

      margin-bottom: 0px; }

    .categories_post .categories_details .border_line {

      margin: 10px 0px;

      background: #fff;

      width: 100%;

      height: 1px; }

  .categories_post:hover .categories_details {

    background: rgba(222, 99, 32, 0.85); }



/*============ blog_left_sidebar css ==============*/

.blog_item {

  margin-bottom: 50px; }



.blog_details {

  padding: 30px 0 20px 10px;

  box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3); }

  @media (min-width: 768px) {

    .blog_details {

      padding: 60px 30px 35px 35px; } }

  .blog_details p {

    margin-bottom: 30px; }

  .blog_details a {

    color: #ff8b23; }

    .blog_details a:hover {

      color: #fe5c24; }

  .blog_details h2 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 8px; }

    @media (min-width: 768px) {

      .blog_details h2 {

        font-size: 24px;

        margin-bottom: 15px; } }



.blog-info-link li {

  float: left;

  font-size: 14px; }

  .blog-info-link li a {

    color: #999999; }

  .blog-info-link li i,

  .blog-info-link li span {

    font-size: 13px;

    margin-right: 5px; }

  .blog-info-link li::after {

    content: "|";

    padding-left: 10px;

    padding-right: 10px; }

  .blog-info-link li:last-child::after {

    display: none; }

.blog-info-link::after {

  content: "";

  display: block;

  clear: both;

  display: table; }



.blog_item_img {

  position: relative; }

  .blog_item_img .blog_item_date {

    position: absolute;

    bottom: -10px;

    left: 10px;

    display: block;

    color: #fff;

    background-color: #fe5c24;

    padding: 8px 15px;

    border-radius: 5px; }

    @media (min-width: 768px) {

      .blog_item_img .blog_item_date {

        bottom: -20px;

        left: 40px;

        padding: 13px 30px; } }

    .blog_item_img .blog_item_date h3 {

      font-size: 22px;

      font-weight: 600;

      color: #fff;

      margin-bottom: 0;

      line-height: 1.2; }

      @media (min-width: 768px) {

        .blog_item_img .blog_item_date h3 {

          font-size: 30px; } }

    .blog_item_img .blog_item_date p {

      font-size: 18px;

      margin-bottom: 0;

      color: #fff; }

      @media (min-width: 768px) {

        .blog_item_img .blog_item_date p {

          font-size: 18px; } }



.blog_right_sidebar .widget_title {

  font-size: 20px;

  margin-bottom: 40px; }

  .blog_right_sidebar .widget_title::after {

    content: "";

    display: block;

    padding-top: 15px;

    border-bottom: 1px solid #f0e9ff; }

.blog_right_sidebar .single_sidebar_widget {

  background: #fbf9ff;

  padding: 30px;

  margin-bottom: 30px; }

  .blog_right_sidebar .single_sidebar_widget .btn_1 {

    margin-top: 0px; }

.blog_right_sidebar .search_widget .form-control {

  height: 50px;

  border-color: #f0e9ff;

  font-size: 13px;

  color: #999999;

  padding-left: 20px;

  border-radius: 0;

  border-right: 0; }

  .blog_right_sidebar .search_widget .form-control::placeholder {

    color: #999999; }

  .blog_right_sidebar .search_widget .form-control:focus {

    border-color: #f0e9ff;

    outline: 0;

    box-shadow: none; }

.blog_right_sidebar .search_widget .input-group button {

  background: #fff;

  border-left: 0;

  border: 1px solid #f0e9ff;

  padding: 4px 15px;

  border-left: 0; }

  .blog_right_sidebar .search_widget .input-group button i,

  .blog_right_sidebar .search_widget .input-group button span {

    font-size: 14px;

    color: #999999; }

.blog_right_sidebar .newsletter_widget .form-control {

  height: 50px;

  border-color: #f0e9ff;

  font-size: 13px;

  color: #999999;

  padding-left: 20px;

  border-radius: 0; }

  .blog_right_sidebar .newsletter_widget .form-control::placeholder {

    color: #999999; }

  .blog_right_sidebar .newsletter_widget .form-control:focus {

    border-color: #f0e9ff;

    outline: 0;

    box-shadow: none; }

.blog_right_sidebar .newsletter_widget .input-group button {

  background: #fff;

  border-left: 0;

  border: 1px solid #f0e9ff;

  padding: 4px 15px;

  border-left: 0; }

  .blog_right_sidebar .newsletter_widget .input-group button i,

  .blog_right_sidebar .newsletter_widget .input-group button span {

    font-size: 14px;

    color: #999999; }

.blog_right_sidebar .post_category_widget .cat-list li {

  border-bottom: 1px solid #f0e9ff;

  transition: all 0.3s ease 0s;

  padding-bottom: 12px; }

  .blog_right_sidebar .post_category_widget .cat-list li:last-child {

    border-bottom: 0; }

  .blog_right_sidebar .post_category_widget .cat-list li a {

    font-size: 14px;

    line-height: 20px;

    color: #888888; }

    .blog_right_sidebar .post_category_widget .cat-list li a p {

      margin-bottom: 0px; }

  .blog_right_sidebar .post_category_widget .cat-list li + li {

    padding-top: 15px; }

.blog_right_sidebar .popular_post_widget .post_item .media-body {

  justify-content: center;

  align-self: center;

  padding-left: 20px; }

  .blog_right_sidebar .popular_post_widget .post_item .media-body h3 {

    font-size: 16px;

    line-height: 20px;

    margin-bottom: 6px;

    transition: all 0.3s linear; }

  .blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {

    color: #fff; }

  .blog_right_sidebar .popular_post_widget .post_item .media-body p {

    font-size: 14px;

    line-height: 21px;

    margin-bottom: 0px; }

.blog_right_sidebar .popular_post_widget .post_item + .post_item {

  margin-top: 20px; }

.blog_right_sidebar .tag_cloud_widget ul li {

  display: inline-block; }

  .blog_right_sidebar .tag_cloud_widget ul li a {

    display: inline-block;

    border: 1px solid #eeeeee;

    background: #fff;

    padding: 4px 20px;

    margin-bottom: 8px;

    margin-right: 3px;

    transition: all 0.3s ease 0s;

    color: #888888;

    font-size: 13px; }

    .blog_right_sidebar .tag_cloud_widget ul li a:hover {

      background: #fe5c24;

      color: #fff !important;

      -webkit-text-fill-color: #fff;

      text-decoration: none;

      -webkit-transition: 0.5s;

      transition: 0.5s; }

.blog_right_sidebar .instagram_feeds .instagram_row {

  display: flex;

  margin-right: -6px;

  margin-left: -6px; }

  .blog_right_sidebar .instagram_feeds .instagram_row li {

    width: 33.33%;

    float: left;

    padding-right: 6px;

    padding-left: 6px;

    margin-bottom: 15px; }

.blog_right_sidebar .br {

  width: 100%;

  height: 1px;

  background: #eeeeee;

  margin: 30px 0px; }



.blog-pagination {

  margin-top: 80px; }



.blog-pagination .page-link {

  font-size: 14px;

  position: relative;

  display: block;

  padding: 0;

  text-align: center;

  margin-left: -1px;

  line-height: 45px;

  width: 45px;

  height: 45px;

  border-radius: 0 !important;

  color: #8a8a8a;

  border: 1px solid #f0e9ff;

  margin-right: 10px; }

  .blog-pagination .page-link i,

  .blog-pagination .page-link span {

    font-size: 13px; }



.blog-pagination .page-item.active .page-link {

  background-color: #fbf9ff;

  border-color: #f0e9ff;

  color: #888888; }



.blog-pagination .page-item:last-child .page-link {

  margin-right: 0; }



/*============ Start Blog Single Styles  =============*/

.single-post-area .blog_details {

  box-shadow: none;

  padding: 0; }

.single-post-area .social-links {

  padding-top: 10px; }

  .single-post-area .social-links li {

    display: inline-block;

    margin-bottom: 10px; }

    .single-post-area .social-links li a {

      color: #cccccc;

      padding: 7px;

      font-size: 14px;

      transition: all 0.2s linear; }

.single-post-area .blog_details {

  padding-top: 26px; }

  .single-post-area .blog_details p {

    margin-bottom: 20px;

    font-size: 15px; }

.single-post-area .quote-wrapper {

  background: rgba(130, 139, 178, 0.1);

  padding: 15px;

  line-height: 1.733;

  color: #888888;

  font-style: italic;

  margin-top: 25px;

  margin-bottom: 25px; }

  @media (min-width: 768px) {

    .single-post-area .quote-wrapper {

      padding: 30px; } }

.single-post-area .quotes {

  background: #fff;

  padding: 15px 15px 15px 20px;

  border-left: 2px solid; }

  @media (min-width: 768px) {

    .single-post-area .quotes {

      padding: 25px 25px 25px 30px; } }

.single-post-area .arrow {

  position: absolute; }

  .single-post-area .arrow .lnr {

    font-size: 20px;

    font-weight: 600; }

.single-post-area .thumb .overlay-bg {

  background: rgba(0, 0, 0, 0.8); }

.single-post-area .navigation-top {

  padding-top: 15px;

  border-top: 1px solid #f0e9ff; }

  .single-post-area .navigation-top p {

    margin-bottom: 0; }

  .single-post-area .navigation-top .like-info {

    font-size: 14px; }

    .single-post-area .navigation-top .like-info i,

    .single-post-area .navigation-top .like-info span {

      font-size: 16px;

      margin-right: 5px; }

  .single-post-area .navigation-top .comment-count {

    font-size: 14px; }

    .single-post-area .navigation-top .comment-count i,

    .single-post-area .navigation-top .comment-count span {

      font-size: 16px;

      margin-right: 5px; }

  .single-post-area .navigation-top .social-icons li {

    display: inline-block;

    margin-right: 15px; }

    .single-post-area .navigation-top .social-icons li:last-child {

      margin: 0; }

    .single-post-area .navigation-top .social-icons li i,

    .single-post-area .navigation-top .social-icons li span {

      font-size: 14px;

      color: #999999; }

.single-post-area .blog-author {

  padding: 40px 30px;

  background: #fbf9ff;

  margin-top: 50px; }

  @media (max-width: 600px) {

    .single-post-area .blog-author {

      padding: 20px 8px; } }

  .single-post-area .blog-author img {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    margin-right: 30px; }

    @media (max-width: 600px) {

      .single-post-area .blog-author img {

        margin-right: 15px;

        width: 45px;

        height: 45px; } }

  .single-post-area .blog-author a {

    display: inline-block; }

    .single-post-area .blog-author a:hover {

      color: #fe5c24; }

  .single-post-area .blog-author p {

    margin-bottom: 0;

    font-size: 15px; }

  .single-post-area .blog-author h4 {

    font-size: 16px; }

.single-post-area .navigation-area {

  border-bottom: 1px solid #eee;

  padding-bottom: 30px;

  margin-top: 55px; }

  .single-post-area .navigation-area p {

    margin-bottom: 0px; }

  .single-post-area .navigation-area h4 {

    font-size: 18px;

    line-height: 25px; }

  .single-post-area .navigation-area .nav-left {

    text-align: left; }

    .single-post-area .navigation-area .nav-left .thumb {

      margin-right: 20px;

      background: #000; }

      .single-post-area .navigation-area .nav-left .thumb img {

        -webkit-transition: 0.5s;

        transition: 0.5s; }

    .single-post-area .navigation-area .nav-left .lnr {

      margin-left: 20px;

      opacity: 0;

      -webkit-transition: 0.5s;

      transition: 0.5s; }

    .single-post-area .navigation-area .nav-left:hover .lnr {

      opacity: 1; }

    .single-post-area .navigation-area .nav-left:hover .thumb img {

      opacity: .5; }

    @media (max-width: 767px) {

      .single-post-area .navigation-area .nav-left {

        margin-bottom: 30px; } }

  .single-post-area .navigation-area .nav-right {

    text-align: right; }

    .single-post-area .navigation-area .nav-right .thumb {

      margin-left: 20px;

      background: #000; }

      .single-post-area .navigation-area .nav-right .thumb img {

        -webkit-transition: 0.5s;

        transition: 0.5s; }

    .single-post-area .navigation-area .nav-right .lnr {

      margin-right: 20px;

      opacity: 0;

      -webkit-transition: 0.5s;

      transition: 0.5s; }

    .single-post-area .navigation-area .nav-right:hover .lnr {

      opacity: 1; }

    .single-post-area .navigation-area .nav-right:hover .thumb img {

      opacity: .5; }

@media (max-width: 991px) {

  .single-post-area .sidebar-widgets {

    padding-bottom: 0px; } }



.comments-area {

  background: transparent;

  border-top: 1px solid #eee;

  padding: 45px 0;

  margin-top: 50px; }

  @media (max-width: 414px) {

    .comments-area {

      padding: 50px 8px; } }

  .comments-area h4 {

    margin-bottom: 35px;

    font-size: 18px; }

  .comments-area h5 {

    font-size: 16px;

    margin-bottom: 0px; }

  .comments-area .comment-list {

    padding-bottom: 48px; }

    .comments-area .comment-list:last-child {

      padding-bottom: 0px; }

    .comments-area .comment-list.left-padding {

      padding-left: 25px; }

    @media (max-width: 413px) {

      .comments-area .comment-list .single-comment h5 {

        font-size: 12px; }

      .comments-area .comment-list .single-comment .date {

        font-size: 11px; }

      .comments-area .comment-list .single-comment .comment {

        font-size: 10px; } }

  .comments-area .thumb {

    margin-right: 20px; }

    .comments-area .thumb img {

      width: 70px;

      border-radius: 50%; }

  .comments-area .date {

    font-size: 14px;

    color: #999999;

    margin-bottom: 0;

    margin-left: 20px; }

  .comments-area .comment {

    margin-bottom: 10px;

    color: #777777;

    font-size: 15px; }

  .comments-area .btn-reply {

    background-color: transparent;

    color: #888888;

    padding: 5px 18px;

    font-size: 14px;

    display: block;

    font-weight: 400; }



.comment-form {

  border-top: 1px solid #eee;

  padding-top: 45px;

  margin-top: 50px;

  margin-bottom: 20px; }

  .comment-form .form-group {

    margin-bottom: 30px; }

  .comment-form h4 {

    margin-bottom: 40px;

    font-size: 18px;

    line-height: 22px; }

  .comment-form .name {

    padding-left: 0px; }

    @media (max-width: 767px) {

      .comment-form .name {

        padding-right: 0px;

        margin-bottom: 1rem; } }

  .comment-form .email {

    padding-right: 0px; }

    @media (max-width: 991px) {

      .comment-form .email {

        padding-left: 0px; } }

  .comment-form .form-control {

    border: 1px solid #f0e9ff;

    border-radius: 5px;

    height: 48px;

    padding-left: 18px;

    font-size: 13px;

    background: transparent; }

    .comment-form .form-control:focus {

      outline: 0;

      box-shadow: none; }

    .comment-form .form-control::placeholder {

      font-weight: 300;

      color: #999999; }

    .comment-form .form-control::placeholder {

      color: #777777; }

  .comment-form textarea {

    padding-top: 18px;

    border-radius: 12px;

    height: 100% !important; }

  .comment-form ::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    font-size: 13px;

    color: #777; }

  .comment-form ::-moz-placeholder {

    /* Firefox 19+ */

    font-size: 13px;

    color: #777; }

  .comment-form :-ms-input-placeholder {

    /* IE 10+ */

    font-size: 13px;

    color: #777; }

  .comment-form :-moz-placeholder {

    /* Firefox 18- */

    font-size: 13px;

    color: #777; }



/*============ End Blog Single Styles  =============*/

/**************** blog part css start ****************/

.blog_part {

  margin-bottom: 140px; }

  @media (max-width: 576px) {

    .blog_part {

      margin-bottom: 0px;

      padding: 0px 0px 70px; } }

  @media only screen and (min-width: 480px) and (max-width: 767px) {

    .blog_part {

      margin-bottom: 0px;

      padding: 0px 0px 70px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog_part {

      margin-bottom: 0px;

      padding: 0px 0px 70px; } }

  .blog_part .blog_right_sidebar .widget_title {

    font-size: 20px;

    margin-bottom: 40px;

    font-style: inherit !important; }

  @media (max-width: 576px) {

    .blog_part .single-home-blog {

      margin-bottom: 140px;

      margin-top: 20px; } }

  @media only screen and (min-width: 480px) and (max-width: 767px) {

    .blog_part .single-home-blog {

      margin-bottom: 140px;

      margin-top: 20px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog_part .single-home-blog {

      margin-bottom: 140px;

      margin-top: 20px; } }

  .blog_part .single-home-blog .card-img-top {

    border-radius: 0px; }

  .blog_part .single-home-blog .card {

    border: 0px solid transparent;

    border-radius: 0px;

    background-color: transparent;

    position: relative; }

    .blog_part .single-home-blog .card .card-body {

      padding: 25px 10px 29px 40px;

      background-color: #fff;

      position: absolute;

      left: 20px;

      bottom: -140px;

      box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1);

      border-radius: 10px; }

      @media (max-width: 576px) {

        .blog_part .single-home-blog .card .card-body {

          padding: 15px;

          left: 10px;

          bottom: -140px; } }

      @media only screen and (min-width: 480px) and (max-width: 767px) {

        .blog_part .single-home-blog .card .card-body {

          padding: 15px;

          left: 10px;

          bottom: -140px; } }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .blog_part .single-home-blog .card .card-body {

          padding: 20px; } }

      .blog_part .single-home-blog .card .card-body a {

        color: #fe5c24;

        text-transform: uppercase;

        -webkit-transition: 0.8s;

        transition: 0.8s; }

        .blog_part .single-home-blog .card .card-body a:hover {

          background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);

          -webkit-background-clip: text;

          -webkit-text-fill-color: transparent; }

    .blog_part .single-home-blog .card .dot {

      position: relative;

      padding-left: 20px; }

      .blog_part .single-home-blog .card .dot:after {

        position: absolute;

        content: "";

        width: 10px;

        height: 10px;

        top: 5px;

        left: 0;

        background-color: #fe5c24;

        border-radius: 50%; }

    .blog_part .single-home-blog .card span {

      color: #8a8a8a;

      margin-bottom: 10px;

      display: inline-block;

      margin-top: 10px; }

      @media (max-width: 576px) {

        .blog_part .single-home-blog .card span {

          margin-bottom: 5px;

          margin-top: 5px; } }

      @media only screen and (min-width: 480px) and (max-width: 767px) {

        .blog_part .single-home-blog .card span {

          margin-bottom: 5px;

          margin-top: 5px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .blog_part .single-home-blog .card span {

          margin-bottom: 5px;

          margin-top: 5px; } }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .blog_part .single-home-blog .card span {

          margin-bottom: 5px;

          margin-top: 5px; } }

    .blog_part .single-home-blog .card h5 {

      font-weight: 600;

      line-height: 1.5;

      font-size: 20px;

      -webkit-transition: 0.8s;

      transition: 0.8s;

      text-transform: capitalize;

      margin-bottom: 22px; }

      @media (max-width: 576px) {

        .blog_part .single-home-blog .card h5 {

          margin-bottom: 10px; } }

      @media only screen and (min-width: 480px) and (max-width: 767px) {

        .blog_part .single-home-blog .card h5 {

          margin-bottom: 10px;

          font-size: 16px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .blog_part .single-home-blog .card h5 {

          margin-bottom: 10px; } }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .blog_part .single-home-blog .card h5 {

          margin-bottom: 10px;

          font-size: 18px; } }

      .blog_part .single-home-blog .card h5:hover {

        -webkit-transition: 0.8s;

        transition: 0.8s;

        background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        -webkit-animation: 1s; }

    .blog_part .single-home-blog .card ul li {

      display: inline-block;

      color: #8a8a8a;

      margin-right: 14px; }

      @media (max-width: 576px) {

        .blog_part .single-home-blog .card ul li {

          margin-right: 10px; } }

      @media only screen and (min-width: 480px) and (max-width: 767px) {

        .blog_part .single-home-blog .card ul li {

          margin-right: 10px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .blog_part .single-home-blog .card ul li {

          margin-right: 10px; } }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .blog_part .single-home-blog .card ul li {

          margin-right: 10px; } }

      .blog_part .single-home-blog .card ul li span {

        margin-right: 10px;

        font-size: 12px; }



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