/***************************************************
================ Master Stylesheet =================
====================================================
Template Name: 
Template URL:
Description: 
Author: 
Author URL:
Version: 1.0
****************************************************/


/***************************************************
=================== CSS INDEX ======================
====================================================
01. Google Font
02. Reset CSS
03. Animations
04. Preloader
05. Scroll To Top
06. Input
07. Button
08. Heading And Page Title
09. Header
10. Footer
11. Slider And Hero
12. Service And Feature
13. Project And Portfolio
14. Blog or News
15. Testimonial
16. Team
17. About
18. Sidebar
19. Detail Pages
20. Contact
21. Other Sections (Author CSS End)
22. Helper classes
****************************************************/


/*==================================================
===| 01. Google Font
===================================================*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap");
/*
font-family: 'Poppins', sans-serif;
*/
@import url("fontawesome-all.css");
@import url("../webfonts/themify-icons/themify-icons.css");
@import url("../webfonts/icofont/icofont.min.css");
@import url("../webfonts/flaticon/flaticon.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.css");
@import url("animate.css");
@import url("slick.css");
@import url("nice-select.css");
@import url("jquery.fancybox.css");
@import url("jquery-ui.css");
@import url("default.css");

/*==================================================
===| 02. Reset CSS
===================================================*/
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
}

html,
body {
  min-height: 100%;
}

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

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

i {
  font-style: normal;
}

