/*

  Template Name: SoftLand

  Template URL: https://bootstrapmade.com/softland-bootstrap-app-landing-page-template/

  Author: BootstrapMade.com

  Author URL: https://bootstrapmade.com/

*/



/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/



html {

  overflow-x: hidden;

}



body {

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

  color: #5a5a5a;

  line-height: 1.5;

}



a {

  color: #777;

  transition: .3s all ease;

}



a:hover {

  color: #000;

}



h1,

h2,

h3,

h4,

h5,

h6,

.font-heading {

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

  color: #000;

}



.container {

  z-index: 2;

  position: relative;

}



.text-black {

  color: #000 !important;

}



.text-primary {

  color: #2d71a1 !important;

}



.border-top {

  border-top: 1px solid #f2f2f2 !important;

}



.border-bottom {

  border-bottom: 1px solid #f2f2f2 !important;

}



figure figcaption {

  margin-top: .5rem;

  font-style: italic;

  font-size: .8rem;

}



.site-section {

  padding: 3rem 0;

}



.section-heading {

  font-size: 3rem;

  font-weight: 700;

  background: #79a76f;

  /*background: linear-gradient(-45deg, #d41111, #f40000);*/

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



/* Back to top button */



.back-to-top {

  position: fixed;

  display: none;

  background: #2d71a1;

  color: #fff;

  width: 44px;

  height: 44px;

  text-align: center;

  line-height: 1;

  font-size: 16px;

  border-radius: 50%;

  right: 15px;

  bottom: 15px;

  transition: background 0.5s;

  z-index: 11;

}



.back-to-top i {

  color: #fff;

  font-size: 24px;

  position: absolute;

  top: 8px;

  left: 10px;

}



/* Default btn sre-tyling */



.btn {

  border: none;

  padding: 15px 30px !important;

}



.btn.btn-outline-white {

  border: 2px solid #fff;

  background: none;

  color: #fff;

}



.btn.btn-outline-white:hover {

  background: linear-gradient(-45deg, #f40000, #2d71a2);

  color: #fff;

  border: 0;

  transition: all ease .3s;

  box-shadow: 0 0 10px 5px #597897;

}



.btn.btn-primary {

  background: #2d71a2;

  background: linear-gradient(-45deg, #718c6b, #2d71a2);

  color: #fff;

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

}



/* Feature 1 */



.feature-1 .wrap-icon {

  margin: 0 auto;

  height: 100px;

  width: 100px;

  border-radius: 50%;

  position: relative;

  margin-bottom: 30px;

  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);

}



.feature-1 .wrap-icon.icon-1 {

  background: linear-gradient(-45deg, #718c6b, #2d71a2);

}



.feature-1 .wrap-icon .icon {

  position: absolute;

  top: 50%;

  left: 50%;

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

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

  color: #fff;

  font-size: 2.5rem;

}



.feature-1 h3 {

  font-size: 20px;

}



.feature-1 p {

  color: #5a5a5a;

}



/* Step */



.step {

  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);

  background: #fff;

  padding: 40px;

}



.step .number {

  background: linear-gradient(-45deg, #1391a5, #274685);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: 700;

  letter-spacing: .2rem;

  margin-bottom: 10px;

  display: block;

}



.step p:last-child {

  margin-bottom: 0px;

}



/* Review */



.review h3 {

  font-size: 20px;

}



.review p {

  line-height: 1.8;

  font-style: italic;

  color: #333333;

}



.review .stars span {

  color: #FF8803;

}



.review .stars .muted {

  color: #ccc;

}



.review .review-user img {

  width: 70px;

  margin: 0 auto;

}



/* Testimonial Carousel */



.testimonial-carousel .owl-dots {

  position: absolute;

  bottom: -40px;

  width: 100%;

  text-align: center;

}



.testimonial-carousel .owl-dots .owl-dot {

  display: inline-block;

}



.testimonial-carousel .owl-dots .owl-dot > span {

  display: inline-block;

  width: 7px;

  height: 7px;

  background-color: #cbd3da;

  border-radius: 50%;

  margin: 5px;

}



.testimonial-carousel .owl-dots .owl-dot.active {

  outline: none;

}



.testimonial-carousel .owl-dots .owl-dot.active > span {

  background: linear-gradient(-45deg, #1391a5, #274685);

}



/* Pricing */



.pricing {

  padding: 50px;

  background: linear-gradient(-45deg, #1391a5, #274685);

  color: #fff;

  padding-bottom: 12rem !important;

  position: relative;

  border-radius: 4px;

  color: #000000;

  background: #fff;

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

}



.pricing h3 {

  color: #2d71a1;

}



.pricing .price-cta {

  position: absolute;

  bottom: 50px;

  width: 100%;

  text-align: center;

  left: 0;

}



.pricing .price-cta .price {

  display: block;

  margin-bottom: 20px;

  font-size: 2rem;

  font-weight: 300;

}



.pricing .popularity {

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: .2rem;

  display: block;

  margin-bottom: 20px;

}



.pricing ul {

  margin-bottom: 50px;

}



.pricing ul li {

  margin-bottom: 10px;

}



.pricing .btn-white {

  background: #fff;

  border: 2px solid #f1f1f1;

  border-radius: 4px;

  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);

}



.pricing .btn-white:hover {

  color: #2d71a1;

}



.pricing.popular {

  background: #fff;

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

  color: #000000;

  background: linear-gradient(-45deg, #1391a5, #274685);

  color: #fff;

  box-shadow: none;

}



.pricing.popular .popularity {

  color: #b3b3b3;

}



.pricing.popular h3 {

  color: #fff;

  background: none;

}



.pricing.popular .btn-white {

  border: 2px solid #2d71a1;

}



/* CTA Section */



.cta-section {

  background: linear-gradient(to right, #274685 0%, #3db3c5 100%);

  color: #fff;

  position: relative;

  background-size: cover;

    background-position: bottom;

    background-attachment: fixed;

}

.cta-section:before{

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background: linear-gradient(-45deg, #718c6b, #2d71a2);

  opacity: .7;}



.cta-section h2 {

  color: #fff;

  font-size: 3rem;

  font-weight: 700;

}



.cta-section .btn {

  background: #000000;

  color: #fff;

}



/* Sticky Wrapper */



.sticky-wrapper {

  position: absolute;

  z-index: 100;

  width: 100%;

}



.sticky-wrapper .site-navbar {

  transition: .3s all ease;

}



.sticky-wrapper .site-navbar .site-menu-toggle {

  color: #fff;

}



.sticky-wrapper .site-navbar .site-logo a {

  color: #fff;

}



.sticky-wrapper .site-navbar .site-menu > li > a {

  color: rgba(255, 255, 255, 0.8) !important;

}



.sticky-wrapper .site-navbar .site-menu > li > a:hover,

.sticky-wrapper .site-navbar .site-menu > li > a.active {

  color: #fff !important;

}



.sticky-wrapper.is-sticky .burger:before,

.sticky-wrapper.is-sticky .burger span,

.sticky-wrapper.is-sticky .burger:after {

  background: #000000;

  transition: .0s all ease;

}



.sticky-wrapper.is-sticky .site-navbar {

  background: #fff;

  border-bottom: 1px solid transparent;

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

}



.sticky-wrapper.is-sticky .site-navbar .site-logo a {

  color: #000000 !important;

}



.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a {

  color: #000000 !important;

}



.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover,

.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active {

  color: #2d71a1 !important;

}



.sticky-wrapper.is-sticky .site-navbar .site-menu > li.active a {

  color: #718c6b !important;

}



.sticky-wrapper .shrink {

  padding-top: 0px !important;

  padding-bottom: 0px !important;

}



/* Contact Form */



.form-control {

  height: 53px;

  border-radius: 0;

  border: 1px solid #dae0e5;

}



.form-control:active,

.form-control:focus {

  outline: none;

  box-shadow: none;

  border: 1px solid #2d71a1;

}



.php-email-form .validate {

  display: none;

  color: red;

  margin: 0 0 15px 0;

  font-weight: 400;

  font-size: 13px;

}



.php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}



.php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}



.php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px;

}



.php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  -webkit-animation: animate-loading 1s linear infinite;

  animation: animate-loading 1s linear infinite;

}



@-webkit-keyframes animate-loading {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes animate-loading {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



/* Blog */



.post-entry {

  margin-bottom: 60px;

}



.post-entry .post-text .post-meta {

  color: #ccc;

  font-size: 13px;

  display: block;

  margin-bottom: 10px;

}



.post-entry .post-text h3 {

  font-size: 20px;

  color: #000000;

}



.post-entry .post-text h3 a {

  color: #000000;

}



.post-entry .post-text h3 a:hover {

  text-decoration: none;

  color: #2d71a1;

}



.post-entry .post-text .readmore {

  color: #2d71a1;

}



.sidebar-box {

  margin-bottom: 30px;

  padding: 25px;

  font-size: 15px;

  width: 100%;

  float: left;

  background: #fff;

}



.sidebar-box *:last-child {

  margin-bottom: 0;

}



.sidebar-box h3 {

  font-size: 18px;

  margin-bottom: 15px;

}



.categories li,

.sidelink li {

  position: relative;

  margin-bottom: 10px;

  padding-bottom: 10px;

  border-bottom: 1px dotted gray("300");

  list-style: none;

}



.categories li:last-child,

.sidelink li:last-child {

  margin-bottom: 0;

  border-bottom: none;

  padding-bottom: 0;

}



.categories li a,

.sidelink li a {

  display: block;

}



.categories li a span,

.sidelink li a span {

  position: absolute;

  right: 0;

  top: 0;

  color: #ccc;

}



.categories li.active a,

.sidelink li.active a {

  color: #000000;

  font-style: italic;

}



.comment-form-wrap {

  clear: both;

}



.comment-list {

  padding: 0;

  margin: 0;

}



.comment-list .children {

  padding: 50px 0 0 40px;

  margin: 0;

  float: left;

  width: 100%;

}



.comment-list li {

  padding: 0;

  margin: 0 0 30px 0;

  float: left;

  width: 100%;

  clear: both;

  list-style: none;

}



.comment-list li .vcard {

  width: 80px;

  float: left;

}



.comment-list li .vcard img {

  width: 50px;

  border-radius: 50%;

}



.comment-list li .comment-body {

  float: right;

  width: calc(100% - 80px);

}



.comment-list li .comment-body h3 {

  font-size: 20px;

}



.comment-list li .comment-body .meta {

  text-transform: uppercase;

  font-size: 13px;

  letter-spacing: .1em;

  color: #ccc;

}



.comment-list li .comment-body .reply {

  padding: 5px 10px;

  background: #e6e6e6;

  color: #000000;

  text-transform: uppercase;

  font-size: 14px;

}



.comment-list li .comment-body .reply:hover {

  color: #000000;

  background: #e3e3e3;

}



.search-form {

  background: #f7f7f7;

  padding: 10px;

}



.search-form .form-group {

  position: relative;

}



.search-form .form-group input {

  padding-right: 50px;

}



.search-form .icon {

  position: absolute;

  top: 50%;

  right: 20px;

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

  transform: translateY(-50%);

}



/*--------------------------------------------------------------

# Header Section

--------------------------------------------------------------*/



.hero-section {

  /*background: linear-gradient(to right, rgba(39, 70, 133, 0.8) 0%, rgba(61, 179, 197, 0.8) 100%), url(../img/hero-bg.jpg);*/

  position: relative;

  overflow: hidden;

}



.hero-section .wave {

  width: 100%;

  overflow: hidden;

  position: absolute;

  z-index: 1;

  bottom: -150px;

}



.hero-section .wave svg {

  width: 100%;

}



.hero-section,

.hero-section > .container > .row {

  /*height: 100vh;

  min-height: 880px;*/
  

}



.hero-section.inner-page {

  height: 60vh;

  min-height: 0;

  background-size: cover !important;

    background-position: center !important;

    background-attachment: fixed !important;

}



.hero-section.inner-page .hero-text {

  -webkit-transform: translateY(-150px);

  transform: translateY(-150px);

  margin-top: -120px;

}



.hero-section h1 {

  font-size: 3.5rem;

  color: #fff;

  font-weight: 700;

  margin-bottom: 30px;

}



.hero-section p {

  font-size: 18px;

  color: #fff;

}



.hero-section .iphone-wrap {

  position: relative;

}



.hero-section .iphone-wrap .phone-2,

.hero-section .iphone-wrap .phone-1 {

  position: absolute;

  top: -50%;

  overflow: hidden;

  left: 0;

  box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.3);

  border-radius: 30px;

}



.hero-section .iphone-wrap .phone-2,

.hero-section .iphone-wrap .phone-1 {

  width: 250px;

}



.hero-section .iphone-wrap .phone-2 {

  margin-top: 50px;

  margin-left: 100px;

  width: 250px;

}



/*--------------------------------------------------------------

# Nav

--------------------------------------------------------------*/



.site-navbar {

  margin-bottom: 0px;

  z-index: 1999;

  position: absolute;

  top: 0;

  width: 100%;

}



.site-navbar .site-logo {

  position: relative;

  font-size: 24px;

}



.site-navbar .site-logo a {

  color: #fff;

}



.site-navbar .site-logo a:hover {

  text-decoration: none;

}



.site-navbar .site-navigation .site-menu {

  margin-bottom: 0;

}



.site-navbar .site-navigation .site-menu a {

  text-decoration: none !important;

  display: inline-block;

}



.site-navbar .site-navigation .site-menu > li {

  display: inline-block;

}



.site-navbar .site-navigation .site-menu > li > a {

  padding: 30px 20px;

  color: #000000;

  display: inline-block;

  text-decoration: none !important;

}



.site-navbar .site-navigation .site-menu > li > a:hover {

  color: #2d71a1;

}



.site-navbar .site-navigation .site-menu > li.active > a {

  color: #fff !important;

}



.site-navbar .site-navigation .site-menu .has-children {

  position: relative;

}



.site-navbar .site-navigation .site-menu .has-children > a {

  position: relative;

  padding-right: 20px;

}



.site-navbar .site-navigation .site-menu .has-children > a:before {

  position: absolute;

  content: "\ea99";

  font-size: 16px;

  top: 52%;

  right: 0;

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

  transform: translateY(-50%);

  font-family: 'icofont';

}



.site-navbar .site-navigation .site-menu .has-children .dropdown {

  visibility: hidden;

  opacity: 0;

  top: 100%;

  position: absolute;

  text-align: left;

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

  padding: 0px 0;

  margin-top: 15px;

  margin-left: 0px;

  background: #fff;

  transition: 0.2s 0s;

  width: 195px;

  line-height: 45px;

  border-radius: 5px;

  overflow: hidden;

  box-shadow: 2px 6px 6px 0px #00000029;

}



.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {

  position: absolute;

}



.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {

  bottom: 100%;

  left: 20%;



  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

}



.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {

  border-color: rgba(136, 183, 213, 0);

  border-bottom-color: #fff;

  border-width: 10px;

  margin-left: -10px;

}



.site-navbar .site-navigation .site-menu .has-children .dropdown a {

  text-transform: none;

  letter-spacing: normal;

  transition: 0s all;

  color: #000000;

}



.site-navbar .site-navigation .site-menu .has-children .dropdown .active {

  color: #2d71a1 !important;

}



.site-navbar .site-navigation .site-menu .has-children .dropdown > li {

  list-style: none;

  padding: 0;

  margin: 0;

  /*min-width: 210px;*/

}



.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {

  padding: 5px 20px;

  display: block;

}



.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {

  background: #f2f4f6;

  color: #000000;

}



.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {

  content: "\ea75";

  right: 20px;

}



.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown,

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {

  left: 100%;

  top: 0;

}



.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a,

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a,

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {

  background: #f2f4f6;

}



.site-navbar .site-navigation .site-menu .has-children:hover > a,

.site-navbar .site-navigation .site-menu .has-children:focus > a,

.site-navbar .site-navigation .site-menu .has-children:active > a {

  color: #2d71a1;

}



.site-navbar .site-navigation .site-menu .has-children:hover,

.site-navbar .site-navigation .site-menu .has-children:focus,

.site-navbar .site-navigation .site-menu .has-children:active {

  cursor: pointer;

}



.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown,

.site-navbar .site-navigation .site-menu .has-children:focus > .dropdown,

.site-navbar .site-navigation .site-menu .has-children:active > .dropdown {

  transition-delay: 0s;

  margin-top: -2px;

  visibility: visible;

  opacity: 1;

}



.site-mobile-menu {

  width: 300px;

  position: fixed;

  right: 0;

  z-index: 2000;

  padding-top: 20px;

  background: #fff;

  height: calc(100vh);

  -webkit-transform: translateX(110%);

  transform: translateX(110%);

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

  transition: .3s all ease-in-out;

}



.offcanvas-menu .site-mobile-menu {

  -webkit-transform: translateX(0%);

  transform: translateX(0%);

}



.site-mobile-menu .site-mobile-menu-header {

  width: 100%;

  float: left;

  padding-left: 20px;

  padding-right: 20px;

}



.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {

  float: right;

  margin-top: 8px;

}



.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {

  font-size: 30px;

  display: inline-block;

  padding-left: 10px;

  padding-right: 0px;

  line-height: 1;

  cursor: pointer;

  transition: .3s all ease;

}



.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {

  float: left;

  margin-top: 10px;

  margin-left: 0px;

}



.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {

  display: inline-block;

  text-transform: uppercase;

}



.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {

  max-width: 70px;

}



.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {

  text-decoration: none;

}



.site-mobile-menu .site-mobile-menu-body {

  overflow-y: scroll;

  -webkit-overflow-scrolling: touch;

  position: relative;

  padding: 0 20px 20px 20px;

  height: calc(100vh - 52px);

  padding-bottom: 150px;

}



.site-mobile-menu .site-nav-wrap {

  padding: 0;

  margin: 0;

  list-style: none;

  position: relative;

}



.site-mobile-menu .site-nav-wrap a {

  padding: 10px 20px;

  display: block;

  position: relative;

}



.site-mobile-menu .site-nav-wrap a:hover {

  color: #2d71a1;

}



.site-mobile-menu .site-nav-wrap li {

  position: relative;

  display: block;

}



.site-mobile-menu .site-nav-wrap li.active > a {

  color: #2d71a1;

}



.site-mobile-menu .site-nav-wrap .arrow-collapse {

  position: absolute;

  right: 0px;

  top: 10px;

  z-index: 20;

  width: 36px;

  height: 36px;

  text-align: center;

  cursor: pointer;

  border-radius: 50%;

}



.site-mobile-menu .site-nav-wrap .arrow-collapse:before {

  font-size: 12px;

  z-index: 20;

  font-family: "icofont";

  content: "\ea99";

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%) rotate(-180deg);

  transform: translate(-50%, -50%) rotate(-180deg);

  transition: .3s all ease;

}



.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {

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

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

}



.site-mobile-menu .site-nav-wrap > li {

  display: block;

  position: relative;

  float: left;

  width: 100%;

}



.site-mobile-menu .site-nav-wrap > li > a {

  padding-left: 20px;

  font-size: 20px;

}



.site-mobile-menu .site-nav-wrap > li > ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



.site-mobile-menu .site-nav-wrap > li > ul > li {

  display: block;

}



.site-mobile-menu .site-nav-wrap > li > ul > li > a {

  padding-left: 40px;

  font-size: 16px;

}



.site-mobile-menu .site-nav-wrap > li > ul > li > ul {

  padding: 0;

  margin: 0;

}



.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {

  display: block;

}



.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {

  font-size: 16px;

  padding-left: 60px;

}



/* Burger */



.burger {

  width: 28px;

  height: 32px;

  cursor: pointer;

  position: relative;

  z-index: 99;

  float: right;

}



.burger:before,

.burger span,

.burger:after {

  width: 100%;

  height: 2px;

  display: block;

  background: #fff;

  border-radius: 2px;

  position: absolute;

  opacity: 1;

}



.burger:before,

.burger:after {

  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);

  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);

  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);

  -webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);

  content: "";

}



.burger:before {

  top: 4px;

}



.burger span {

  top: 15px;

}



.burger:after {

  top: 26px;

}



/* Hover */



.burger:hover:before {

  top: 7px;

}



.burger:hover:after {

  top: 23px;

}



/* Click */



.burger.active span {

  opacity: 0;

}



.burger.active:before,

.burger.active:after {

  top: 40%;

}



.burger.active:before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);

  /*for IE*/

}



.burger.active:after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);

  /*for IE*/

}



.burger:focus {

  outline: none;

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/



.footer {

  padding: 5rem 0 2.5rem 0;

  background: #292929;

}



.footer h3 {

  font-size: 18px;

  margin-bottom: 30px;

  font-weight: bold;

  color: #fff;

}



.footer ul li {

  margin-bottom: 10px;

}



.footer a {

  color: #757575;

}

.footer a:hover {

  color: #fff;

}

.footer p {

  color: #757575;

}



.footer .copyright {

  margin-bottom: 0px;

}



.footer .copyright,

.footer .credits {

  font-size: 14px;

}



.social a {

  display: inline-block;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #f8f9fa;

  position: relative;

  text-align: center;

  transition: .3s background ease;

  color: #0d1e2d;

}



.social a span {

  display: inline-block;

  left: 50%;

  position: absolute;

  top: 50%;

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

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

}



.social a:hover {

  color: #fff;

  background: linear-gradient(-45deg, #718c6b, #2d71a2);

}



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

  .hero-section .wave {

    bottom: -180px;

  }



  .hero-section.inner-page .hero-text {

    margin-top: -80px;

  }



  .hero-section h1 {

    font-size: 2.5rem;

    text-align: center;

  }



  .hero-section .hero-text-image {

    margin-top: 4rem;

  }



  .hero-section .iphone-wrap {

    text-align: center;

  }



  .hero-section .iphone-wrap .phone-2,

  .hero-section .iphone-wrap .phone-1 {

    position: relative;

    top: 0;

    max-width: 100%;

  }



  .hero-section .iphone-wrap .phone-1 {

    margin-left: -150px;

  }



  .hero-section .iphone-wrap .phone-2 {

    width: 250px;

    position: absolute;

    margin-top: 0px;

    margin-left: 100px;

  }

}



@media (max-width: 768px) {

  .back-to-top {

    bottom: 15px;

  }

}



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

  .cta-section h2 {

    font-size: 2rem;

  }

}