figure {
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

a,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

a:hover {
  text-decoration: none;
  outline: none;
  color: #FF8D1A;
  border: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

label {
  color: #666;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 0 solid;
}

body {
  font-family: "Poppins", sans-serif;
  color: #666666;
  font-size: 16px;
}

p {
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  color: #666666;
  font-size: 16px;
  line-height: 1.5;
}

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

button {
  cursor: pointer;
}

button.button {
  background: transparent;
  border: 0px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

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

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

.container_m {
  position: static;
  max-width: 1194px;
  padding: 0px 12px;
  margin: 0px auto;
}

.container_m.container_l {
  max-width: 1324px;
}

@media only screen and (max-width: 1399px) {
  .container_m.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m {
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m {
    padding: 0px 15px;
  }
}

.container_m_30 {
  position: static;
  max-width: 1210px;
  padding: 0px 17px;
  margin: 0px auto;
}

.container_m_30.container_l {
  max-width: 1340px;
}

@media only screen and (max-width: 1399px) {
  .container_m_30.container_l {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_30.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_30 {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_30 {
    max-width: 1127px;
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_30 {
    padding: 0px 15px;
  }
}

.container_m_30 .col_padding {
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (max-width: 1199px) {
  .container_m_30 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.container_m_40 {
  position: static;
  max-width: 1210px;
  padding: 0px 12px;
  margin: 0px auto;
}

.container_m_40.container_l {
  max-width: 1340px;
}

@media only screen and (max-width: 1399px) {
  .container_m_40.container_l {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_40.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_40 {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_40 {
    max-width: 1127px;
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_40 {
    padding: 0px 15px;
  }
}

.container_m_40 .col_padding {
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 1199px) {
  .container_m_40 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.container_m_50 {
  position: static;
  max-width: 1220px;
  padding: 0px 12px;
  margin: 0px auto;
}

.container_m_50.container_l {
  max-width: 1350px;
}

@media only screen and (max-width: 1399px) {
  .container_m_50.container_l {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_50.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_50 {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_50 {
    max-width: 1127px;
    padding: 0px 27px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_50 {
    padding: 0px 15px;
  }
}

.container_m_50 .col_padding {
  padding-left: 25px;
  padding-right: 25px;
}

@media only screen and (max-width: 1399px) {
  .container_m_50 .col_padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_50 .col_padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_50 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.container_m_60 {
  position: static;
  max-width: 1230px;
  padding: 0px 12px;
  margin: 0px auto;
}

.container_m_60.container_l {
  max-width: 1360px;
}

@media only screen and (max-width: 1399px) {
  .container_m_60.container_l {
    max-width: 1153px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_60.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_60 {
    max-width: 1153px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_60 {
    max-width: 1127px;
    padding: 0px 22px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_60 {
    padding: 0px 15px;
  }
}

.container_m_60 .col_padding {
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (max-width: 1399px) {
  .container_m_60 .col_padding {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_60 .col_padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_60 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.container_m_70 {
  position: static;
  max-width: 1240px;
  padding: 0px 12px;
  margin: 0px auto;
}

.container_m_70.container_l {
  max-width: 1370px;
}

@media only screen and (max-width: 1399px) {
  .container_m_70.container_l {
    max-width: 1163px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_70.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_70 {
    max-width: 1163px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_70 {
    max-width: 1127px;
    padding: 0px 17px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_70 {
    padding: 0px 15px;
  }
}

.container_m_70 .col_padding {
  padding-left: 35px;
  padding-right: 35px;
}

@media only screen and (max-width: 1399px) {
  .container_m_70 .col_padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_70 .col_padding {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_70 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.container_m_80 {
  position: static;
  max-width: 1250px;
  padding: 0px 12px;
  margin: 0px auto;
}

.container_m_80.container_l {
  max-width: 1380px;
}

@media only screen and (max-width: 1399px) {
  .container_m_80.container_l {
    max-width: 1163px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_80.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_80 {
    max-width: 1163px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_80 {
    max-width: 1127px;
    padding: 0px 17px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_80 {
    padding: 0px 15px;
  }
}

.container_m_80 .col_padding {
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (max-width: 1399px) {
  .container_m_80 .col_padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_80 .col_padding {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_80 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.content_box_pob_120_90 {
  padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_90 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_90 {
    padding-bottom: 50px;
  }
}

.content_box_pob_120_70 {
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_70 {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_70 {
    padding-bottom: 30px;
  }
}

.content_box_pob_100_70 {
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_100_70 {
    padding-bottom: 50px;
  }
}

.content_box_pob_100_50 {
  padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_100_50 {
    padding-bottom: 30px;
  }
}

.content_box_pot_120 {
  padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pot_120 {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pot_120 {
    padding-top: 80px;
  }
}

.content_box_pob_120 {
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120 {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120 {
    padding-bottom: 80px;
  }
}

.content_box_pot_100 {
  padding-top: 100px;
}

@media only screen and (max-width: 767px) {
  .content_box_pot_100 {
    padding-top: 80px;
  }
}

.content_box_pob_100 {
  padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .content_box_pob_100 {
    padding-bottom: 80px;
  }
}

.content_box_120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

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

@media only screen and (max-width: 767px) {
  .content_box_120 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.content_box_120_90 {
  padding-top: 120px;
  padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_90 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120_90 {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

.content_box_120_70 {
  padding-top: 120px;
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_70 {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120_70 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}

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

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

.content_box_100_70 {
  padding-top: 100px;
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_100_70 {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

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

@media only screen and (max-width: 1199px) {
  .content_box_100_50 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}

.clear {
  clear: both;
}

@media only screen and (max-width: 991px) {
  .mt_laptop1_50 {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .mt_tab1_50 {
    margin-top: 50px;
  }
}

.gray_bg {
  background-color: #f7f7f7;
}

.img_100 {
  width: 100%;
  height: auto;
}

.f_left {
  float: left !important;
}

.f_right {
  float: right !important;
}

.fix {
  overflow: hidden !important;
}

.white_bg {
  background-color: #fff;
}

.white {
  color: #fff;
}

.vh_100 {
  height: 100vh;
}

.nice-select {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #ddd;
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: #FF8D1A;
}

#amount_shop {
  border: 0px;
  color: #2D3A58;
  font-weight: bold;
}

.mapouter {
  position: relative;
  width: 100%;
  height: 700px;
}

@media only screen and (max-width: 991px) {
  .mapouter {
    height: 500px;
  }
}

@media only screen and (max-width: 575px) {
  .mapouter {
    height: 400px;
  }
}

.mapouter .gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 100%;
  width: 100%;
}

.mapouter .gmap_canvas iframe {
  width: 100%;
  height: 100%;
  border: 0px;
  overflow: hidden;
  margin: 0px;
}

/*! #######################################################################
	MeanMenu 2.0.7
	--------
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */
a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: relative;
  background: transparent;
  padding: 4px 0;
  min-height: 42px;
  z-index: 4000;
}

.mean-container a.meanmenu-reveal {
  border: 1px solid #2B2B2B;
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #2B2B2B;
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-right: 15px;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #2B2B2B;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #0c1923;
  margin-top: 53px;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 13px 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #383838;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.4;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 13px 10%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 13px 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 13px 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 13px 25%;
}

.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255, 255, 255, 0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  padding: 6px 11px;
  text-align: center;
  position: absolute;
  line-height: 34px;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.1);
  border: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0, 0, 0, 0.9);
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.mean-remove {
  display: none !important;
}

.mobile-menu {
  position: absolute;
  right: 0px;
  width: 100%;
  top: 0px;
}

/*==================================================
===| 03. Animations
===================================================*/
@-webkit-keyframes radial_pulse1 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }

  100% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}

@keyframes radial_pulse1 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }

  100% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes circling1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes circling1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes circling2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes circling2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes sliderInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes sliderInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.sliderInDown {
  -webkit-animation-name: sliderInDown;
  animation-name: sliderInDown;
}

@-webkit-keyframes sliderOutDown {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes sliderOutDown {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.sliderOutDown {
  -webkit-animation-name: sliderOutDown;
  animation-name: sliderOutDown;
}

@-webkit-keyframes fadeInDown_2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInDown_2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInDown_2 {
  -webkit-animation-name: fadeInDown_2;
  animation-name: fadeInDown_2;
}

@-webkit-keyframes fadeInLeft_2 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInLeft_2 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInLeft_2 {
  -webkit-animation-name: fadeInLeft_2;
  animation-name: fadeInLeft_2;
}

@-webkit-keyframes fadeInRight_2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInRight_2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInRight_2 {
  -webkit-animation-name: fadeInRight_2;
  animation-name: fadeInRight_2;
}

@-webkit-keyframes fadeInUp_2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInUp_2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInUp_2 {
  -webkit-animation-name: fadeInUp_2;
  animation-name: fadeInUp_2;
}

@-webkit-keyframes fadeOutDown_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown_2 {
  -webkit-animation-name: fadeOutDown_2;
  animation-name: fadeOutDown_2;
}

@-webkit-keyframes fadeOutLeft_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft_2 {
  -webkit-animation-name: fadeOutLeft_2;
  animation-name: fadeOutLeft_2;
}

@-webkit-keyframes fadeOutRight_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight_2 {
  -webkit-animation-name: fadeOutRight_2;
  animation-name: fadeOutRight_2;
}

@-webkit-keyframes fadeOutUp_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp_2 {
  -webkit-animation-name: fadeOutUp_2;
  animation-name: fadeOutUp_2;
}

/*==================================================
===| 04. Pre-loader
===================================================*/
.preloader__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10000;
}

.preloader__spinner {
  -webkit-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: #000000;
  border-left-color: #000000;
  border-right-color: #000000;
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}

@media only screen and (max-width: 767px) {
  .preloader__spinner {
    height: 8em;
    width: 8em;
  }
}

@media only screen and (max-width: 575px) {
  .preloader__spinner {
    height: 7em;
    width: 7em;
  }
}

.preloader__txt {
  font: bold 5em 'Montserrat', sans-serif;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media only screen and (max-width: 767px) {
  .preloader__txt {
    font: bold 3.5em 'Montserrat', sans-serif;
  }
}

@media only screen and (max-width: 575px) {
  .preloader__txt {
    font: bold 2em 'Montserrat', sans-serif;
  }
}

.preloader__txt .letters-loading {
  color: rgba(0, 0, 0, 0.2);
  position: relative;
}

.preloader__txt .letters-loading:before {
  -webkit-animation: letters-loading 4s infinite;
  animation: letters-loading 4s infinite;
  color: #000000;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}

.preloader__txt .letters-loading:nth-child(2):before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.preloader__txt .letters-loading:nth-child(3):before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.preloader__txt .letters-loading:nth-child(4):before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.preloader__txt .letters-loading:nth-child(5):before {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.preloader__txt .letters-loading:nth-child(6):before {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.preloader__txt .letters-loading:nth-child(7):before {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.preloader__txt .letters-loading:nth-child(8):before {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.preloader__txt .letters-loading:nth-child(9):before {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.preloader__txt .letters-loading:nth-child(10):before {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.preloader__txt .letters-loading:nth-child(11):before {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.preloader__txt .letters-loading:nth-child(12):before {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}

.preloader__txt .letters-loading:nth-child(13):before {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}

.preloader__txt .letters-loading:nth-child(14):before {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

.preloader__txt .letters-loading:nth-child(15):before {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}

.preloader__txt .letters-loading:nth-child(16):before {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes letters-loading {

  0%,
  75%,
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@keyframes letters-loading {

  0%,
  75%,
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

/*==================================================
===| 05. Scroll To Top
===================================================*/
.scrollToTop {
  position: fixed;
  display: none;
  bottom: 50px;
  right: 35px;
  z-index: 5000;
  color: #fff;
  background: #FF8D1A;
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 55px;
  border-radius: 50%;
  font-size: 18px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 1199px) {
  .scrollToTop {
    bottom: 30px;
    right: 30px;
  }
}

.scrollToTop:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scrollToTop:hover {
  color: #fff;
  background: #110521;
}

@media only screen and (max-width: 767px) {
  .scrollToTop {
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}

/*==================================================
===| 06. Input
===================================================*/
.form-control {
  border: 1px solid #ddd;
  margin-bottom: 24px;
  padding: 14px 20px;
  border-radius: 0px;
  outline: 0 none;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #666666;
}

.form-control:focus {
  border-color: rgba(225, 36, 84, 0.7);
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0 none;
  color: #666666;
}

.form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control::-ms-input-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control::-moz-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control::placeholder {
  color: #999;
  font-size: 14px;
}

.quantity {
  position: relative;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity input[type=number] {
  -moz-appearance: textfield;
}

.quantity input {
  width: 80px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #ddd;
}

.quantity input:focus {
  outline: 0;
}

.quantity .quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity .quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #ddd;
  width: 20px;
  text-align: center;
  color: #3e3e3e;
  font-size: 10px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 2.2;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity .quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #ddd;
}

.quantity .quantity-button.quantity-down {
  position: absolute;
  bottom: 0px;
  height: 50%;
}

/*==================================================
===| 07. Button
===================================================*/
.main_btn {
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  display: inline-block;
}

.main_btn a,
.main_btn button {
  text-transform: capitalize;
  color: #fff;
  font-size: 14px;
  position: relative;
  display: inline-block;
  padding: 18px 40px;
  font-weight: 600;
  z-index: 20;
}

.main_btn button {
  background: transparent;
  border: none;
}

.main_btn:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  background: #FF8D1A;
  width: 100%;
  z-index: 10;
}

.main_btn:before {
  z-index: 15;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: #cf1c4a;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
}

.main_btn:hover {
  color: #fff;
}

.main_btn:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}

.btn1 {
  display: inline-block;
  text-transform: uppercase;
  padding: 19px 42px;
  font-size: 14px;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #333;
  background: transparent;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border: 2px solid #333;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  word-spacing: 2px;
}

.btn1:hover,
.btn1:focus {
  background: #110521;
  color: #fff;
  border: 2px solid #333;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 4px 14px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 4px 14px 0 rgba(0, 0, 0, 0.1);
}

.btn1:focus,
.btn1.focus {
  outline: 0;
}

.btn2 {
  display: inline-block;
  text-transform: uppercase;
  padding: 17px 42px;
  font-size: 14px;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  background: #FF8D1A;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  word-spacing: 2px;
}

.btn2:hover,
.btn2:focus {
  background: #110521;
  color: #fff;
  border: none;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 4px 14px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 4px 14px 0 rgba(0, 0, 0, 0.1);
}

.btn2:focus,
.btn2.focus {
  outline: 0;
}

/*==================================================
===| 08. Heading And Page Title
===================================================*/
/*==================================================
===| 09. Header
===================================================*/
/*==================================================
===| 10. Footer
===================================================*/
/*==================================================
===| 11. Slider And Hero
===================================================*/
/*==================================================
===| 12. Service And Feature
===================================================*/
/*==================================================
===| 13. Project And Portfolio
===================================================*/
/*==================================================
===| 14. Blog or News
===================================================*/
/*==================================================
===| 15. Testimonial
===================================================*/
/*==================================================
===| 16. Team
===================================================*/
/*==================================================
===| 17. About
===================================================*/
/*==================================================
===| 18. Sidebar
===================================================*/
/*==================================================
===| 19. Detail Pages
===================================================*/
/*==================================================
===| 20. Contact
===================================================*/
/*==================================================
===| 21. Other Sections (Author CSS End)
===================================================*/
.hero {
  background: url(../img/hero/hero-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero .hero_height {
  height: 100vh;
}

@media only screen and (max-width: 767px) {
  .hero .hero_height {
    height: 800px;
  }
}

@media only screen and (max-width: 575px) {
  .hero .hero_height {
    height: 650px;
  }
}

.hero__content h1 {
  font-size: 70px;
  font-weight: bold;
  color: #2D3A58;
  margin-bottom: 20px;
  font-family: 'Poppins', sans-serif;
}

@media only screen and (max-width: 991px) {
  .hero__content h1 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 575px) {
  .hero__content h1 {
    font-size: 36px;
  }
}

.hero__content p {
  font-size: 16px;
  line-height: 26px;
  color: #666;
  margin-bottom: 30px;
  font-weight: 500;
}

.page_title {
  background: #EEF2F5;
}

.page_title__content h2 {
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 25px;
  text-transform: capitalize;
}

@media only screen and (max-width: 575px) {
  .page_title__content h2 {
    font-size: 28px;
  }
}

.page_title__content h2 span {
  color: #FF8D1A;
}

.page_title__content p {
  line-height: 1.7;
}

@media only screen and (max-width: 1599px) {
  .preview_box .container-fluid.plr-115 {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media only screen and (max-width: 575px) {
  .preview_box .container-fluid.plr-115 {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 400px) {
  .preview_box .container-fluid.plr-115 {
    padding-left: 3px;
    padding-right: 3px;
  }
}

@media only screen and (max-width: 1399px) {
  .preview_box .plr-35 {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 400px) {
  .preview_box .plr-35 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.preview_box__item>h3 a {
  font-size: 17px;
  color: #2D3A58;
  text-transform: capitalize;
  font-weight: 500;
}

.preview_box__item>h3 a:hover {
  color: #FF8D1A;
}

.preview_box__item--thumb {
  -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: relative;
  overflow: hidden;
}

.preview_box__item--thumb:hover span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  bottom: 71px;
}

.preview_box__item--thumb span {
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
      transform: translateY(100%);
  padding: 25px 30px;
  background: #FF8D1A;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.feature_top .row_padding {
  padding-bottom: 10px;
}

@media only screen and (max-width: 1199px) {
  .feature_top .row_padding {
    padding-bottom: 28px;
  }
}

.feature_top__item {
  -webkit-box-shadow: 0 6px 32px rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 32px rgba(0, 0, 0, 0.12);
  padding: 50px 30px;
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1199px) {
  .feature_top__item {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 400px) {
  .feature_top__item {
    padding: 30px 20px;
  }
}

.feature_top__item:hover {
  -webkit-box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
          box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
}

.feature_top__icon {
  margin-bottom: 20px;
}

.feature_top__icon i {
  color: #b7b7b7;
  font-size: 35px;
}

.feature_top__content h6 {
  color: #2D3A58;
  margin-bottom: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

.feature_top__content p {
  font-size: 14px;
  margin: 0px;
}

.feature_bottom__item {
  height: 200px;
  border-radius: 12px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.feature_bottom__item:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
      transform: translateY(-5px);
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25);
}

.feature_bottom__imgbox img {
  width: 75px;
}

.feature_bottom__imgbox h4 {
  margin-top: 20px;
  font-size: 16px;
  color: #2D3A58;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

@media only screen and (max-width: 1199px) {
  .feature_bottom__imgbox h4 {
    font-size: 18px;
  }
}

.footer {
  background: #D4ECEE;
  position: relative;
  overflow: hidden;
}

.footer__imgbox1 {
  position: absolute;
  left: -70px;
  top: -40px;
  -webkit-animation: circling1 40s linear infinite;
  animation: circling1 40s linear infinite;
}

@media only screen and (max-width: 1199px) {
  .footer__imgbox1 {
    display: none;
  }
}

.footer__imgbox2 {
  position: absolute;
  right: -60px;
  bottom: -20px;
  -webkit-animation: circling2 40s linear infinite;
  animation: circling2 40s linear infinite;
}

@media only screen and (max-width: 1199px) {
  .footer__imgbox2 {
    display: none;
  }
}

.footer__wrapper {
  padding: 120px 0px;
}

@media only screen and (max-width: 991px) {
  .footer__wrapper {
    padding: 100px 0px;
  }
}

.footer__content h2 {
  font-size: 48px;
  font-weight: 500;
  font-style: italic;
  color: #2D3A58;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1399px) {
  .footer__content h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .footer__content h2 {
    font-size: 28px;
  }
}

.footer__content p {
  color: #666;
  font-style: 18px;
  margin-bottom: 30px;
}

.header__menu {
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .header .header__menu-wrapper {
    padding-top: 35px;
  }
}

@media only screen and (max-width: 991px) and (max-width: 479px) {
  .header .header__menu-wrapper {
    padding-top: 25px;
  }
}

.header .header__menu-wrapper.menu_sticky {
  background: #fff;
  -webkit-box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
          box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
}

.header .header__menu-wrapper.menu_sticky .main-menu ul {
  padding: 0px;
}

.header .header__menu-wrapper.menu_sticky .btn_box {
  padding-top: 13px;
}

.header .header__menu-outer {
  padding: 0px 65px;
}

@media only screen and (max-width: 1399px) {
  .header .header__menu-outer {
    padding: 0px;
  }
}

@media only screen and (max-width: 319px) {
  .header .header__menu-outer .header__logo {
    max-width: 180px;
  }
}

.header .header__menu-outer .main-menu nav ul {
  padding: 5px 0px;
}

.header .header__menu-outer .main-menu nav ul li {
  display: inline-block;
}

.header .header__menu-outer .main-menu nav ul li:not(:first-child) {
  margin-left: 25px;
}

.header .header__menu-outer .main-menu nav ul li a {
  padding: 30px 0px;
  display: inline-block;
  color: #2D3A58;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}

.header .header__menu-outer .main-menu nav ul li a:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 28px;
  width: 100%;
  height: 2px;
  background: #2D3A58;
  border-radius: 100px;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header .header__menu-outer .main-menu nav ul li a:hover {
  color: #FF8D1A;
}

.header .header__menu-outer .main-menu nav ul li a:hover:before {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #FF8D1A;
}

.header .header__menu-outer .main-menu nav ul li.active a {
  color: #FF8D1A;
}

.header .header__menu-outer .main-menu nav ul li.active a:before {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #FF8D1A;
}

.header .header__menu-outer .btn_box {
  padding-top: 20px;
  margin-left: 35px;
}

.menu_sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1010;
}

@media only screen and (max-width: 991px) {
  .menu_sticky {
    background: #fff;
  }
}

/* custom css */
.mobile-menu {
  position: absolute;
  right: 0px;
  width: 100%;
  top: 35px;
}

@media only screen and (max-width: 479px) {
  .mobile-menu {
    top: 20px;
  }
}

.mean-container a.meanmenu-reveal {
  border-color: #2D3A58;
  color: #2D3A58;
}

.mean-container a.meanmenu-reveal span {
  background: #2D3A58;
}

/*==================================================
===| 22. Helper classes
===================================================*/
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(-o-min-device-pixel-ratio: 5/4),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {

  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " ("attr(href) ")";
  }

  abbr[title]:after {
    content: " ("attr(title) ")";
  }

  /*
 * Don't show links that are fragment identifiers,
 * or use the `javascript:` pseudo protocol
 */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
 * Printing Tables:
 * http://css-discuss.incutio.com/wiki/Printing_Tables
 */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/*==================================================
===| Style CSS End
===================================================*/