body{overflow: hidden;}



/*my custom style css*/

.top-header{padding: 22px 0 35px;font-size: 22px;color: #000;}

.contact-info{list-style: none;margin: 0;text-align: left;float: right;}

.contact-info .item-info{display: inline-block;}

.contact-info .info-item img{transform: translateY(-15px);}

.contact-info .item-info span{font-size: 14px;text-transform: uppercase;display: block;line-height: 18px;font-weight: normal;}

.contact-info .item-info h4{font-size: 20px;font-weight: 600;color: #01aefa;line-height: 26px;margin: 0;}



#banner_slider .carousel-caption{top: 0;display: flex !important;align-items: center;}

#banner_slider .carousel-inner .carousel-item:before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to right, #000 0%, #000 100%);opacity: .6;}

.main-navigation{background: #718c6b;padding: 10px;border-radius: 3px;transform: translateY(-25px);}

.main-navigation .site-menu > li > a{padding: 12px 20px !important;font-size: 18px !important;font-weight: bold;}

.sticky-wrapper.is-sticky .main-navigation{background: transparent;transform: translateY(0);}



.service_boxes{padding: 0;position: absolute;bottom: 0;z-index: 10;}

.service_boxes .col{padding: 0;width: 25%;}

.service_boxes .box{color: #fff;padding: 20px 40px;transition: all ease .3s;transform: translateY(170px);}

.service_boxes .box h4{color: #fff;font-weight: 600;font-size: 17px;margin-top: 25px;height: 0;opacity: 0;transition: all ease .3s;}

.service_boxes .box img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}

.service_boxes .box p{font-size: 16px;opacity: 0;}

.service_boxes .box .btn{font-size: 14px;background: #034f7d;letter-spacing: 0.8px;padding: 10px 30px !important;font-weight: normal;}

.service_boxes .box:hover{transform: translateY(0);}

.service_boxes .box:hover p{opacity: 1;}

.service_boxes .box:hover h4{opacity: 1;height: inherit;transition: all ease .3s;}



.service_boxes .box.one{background: #d35b40;}

.service_boxes .box.two{background: #dfd798;}

.service_boxes .box.three{background: #b0c38c;}

.service_boxes .box.four{background: #718c6b;}

.service_boxes .box.five{background: #32595e;}



.about-sec h3{font-size: 3rem;font-weight: 700;background: #317bb5;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 20px;}

.about-sec p{line-height: 28px;}



.our-services{background: #718c6b;padding: 4em 0;text-align: center;}

.our-services h2{font-size: 3rem;font-weight: 700;color: #fff;}

.our-services .text p{color: #fff;}

.our-services .single-our-service {background: #fff;padding: 10px;box-shadow: 0 0 14px 5px #4f7148;margin-bottom: 30px;border-radius: 6px;text-align: center;padding-bottom: 30px;}



.home-contact-form{background: #f5f5f5;    padding: 4em 0;}

.home-contact-form .form-control{margin: 10px 0;}



.breadcrumbs-wrap.style-3 {padding: 6em 0 3em;background: #32595e;text-align: center;}

.breadcrumbs-wrap .page-title {color: #fff;letter-spacing: 0.2px;}

.breadcrumbs-wrap .breadcrumbs {color: #eee;list-style: none;}

.breadcrumbs-wrap .breadcrumbs > li {display: inline-block;font-weight: 200;text-transform: uppercase;letter-spacing: 0.8px;}



.hero-section h1 {font-size: 27px;margin-bottom: 10px;}

.hero-section p{}



.rate-card{background: #d35b40;padding: 3em 0 4em;}

.rate-card h2{font-size: 3rem;font-weight: 700;text-align: center;color: #fff;}

.rate-card table{background: #fff;}

.rate-card .nav-link{padding: 12px 14px;position: relative;color: #fff;}

.rate-card .nav-link.active{background: #ffc107!important;}

.rate-card .nav-link.active:after{content: '';border-style: solid;border-width: 15px 0 15px 15px;border-color: transparent transparent transparent #ffc107;position: absolute;right: -15px;top: 9px;}


.carousel-caption {
    bottom: 20%;
}

@media (max-width: 768px) {
    .carousel-caption {
        font-size: 14px;
        bottom: 10%;
    }
}

.carousel-inner,
.carousel-item {
    height: 100vh;
}

.carousel-item img {
    height: 100vh;
    object-fit: cover;
}

.carousel-item img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}


@media screen and (max-width: 480px) {
  .hero-section, .hero-section > .container > .row{
    margin-top: 50px;
  }
}

.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:30%;
  right:70px;
  
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  
  z-index:100;
}

.my-float{
  margin-top:16px;
}

.float-1{
  position:fixed;
  width:60px;
  height:60px;
  bottom:24%;
  right:70px;
  
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  
  z-index:100;
}

.my-float{
  margin-top:16px;
}