/*

@File: Constik Template Styles



* This file contains the styling for the actual template, this

is the file you need to edit to change the look of the

template.



This files table contents are outlined below>>>>>



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

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

** - Google Fonts

** - Default CSS

** - Section Title CSS

** - Navbar CSS

** - Banner CSS

** - About CSS

** - Service CSS

** - Service Details CSS

** - Works CSS

** - Projects CSS

** - Team CSS

** - Testimonials CSS

** - Blog CSS

** - Blog Details CSS

** - Partner CSS

** - Newsletter CSS

** - Instrument CSS

** - Map CSS

** - Amazing Projects CSS

** - Build CSS

** - Quote CSS

** - Faq CSS

** - Count CSS

** - Page Title CSS

** - Authentication CSS

** - Member Details CSS

** - Terms CSS

** - Error CSS

** - Pricing CSS

** - Comingsoon CSS

** - Contact CSS

** - Pagination CSS

** - Go Top CSS

** - Preloader CSS

** - Footer CSS

** - Copy Right CSS

*/

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

  Google Fonts

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

@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");

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

  Default CSS

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

body {

  padding: 0;

  margin: 0;

  font-size: 16px;

  font-family: "Work Sans", sans-serif;

}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

  font-weight: 700;

  color: #1a1a1a;

  line-height: 1.4;

}



h1 {

  font-size: 50px;

}



h2 {

  font-size: 40px;

}



h3 {

  font-size: 24px;

}



h4 {

  font-size: 20px;

}



a {

  color: #1a1a1a;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  text-decoration: none;

  outline: 0 !important;

}



a:hover {

  color: #b00a01;

  text-decoration: none;

}



:focus {

  outline: 0 !important;

}



.d-table {

  width: 100%;

  height: 100%;

}



.d-table-cell {

  vertical-align: middle;

}



img {

  max-width: 100%;

  height: auto;

}



p {

  color: #2c2c2c;

  font-size: 16px;

  margin-bottom: 15px;

  line-height: 1.6;

}



p:last-child {

  margin-bottom: 0;

}



.ptb-100 {

  padding-top: 100px;

  padding-bottom: 100px;

}



.ptb2-100 {

  padding-top: 250px;

  padding-bottom: 150px;

}



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

  .ptb2-100 {

        padding-top: 68px;

      padding-bottom: 58px;

  }  

  }



.pt-100 {

  padding-top: 100px;

}



.pb-100 {

  padding-bottom: 100px;

}



.ptb-70 {

  padding-top: 70px;

  padding-bottom: 70px;

}



.pt-70 {

  padding-top: 70px;

}



.pb-70 {

  padding-bottom: 70px;

}



.no-wrap {

  -ms-flex-wrap: nowrap;

      flex-wrap: nowrap;

}



.color-primary {

  color: #b00a01 !important;

}



.color-secondary {

  color: #b00a01 !important;

}



.color-dark {

  color: #1a1a1a;

}



.bg-primary {

  background-color: #fffdf8 !important;

}



.bg-secondary {

  background-color: #fff9e9 !important;

}



.bg-fff3cf {

  background-color: #fff3cf !important;

}



.form-group {

  margin-bottom: 20px;

}



/*section-title*/

.section-title {

  max-width: 720px;

  text-align: left;

  margin-right: auto;

  margin-bottom: 60px;

  position: relative;

  z-index: 5;

}



.section-title::before {

  position: absolute;

  content: '';

  left: -60px;

  top: 0;

  width: 40%;

  height: 100%;

  background: #b00a01;

  z-index: -1;

}



.section-title h2 {

  font-size: 40px;

  line-height: 1.3;

  margin: 0;

  padding: 30px 0;

}



.section-title p {

  max-width: 600px;

  font-size: 17px;

  font-weight: 600;

  margin-left: auto;

  margin-right: auto;

  margin-top: 12px;

}



.section-title span {

  color: #b00a01;

}



.section-title .learn-more-btn {

  margin-top: 20px;

}



.section-title.style-two {

  text-align: center;

  margin-right: auto;

  margin-left: auto;

}



.section-title.style-two::before {

  display: none;

}



.section-title.style-two h2 {

  padding: unset;

  margin-top: -10px;

}



/* Primary Button */

.primary-btn {

  position: relative;

  overflow: hidden;

  text-align: center;

  display: inline-block;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  border-radius: 0;

  border: none;

  padding: 10px 30px;

  z-index: 1;

  color: #ffffff;

  background-color: #b00a01;

  font-size: 16px;

  font-weight: 600;

  font-family: "Work Sans", sans-serif;

  line-height: 1.8;

  text-transform: capitalize;

}



.primary-btn::before, .primary-btn::after {

  content: '';

  position: absolute;

  width: calc(50% + 4px);

  height: 0;

  background-color: #1a1a1a;

  z-index: -1;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.primary-btn::before {

  bottom: 0;

  left: 0;

}



.primary-btn::after {

  top: 0;

  right: 0;

}



.primary-btn:hover {

  color: #ffffff;

}



.primary-btn:hover::before, .primary-btn:hover::after {

  height: 120%;

}



.cta-btn {

  line-height: .8;

}



/* Text Button*/

.btn-text-only {

  background: transparent;

}



/* Social Icon CSS*/

.social-link a {

  display: inline-block;

  line-height: 0;

  text-align: center;

  background: #b00a01;

  color: #1a1a1a;

  padding: 10px 12px;

  font-size: 16px;

  margin-right: 8px;

}



.social-link a:hover {

  background: #1a1a1a;

  color: #b00a01;

}



.social-link a:last-child {

  margin-right: 0;

}



/*Form-Control CSS*/

.form-control {

  height: 58px;

  color: #1a1a1a;

  -webkit-box-shadow: unset !important;

  box-shadow: unset !important;

  border: none;

  background-color: #ffffff;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  border-radius: 0;

  padding: 15px 0 15px 14px;

  font-size: 16px;

}



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

  color: #a5a5a5;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



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

  color: #a5a5a5;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



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

  color: #a5a5a5;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.form-control::placeholder {

  color: #a5a5a5;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.form-control:focus {

  border-color: #b00a01;

}



textarea.form-control {

  height: auto;

  padding-top: 15px;

}



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

  Navbar CSS

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

.header-area {

  position: absolute;

  background-color: transparent;

  top: 0;

  left: 0;

  width: 100%;

  height: auto;

  z-index: 999;

}



.header-area .top-header-area {

  padding: 10px 0 23px;

  background: white;

}



.header-area .top-header-area .navbar-brand {

  padding: 0;

  margin: 0;

}



.header-area .top-header-area .contact-info {

  position: relative;

}



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

  position: absolute;

  top: 0;

  left: 0;

  width: 45px;

  height: 45px;

  line-height: 45px;

  color: #b00a01;

  text-align: center;

  font-size: 30px;

  display: inline-block;

}



.header-area .top-header-area .contact-info .contact-info-content {

  margin-left: 55px;

  display: inline-block;

}



.header-area .top-header-area .contact-info .contact-info-content p {

  text-transform: capitalize;

  color: #b00a01;

  line-height: 1.4;

  margin: 0;

}



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

  font-size: 14px;

  color: #000000;

}



/* Header Style Two*/

.header-area.header-two,

.header-area.header-three {

  position: absolute;

  background-color: transparent;

  top: 0;

  left: 0;

  width: 100%;

  height: auto;

  z-index: 999;

}



.header-area.header-two .top-header-area,

.header-area.header-three .top-header-area {

  padding: 16px 0;

  background: #b00a01;

}



.header-area.header-two .top-header-area .social-link a,

.header-area.header-three .top-header-area .social-link a {

  padding: 0;

  margin-right: 14px;

  background: transparent;

}



.header-area.header-two .top-header-area .social-link a:hover,

.header-area.header-three .top-header-area .social-link a:hover {

  color: #ffffff;

}



.header-area.header-two .top-header-area .contact-info .contact-info-content,

.header-area.header-three .top-header-area .contact-info .contact-info-content {

  margin-left: unset;

}



.header-area.header-two .top-header-area .contact-info .contact-info-content p,

.header-area.header-three .top-header-area .contact-info .contact-info-content p {

  margin-right: 8px;

  display: inline-block;

  color: #ffffff;

}



.header-area.header-two .top-header-area .contact-info .contact-info-content a,

.header-area.header-three .top-header-area .contact-info .contact-info-content a {

  font-size: 14px;

  color: #1a1a1a;

}



.header-area.header-two .constik-nav,

.header-area.header-three .constik-nav {

  padding: 16px 0;

  margin-top: 0;

  margin-top: unset;

  background: rgba(0, 30, 76, 0.78);

}



.header-area.header-two .constik-nav .navbar,

.header-area.header-three .constik-nav .navbar {

  background: transparent;

  border: transparent;

}



.header-area.header-two .constik-nav .navbar ul,

.header-area.header-three .constik-nav .navbar ul {

  margin-left: auto;

}



.header-area.header-two .constik-nav .navbar .nav-item a,

.header-area.header-three .constik-nav .navbar .nav-item a {

  color: #ffffff;

}



.header-area.header-two .constik-nav .navbar .nav-item .toggle::after,

.header-area.header-three .constik-nav .navbar .nav-item .toggle::after {

  color: #ffffff;

}



.header-area.header-two .constik-nav .navbar .side-option .item a:not(.primary-btn),

.header-area.header-three .constik-nav .navbar .side-option .item a:not(.primary-btn) {

  color: #ffffff;

}



.header-area.header-two .constik-nav .navbar .side-option .item .menu-item:hover a,

.header-area.header-three .constik-nav .navbar .side-option .item .menu-item:hover a {

  color: #b00a01;

}



.header-area.header-two .constik-nav .navbar .side-option .item .menu-item a,

.header-area.header-three .constik-nav .navbar .side-option .item .menu-item a {

  color: #1a1a1a;

}



.header-area.header-two .constik-nav .navbar .side-option .item:last-child,

.header-area.header-three .constik-nav .navbar .side-option .item:last-child {

  margin-right: 0;

}



/* Header Style Three*/

.header-area.header-three {

  position: unset;

}



.header-area.header-three .constik-nav {

  background: #ffffff;

}



.header-area.header-three .constik-nav .navbar .nav-item a {

  color: #1a1a1a;

}



.header-area.header-three .constik-nav .navbar .nav-item .toggle::after {

  color: #1a1a1a;

}



.header-area.header-three .constik-nav .navbar .side-option .item a:not(.primary-btn) {

  color: #1a1a1a;

}



.header-area.header-three .constik-nav .navbar .side-option .item .menu-link {

  color: #1a1a1a;

}



.header-area.header-three .constik-nav .navbar .side-option .item:last-child {

  margin-right: 0;

}



.constik-responsive-nav {

  display: none;

}



.navbar-light .navbar-brand .logo2 {

  display: none;

}



.constik-nav {

  margin-top: -15px;

}



.constik-nav .navbar {

  position: inherit;

  padding-left: 0;

  padding-right: 0;

  padding-top: 0;

  padding-bottom: 0;

  background: #b00a01;

  border: 2px solid #b00a01;

}



.constik-nav .navbar ul {

  padding-left: 0;

  list-style-type: none;

  margin-bottom: 0;

}



.constik-nav .navbar .navbar-nav .nav-item {

  position: relative;

  margin-left: 15px;

  margin-right: 15px;

}



.constik-nav .navbar .navbar-nav .nav-item a {

  color: #ffffff;

  font-size: 16px;

  font-weight: 600;

  padding-left: 0;

  padding-right: 0;

  padding-top: 20px;

  padding-bottom: 20px;

}



.constik-nav .navbar .navbar-nav .nav-item a:hover {

  color: #ffffff;

}



.constik-nav .navbar .navbar-nav .nav-item a::before {

  font-family: 'Font Awesome 5 Free';

  font-weight: 600;

  font-size: 22px;

  position: absolute;

  content: '\f0de';

  left: 50%;

  bottom: 0;

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

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

  opacity: 0;

}



.constik-nav .navbar .navbar-nav .nav-item a.active {

  color: #ffffff;

}



.constik-nav .navbar .navbar-nav .nav-item a.active::before {

  opacity: 1;

}



.constik-nav .navbar .navbar-nav .nav-item .toggle::after {

  content: "\e900";

  font-family: "Flaticon";

  font-size: 8px;

  vertical-align: middle;

  margin-left: 5px;

  display: inline-block;

  color: #1a1a1a;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu {

  border: none;

  top: 66px;

  left: 0;

  z-index: 99;

  opacity: 0;

  width: 250px;

  display: block;

  border-radius: 0;

  padding: 10px 0;

  position: absolute;

  visibility: hidden;

  background: #ffffff;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

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

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item {

  position: relative;

  padding-left: 16px;

  margin-left: 0;

  margin-right: 0;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {

  color: #1a1a1a;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover::before {

  opacity: 0;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover.toggle::after {

  -webkit-transform: rotateZ(90deg);

          transform: rotateZ(90deg);

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a.active {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a.active::before {

  opacity: 0;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu .toggle::after {

  content: "\e900";

  position: absolute;

  top: 10px;

  right: 16px;

  font-family: "Flaticon";

  font-size: 10px;

  color: #1a1a1a;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu a {

  font-size: 15px;

  font-weight: 500;

  text-transform: capitalize;

  padding-top: 8px;

  padding-bottom: 8px;

  margin: 0;

  display: block;

}



.constik-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

  margin-top: 0;

}



.constik-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu .toggle::after {

  -webkit-transform: none;

          transform: none;

}



.constik-nav .navbar .navbar-nav .nav-item:hover .toggle::after {

  -webkit-transform: rotateZ(90deg);

          transform: rotateZ(90deg);

}



.constik-nav .navbar .side-option {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.constik-nav .navbar .side-option .item {

  position: relative;

  margin-left: 15px;

  margin-right: 15px;

}



.constik-nav .navbar .side-option .item .language a {

  color: #1a1a1a;

  font-size: 16px;

  font-weight: 600;

}



.constik-nav .navbar .side-option .item .language a i {

  vertical-align: 3px;

}



.constik-nav .navbar .side-option .item .language a img {

  width: 16px;

  height: 16px;

  max-width: 16px;

  border-radius: 50%;

  margin-top: -2px;

}



.constik-nav .navbar .side-option .item .language .menu {

  border: none;

  top: 46px;

  left: -15px;

  z-index: 99;

  display: none;

  border-radius: 0;

  min-width: 130px;

  padding: 10px 5px;

  position: absolute;

  background: #ffffff;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

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

  -webkit-animation: fadeIn .3s linear 1;

          animation: fadeIn .3s linear 1;

}



.constik-nav .navbar .side-option .item .language .menu .menu-item {

  padding: 5px;

}



.constik-nav .navbar .side-option .item .language .menu .menu-item .menu-link {

  font-size: 15px;

  font-weight: 500;

  color: #1a1a1a;

}



.constik-nav .navbar .side-option .item .language .menu .menu-item .menu-link:hover {

  color: #b00a01;

}



.constik-nav .navbar .side-option .item .language .menu img {

  margin-top: 0;

  border-radius: 50%;

  margin-right: 5px;

  margin-top: -1.5px;

}



.constik-nav .navbar .side-option .item .search i {

  vertical-align: middle;

}



.language a {

  color: #1a1a1a;

  font-size: 16px;

  font-weight: 600;

}



.language a i {

  vertical-align: 3px;

}



.language .menu {

  border: none;

  top: 46px;

  left: -15px;

  z-index: 99;

  display: none;

  border-radius: 0;

  min-width: 100px;

  padding: 10px 5px;

  position: absolute;

  background: #ffffff;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

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

  -webkit-animation: fadeIn .3s linear 1;

          animation: fadeIn .3s linear 1;

}



.language .menu .menu-item {

  padding: 5px;

}



.language .menu .menu-item .menu-link {

  font-size: 15px;

  font-weight: 500;

  color: #1a1a1a;

}



.language .menu .menu-item .menu-link:hover {

  color: #b00a01;

}



.language .menu img {

  width: 16px;

  height: 16px;

  max-width: 16px;

  border-radius: 50%;

  margin-right: 5px;

}



.search {

  position: relative;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.search-box {

  position: relative;

  width: auto;

  max-width: 400px;

  background: #fff;

  padding: 16px 10px;

  -webkit-box-shadow: 0 10px 15px rgba(51, 47, 59, 0.1);

          box-shadow: 0 10px 15px rgba(51, 47, 59, 0.1);

  margin: 0 auto;

}



.search-box .search-form {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.search-box .search-form .search-input {

  display: block;

  width: 100%;

  line-height: initial;

  border: 1px solid #eeeeee;

  color: #1a1a1a;

  outline: 0;

  padding: 6px 12px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.search-box .search-form .search-input:focus {

  border-color: #b00a01;

}



.search-box .mfp-close {

  width: unset;

  height: unset;

  top: -50px;

  opacity: 1;

  padding: 0 0 18px 10px;

  color: #ffffff;

}



.mfp-zoom-in .mfp-with-anim {

  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  -webkit-transform: scale(0.8);

          transform: scale(0.8);

}



.mfp-zoom-in.mfp-bg {

  opacity: 0;

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

  transition: all 0.3s ease-out;

}



.mfp-zoom-in.mfp-ready .mfp-with-anim {

  opacity: 1;

  -webkit-transform: scale(1);

          transform: scale(1);

}



.mfp-zoom-in.mfp-ready.mfp-bg {

  opacity: 0.8;

}



.mfp-zoom-in.mfp-removing .mfp-with-anim {

  -webkit-transform: scale(0.8);

          transform: scale(0.8);

  opacity: 0;

}



.mfp-zoom-in.mfp-removing.mfp-bg {

  opacity: 0;

}



.main-navbar-area.stickyadd {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

  -webkit-animation: slideInDown 1s 1;

          animation: slideInDown 1s 1;

}



.main-navbar-area.stickyadd .constik-nav {

  margin-top: 0;

}



.main-navbar-area.stickyadd .constik-nav .navbar-brand {

  display: block;

}



.header-area.header-two .main-navbar-area.stickyadd .constik-nav {

  padding: 5px 0;

  background: #b00a01;

}



.header-area.header-three .main-navbar-area.stickyadd .constik-nav {

  padding: 5px 0;

  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);

          box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {

  top: 0;

  opacity: 0;

  left: -250px;

  margin-top: 15px;

  visibility: hidden;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {

  color: #1a1a1a;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {

  top: 0;

  opacity: 0;

  left: 250px;

  visibility: hidden;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {

  color: #1a1a1a;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {

  top: 0;

  opacity: 0;

  left: 250px;

  visibility: hidden;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {

  color: #1a1a1a;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {

  top: 0;

  opacity: 0;

  left: 250px;

  visibility: hidden;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {

  color: #1a1a1a;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {

  top: 0;

  opacity: 0;

  left: 250px;

  visibility: hidden;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {

  color: #1a1a1a;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {

  top: 0;

  opacity: 0;

  left: 250px;

  visibility: hidden;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {

  color: #1a1a1a;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

  margin-top: 0;

}



.constik-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {

  color: #b00a01;

}



.constik-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

  margin-top: 0;

}



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

  .header-area .top-header-area {

    background: rgba(26, 26, 26, 0.69);

    padding: 20px 0;

  }

  .header-area .top-header-area .navbar-brand {

    display: none;

  }

  .header-area .top-header-area .contact-info .contact-info-content {

    margin-left: 10px;

  }

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

    position: unset;

    width: unset;

    height: unset;

    vertical-align: 3px;

  }

  .header-area.header-two,

  .header-area.header-three {

    position: unset;

  }

  .header-area.header-two .top-header-area .contact-info,

  .header-area.header-three .top-header-area .contact-info {

    text-align: center;

  }

  .header-area.header-two .top-header-area .contact-info .contact-info-content,

  .header-area.header-three .top-header-area .contact-info .contact-info-content {

    margin-left: unset;

  }

  .header-area.header-two .top-header-area .contact-info .contact-info-content p,

  .header-area.header-three .top-header-area .contact-info .contact-info-content p {

    margin-right: unset;

  }

  .header-area.header-two .top-header-area .contact-info .contact-info-content p, .header-area.header-two .top-header-area .contact-info .contact-info-content a,

  .header-area.header-three .top-header-area .contact-info .contact-info-content p,

  .header-area.header-three .top-header-area .contact-info .contact-info-content a {

    display: block;

  }

  .main-navbar-area {

    position: relative;

  }

  .constik-responsive-menu .logo .logo2 {

    display: none;

  }

  .constik-responsive-nav {

    display: block;

    background: #ffffff;

    border: 2px solid #b00a01;

    padding-top: 5px;

    padding-bottom: 5px;

  }

  .constik-responsive-nav .constik-responsive-menu {

    position: relative;

  }

  .constik-responsive-nav .constik-responsive-menu.mean-container .mean-nav .navbar-nav {

    height: 300px;

    overflow-y: scroll;

  }

  .constik-responsive-nav .constik-responsive-menu.mean-container .mean-nav ul {

    font-size: 15px;

  }

  .constik-responsive-nav .constik-responsive-menu.mean-container .mean-nav ul li a.active {

    color: #b00a01;

  }

  .constik-responsive-nav .constik-responsive-menu.mean-container .mean-nav ul li li a {

    font-size: 14.5px;

  }

  .constik-responsive-nav .constik-responsive-menu.mean-container .mean-nav .navbar-brand {

    display: none;

  }

  .constik-responsive-nav .constik-responsive-menu.mean-container .mean-nav .side-option {

    display: none;

  }

  .constik-responsive-nav .constik-responsive-menu.mean-container .navbar-nav {

    overflow-y: scroll;

    -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);

            box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);

  }

  .constik-responsive-nav .logo {

    position: relative;

    width: 60%;

    z-index: 999;

  }

  .constik-responsive-nav .mean-container a.meanmenu-reveal {

    padding-top: 12px;

    color: #1a1a1a;

  }

  .constik-responsive-nav .mean-container a.meanmenu-reveal span {

    background: #1a1a1a;

  }

  .constik-nav {

    display: none;

  }

  .side-option-responsive {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    position: absolute;

    top: 50%;

    right: 45px;

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

            transform: translateY(-50%);

    z-index: 999;

  }

  .side-option-responsive .item {

    position: relative;

    margin-right: 14px;

  }

  .side-option-responsive .item .language a {

    color: #1a1a1a;

    font-size: 16px;

    font-weight: 600;

  }

  .side-option-responsive .item .language a i {

    vertical-align: 2px;

  }

  .side-option-responsive .item .language .menu {

    margin: 0;

    padding: 0;

    padding: 5px 0 5px 5px;

    border: none;

    top: 30px;

    left: -15px;

    z-index: 99;

    width: 120px;

    display: none;

    border-radius: 0;

    position: absolute;

    background: #ffffff;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

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

    list-style-type: none;

  }

  .side-option-responsive .item .language .menu .menu-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

  .side-option-responsive .item .language .menu .menu-item .menu-link {

    font-size: 15px;

    font-weight: 500;

  }

  .side-option-responsive .item .search i {

    vertical-align: middle;

  }

}



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

  Banner CSS

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

.home-banner-area1 {

  padding-top: 160px;

  position: relative;

  background-position: center;

  background-size: cover!important;

  overflow: hidden;

  z-index: 1;

}

#video_background {

  position: absolute;

  bottom: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: -1000;

  overflow: hidden;

  }

  #video_pattern {

  background:#fff;

  position: fixed;

  opacity: 0.8;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 1;

  }



.home-banner-area1::before {

  content: '';

  position: absolute;

  z-index: -1;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgb(26 26 26 / 24%);

}

.home-banner-area2::before {

  content: '';

  position: absolute;

  z-index: -1;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(26, 26, 26, 0.496236);

}

.home-banner-area3::before {

  content: '';

  position: absolute;

  z-index: -1;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(26, 26, 26, 0.496236);

}



.banner-content {

  padding-top: 200px;

  padding-bottom: 200px;

}



.banner-content h1 {

  font-size: 60px;

  color: #ffffff;

  margin-bottom: 20px;

  margin-top: -15px;

  line-height: 1.2;

}



.banner-content h1 span {

  color: #b00a01;

}



.banner-content p {

  font-size: 18px;

  color: #ffffff;

  margin-bottom: 35px;

}



.banner-content .social-link a {

  display: inline-block;

  color: #b00a01;

  margin-right: 4px;

  background: #fff9e9;

  border-radius: 50%;

  font-size: 12px;

  padding: 0;

  width: 26px;

  height: 26px;

  line-height: 26px;

  border: 1px solid #fff9e9;

}



.banner-content .social-link a:last-child {

  margin-right: 0;

}



.banner-content .social-link a:hover {

  color: #b00a01;

  background: transparent;

  border: 1px solid #b00a01;

}



.banner-content .cta-btn {

  margin-bottom: 40px;

}



.banner-img img {

  max-width: 576px;

}



.banner-two {

  padding-top: 152px;

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

}



.banner-two::before {

  content: '';

  position: absolute;

  z-index: -1;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 30, 76, 0.62);

}



.banner-two .banner-content {

  text-align: center;

}



.banner-two .banner-content .cta-btn {

  margin-bottom: 0;

}



.banner-three {

  background: unset;

  background: #fff;

  padding: unset;

}



.banner-three.home-banner-area::before {

  background: unset;

  background: none;

}



.banner-three .banner-content .cta-btn {

  margin: unset;

}



.banner-three .banner-slider .owl-item::before {

  content: '';

  position: absolute;

  z-index: -1;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 30, 76, 0.62);

}



.banner-three .banner-slider .owl-item:nth-child(1) {

  background: url(../img/banner/banner-slider-1.jpg) no-repeat center;

  background-size: cover;

}



.banner-three .banner-slider .owl-item:nth-child(2) {

  background: url(../img/banner/banner-slider-2.jpg) no-repeat center;

  background-size: cover;

}



.banner-three .banner-slider .owl-item:nth-child(3) {

  background: url(../img/banner/banner-slider-3.jpg) no-repeat center;

  background-size: cover;

}



.banner-three .owl-item.active h1 {

  -webkit-animation: fadeInDown 2s both 1;

          animation: fadeInDown 2s both 1;

}



.banner-three .owl-item.active p {

  -webkit-animation: fadeIn 2s both 1;

          animation: fadeIn 2s both 1;

}



.banner-three .owl-item.active .cta-btn {

  -webkit-animation: fadeInUp 2s both 1;

          animation: fadeInUp 2s both 1;

}



.banner-three .owl-carousel .owl-dots {

  text-align: center;

  position: absolute;

  left: 50%;

  bottom: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

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

          transform: translateX(-50%);

}



.banner-three .owl-carousel .owl-dots .owl-dot {

  display: inline-block;

  width: 6px;

  height: 24px;

  margin: 5px;

  border-radius: 30px;

  background: #ffffff;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.banner-three .owl-carousel .owl-dots .owl-dot.active {

  height: 45px;

  background: #f4cf00;

}



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

 About CSS

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

.about-section .about-content {

  margin-bottom: 30px;

}



.about-section .about-content h2 {

  margin-bottom: 18px;

  line-height: 1.3;

}



.about-section .about-content h2 span {

  color: #b00a01;

}



.about-section .about-content p {

  line-height: 1.5;

  margin-bottom: 10px;

}



.about-section .about-content .about-item-list {

  margin-bottom: 30px;

}



.about-section .about-content .about-item-list ul {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.about-section .about-content .about-item-list ul li {

  display: block;

  font-weight: 500;

  margin-bottom: 6px;

  padding-left: 25px;

  position: relative;

  line-height: 1.8;

  color: #2c2c2c;

}



.about-section .about-content .about-item-list ul li:last-child {

  margin-bottom: 0;

}



.about-section .about-content .about-item-list ul li i {

  margin-left: -25px;

  margin-right: 5px;

  color: #004abb;

  vertical-align: -2px;

}



.about-section .about-image {

  margin-bottom: 30px;

}



.about-section .left,

.about-section .right {

  position: relative;

}



.about-section .left::before,

.about-section .right::before {

  position: absolute;

  content: '';

  width: 0;

  height: 0;

  bottom: -15px;

}



.about-section .left::before {

  right: -15px;

  border-bottom: 150px solid #6eb25d;

  border-left: 150px solid transparent;

}



.about-section .right {

  margin-top: -15px;

}



.about-section .right::before {

  left: -15px;

  border-bottom: 135px solid #6eb25d;

  border-right: 135px solid transparent;

}



.about-section .about-fact {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  padding: 35px 30px;

  margin-bottom: 30px;

  background: url(../img/about/about-fact-bg.jpg) no-repeat center;

  background-size: cover;

  z-index: 1;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.about-section .about-fact::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(26, 26, 26, 0.8);

  z-index: -1;

}



.about-section .about-fact i {

  width: 60px;

  height: 60px;

  line-height: 57px;

  background: #ffffff;

  text-align: center;

  display: inline-block;

}



.about-section .about-fact i img {

  width: 32px;

}



.about-section .about-fact .content {

  padding-left: 16px;

}



.about-section .about-fact .content h4 {

  color: #ffffff;

  margin-bottom: 0;

}



.about-section .about-fact .content span {

  color: #ffffff;

}



.about-section .about-img-content {

  position: relative;

  overflow: hidden;

}



.about-section .about-img-content .overlay-content {

  position: absolute;

  top: 50%;

  left: 50%;

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

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

  margin-top: -15px;

  padding: 25px 30px;

  border: 4px solid #b00a01;

  background: rgba(0, 30, 76, 0.9);

  z-index: 1;

}



.about-section .about-img-content .overlay-content h3 {

  line-height: 1.2;

  color: #b00a01;

}



.about-section .about-img-content .overlay-content span {

  color: #ffffff;

}



.about-section.about-style-two .about-img-content {

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

}



.about-section.about-style-two .about-img-content .about-image {

  margin-bottom: 15px;

}



.about-section.about-style-two .about-img-content .about-image img {

  max-width: unset;

}



.about-section.about-style-two .about-img-content .about-fact {

  display: block;

  overflow: hidden;

  margin-bottom: 0;

  background: #b00a01;

  max-width: calc(100% - 55px);

  padding: 20px 0;

}



.about-section.about-style-two .about-img-content .about-fact::before {

  position: absolute;

  content: '';

  right: 0;

  top: 0;

  border-top: 90px solid #b00a01;

  border-left: 60px solid transparent;

}



.about-section.about-style-two .about-img-content .about-fact::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: unset;

  height: unset;

  background: unset;

  border-bottom: 90px solid #b00a01;

  border-right: 60px solid transparent;

}



.about-section.about-style-two .about-img-content .about-fact .content {

  padding-left: 16px;

  text-align: center;

}



.about-section.about-style-two .about-img-content .about-fact .content h4 {

  color: #b00a01;

  margin-top: -5px;

  margin-bottom: 0;

}



.about-section.about-style-two .about-img-content .about-fact .content span {

  color: #ffffff;

}



.about-section.about-style-two .about-img-content .overlay-img {

  position: absolute;

  bottom: 35px;

  right: 0;

  height: calc(100% - 135px);

}



.about-section.about-style-three .about-img-content {

  margin-bottom: 30px;

}



.about-section.about-style-three .about-img-content [class*='col-']:first-child {

  padding-right: 5px;

}



.about-section.about-style-three .about-img-content [class*='col-']:last-child {

  padding-left: 5px;

}



.about-section.about-style-three .about-img-content .about-image {

  margin-bottom: 10px;

}



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

  Service CSS

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

.strong-service-section {

  background: url(../img/service-bg-1.jpg) no-repeat center;

  background-size: cover;

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.strong-service-section::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(26, 26, 26, 0.7);

  z-index: -1;

}



.strong-service-section .service-content {

  margin-bottom: 30px;

  padding: 43px 0;

  position: relative;

  z-index: 1;

}



.strong-service-section .service-content::after {

  position: absolute;

  content: '';

  left: -60px;

  top: 0;

  width: 40%;

  height: 100%;

  background: #b00a01;

  z-index: -1;

}



.strong-service-section .service-content h2 {

  color: #ffffff;

  line-height: 1.3;

  margin-top: -10px;

  margin-bottom: 15px;

}



.strong-service-section .service-content p {

  color: #ffffff;

  margin-bottom: 30px;

}



.strong-service-section .service-content .primary-btn {

  background: #000000;

}



.strong-service-section .custom-owl-nav {

  position: absolute;

  bottom: 0;

  right: 0;

}



/* Blog Section */

/* .strong-blog-section {

  background: url(../img/item-bg-1.jpg) no-repeat center;

  background-size: cover;

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.strong-blog-section::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(26, 26, 26, 0.7);

  z-index: -1;

}



.strong-blog-section .service-content {

  margin-bottom: 30px;

  padding: 43px 0;

  position: relative;

  z-index: 1;

}



.strong-blog-section .service-content::after {

  position: absolute;

  content: '';

  left: -60px;

  top: 0;

  width: 40%;

  height: 100%;

  background: #b00a01;

  z-index: -1;

}



.strong-blog-section .service-content h2 {

  color: #ffffff;

  line-height: 1.3;

  margin-top: -10px;

  margin-bottom: 15px;

}



.strong-blog-section .service-content p {

  color: #ffffff;

  margin-bottom: 30px;

}



.strong-blog-section .service-content .primary-btn {

  background: #000000;

}



.strong-blog-section .custom-owl-nav {

  position: absolute;

  bottom: 0;

  right: 0;

} */

/* End Blog Section */



.strong-service-slider .slider-item {

  padding: 40px 33px;

  border: 2px solid rgba(255, 255, 255, 0.3);

  max-width: 350px;

  background: rgba(26, 26, 26, 0.8);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.strong-service-slider .slider-item > i {

  width: auto;

  height: auto;

  line-height: 57px;

  margin-bottom: 18px;

  text-align: center;

  display: block;

}



.strong-service-slider .slider-item > i img {

  display: inline-block;

  width: 100%;

  height: 150px;

  object-fit: cover;



}



.strong-service-slider .slider-item h3 {

  margin-bottom: 10px;

}



.strong-service-slider .slider-item h3 a {

  color: #ffffff;

}



.strong-service-slider .slider-item h3 a:hover {

  color: #b00a01;

}



.strong-service-slider .slider-item p {

  margin-bottom: 20px;

  color: #d2d2d2;

}



.strong-service-slider .slider-item .read-more-btn {

  color: #ffffff;

}



.strong-service-slider .slider-item .read-more-btn i {

  vertical-align: -2px;

  color: #b00a01;

}



.strong-service-slider .slider-item .read-more-btn:hover {

  color: #b00a01;

}



.strong-service-slider .owl-nav {

  position: absolute;

  left: -10%;

  bottom: 0;

}



.strong-service-slider .slider-item:hover {

  border: 2px solid rgba(255, 255, 255, 0.8);

}



.best-service-section {

  background: url(../img/bg-map-1.png) no-repeat center;

  background-size: cover;

}



.best-service-section .section-title h2 {

  margin-top: -10px;

}



.best-service-section .service-item-single {

  position: relative;

  padding: 50px 30px;

  margin-bottom: 30px;

  border: 2px solid #b00a01;

  overflow: hidden;

  background: transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.best-service-section .service-item-single::before {

  position: absolute;

  content: '';

  top: -50px;

  right: -50px;

  border-top: 100px solid #b00a01;

  border-left: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.best-service-section .service-item-single > i {

  width: 60px;

  height: 60px;

  line-height: 57px;

  margin-bottom: 18px;

  background: #b00a01;

  text-align: center;

  display: block;

}



.best-service-section .service-item-single > i img {

  display: inline-block;

  max-width: 32px;

}



.best-service-section .service-item-single h3 {

  margin-bottom: 5px;

}



.best-service-section .service-item-single h3 a {

  color: #b00a01;

}



.best-service-section .service-item-single p {

  margin-bottom: 20px;

  color: #1a1a1a;

}



.best-service-section .service-item-single .read-more-btn {

  color: #1a1a1a;

}



.best-service-section .service-item-single .read-more-btn i {

  vertical-align: -2px;

  color: #b00a01;

}



.best-service-section .service-item-single:hover {

  background: #b00a01;

}



.best-service-section .service-item-single:hover::before {

  top: 15px;

  right: 15px;

}



.best-service-section .service-item-single:hover > i {

  background: #ffffff;

}



.best-service-section .service-item-single:hover h3 a {

  color: #ffffff;

}



.best-service-section .service-item-single:hover h3 a:hover {

  color: #b00a01;

}



.best-service-section .service-item-single:hover p {

  color: #d2d2d2;

}



.best-service-section .service-item-single:hover .read-more-btn {

  color: #ffffff;

}



.best-service-section .service-item-single:hover .read-more-btn:hover {

  color: #b00a01;

}



.best-service-section.service-two .service-item-single {

  background: #fffdf8;

  text-align: center;

}



.best-service-section.service-two .service-item-single:hover {

  background: #b00a01;

}



.best-service-section.service-two .service-item-single > i {

  margin-left: auto;

  margin-right: auto;

}



.about-services-section {

  position: relative;

  z-index: 1;

  background: url(../img/service-bg-1.jpg) no-repeat center;

  background-size: cover;

}



.about-services-section::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 30, 76, 0.7);

  z-index: -1;

}



.about-services-section .service-item-single {

  position: relative;

  padding: 50px 30px;

  margin-bottom: 30px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  text-align: center;

  background: #ffffff;

  z-index: 1;

}



.about-services-section .service-item-single::before {

  position: absolute;

  content: '';

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  opacity: .09;

  background: url(../img/service-bg-shape.png) no-repeat center;

  z-index: -1;

}



.about-services-section .service-item-single > i {

  width: 60px;

  height: 60px;

  line-height: 57px;

  margin-bottom: 15px;

  background: #b00a01;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.about-services-section .service-item-single > i img {

  display: inline-block;

  max-width: 32px;

}



.about-services-section .service-item-single h3 {

  margin-bottom: 10px;

}



.about-services-section .service-item-single h3 a {

  color: #b00a01;

}



.about-services-section .service-item-single p {

  color: #1a1a1a;

}



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

  Works CSS

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

.our-works-section {

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.our-works-section::after {

  position: absolute;

  content: '';

  right: 0;

  top: 0;

  width: 40%;

  height: 40%;

  background: #b00a01;

  z-index: -1;

}



.our-works-section .works-content h2 {

  margin-bottom: 25px;

  line-height: 1.3;

}



.our-works-section .works-content h2 span {

  color: #b00a01;

}



.our-works-section .works-content p {

  margin-bottom: 20px;

}



.our-works-section .works-content .works-item .works-item-single {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  padding: 35px 60px;

  margin-bottom: 15px;

  background: url(../img/item-bg-2.jpg) no-repeat center;

  background-size: cover;

  max-width: calc(100% - 60px);

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.our-works-section .works-content .works-item .works-item-single:first-child {

  background: url(../img/item-bg-1.jpg) no-repeat center;

  background-size: cover;

}



.our-works-section .works-content .works-item .works-item-single:last-child {

  background: url(../img/item-bg-3.jpg) no-repeat center;

  background-size: cover;

}



.our-works-section .works-content .works-item .works-item-single::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgb(26 26 26 / 33%);

}



.our-works-section .works-content .works-item .works-item-single::before {

  position: absolute;

  content: '';

  left: 50%;

  bottom: -30px;

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

  transform: translateX(-50%);

  border-left: 20px solid transparent;

  border-right: 20px solid transparent;

  border-top: 30px solid #ffd700;

  z-index: 1;

}



.our-works-section .works-content .works-item .works-item-single i {

  width: 60px;

  height: 60px;

  line-height: 57px;

  background: #ffffff;

  text-align: center;

  display: inline-block;

  z-index: 1;

}



.our-works-section .works-content .works-item .works-item-single i img {

  width: 100%;

}



.our-works-section .works-content .works-item .works-item-single .content {

  padding-left: 16px;

  z-index: 1;

}



.our-works-section .works-content .works-item .works-item-single .content h4 {

  color: #ffffff;

  margin-bottom: 0;

}



.our-works-section .works-content .works-item .works-item-single:last-child {

  margin-bottom: 0;

}



.our-works-section .works-content .works-item .works-item-single:last-child::before {

  display: none;

}



.our-works-section .works-image {

  height: calc(100% - 15px);

  background: url("../img/video-img-1.jpg") no-repeat center;

  background-size: cover;

  position: relative;

  z-index: 1;

}



.our-works-section .works-image::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(26, 26, 26, 0);

  z-index: -2;

}



.our-works-section .works-image::before {

  position: absolute;

  content: '';

  width: 0;

  height: 0;

  bottom: -15px;

  left: -15px;

  border-bottom: 170px solid #b00a01;

  border-right: 170px solid transparent;

  z-index: -1;

}



.our-works-section .works-image img {

  opacity: 0;

}



.our-works-section .works-image .video-btn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 90px;

  height: 90px;

  background-color: #b00a01;

  border-radius: 50%;

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

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

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

}



.our-works-section .works-image .video-btn i {

  color: #ffffff;

}



.our-works-section .works-image .video-btn::after, .our-works-section .works-image .video-btn::before {

  z-index: -1;

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  -webkit-animation: ripple 3s linear infinite;

  animation: ripple 3s linear infinite;

  opacity: 0;

  border-radius: 50%;

  background: #b00a01;

}



.our-works-section .works-image .video-btn::before {

  -webkit-animation-delay: 1s;

          animation-delay: 1s;

}



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

  Projects CSS

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

.finished-projects-section {

  position: relative;

  z-index: 1;

}



.finished-projects-section .bg-image {

  overflow: hidden;

}



.finished-projects-section .bg-image img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 413px;

  z-index: -1;

  -o-object-fit: cover;

     object-fit: cover;

}



.finished-projects-section .bg-image::after {

  position: absolute;

  content: '';

  left: 0;

  top: -1px;

  width: 100%;

  height: 415px;

  background: rgba(255, 249, 233, 0.95);

  z-index: -1;

}



.finished-projects-section .finished-projects-slider {

  margin-bottom: 40px;

}



.finished-projects-section .finished-projects-slider .slider-item {

  overflow: hidden;

}



.finished-projects-section .finished-projects-slider .slider-item .overlay-content {

  position: absolute;

  overflow: hidden;

  width: calc(100% - 30px);

  height: calc(100% - 30px);

  top: 15px;

  left: 15px;

  opacity: 0;

  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;

  text-transform: capitalize;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  background: rgba(26, 26, 26, 0.7);

}



.finished-projects-section .finished-projects-slider .slider-item .overlay-content::before {

  position: absolute;

  content: '';

  top: -50px;

  right: -50px;

  border-top: 100px solid #b00a01;

  border-left: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.finished-projects-section .finished-projects-slider .slider-item .overlay-content h3 a {

  color: #ffffff;

}



.finished-projects-section .finished-projects-slider .slider-item .overlay-content h3 a:hover {

  color: #b00a01;

}



.finished-projects-section .finished-projects-slider .slider-item .image img {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.finished-projects-section .finished-projects-slider .slider-item:hover img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}



.finished-projects-section .finished-projects-slider .slider-item:hover .overlay-content {

  opacity: 1;

}



.finished-projects-section .finished-projects-slider .slider-item:hover .overlay-content::before {

  top: 10px;

  right: 10px;

}



.finished-projects-section .finished-projects-slider .owl-nav {

  position: absolute;

  right: 0;

  top: -60px;

  margin-top: -40px;

}



.finished-projects-section.style-two .bg-image::after {

  background: rgba(0, 30, 76, 0.78);

}



.finished-projects-section.style-two .section-title h2 {

  color: #ffffff;

}



.finished-projects-section.style-two .slider-item .overlay-content {

  background: rgba(0, 30, 76, 0.7);

}



.finished-projects-section.style-two .slider-item .overlay-content::after {

  position: absolute;

  content: '';

  bottom: -50px;

  left: -50px;

  border-bottom: 100px solid #b00a01;

  border-right: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.finished-projects-section.style-two .slider-item:hover .overlay-content::after {

  bottom: 10px;

  left: 10px;

}



.projects-section .projects-item {

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

}



.projects-section .projects-item .overlay-content {

  position: absolute;

  overflow: hidden;

  width: calc(100% - 30px);

  height: calc(100% - 30px);

  top: 15px;

  left: 15px;

  opacity: 0;

  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;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  text-transform: capitalize;

  text-align: center;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  background: rgba(0, 30, 76, 0.7);

}



.projects-section .projects-item .overlay-content::after {

  position: absolute;

  content: '';

  bottom: -50px;

  left: -50px;

  border-bottom: 100px solid #b00a01;

  border-right: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.projects-section .projects-item .overlay-content::before {

  position: absolute;

  content: '';

  top: -50px;

  right: -50px;

  border-top: 100px solid #6eb25d;

  border-left: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.projects-section .projects-item .overlay-content h3 a {

  color: #ffffff;

}



.projects-section .projects-item .overlay-content h3 a:hover {

  color: #b00a01;

}



.projects-section .projects-item .overlay-content p {

  color: #d2d2d2;

}



.projects-section .projects-item .image img {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.projects-section .projects-item:hover img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}



.projects-section .projects-item:hover .overlay-content {

  opacity: 1;

}



.projects-section .projects-item:hover .overlay-content::before {

  top: 10px;

  right: 10px;

}



.projects-section .projects-item:hover .overlay-content::after {

  bottom: 10px;

  left: 10px;

}



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

  Team CSS

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

.team-section, .team-section.team-two {

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.team-section .team-content {

  margin-bottom: 30px;

  padding: 98px 0;

  position: relative;

  z-index: 1;

}



.team-section .team-content::after {

  position: absolute;

  content: '';

  left: -60px;

  top: 0;

  width: 40%;

  height: 100%;

  background: #b00a01;

  z-index: -1;

}



.team-section .team-content h2 {

  line-height: 1.3;

  margin-top: -10px;

  margin-bottom: 15px;

}



.team-section .team-content p {

  margin-bottom: 30px;

}



.team-section .team-content .primary-btn {

  color: #ffffff;

  background: #1a1a1a;

}



.team-section .team-content .primary-btn:hover {

  color: #1a1a1a;

}



.team-section .team-content .primary-btn:hover::before, .team-section .team-content .primary-btn:hover::after {

  background: #ffffff;

  height: 100%;

}



.team-slider .slider-item {

  overflow: hidden;

  max-width: 350px;

}



.team-slider .slider-item .image {

  margin: 0 10px 0;

  overflow: hidden;

}



.team-slider .slider-item .image img {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.team-slider .slider-item .content {

  position: relative;

  overflow: hidden;

  padding: 16px;

  text-align: center;

  background: #1a1a1a;

}



.team-slider .slider-item .content h3 {

  margin-bottom: 0;

}



.team-slider .slider-item .content h3 a {

  color: #ffffff;

}



.team-slider .slider-item .content h3 a:hover {

  color: #b00a01;

}



.team-slider .slider-item .content span {

  color: #d2d2d2;

}



.team-slider .slider-item .overlay-content {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  opacity: 0;

  padding: 25px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.team-slider .slider-item .overlay-content::before {

  position: absolute;

  content: '';

  top: -100px;

  right: 0;

  border-top: 100px solid #6eb25d;

  border-left: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.team-slider .slider-item .overlay-content .social-link {

  display: inline-block;

}



.team-slider .slider-item .overlay-content .social-link a {

  display: block;

  line-height: 0;

  text-align: center;

  background: #1a1a1a;

  color: #b00a01;

  padding: 12px;

  font-size: 12px;

  margin-bottom: 8px;

  margin-right: unset;

  -webkit-transform: rotateY(90deg);

          transform: rotateY(90deg);

}



.team-slider .slider-item .overlay-content .social-link a:hover {

  background: #b00a01;

  color: #1a1a1a;

}



.team-slider .slider-item:hover .image img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}



.team-slider .slider-item:hover .overlay-content {

  opacity: 1;

}



.team-slider .slider-item:hover .overlay-content::before {

  top: -10px;

}



.team-slider .slider-item:hover .overlay-content a {

  -webkit-transform: rotateY(0);

          transform: rotateY(0);

}



.team-slider .owl-nav {

  position: absolute;

  left: -10%;

  bottom: 0;

}



.team-two.team-section {

  background: unset;

}



.team-two.team-section .content {

  text-align: center;

  background: #b00a01;

}



.team-two.team-section .overlay-content {

  height: 70%;

  left: 30px;

  top: 30px;

  width: calc(100% - 60px);

  background: rgba(255, 255, 255, 0.8);

  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;

}



.team-two.team-section .overlay-content::before {

  content: unset;

}



.team-two.team-section .overlay-content .social-link a {

  margin: unset;

  margin-right: 8px;

  display: inline-block;

  background: #b00a01;

}



.team-two.team-section .cta-btn .primary-btn {

  color: #ffffff;

  background: #b00a01;

}



.team-two.team-section .cta-btn .primary-btn::before, .team-two.team-section .cta-btn .primary-btn::after {

  background-color: #b00a01;

}



.team-two.team-section .cta-btn .primary-btn:hover {

  color: #ffffff;

}



.team-members-section .team-item {

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

}



.team-members-section .team-item .image {

  margin: 10px 10px 0;

  overflow: hidden;

}



.team-members-section .team-item .image img {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.team-members-section .team-item .content {

  position: relative;

  overflow: hidden;

  padding: 16px;

  text-align: center;

  background: #b00a01;

}



.team-members-section .team-item .content::before {

  position: absolute;

  content: '';

  right: 0;

  top: 0;

  border-bottom: 100px solid #b00a01;

  border-left: 100px solid transparent;

}



.team-members-section .team-item .content::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  border-top: 100px solid #b00a01;

  border-right: 100px solid transparent;

}



.team-members-section .team-item .content h3 a {

  color: #ffffff;

}



.team-members-section .team-item .content h3 a:hover {

  color: #b00a01;

}



.team-members-section .team-item .content span {

  color: #d2d2d2;

}



.team-members-section .team-item .overlay-content {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  opacity: 0;

  padding: 25px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.team-members-section .team-item .overlay-content::before {

  position: absolute;

  content: '';

  top: -100px;

  right: 0;

  border-top: 100px solid #6eb25d;

  border-left: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.team-members-section .team-item .overlay-content .social-link {

  display: inline-block;

}



.team-members-section .team-item .overlay-content .social-link a {

  display: block;

  line-height: 0;

  text-align: center;

  background: #b00a01;

  color: #b00a01;

  padding: 12px;

  font-size: 12px;

  margin-bottom: 8px;

  margin-right: unset;

  -webkit-transform: rotateY(90deg);

          transform: rotateY(90deg);

}



.team-members-section .team-item .overlay-content .social-link a:hover {

  background: #b00a01;

  color: #1a1a1a;

}



.team-members-section .team-item:hover .image img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}



.team-members-section .team-item:hover .overlay-content {

  opacity: 1;

}



.team-members-section .team-item:hover .overlay-content::before {

  top: -10px;

}



.team-members-section .team-item:hover .overlay-content a {

  -webkit-transform: rotateY(0);

          transform: rotateY(0);

}



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

  Testimonials CSS

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

.testimonial-section {

  position: relative;

  overflow: hidden;

  z-index: 1;

  background: url(../img/testimonial-bg.jpg) no-repeat top;

}



.testimonial-section::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  max-height: 413px;

  background: rgba(26, 26, 26, 0.7);

  z-index: -1;

}



.testimonial-section .testimonial-image {

  position: absolute;

  width: 100%;

  padding-right: 30px;

}



.testimonial-section .testimonial-image img {

  width: 100%;

  height: unset;

}



.testimonial-section .team-content h2 {

  margin-bottom: 25px;

  color: #ffffff;

}



.testimonial-section .testimonial-slider {

  background: #fff3cf;

}



.testimonial-section .testimonial-slider .slider-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  display: -ms-block;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  text-align: center;

  padding: 50px 70px;

}



.testimonial-section .testimonial-slider .slider-item i {

  font-size: 50px;

}



.testimonial-section .testimonial-slider .slider-item p {

  font-size: 25px;

  color: #1a1a1a;

  font-weight: 600;

  margin-top: 20px;

  margin-bottom: 20px;

  line-height: 1.6;

}



.testimonial-section .testimonial-slider .slider-item .client-img {

  position: relative;

  margin-bottom: 20px;

}



.testimonial-section .testimonial-slider .slider-item .client-img::after {

  position: absolute;

  content: '';

  right: -5px;

  bottom: -5px;

  border-bottom: 40px solid #b00a01;

  border-left: 40px solid transparent;

  z-index: -1;

}



.testimonial-section .testimonial-slider .slider-item .client-info h6 {

  margin: 0;

  font-size: 18px;

}



.testimonial-section .testimonial-slider .owl-nav {

  position: absolute;

  right: -15%;

  top: 30%;

}



.testimonial-section.testimonial-two::after, .testimonial-section.testimonial-three::after {

  background: rgba(0, 30, 76, 0.7);

}



.testimonial-section.testimonial-two .testimonial-slider::before, .testimonial-section.testimonial-three .testimonial-slider::before {

  position: absolute;

  content: '';

  bottom: 10px;

  right: 10px;

  border-bottom: 100px solid #b00a01;

  border-left: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  z-index: 1;

}



.testimonial-section.testimonial-two .testimonial-slider::after, .testimonial-section.testimonial-three .testimonial-slider::after {

  position: absolute;

  content: '';

  top: 10px;

  left: 10px;

  border-top: 100px solid #b00a01;

  border-right: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  z-index: 1;

}



.testimonial-section.testimonial-two .section-title h2, .testimonial-section.testimonial-three .section-title h2 {

  color: #ffffff;

}



.testimonial-section.testimonial-two .owl-nav, .testimonial-section.testimonial-three .owl-nav {

  position: unset;

  right: unset;

  top: unset;

}



.testimonial-section.testimonial-two .owl-nav button, .testimonial-section.testimonial-three .owl-nav button {

  top: 50%;

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

          transform: translateY(-50%);

  position: absolute;

}



.testimonial-section.testimonial-two .owl-nav .owl-prev, .testimonial-section.testimonial-three .owl-nav .owl-prev {

  left: -50px;

}



.testimonial-section.testimonial-two .owl-nav .owl-next, .testimonial-section.testimonial-three .owl-nav .owl-next {

  right: -50px;

}



.testimonial-section.testimonial-three {

  background: #fffdf8;

  background: unset;

}



.testimonial-section.testimonial-three .section-title h2 {

  margin-top: -10px;

}



.testimonial-section.testimonial-three::after {

  content: none;

  content: unset;

}



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

  Blog CSS

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

.blog-section .owl-nav, .blog-grid .owl-nav {

  position: absolute;

  right: 0;

  top: -60px;

  margin-top: -40px;

}



.blog-item-single {

  margin-bottom: 30px;

  background: #ffffff;

}



.blog-item-single .blog-item-img {

  overflow: hidden;

  position: relative;

  margin-bottom: 20px;

}



.blog-item-single .blog-item-img .overlay-content {

  position: absolute;

  overflow: hidden;

  width: calc(100% - 20px);

  height: calc(100% - 20px);

  top: 10px;

  left: 10px;

  opacity: 0;

  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;

  text-transform: capitalize;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  background: rgba(26, 26, 26, 0.7);

}



.blog-item-single .blog-item-img .overlay-content::before {

  position: absolute;

  content: '';

  top: -50px;

  right: -50px;

  border-top: 100px solid #6eb25d;

  border-left: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.blog-item-single .blog-item-img .overlay-content::after {

  position: absolute;

  content: '';

  bottom: -50px;

  left: -50px;

  border-bottom: 100px solid #6eb25d;

  border-right: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.blog-item-single .blog-item-img .overlay-content a {

  font-size: 32px;

  color: #ffffff;

}



.blog-item-single .blog-item-img .overlay-content a:hover {

  color: #b00a01;

}



.blog-item-single .blog-item-img .image img {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.blog-item-single .blog-item-img:hover .overlay-content {

  opacity: 1;

}



.blog-item-single .blog-item-img:hover .overlay-content::before {

  top: 10px;

  right: 10px;

}



.blog-item-single .blog-item-img:hover .overlay-content::after {

  bottom: 10px;

  left: 10px;

}



.blog-item-single .blog-item-img .tag {

  position: absolute;

  top: 10px;

  left: 10px;

  padding: 6px 6px 8px;

  text-align: center;

  background: #1a1a1a;

}



.blog-item-single .blog-item-img .tag span {

  font-size: 18px;

  font-weight: 500;

  display: block;

}



.blog-item-single .blog-item-img .tag span:first-child {

  border-bottom: 2px solid #2c2c2c;

  color: #ffffff;

}



.blog-item-single .blog-item-img .tag span:last-child {

  color: #b00a01;

}



.blog-item-single .blog-item-content {

  padding: 0 15px 20px 15px;

}



.blog-item-single .read-more-btn {

  font-weight: 600;

}



.blog-item-single .read-more-btn i {

  vertical-align: -2px;

  color: #b00a01;

}



.blog-grid .blog-item-img .overlay-content {

  background: rgba(0, 30, 76, 0.7);

}



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

  Partner CSS

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

.partner-area .partner-slider .slider-item, .partner-two .partner-slider .slider-item {

  position: relative;

  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;

}



.partner-area .partner-slider .slider-item img, .partner-two .partner-slider .slider-item img {

  cursor: pointer;

  width: auto;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.partner-area .partner-slider .slider-item img:last-child, .partner-two .partner-slider .slider-item img:last-child {

  position: absolute;

  top: 0;

  left: 50%;

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

          transform: translateX(-50%);

  opacity: 0;

}



.partner-area .partner-slider .slider-item:hover img:first-child, .partner-two .partner-slider .slider-item:hover img:first-child {

  opacity: 0;

}



.partner-area .partner-slider .slider-item:hover img:last-child, .partner-two .partner-slider .slider-item:hover img:last-child {

  opacity: 1;

}



.partner-two {

  padding: 15px 0;

  position: relative;

  z-index: 1;

  overflow: hidden;

  background: url(../img/service-bg-1.jpg) no-repeat center;

  background-size: cover;

}



.partner-two::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: .9;

  background: #fff9e9;

  z-index: -1;

}



.partner-two .partner-slider .slider-item {

  -webkit-transition: 0.5s;

  transition: 0.5s;

  padding: 40px 20px;

}



.partner-two .partner-slider .slider-item:hover {

  background: #b00a01;

}



.partner-two .partner-slider .slider-item img:last-child {

  top: 50%;

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

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

}



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

  Newsletter CSS

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

.newsletter-section, .newsletter-section.newsletter-three {

  position: relative;

  background: url(../img/newsletter-bg-1a.jpg) no-repeat center;

  background-size: cover;

  background-position: center;

  z-index: 1;

}



.newsletter-section::after, .newsletter-section.newsletter-three::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(26, 26, 26, 0.5);

  z-index: -1;

}



.newsletter-section::before, .newsletter-section.newsletter-three::before {

  position: absolute;

  content: '';

  right: 0;

  top: 0;

  width: 50%;

  height: 100%;

  background: rgba(26, 26, 26, 0.9);

  z-index: -1;

}



.newsletter-section .newsletter-content {

  padding-left: 30px;

}



.newsletter-section .newsletter-content h2 {

  color: #ffffff;

  line-height: 1.3;

  margin-top: -10px;

  margin-bottom: 15px;

}



.newsletter-section .newsletter-content p {

  color: #d2d2d2;

  margin-bottom: 30px;

}



.newsletter-section .newsletter-content .newsletter-form .form-control {

  color: #d2d2d2;

  height: auto;

  background: transparent;

  border-radius: 0;

  border: 1px solid #b00a01;

}



.validation-danger,

.validation-success {

  position: relative;

  padding: 10px;

  width: 50%;

  margin-top: 15px;

  text-align: center;

}



.validation-danger {

  color: #ffffff;

  background: var(--danger);

}



.validation-danger::after {

  position: absolute;

  content: '';

  top: -15px;

  left: 50%;

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

          transform: translateX(-50%);

  border-left: 20px solid transparent;

  border-right: 20px solid transparent;

  border-bottom: 30px solid var(--danger);

}



.validation-success {

  color: #ffffff;

  background: var(--success);

}



.help-block ul li {

  position: relative;

  padding: 5px;

  width: 50%;

  margin-top: 8px;

  text-align: center;

  font-size: 12px;

  color: #ffffff;

  background: var(--danger);

}



.help-block ul li::after {

  position: absolute;

  content: '';

  top: -8px;

  left: 50%;

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

          transform: translateX(-50%);

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 16px solid var(--danger);

}



#msgSubmit {

  font-size: 20px;

  margin-top: 8px;

}



.newsletter-section.newsletter-two {

  background: unset;

}



.newsletter-section.newsletter-two::before {

  content: unset;

}



.newsletter-section.newsletter-two::after {

  content: unset;

}



.newsletter-section.newsletter-two .content-container {

  position: relative;

  z-index: 1;

  background: url(../img/newsletter-bg-2.jpg) no-repeat center;

  position: relative;

  background-size: cover;

}



.newsletter-section.newsletter-two .content-container::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: -webkit-gradient(linear, left top, right top, from(rgba(26, 26, 26, 0.9)), to(rgba(26, 26, 26, 0.3)));

  background: linear-gradient(to right, rgba(26, 26, 26, 0.9) 0%, rgba(26, 26, 26, 0.3) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61a1a1a', endColorstr='#4d1a1a1a',GradientType=1 );

}



.newsletter-section.newsletter-two .newsletter-content h2 {

  margin-bottom: 20px;

}



.newsletter-three.newsletter-section {

  background: url(../img/newsletter-bg-1.jpg) no-repeat center;

  background-size: cover;

  background-position: top;

}



.newsletter-three.newsletter-section::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 30, 76, 0.9)), to(rgba(0, 30, 76, 0.3)));

  background: linear-gradient(to right, rgba(0, 30, 76, 0.9) 0%, rgba(0, 30, 76, 0.3) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6001e4c', endColorstr='#4d001e4c',GradientType=1 );

  z-index: -1;

}



.newsletter-three.newsletter-section::before {

  content: unset;

}



.newsletter-three.newsletter-section .newsletter-content h2 {

  margin-bottom: 20px;

}



.newsletter-three.newsletter-section .newsletter-content {

  padding-left: 0;

}



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

  Instrument CSS

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

.instrument-section {

  position: relative;

  overflow: hidden;

}



.instrument-section .instrument-content {

  max-width: 420px;

  margin-bottom: 30px;

  padding-right: 15px;

}



.instrument-section .instrument-content h2 {

  margin-bottom: 25px;

  line-height: 1.3;

}



.instrument-section .instrument-content h2 span {

  color: #b00a01;

}



.instrument-section .instrument-content p {

  margin-bottom: 20px;

}



.instrument-section .instrument-content p:last-child {

  margin-bottom: 0;

}



.instrument-section .video-content {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  min-height: 100%;

  margin-bottom: 30px;

}



.instrument-section .video-content .video-btn {

  position: relative;

  display: block;

  text-align: center;

  width: 90px;

  height: 90px;

  line-height: 90px;

  background-color: #b00a01;

  border-radius: 50%;

  z-index: 1;

  margin-left: auto;

  margin-right: auto;

}



.instrument-section .video-content .video-btn i {

  color: #ffffff;

}



.instrument-section .video-content .video-btn::after, .instrument-section .video-content .video-btn::before {

  z-index: -1;

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  -webkit-animation: ripple 2s infinite;

          animation: ripple 2s infinite;

  opacity: 0;

  border-radius: 50%;

  background: #b00a01;

}



.instrument-section .video-content .video-btn::after {

  -webkit-animation-delay: .4s;

          animation-delay: .4s;

}



.instrument-section .video-content .video-btn::before {

  -webkit-animation-delay: .9s;

          animation-delay: .9s;

}



.instrument-section .video-content .video-image {

  position: absolute;

  width: 100%;

}



.instrument-section .video-content .video-image::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(26, 26, 26, 0.5);

}



.instrument-section .video-content .video-image img {

  width: 100%;

  max-width: unset;

}



.instrument-section .instrument-slider .slider-item {

  overflow: hidden;

}



.instrument-section .instrument-slider .slider-item .overlay-content {

  position: absolute;

  overflow: hidden;

  width: calc(100% - 30px);

  height: calc(100% - 30px);

  top: 15px;

  left: 15px;

  opacity: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  text-align: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  text-transform: capitalize;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  background: rgba(0, 30, 76, 0.7);

}



.instrument-section .instrument-slider .slider-item .overlay-content::before {

  position: absolute;

  content: '';

  top: -50px;

  right: -50px;

  border-top: 100px solid #b00a01;

  border-left: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.instrument-section .instrument-slider .slider-item .overlay-content::after {

  position: absolute;

  content: '';

  bottom: -50px;

  left: -50px;

  border-bottom: 100px solid #b00a01;

  border-right: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.instrument-section .instrument-slider .slider-item .overlay-content h3 a {

  color: #ffffff;

}



.instrument-section .instrument-slider .slider-item .overlay-content h3 a:hover {

  color: #b00a01;

}



.instrument-section .instrument-slider .slider-item .image img {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.instrument-section .instrument-slider .slider-item:hover img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}



.instrument-section .instrument-slider .slider-item:hover .overlay-content {

  opacity: 1;

}



.instrument-section .instrument-slider .slider-item:hover .overlay-content::before {

  top: 10px;

  right: 10px;

}



.instrument-section .instrument-slider .slider-item:hover .overlay-content::after {

  bottom: 10px;

  left: 10px;

}



.instrument-section .instrument-slider .owl-nav {

  margin-top: 30px;

  text-align: center;

}



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

  Map CSS

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

.map-section {

  overflow: hidden;

}



.map-section .map-content {

  position: relative;

}



.map-section .map-content .map-pin {

  position: absolute;

  cursor: pointer;

  width: 52px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.map-section .map-content .map-pin .pin-content {

  position: absolute;

  top: -50px;

  right: -170px;

  padding: 16px 16px;

  border-radius: 5px;

  opacity: 0;

  visibility: hidden;

  color: #ffffff;

  background: #da4a54;

  -webkit-transform: rotateY(90deg);

          transform: rotateY(90deg);

  -webkit-transition: 0.5s;

  transition: 0.5s;

  z-index: 1;

}



.map-section .map-content .map-pin:hover {

  width: 62px;

}



.map-section .map-content .map-pin:hover .pin-content {

  opacity: 1;

  visibility: visible;

  -webkit-transform: unset;

          transform: unset;

}



.map-section .map-content .active .pin-content {

  opacity: 1;

  visibility: visible;

  -webkit-transform: unset;

          transform: unset;

}



.map-section .map-content .pin-1 {

  left: 20%;

}



.map-section .map-content .pin-2 {

  right: 20%;

}



.map-section .map-content .pin-3 {

  top: 35%;

}



.map-section .map-content .pin-4 {

  top: 30%;

  left: 50%;

}



.map-section .map-content .pin-5 {

  bottom: 0;

  left: 30%;

}



.map-section .map-content .pin-6 {

  right: 0;

  bottom: 0;

}



.map-section .map-content .pin-6 .pin-content {

  left: -170px;

  right: unset;

}



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

  Amazing Projects CSS

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

.amazing-projects-section {

  position: relative;

  overflow: hidden;

}



.amazing-projects-section .projects-content {

  margin-bottom: 30px;

  padding: 83px 0;

  position: relative;

  z-index: 1;

}



.amazing-projects-section .projects-content::after {

  position: absolute;

  content: '';

  left: -60px;

  top: 0;

  width: 40%;

  height: 100%;

  background: #b00a01;

  z-index: -1;

}



.amazing-projects-section .projects-content h2 {

  color: #b00a01;

  line-height: 1.3;

  margin-top: -10px;

  margin-bottom: 15px;

}



.amazing-projects-section .projects-content p {

  margin-bottom: 30px;

}



.amazing-projects-section .projects-content .primary-btn {

  color: #ffffff;

  background: #b00a01;

}



.amazing-projects-slider {

  margin-bottom: 30px;

}



.amazing-projects-slider .slider-item {

  overflow: hidden;

}



.amazing-projects-slider .slider-item .overlay-content {

  position: absolute;

  overflow: hidden;

  width: calc(100% - 30px);

  height: calc(100% - 30px);

  top: 15px;

  left: 15px;

  opacity: 0;

  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;

  text-transform: capitalize;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  background: rgba(26, 26, 26, 0.7);

}

.fluid img{

  width: 100%;

  height: 380px;

  padding-bottom: 20px;

  object-fit: cover;

}



.amazing-projects-slider .slider-item .overlay-content::before {

  position: absolute;

  content: '';

  top: -50px;

  right: -50px;

  border-top: 100px solid #6eb25d;

  border-left: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.amazing-projects-slider .slider-item .overlay-content h3 a {

  color: #ffffff;

}



.amazing-projects-slider .slider-item .overlay-content h3 a:hover {

  color: #b00a01;

}



.amazing-projects-slider .slider-item .image img {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.amazing-projects-slider .slider-item:hover img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}



.amazing-projects-slider .slider-item:hover .overlay-content {

  opacity: 1;

}



.amazing-projects-slider .slider-item:hover .overlay-content::before {

  top: 10px;

  right: 10px;

}



.amazing-projects-slider .owl-nav {

  position: absolute;

  left: -10%;

  bottom: 0;

}



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

  Build CSS

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

.renovate-section, .build-section {

  position: relative;

  z-index: 1;

}



.renovate-section::after, .build-section::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 40%;

  height: 60%;

  background: #b00a01;

  z-index: -1;

}



.renovate-section .content, .build-section .content {

  margin-bottom: 30px;

}



.renovate-section .content h2, .build-section .content h2 {

  margin-bottom: 25px;

  margin-top: -10px;

  line-height: 1.3;

}



.renovate-section .content h2 span, .build-section .content h2 span {

  color: #b00a01;

}



.renovate-section .content p:nth-child(3), .build-section .content p:nth-child(3) {

  margin-bottom: 25px;

}



.renovate-section .content p:nth-child(5), .build-section .content p:nth-child(5) {

  margin-bottom: 30px;

}



.renovate-section .content .item-list, .build-section .content .item-list {

  margin-bottom: 25px;

}



.renovate-section .content .item-list ul, .build-section .content .item-list ul {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.renovate-section .content .item-list ul li, .build-section .content .item-list ul li {

  display: block;

  font-weight: 500;

  margin-bottom: 6px;

  padding-left: 25px;

  position: relative;

  line-height: 1.8;

  color: #1a1a1a;

}



.renovate-section .content .item-list ul li:last-child, .build-section .content .item-list ul li:last-child {

  margin-bottom: 0;

}



.renovate-section .content .item-list ul li i, .build-section .content .item-list ul li i {

  margin-left: -25px;

  margin-right: 5px;

  color: #b00a01;

  vertical-align: -2px;

}



.renovate-section .content .cta-btn .primary-btn, .build-section .content .cta-btn .primary-btn {

  color: #ffffff;

  background: #b00a01;

}



.renovate-section .content .cta-btn .primary-btn::before, .build-section .content .cta-btn .primary-btn::before, .renovate-section .content .cta-btn .primary-btn::after, .build-section .content .cta-btn .primary-btn::after {

  background-color: #b00a01;

}



.renovate-section .content .cta-btn .primary-btn:hover, .build-section .content .cta-btn .primary-btn:hover {

  color: #ffffff;

}



.renovate-section .image-content, .build-section .image-content {

  margin-bottom: 30px;

  position: relative;

}



.renovate-section .image-content::before, .build-section .image-content::before {

  position: absolute;

  content: '';

  left: 50%;

  top: 50%;

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

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

  border-left: 20px solid transparent;

  border-right: 20px solid transparent;

  border-top: 30px solid #b00a01;

  z-index: 1;

}



.build-section::after {

  position: absolute;

  content: '';

  left: none !important;

  left: unset;

  right: 0 !important;

  top: 0;

  width: 40%;

  height: 60%;

  background: #b00a01;

  z-index: -1;

}



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

  Quote CSS

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

.quote-section {

  position: relative;

  z-index: 1;

  background: url(../img/testimonial-bg.jpg) no-repeat top;

}



.quote-section::after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  max-height: 413px;

  background: rgba(0, 30, 76, 0.7);

  z-index: -1;

}



.quote-section .contact-form {

  position: relative;

  padding: 45px;

  background: #fff3cf;

  margin-bottom: 30px;

}



.quote-section .contact-form::after {

  position: absolute;

  content: '';

  top: 10px;

  left: 10px;

  border-top: 100px solid #b00a01;

  border-right: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  z-index: 1;

}



.quote-section .contact-form h2 {

  text-align: center;

  margin-bottom: 25px;

  margin-top: -10px;

  line-height: 1.3;

}



.quote-section .contact-form h2 span {

  color: #b00a01;

}



.quote-section .contact-form .primary-btn {

  width: 100%;

}



.quote-section .contact-form .nice-select {

  float: unset;

  line-height: 58px;

  color: #a5a5a5;

  text-transform: capitalize;

  padding-top: 0;

  padding-bottom: 0;

}



.quote-section .contact-form .nice-select .list {

  background-color: #ffffff;

  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);

          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);

  border-radius: 0;

  margin-top: -1px;

  width: 100%;

  padding-top: 10px;

  padding-bottom: 10px;

}



.quote-section .contact-form .nice-select .list .option {

  -webkit-transition: .6s;

  transition: .6s;

  color: #a5a5a5;

  font-size: 14px;

  line-height: 25px;

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 20px;

  padding-right: 10px;

}



.quote-section .contact-form .nice-select .list .option.selected {

  background-color: transparent;

  font-weight: 500;

  color: #2c2c2c;

}



.quote-section .contact-form .nice-select::after {

  border: none;

  -webkit-transform: rotate(0deg);

          transform: rotate(0deg);

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

  border-top: 8px solid #b00a01;

}



.quote-section .contact-form .open:after {

  border-top: none;

  border-bottom: 8px solid #b00a01;

}



.quote-section .image {

  margin-bottom: 30px;

}



.form-check {

  padding-left: 0;

}



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

  Faq CSS

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

.faq-section {

  background-color: #dcd7ca !important;

  background: url(../img/faq-bg.png) no-repeat center;

  background-size: cover;

}



.faq-section .panel-group {

  margin-bottom: 15px;

}



.faq-section .panel-group .panel {

  border-radius: 0;

  margin-bottom: 15px;

  overflow: hidden;

}



.faq-section .panel-group .panel .panel-heading {

  padding: 0;

  background: #ffffff;

  position: relative;

}



.faq-section .panel-group .panel-title {

  margin: 0;

}



.faq-section .panel-group .panel-title a {

  display: block;

  padding: 25px 20px;

  font-size: 16px;

  font-weight: 600;

  color: #1a1a1a;

}



.faq-section .panel-group .panel-title a:before {

  content: "";

  position: absolute;

  top: 50%;

  right: 20px;

  border-top: none;

  border-bottom: 8px solid #b00a01;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

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

          transform: translateY(-50%);

}



.faq-section .panel-group .panel-title a.collapsed:before {

  content: "";

  position: absolute;

  top: 50%;

  right: 20px;

  border-bottom: none;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

  border-top: 8px solid #b00a01;

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

          transform: translateY(-50%);

}



.faq-section .panel-group .panel-title a.collapsed::after {

  content: "";

  position: absolute;

  top: 5px;

  height: calc(100% - 10px);

  left: 6px;

  width: 2px;

  background: #b00a01;

}



.faq-section .panel-group .panel-body {

  padding: 25px 20px;

  border: 0;

  background: #ffffff;

  position: relative;

  margin-top: 2px;

}



.faq-section .panel-group .panel-body::after {

  content: "";

  position: absolute;

  top: 5px;

  height: calc(100% - 10px);

  left: 6px;

  width: 2px;

  background: #b00a01;

}



.faq-section .panel-group .panel-body p {

  color: #1a1a1a;

  margin: 0;

}



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

  Count CSS

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

.count-section {

  position: relative;

  overflow: hidden;

  background: url(../img/count-bg.png) no-repeat center;

  background-size: cover;

}



.count-section:after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #fff9e9;

  z-index: -1;

}



.count-section .content {

  position: relative;

  overflow: hidden;

  padding: 80px 20px;

  text-align: center;

  z-index: 1;

  margin-bottom: 30px;

}



.count-section .content:after {

  position: absolute;

  content: '';

  left: 10px;

  top: 10px;

  border-top: 100px solid #b00a01;

  border-right: 100px solid transparent;

}



.count-section .content::before {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 30, 76, 0.9);

  z-index: -1;

}



.count-section .content h2 {

  line-height: 1.3;

  margin: 0;

  margin-top: -5px;

  color: #b00a01;

}



.count-section .content h2 span {

  color: #b00a01;

}



.count-section .content span {

  color: #ffffff;

}



.count-section [class*=col-]:nth-child(1) .content {

  background: url(../img/item-bg-1.jpg) no-repeat center;

  background-size: cover;

}



.count-section [class*=col-]:nth-child(2) .content {

  background: url(../img/item-bg-2.jpg) no-repeat center;

  background-size: cover;

}



.count-section [class*=col-]:nth-child(3) .content {

  background: url(../img/item-bg-3.jpg) no-repeat center;

  background-size: cover;

}



.count-section [class*=col-]:nth-child(4) .content {

  background: url(../img/project-bg-1.jpg) no-repeat center;

  background-size: cover;

}



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

  Blog Details CSS

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

.blog-details-area {

  overflow: hidden;

}



.blog-details-area .blog-details-desc {

  padding-left: 40px;

  margin-bottom: 30px;

}



.blog-details-area .blog-details-desc .image {

  margin-bottom: 25px;

}



.blog-details-area .blog-details-desc .content {

  margin-bottom: 25px;

}



.blog-details-area .blog-details-desc .content h2 {

  font-size: 40px;

  line-height: 1.3;

  margin-top: -5px;

  color: #b00a01;

  margin-bottom: 20px;

  text-transform: capitalize;

}



.blog-details-area .blog-details-desc .content p {

  color: #2c2c2c;

}



.blog-details-area .blog-details-desc .post-meta {

  padding: 0;

  margin: 0;

  margin-bottom: 25px;

}



.blog-details-area .blog-details-desc .post-meta li {

  color: #b00a01;

  display: inline-block;

  font-weight: 500;

  font-size: 14px;

  margin-right: 10px;

  padding: 8px 10px;

  background: #b00a01;

}



.blog-details-area .blog-details-desc .post-meta li:last-child {

  margin-right: 0px;

}



.blog-details-area .blog-details-desc .post-meta li:hover a {

  color: #ffffff;

}



.blog-details-area .blog-details-desc .blog-details-slider {

  margin-bottom: 25px;

  position: relative;

}



.blog-details-area .blog-details-desc .blog-details-slider .owl-nav {

  position: absolute;

  right: 20px;

  bottom: 20px;

}



.blog-details-area .blog-details-desc .article-share {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  margin-bottom: 25px;

}



.blog-details-area .blog-details-desc .article-share span {

  color: #1a1a1a;

  text-transform: capitalize;

  margin-right: 5px;

  font-weight: 600;

}



.blog-details-area .blog-details-desc .social-link a {

  font-size: 14px;

  padding: 8px 12px;

  margin-right: 5px;

}



.blog-details-area .blog-details-desc .social-link a:last-child {

  margin-right: 0;

}



.blog-details-area .blog-details-desc hr {

  margin-top: 0;

  margin-bottom: 25px;

}



.blog-details-area .blog-details-desc .comment-reply #commentForm .form-control {

  background: #fff9e9;

  border: 1px solid #b00a01;

}



.blog-details-area .blog-details-desc .comment-reply #commentForm .primary-btn {

  width: 100%;

  color: #ffffff;

  background: #b00a01;

}



.blog-details-area .blog-details-desc .comment-reply #commentForm .primary-btn::before, .blog-details-area .blog-details-desc .comment-reply #commentForm .primary-btn::after {

  background-color: #b00a01;

}



.blog-details-area .blog-details-desc .comment-reply #commentForm .primary-btn:hover {

  color: #ffffff;

}



.blog-details-area .blog-details-desc .comments-area {

  margin-bottom: 25px;

}



.blog-details-area .blog-details-desc .comments-area .comment-list {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.blog-details-area .blog-details-desc .comments-area .comment-list .comment {

  margin-bottom: 15px;

}



.blog-details-area .blog-details-desc .comments-area .comment-list .comment:last-child {

  margin-bottom: 0;

}



.blog-details-area .blog-details-desc .comments-area .comment-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  background: #fff9e9;

  padding: 20px 15px;

}



.blog-details-area .blog-details-desc .comments-area .comment-body .comment-author {

  overflow: hidden;

}



.blog-details-area .blog-details-desc .comments-area .comment-body .comment-author .avatar {

  width: 90px;

}



.blog-details-area .blog-details-desc .comments-area .comment-body .comment-content {

  padding-left: 16px;

}



.blog-details-area .blog-details-desc .comments-area .comment-body .comment-content .comment-metadata .name {

  color: #2c2c2c;

  font-size: 16px;

  font-weight: bold;

  margin: 0;

}



.blog-details-area .blog-details-desc .comments-area .comment-body .comment-content .comment-metadata .time {

  color: #2c2c2c;

  font-size: 12px;

}



.blog-details-area .blog-details-desc .comments-area .comment-body .comment-content .comment-metadata .reply {

  float: right;

  margin-top: -20px;

}



.blog-details-area .blog-details-desc .comments-area .comment-body .comment-content .comment-metadata .reply .primary-btn {

  padding: 0 20px;

  color: #ffffff;

}



.blog-details-area .blog-details-desc .comments-area .comment-body .comment-content p {

  margin-top: 5px;

  font-size: 15px;

}



.blog-details-area .tags a {

  display: inline-block;

  text-align: center;

  background: #fff9e9;

  color: #1a1a1a;

  border: 1px solid #b00a01;

  padding: 8px 12px;

  font-size: 14px;

  margin-right: 5px;

}



.blog-details-area .tags a:hover {

  color: #1a1a1a;

}



.blog-details-area .tags a:last-child {

  margin-right: 0px;

}



.blog-details-area .widget-area {

  margin-bottom: 30px;

}



.blog-details-area .widget-area .widget {

  margin-bottom: 25px;

}



.blog-details-area .widget-area .widget-gallery {

  margin-bottom: 10px;

}



.blog-details-area .widget-area .gallery-item img {

  margin-bottom: 20px;

}



.blog-details-area .widget-area .widget-search .search-form {

  position: relative;

  background-color: #ffffff;

}



.blog-details-area .widget-area .widget-search .search-form .search-field {

  color: #2c2c2c;

  display: block;

  width: 100%;

  height: 68px;

  padding: 0 0 0 15px;

  border: none;

  font-weight: 600;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  background: #fff9e9;

  border: 1px solid #b00a01;

  -webkit-box-shadow: 0 0 20px -2px rgba(106, 99, 119, 0.1);

          box-shadow: 0 0 20px -2px rgba(106, 99, 119, 0.1);

}



.blog-details-area .widget-area .widget-search .search-form button {

  border: none;

  color: #b00a01;

  position: absolute;

  right: 20px;

  top: 50%;

  font-size: 18px;

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

          transform: translateY(-50%);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.blog-details-area .widget-area .widget-article .article-item {

  margin-bottom: 16px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

}



.blog-details-area .widget-area .widget-article .article-item .info {

  padding-left: 16px;

}



.blog-details-area .widget-area .widget-article .article-item .title {

  margin-top: 5px;

  font-size: 18px;

}



.blog-details-area .widget-area .widget-article .article-item:last-child {

  margin-bottom: 0;

}



.blog-details-area .widget-area .widget-categories .category-list {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.blog-details-area .widget-area .widget-categories .category-list li {

  position: relative;

  padding: 12px 14px;

  background: #fff9e9;

  margin-bottom: 16px;

}



.blog-details-area .widget-area .widget-categories .category-list li:last-child {

  margin-bottom: 0;

}



.blog-details-area .widget-area .widget-categories .category-list li a {

  font-weight: 600;

  text-transform: capitalize;

  color: #b00a01;

}



.blog-details-area .widget-area .widget-categories .category-list li i {

  vertical-align: middle;

  margin-right: 8px;

  color: #b00a01;

}



.blog-details-area .widget-area .tags a {

  margin-bottom: 10px;

}



.blog-details-area .widget-area .contact-form {

  position: relative;

  padding: 25px 25px;

  background: #fff3cf;

}



.blog-details-area .widget-area .contact-form .primary-btn {

  width: 100%;

  color: #ffffff;

  background: #b00a01;

}



.blog-details-area .widget-area .contact-form .primary-btn::before, .blog-details-area .widget-area .contact-form .primary-btn::after {

  background-color: #b00a01;

}



.blog-details-area .widget-area .contact-form .primary-btn:hover {

  color: #ffffff;

}



.blog-details-area h3.sub-title {

  line-height: 1;

  margin-bottom: 20px;

  text-transform: capitalize;

  color: #b00a01;

}



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

  Page Title CSS

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

.page-title-area {

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.page-title-area::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 30, 76, 0.9)), to(rgba(0, 30, 76, 0.3)));

  background: linear-gradient(to right, rgb(7 7 7 / 55%) 0%, rgb(0 0 0 / 38%) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6001e4c', endColorstr='#4d001e4c',GradientType=1 );

  z-index: -1;

}



.page-title-area .bg-image img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -2;

  -o-object-fit: cover;

     object-fit: cover;

}



.page-title-area .page-title-content {

  text-transform: capitalize;

}



.page-title-area .page-title-content h1 {

  color: #ffffff;

  margin-bottom: 20px;

  margin-top: -10px;

  line-height: 1.2;

}



.page-title-area .page-title-content ul {

  padding: 0;

  margin: 0;

}



.page-title-area .page-title-content ul li {

  margin-right: 10px;

  padding-left: 15px;

  display: inline-block;

}



.page-title-area .page-title-content ul li:first-child {

  padding-left: 0;

}



.page-title-area .page-title-content ul li i {

  font-size: 14px;

  margin-left: -20px;

  margin-right: 10px;

  color: #b00a01;

  vertical-align: -1px;

}



.page-title-area .page-title-content ul li a {

  color: #ffffff;

}



.page-title-area .page-title-content ul li a:hover {

  color: #b00a01;

}



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

  Authentication CSS

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

.authentication-section .authentication-tabs {

  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;

  margin-bottom: 30px;

  overflow: hidden;

}



.authentication-section .authentication-tabs .tab-item {

  color: #1a1a1a;

  font-weight: 500;

  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;

  padding: 15px 60px;

  border-bottom: 2px solid #d2d2d2;

  cursor: pointer;

}



.authentication-section .authentication-tabs .tab-item.active {

  color: #b00a01;

  border-bottom: 2px solid #b00a01;

}



.authentication-section .authentication-tabs-content .tab-panel {

  display: none;

}



.authentication-section .authentication-tabs-content .tab-panel.active {

  display: block;

  -webkit-animation: flipInY 1s 1 linear;

          animation: flipInY 1s 1 linear;

}



.authentication-section .authentication-form {

  background: #ffffff;

  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

  padding: 40px;

  border-radius: 5px;

  max-width: 600px;

  margin: auto;

}



.authentication-section .authentication-form .checkbox label {

  position: relative;

  padding-left: 28px;

  cursor: pointer;

  line-height: 20px;

  font-weight: 500;

  font-size: 14px;

  display: inline-block;

  margin-bottom: 0;

  color: #1a1a1a;

}



.authentication-section .authentication-form .checkbox label a {

  color: #b00a01;

}



.authentication-section .authentication-form .checkbox [type="checkbox"]:checked,

.authentication-section .authentication-form .checkbox [type="checkbox"]:not(:checked) {

  display: none;

}



.authentication-section .authentication-form .checkbox [type="checkbox"]:checked + label:after,

.authentication-section .authentication-form .checkbox [type="checkbox"]:not(:checked) + label:after {

  content: '';

  width: 8px;

  height: 8px;

  background: #b00a01;

  position: absolute;

  top: 5.5px;

  left: 6px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.authentication-section .authentication-form .checkbox [type="checkbox"]:checked + label::before,

.authentication-section .authentication-form .checkbox [type="checkbox"]:not(:checked) + label::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 19px;

  height: 19px;

  border: 1px solid #fff3cf;

  background: #fff3cf;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.authentication-section .authentication-form .checkbox [type="checkbox"]:checked + label::before {

  border: 1px solid #b00a01;

  background: unset;

}



.authentication-section .authentication-form .checkbox [type="checkbox"]:not(:checked) + label:after {

  display: none;

}



.authentication-section .authentication-form .link {

  text-align: right;

}



.authentication-section .authentication-form .link a {

  display: inline-block;

  font-weight: 500;

  font-size: 14px;

  line-height: 1.3;

}



.authentication-section .content {

  margin-bottom: 30px;

  text-align: center;

}



.authentication-section .content .logo {

  margin-bottom: 20px;

}



.authentication-section .content h3 {

  font-size: 30px;

  margin-top: -7px;

  margin-bottom: 0;

  color: #b00a01;

}



.authentication-section .form-group {

  margin-bottom: 25px;

}



.authentication-section .form-control {

  background: #fff9e9;

  border: 1px solid #b00a01;

}



.authentication-section .cta-btn {

  margin-top: 25px;

}



.authentication-section .cta-btn .primary-btn {

  padding: 14.5px 30px;

  width: 100%;

}



.authentication-form {

  background: #ffffff;

  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

  padding: 40px;

  border-radius: 5px;

  max-width: 600px;

  margin: auto;

}



.authentication-form .checkbox label {

  position: relative;

  padding-left: 28px;

  cursor: pointer;

  line-height: 20px;

  font-weight: 500;

  font-size: 14px;

  display: inline-block;

  margin-bottom: 0;

  color: #1a1a1a;

}



.authentication-form .checkbox label a {

  color: #b00a01;

}



.authentication-form .checkbox [type="checkbox"]:checked,

.authentication-form .checkbox [type="checkbox"]:not(:checked) {

  display: none;

}



.authentication-form .checkbox [type="checkbox"]:checked + label:after,

.authentication-form .checkbox [type="checkbox"]:not(:checked) + label:after {

  content: '';

  width: 8px;

  height: 8px;

  background: #b00a01;

  position: absolute;

  top: 5.5px;

  left: 6px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.authentication-form .checkbox [type="checkbox"]:checked + label::before,

.authentication-form .checkbox [type="checkbox"]:not(:checked) + label::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 19px;

  height: 19px;

  border: 1px solid #fff3cf;

  background: #fff3cf;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.authentication-form .checkbox [type="checkbox"]:checked + label::before {

  border: 1px solid #b00a01;

  background: unset;

}



.authentication-form .checkbox [type="checkbox"]:not(:checked) + label:after {

  display: none;

}



.authentication-form .link {

  text-align: right;

}



.authentication-form .link a {

  display: inline-block;

  font-weight: 500;

  font-size: 14px;

  line-height: 1.3;

}



.authentication-form .content {

  margin-bottom: 30px;

  text-align: center;

}



.authentication-form .content .logo {

  margin-bottom: 20px;

}



.authentication-form .content h3 {

  font-size: 30px;

  margin-top: -7px;

  margin-bottom: 0;

  color: #b00a01;

}



.authentication-form .form-group {

  margin-bottom: 25px;

}



.authentication-form .form-control {

  background: #fff9e9;

  border: 1px solid #b00a01;

}



.authentication-form .cta-btn {

  margin-top: 25px;

}



.authentication-form .cta-btn .primary-btn {

  padding: 14.5px 30px;

  width: 100%;

}



.mfp-iframe-holder .mfp-close,

.mfp-image-holder .mfp-close {

  color: #ffffff;

  right: 0;

  text-align: center;

  padding: unset;

  width: 100%;

  height: 40px;

  width: 40px;

  opacity: 1;

  background: #b00a01;

}



.mfp-iframe-holder .mfp-close {

  top: -60px;

}



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

  Member Details CSS

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

.member-details-section .image {

  height: 100%;

  background: url(../img/team/team-img-3.jpg) no-repeat center;

  background-size: cover;

}



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

  .member-details-section .image img {

    opacity: 0;

  }

}



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

  .member-details-section .image {

    background: unset;

  }

}



.member-details-section .content {

  position: relative;

  padding: 40px 30px;

  background: #fff9e9;

}



.member-details-section .content::after {

  position: absolute;

  content: '';

  top: 10px;

  right: 10px;

  border-top: 100px solid #b00a01;

  border-left: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  z-index: 1;

}



.member-details-section .content .member-info h3 {

  font-size: 30px;

  line-height: 1;

  text-transform: capitalize;

  color: #b00a01;

}



.member-details-section .content .member-info span {

  display: inline-block;

  color: #b00a01;

  margin-bottom: 10px;

}



.member-details-section .content .member-list {

  margin: 15px 0;

}



.member-details-section .content .member-list .list-content {

  margin-bottom: 10px;

}



.member-details-section .content .member-list .list-content i {

  margin-right: 8px;

  color: #b00a01;

  vertical-align: middle;

}



.member-details-section .content .member-list .list-content .title {

  color: #b00a01;

  font-weight: 600;

}



.member-details-section .content .member-list .list-content .info {

  margin-left: auto;

}



.bio-area .section-title {

  margin-bottom: 0;

}



.bio-area .section-title h2 {

  padding-left: 60px;

}



.bio-area .section-title::before {

  left: 0;

}

.projects img{

  width: 100%;

  height: 558px;

  object-fit: cover;

  object-position: center;

}

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

  Service Details CSS

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

.service-details-area, .terms-area, .privacy-area {

  padding-bottom: 60px;

}



.service-details-area .image, .terms-area .image, .privacy-area .image {

  margin-bottom: 40px;

}



.service-details-area .project-info, .terms-area .project-info, .privacy-area .project-info {

  position: relative;

  padding: 30px 25px;

  background: #b00a01;

  text-align: center;

  margin-bottom: 40px;

}



.service-details-area .project-info h3, .terms-area .project-info h3, .privacy-area .project-info h3 {

  line-height: 1;

  margin-bottom: 15px;

  text-transform: capitalize;

  color: #ffffff;

}



.service-details-area .project-info p, .terms-area .project-info p, .privacy-area .project-info p {

  color: #ffffff;

  line-height: 1.5;

}



.service-details-area .project-info p:last-child, .terms-area .project-info p:last-child, .privacy-area .project-info p:last-child {

  margin-bottom: 20px;

}



.service-details-area .project-info .info-list, .terms-area .project-info .info-list, .privacy-area .project-info .info-list {

  padding: 0;

  margin: 0;

  list-style-type: none;

  text-align: left;

}



.service-details-area .project-info .info-list li, .terms-area .project-info .info-list li, .privacy-area .project-info .info-list li {

  position: relative;

  padding: 12px 14px;

  background: #fff9e9;

  margin-bottom: 16px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.service-details-area .project-info .info-list li i, .terms-area .project-info .info-list li i, .privacy-area .project-info .info-list li i {

  vertical-align: -2px;

  margin-right: 8px;

  color: #b00a01;

}



.service-details-area .project-info .info-list li a, .terms-area .project-info .info-list li a, .privacy-area .project-info .info-list li a {

  font-weight: 600;

  text-transform: capitalize;

  color: #b00a01;

  display: inline-block;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

          flex: 0 0 50%;

  max-width: 50%;

}



.service-details-area .project-info .info-list li span, .terms-area .project-info .info-list li span, .privacy-area .project-info .info-list li span {

  display: inline-block;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

          flex: 0 0 50%;

  max-width: 50%;

}



.service-details-area .project-info .info-list li:last-child, .terms-area .project-info .info-list li:last-child, .privacy-area .project-info .info-list li:last-child {

  margin-bottom: 0;

}



.service-details-area .content, .terms-area .content, .privacy-area .content {

  margin-bottom: 40px;

}



.service-details-area .content h2.title, .terms-area .content h2.title, .privacy-area .content h2.title {

  font-size: 45px;

  line-height: 1.3;

  margin-top: -10px;

  color: #b00a01;

  margin-bottom: 20px;

  text-transform: capitalize;

}



.service-details-area .content h2.title span, .terms-area .content h2.title span, .privacy-area .content h2.title span {

  color: #b00a01;

}



.service-details-area .content p, .terms-area .content p, .privacy-area .content p {

  color: #2c2c2c;

}



.service-details-area .projects-area .content, .terms-area .projects-area .content, .privacy-area .projects-area .content {

  margin-bottom: 40px;

}



.service-details-area .projects-area .content h2, .terms-area .projects-area .content h2, .privacy-area .projects-area .content h2 {

  margin-bottom: 25px;

  line-height: 1.3;

  margin-top: -10px;

  color: #b00a01;

}



.service-details-area .projects-area .item-list ul, .terms-area .projects-area .item-list ul, .privacy-area .projects-area .item-list ul {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.service-details-area .projects-area .item-list ul li, .terms-area .projects-area .item-list ul li, .privacy-area .projects-area .item-list ul li {

  display: block;

  font-weight: 500;

  margin-bottom: 6px;

  padding-left: 25px;

  position: relative;

  line-height: 1.8;

  color: #2c2c2c;

}



.service-details-area .projects-area .item-list ul li i, .terms-area .projects-area .item-list ul li i, .privacy-area .projects-area .item-list ul li i {

  margin-left: -25px;

  margin-right: 5px;

  color: #b00a01;

  vertical-align: -2px;

}

/* content area (Services) */

.content-area {
  text-align: justify;
}

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

  service Details CSS

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

.service-details-area .service-details-desc, .terms-area .service-details-desc, .privacy-area .service-details-desc {

  padding-left: 40px;

  margin-bottom: 30px;

}



.service-details-area .service-details-desc .image, .terms-area .service-details-desc .image, .privacy-area .service-details-desc .image {

  margin-bottom: 25px;

}



.service-details-area .service-details-desc .content, .terms-area .service-details-desc .content, .privacy-area .service-details-desc .content {

  margin-bottom: 25px;

}



.service-details-area .service-details-desc .content h2, .terms-area .service-details-desc .content h2, .privacy-area .service-details-desc .content h2 {

  font-size: 40px;

  line-height: 1.3;

  margin-top: -5px;

  color: #b00a01;

  margin-bottom: 20px;

  text-transform: capitalize;

}



.service-details-area .service-details-desc .content h2 span, .terms-area .service-details-desc .content h2 span, .privacy-area .service-details-desc .content h2 span {

  color: #b00a01;

}



.service-details-area .service-details-desc .content p, .terms-area .service-details-desc .content p, .privacy-area .service-details-desc .content p {

  color: #2c2c2c;

}



.service-details-area .service-details-desc .services-area .content h2, .terms-area .service-details-desc .services-area .content h2, .privacy-area .service-details-desc .services-area .content h2 {

  margin-bottom: 25px;

  line-height: 1.3;

  color: #b00a01;

}



.service-details-area .service-details-desc .services-area .item-list, .terms-area .service-details-desc .services-area .item-list, .privacy-area .service-details-desc .services-area .item-list {

  margin-bottom: 25px;

}



.service-details-area .service-details-desc .services-area .item-list ul, .terms-area .service-details-desc .services-area .item-list ul, .privacy-area .service-details-desc .services-area .item-list ul {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.service-details-area .service-details-desc .services-area .item-list ul li, .terms-area .service-details-desc .services-area .item-list ul li, .privacy-area .service-details-desc .services-area .item-list ul li {

  display: block;

  font-weight: 500;

  margin-bottom: 6px;

  padding-left: 25px;

  position: relative;

  line-height: 1.8;

  color: #2c2c2c;

}



.service-details-area .service-details-desc .services-area .item-list ul li i, .terms-area .service-details-desc .services-area .item-list ul li i, .privacy-area .service-details-desc .services-area .item-list ul li i {

  margin-left: -25px;

  margin-right: 5px;

  color: #b00a01;

  vertical-align: -2px;

}



.service-details-area .service-details-desc .services-area .item-list ul li:last-child, .terms-area .service-details-desc .services-area .item-list ul li:last-child, .privacy-area .service-details-desc .services-area .item-list ul li:last-child {

  margin-bottom: 0;

}



.service-details-area .service-details-desc .service-details-slider, .terms-area .service-details-desc .service-details-slider, .privacy-area .service-details-desc .service-details-slider {

  margin-bottom: 25px;

  position: relative;

}



.service-details-area .service-details-desc .service-details-slider .owl-nav, .terms-area .service-details-desc .service-details-slider .owl-nav, .privacy-area .service-details-desc .service-details-slider .owl-nav {

  position: absolute;

  right: 20px;

  bottom: 20px;

}



.service-details-area .widget-area, .terms-area .widget-area, .privacy-area .widget-area {

  margin-bottom: 30px;

}



.service-details-area .widget-area .widget, .terms-area .widget-area .widget, .privacy-area .widget-area .widget {

  margin-bottom: 25px;

}



.service-details-area .widget-area .nav-list, .terms-area .widget-area .nav-list, .privacy-area .widget-area .nav-list {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.service-details-area .widget-area .nav-list li, .terms-area .widget-area .nav-list li, .privacy-area .widget-area .nav-list li {

  position: relative;

  padding: 14px 16px;

  background: #fff9e9;

  margin-bottom: 15px;

}



.service-details-area .widget-area .nav-list li:last-child, .terms-area .widget-area .nav-list li:last-child, .privacy-area .widget-area .nav-list li:last-child {

  margin-bottom: 0;

}



.service-details-area .widget-area .nav-list li a, .terms-area .widget-area .nav-list li a, .privacy-area .widget-area .nav-list li a {

  font-weight: 600;

  text-transform: capitalize;

  color: #b00a01;

}



.service-details-area .widget-area .nav-list li i, .terms-area .widget-area .nav-list li i, .privacy-area .widget-area .nav-list li i {

  float: right;

  margin-right: 8px;

  margin-top: 4px;

  color: #b00a01;

  -webkit-transform: rotateZ(-180deg);

          transform: rotateZ(-180deg);

}



.service-details-area .widget-area .nav-list li::after, .terms-area .widget-area .nav-list li::after, .privacy-area .widget-area .nav-list li::after {

  content: "";

  position: absolute;

  top: 5px;

  height: calc(100% - 10px);

  left: 6px;

  width: 2px;

  background: #b00a01;

}



.service-details-area .widget-area .nav-list li.active, .terms-area .widget-area .nav-list li.active, .privacy-area .widget-area .nav-list li.active {

  background: #b00a01;

}



.service-details-area .widget-area .nav-list li.active::after, .terms-area .widget-area .nav-list li.active::after, .privacy-area .widget-area .nav-list li.active::after {

  background: #ffffff;

}



.service-details-area .widget-area .nav-list li.active i, .terms-area .widget-area .nav-list li.active i, .privacy-area .widget-area .nav-list li.active i {

  -webkit-transform: unset;

          transform: unset;

  color: #ffffff;

}



.service-details-area .widget-area .nav-list li.active a, .terms-area .widget-area .nav-list li.active a, .privacy-area .widget-area .nav-list li.active a {

  color: #ffffff;

}



.service-details-area .widget-area .contact-form, .terms-area .widget-area .contact-form, .privacy-area .widget-area .contact-form {

  position: relative;

  padding: 25px 25px;

  background: #fff3cf;

}



.service-details-area .widget-area .contact-form .primary-btn, .terms-area .widget-area .contact-form .primary-btn, .privacy-area .widget-area .contact-form .primary-btn {

  width: 100%;

  color: #ffffff;

  background: #b00a01;

}



.service-details-area .widget-area .contact-form .primary-btn::before, .terms-area .widget-area .contact-form .primary-btn::before, .privacy-area .widget-area .contact-form .primary-btn::before, .service-details-area .widget-area .contact-form .primary-btn::after, .terms-area .widget-area .contact-form .primary-btn::after, .privacy-area .widget-area .contact-form .primary-btn::after {

  background-color: #b00a01;

}



.service-details-area .widget-area .contact-form .primary-btn:hover, .terms-area .widget-area .contact-form .primary-btn:hover, .privacy-area .widget-area .contact-form .primary-btn:hover {

  color: #ffffff;

}



.service-details-area .widget-area .download-item .download-item-single, .terms-area .widget-area .download-item .download-item-single, .privacy-area .widget-area .download-item .download-item-single {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  padding: 25px 60px;

  margin-bottom: 25px;

  background: url(../img/item-bg-2.jpg) no-repeat center;

  background-size: cover;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.service-details-area .widget-area .download-item .download-item-single:first-child, .terms-area .widget-area .download-item .download-item-single:first-child, .privacy-area .widget-area .download-item .download-item-single:first-child {

  background: url(../img/item-bg-1.jpg) no-repeat center;

  background-size: cover;

}



.service-details-area .widget-area .download-item .download-item-single:last-child, .terms-area .widget-area .download-item .download-item-single:last-child, .privacy-area .widget-area .download-item .download-item-single:last-child {

  background: url(../img/item-bg-3.jpg) no-repeat center;

  background-size: cover;

}



.service-details-area .widget-area .download-item .download-item-single::after, .terms-area .widget-area .download-item .download-item-single::after, .privacy-area .widget-area .download-item .download-item-single::after {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 30, 76, 0.8);

}



.service-details-area .widget-area .download-item .download-item-single i, .terms-area .widget-area .download-item .download-item-single i, .privacy-area .widget-area .download-item .download-item-single i {

  width: 60px;

  height: 60px;

  line-height: 57px;

  background: #ffffff;

  text-align: center;

  display: inline-block;

  z-index: 1;

  font-size: 28px;

}



.service-details-area .widget-area .download-item .download-item-single .item-content, .terms-area .widget-area .download-item .download-item-single .item-content, .privacy-area .widget-area .download-item .download-item-single .item-content {

  padding-left: 16px;

  z-index: 1;

}



.service-details-area .widget-area .download-item .download-item-single .item-content h4, .terms-area .widget-area .download-item .download-item-single .item-content h4, .privacy-area .widget-area .download-item .download-item-single .item-content h4 {

  color: #ffffff;

  margin-top: -5px;

  margin-bottom: 0;

}



.service-details-area h3.sub-title, .terms-area h3.sub-title, .privacy-area h3.sub-title {

  line-height: 1;

  margin-bottom: 20px;

  text-transform: capitalize;

  color: #b00a01;

}


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

  Terms CSS

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

.terms-area .details-desc, .privacy-area .details-desc {

  padding-left: 40px;

  margin-bottom: 30px;

}



.terms-area .details-desc .content, .privacy-area .details-desc .content {

  margin-bottom: 25px;

}



.terms-area .details-desc .content h2, .privacy-area .details-desc .content h2 {

  font-size: 30px;

  line-height: 1.3;

  margin-top: -5px;

  color: #b00a01;

  margin-bottom: 15px;

  text-transform: capitalize;

}



.terms-area .details-desc .content h2 span, .privacy-area .details-desc .content h2 span {

  color: #b00a01;

}



.terms-area .details-desc .content p, .privacy-area .details-desc .content p {

  color: #2c2c2c;

}



.terms-area .details-desc .service-details-slider, .privacy-area .details-desc .service-details-slider {

  margin-bottom: 25px;

  position: relative;

}



.terms-area .details-desc .service-details-slider .owl-nav, .privacy-area .details-desc .service-details-slider .owl-nav {

  position: absolute;

  right: 20px;

  bottom: 20px;

}



.terms-area .details-desc .content:last-child, .privacy-area .details-desc .content:last-child {

  margin-bottom: 0;

}



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

  Terms CSS

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

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

  Error CSS

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

.error-area {

  height: 100vh;

  overflow: hidden;

  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;

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

  position: relative;

  overflow: hidden;

}



.error-area::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 30, 76, 0.62);

}



.error-area .error-box {

  background: #ffffff;

  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

  padding: 40px 20px 53px;

  border-radius: 5px;

  max-width: 760px;

  margin: auto;

  position: relative;

}



.error-area .error-box::after {

  position: absolute;

  content: '';

  top: 10px;

  left: 10px;

  border-top: 100px solid #b00a01;

  border-right: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.error-area .error-box .cta-btn {

  text-align: center;

}



.error-area .error-box .cta-btn .primary-btn {

  padding: 15px 30px;

}



.error-area .error-box .content {

  margin-bottom: 30px;

  text-align: center;

}



.error-area .error-box .content .logo {

  margin-bottom: 20px;

}



.error-area .error-box .content h3 {

  font-size: 70px;

  margin-top: -7px;

  line-height: 1.3;

  margin-bottom: 0;

  color: #b00a01;

}



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

  Pricing CSS

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

.pricing-section .pricing-item-single {

  position: relative;

  background: #fff9e9;

  border: 2px solid #b00a01;

  margin-bottom: 30px;

}



.pricing-section .pricing-item-single .pricing-item-content {

  position: relative;

  text-align: center;

  text-transform: capitalize;

  background: url(../img/item-bg-2.jpg) no-repeat center;

  background-size: cover;

  z-index: 1;

}



.pricing-section .pricing-item-single .pricing-item-content::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  background: rgba(0, 30, 76, 0.8);

  z-index: -1;

}



.pricing-section .pricing-item-single .pricing-item-content .content-text {

  padding: 35px 0;

}



.pricing-section .pricing-item-single .pricing-item-content .content-text h2 {

  color: #b00a01;

  margin-bottom: 0;

}



.pricing-section .pricing-item-single .pricing-item-content .content-text p {

  color: #b00a01;

  font-size: 14px;

}



.pricing-section .pricing-item-single .pricing-item-content .content-text span.label {

  position: absolute;

  display: block;

  left: 10px;

  top: 10px;

  padding: 5px;

  font-weight: 500;

  text-align: left;

  color: #b00a01;

}



.pricing-section .pricing-item-single .pricing-item-content .content-text span.label::after {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  border-top: 120px solid #b00a01;

  border-right: 120px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  z-index: -1;

}



.pricing-section .pricing-item-single .pricing-item-list {

  text-align: center;

  padding: 25px 20px;

}



.pricing-section .pricing-item-single .pricing-item-list ul {

  list-style-type: none;

  margin: 0;

  margin-bottom: 25px;

  text-align: left;

  padding: 0 20px;

}



.pricing-section .pricing-item-single .pricing-item-list ul li {

  margin-bottom: 14px;

  font-size: 15px;

  color: #1a1a1a;

  font-weight: 500;

}



.pricing-section .pricing-item-single .pricing-item-list ul li i {

  font-size: 12px;

  font-weight: normal;

  margin-right: 10px;

  color: #b00a01;

}



.pricing-section .pricing-item-single .pricing-item-list ul li:last-child {

  margin-bottom: 0;

}



.pricing-section .pricing-item-single .pricing-item-list ul .disabled {

  opacity: .6;

}



.pricing-section .pricing-item-single .cta-btn .primary-btn {

  width: 100%;

  color: #ffffff;

  background: #b00a01;

}



.pricing-section .pricing-item-single .cta-btn .primary-btn::before, .pricing-section .pricing-item-single .cta-btn .primary-btn::after {

  background-color: #b00a01;

}



.pricing-section .pricing-item-single .cta-btn .primary-btn:hover {

  color: #ffffff;

}



.pricing-section .pricing-item-single.active .pricing-item-content::before {

  background: #6eb25d;

}



.pricing-section .pricing-item-single.active .pricing-item-content .content-text {

  padding: 50px 0;

}



.pricing-section .pricing-item-single.active .pricing-item-content .content-text h2 {

  color: #ffffff;

}



.pricing-section .pricing-item-single.active .pricing-item-content .content-text p {

  color: #ffffff;

}



.pricing-section .pricing-item-single.active .pricing-item-content .content-text span.label::after {

  border-top: 120px solid #ffffff;

}



.pricing-section .pricing-item-single.active .cta-btn .primary-btn {

  width: 100%;

  color: #1a1a1a;

  background: #b00a01;

}



.pricing-section .pricing-item-single.active .cta-btn .primary-btn::before, .pricing-section .pricing-item-single.active .cta-btn .primary-btn::after {

  background-color: #b00a01;

}



.pricing-section .pricing-item-single.active .cta-btn .primary-btn:hover {

  color: #ffffff;

}



.pricing-section .pricing-item-single.active .cta-btn .primary-btn:hover::before, .pricing-section .pricing-item-single.active .cta-btn .primary-btn:hover::after {

  background-color: #b00a01;

}



.pricing-section .mt-30 {

  margin-top: 30px;

}



.cost-section .content-inner {

  padding-left: 60px;

  padding-right: 60px;

}



.cost-section .section-title h2 {

  margin-top: -10px;

}



.cost-section .cost-form .form-group {

  margin-bottom: 20px;

}



.cost-section .cost-form .form-group label {

  font-weight: 500;

  color: #b00a01;

  margin-right: 8px;

}



.cost-section .cost-form .form-group .range-slider {

  -webkit-appearance: none;

  -moz-appearance: none;

       appearance: none;

  width: 100%;

  background: #b00a01;

  outline: none;

  height: 5px;

  border-radius: 30px;

}



.cost-section .cost-form .form-group .range-slider::-webkit-slider-thumb {

  -webkit-appearance: none;

  appearance: none;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  border: 2px solid #ffffff;

  background: #b00a01;

  cursor: pointer;

}



.cost-section .cost-form .form-group .range-slider::-moz-range-thumb {

  position: relative;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  border: 2px solid #ffffff;

  background: #b00a01;

  cursor: pointer;

}



.cost-section .cost-form .form-group .slider-value {

  position: absolute;

  top: -20px;

  font-weight: 500;

  color: #b00a01;

}



.cost-section .cost-form .form-group .input-btn {

  display: inline-block;

  text-align: center;

  background: #fff9e9;

  color: #1a1a1a;

  border: 1px solid #b00a01;

  padding: 8px 12px;

  font-size: 14px;

  margin-right: 5px;

}



.cost-section .cost-form .form-group .input-btn.active {

  background: #b00a01;

}



.cost-section .cost-form .form-group .plus-minus-input {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.cost-section .cost-form .form-group .plus-minus-input .input-group-field {

  background: #fff9e9;

  color: #1a1a1a;

  border: 1px solid #b00a01;

  padding: 8px 12px;

  width: 50px;

  text-align: center;

}



.cost-section .cost-form .form-group .plus-minus-input .input-group-field::-webkit-inner-spin-button,

.cost-section .cost-form .form-group .plus-minus-input .input-group-field ::-webkit-outer-spin-button {

  -webkit-appearance: none;

          appearance: none;

}



.cost-section .cost-form .form-group .plus-minus-input .input-btn {

  margin: 0 8px;

  background: #b00a01;

}



.cost-section .cost-form .form-group .form-control {

  height: unset;

}



.cost-section .cost-form .form-group .nice-select {

  float: unset;

  background: #fff9e9;

  color: #1a1a1a;

  border: 1px solid #b00a01;

  padding-left: 10px;

  padding-right: 20px;

  margin-right: 8px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}



.cost-section .cost-form .form-group .nice-select .list {

  background: #fff9e9;

  color: #1a1a1a;

  border: 1px solid #b00a01;

  padding: 8px 12px;

  font-size: 14px;

  border-radius: 0;

}



.cost-section .cost-form .form-group .nice-select .list .option {

  -webkit-transition: .6s;

  transition: .6s;

  color: #a5a5a5;

  font-size: 14px;

  line-height: 25px;

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 0;

  padding-right: 10px;

}



.cost-section .cost-form .form-group .nice-select .list .option.selected {

  background-color: transparent;

  font-weight: 500;

  color: #2c2c2c;

}



.cost-section .cost-form .form-group .nice-select::after {

  right: 5px;

  border: none;

  -webkit-transform: rotate(0deg);

          transform: rotate(0deg);

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 6px solid #b00a01;

}



.cost-section .cost-form .form-group .open:after {

  border-top: none;

  border-bottom: 6px solid #b00a01;

}



.cost-section .cost-form .cta-btn {

  margin-top: 30px;

}



.cost-section .cost-form .cta-btn .submit-btn {

  width: 100%;

  text-align: center;

  display: inline-block;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  border-radius: 0;

  border: none;

  padding: 15px 30px;

  z-index: 1;

  color: #1a1a1a;

  background-color: #b00a01;

  font-size: 30px;

  font-weight: 600;

  font-family: "Work Sans", sans-serif;

  line-height: 1.8;

  text-transform: capitalize;

}



.cost-section .cost-form .cta-btn .submit-btn span {

  color: #ffffff;

  font-size: 16px;

  vertical-align: middle;

  margin-right: 10px;

}



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

   Comingsoon CSS

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

.comingsoon-section {

  position: relative;

  height: 100vh;

  background: #a8aaf1;

  background: url(../img/bg-map-1.png) no-repeat center;

  background-size: cover;

  display: -ms-grid;

  display: grid;

  place-items: center;

}



.comingsoon-section .comingsoon-box {

  position: relative;

  max-width: 760px;

  margin: 0 auto;

  padding: 45px 40px 35px;

  background-color: #fff;

  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

  position: relative;

}



.comingsoon-section .comingsoon-box::after {

  position: absolute;

  content: '';

  top: -15px;

  left: -15px;

  border-top: 100px solid #b00a01;

  border-right: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  z-index: -1;

}



.comingsoon-section .comingsoon-box::before {

  position: absolute;

  content: '';

  right: -15px;

  bottom: -15px;

  border-bottom: 100px solid #b00a01;

  border-left: 100px solid transparent;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  z-index: -1;

}



.comingsoon-section .comingsoon-box .logo img {

  margin: 0 auto 20px;

  display: block;

}



.comingsoon-section .comingsoon-box .title-box {

  text-transform: capitalize;

  position: relative;

  text-align: center;

}



.comingsoon-section .comingsoon-box .title-box h2 {

  color: #b00a01;

}



.comingsoon-section .comingsoon-box .title-box .text {

  position: relative;

  margin-top: 12px;

}



.comingsoon-section .comingsoon-box .newsletter-form {

  margin-bottom: 30px;

}



.comingsoon-section .comingsoon-box .newsletter-form .input-group {

  background: #fff;

  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;

  -webkit-box-shadow: 0 0 20px rgba(106, 99, 119, 0.1);

          box-shadow: 0 0 20px rgba(106, 99, 119, 0.1);

  border: none;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  border: 1px solid #b00a01;

}



.comingsoon-section .comingsoon-box .cta-btn {

  text-align: center;

}



.comingsoon-section .comingsoon-box .cta-btn .primary-btn {

  padding: 15px 30px;

}



.comingsoon-section .comingsoon-box #timer {

  padding: 30px 0;

}



.comingsoon-section .comingsoon-box #timer div {

  color: #b00a01;

  width: 100px;

  height: 105px;

  border-radius: 5px;

  font-size: 40px;

  font-weight: 800;

  margin-left: 10px;

  margin-right: 10px;

}



.comingsoon-section .comingsoon-box #timer div span {

  display: block;

  margin-top: -2px;

  font-size: 17px;

  font-weight: 600;

  color: #b00a01;

}



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

  Contact CSS

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

.contact-area .contact-info {

  margin-bottom: 30px;

}



.contact-area .contact-info .info-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  padding: 50px 16px;

  margin-bottom: 20px;

  background: url(../img/item-bg-2.jpg) no-repeat center;

  background-size: cover;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  z-index: 1;

}



.contact-area .contact-info .info-item:first-child {

  background: url(../img/item-bg-1.jpg) no-repeat center;

  background-size: cover;

}



.contact-area .contact-info .info-item:last-child {

  background: url(../img/item-bg-3.jpg) no-repeat center;

  background-size: cover;

}



.contact-area .contact-info .info-item::after {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgb(0 0 0 / 80%);

  z-index: -1;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.contact-area .contact-info .info-item i {

  color: #ffffff;

  text-align: center;

  font-size: 40px;

  display: inline-block;

  margin-top: -2px;

}



.contact-area .contact-info .info-item .info-content {

  position: relative;

  padding-left: 20px;

  display: inline-block;

}



.contact-area .contact-info .info-item .info-content p {

  text-transform: capitalize;

  color: #fff;

  line-height: 1.4;

  margin: 0;

}



.contact-area .contact-info .info-item .info-content a {

  font-weight: 500;

  font-size: 20px;

  color: #ffffff;

}



.contact-area .contact-info .info-item:hover::after {

  background: #b9b9b9d1;

}



.contact-area .contact-info .info-item:hover i {

  color: #b00a01;

}



.contact-area .contact-info .info-item:hover .info-content p {

  color: #ffffff;

}



.contact-area .contact-info .info-item:hover .info-content a {

  color: #b00a01;

}



.contact-area .contact-info:last-child {

  margin-bottom: 0;

}



.contact-area .contact-form {

  background: #fff3cf00;

  padding: 0px;

  margin-bottom: 10px;

}



.contact-area .contact-form .content {

  margin-bottom: 30px;

  text-align: left;

}



.contact-area .contact-form .content h3 {

  font-size: 30px;

  margin-top: -7px;

  margin-bottom: 0;

  color: #b00a01;

}



.contact-area .contact-form .form-group {

  margin-bottom: 25px;

}



.contact-area .contact-form .form-control {

  width: 100%;

  background: #cbcbcb;

  border: none;

}



.contact-area .contact-form .cta-btn {

  margin-top: 25px;

}



.contact-area .contact-form .cta-btn .primary-btn {

  width: 100%;

  padding: 14.5px 30px;

  color: #ffffff;

  background: #b00a01;

}



.contact-area .contact-form .cta-btn .primary-btn::before, .contact-area .contact-form .cta-btn .primary-btn::after {

  background-color: #b00a01;

}



.contact-area .contact-form .cta-btn .primary-btn:hover {

  color: #ffffff;

}



.contact-area .contact-form .checkbox label {

  position: relative;

  padding-left: 28px;

  cursor: pointer;

  line-height: 20px;

  font-weight: 500;

  font-size: 14px;

  display: inline-block;

  margin-bottom: 0;

  color: #1a1a1a;

}



.contact-area .contact-form .checkbox label a {

  color: #b00a01;

}



.contact-area .contact-form .checkbox [type="checkbox"]:checked,

.contact-area .contact-form .checkbox [type="checkbox"]:not(:checked) {

  display: none;

}



.contact-area .contact-form .checkbox [type="checkbox"]:checked + label:after,

.contact-area .contact-form .checkbox [type="checkbox"]:not(:checked) + label:after {

  content: '';

  width: 8px;

  height: 8px;

  background: #b00a01;

  position: absolute;

  top: 5.5px;

  left: 6px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.contact-area .contact-form .checkbox [type="checkbox"]:checked + label::before,

.contact-area .contact-form .checkbox [type="checkbox"]:not(:checked) + label::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 19px;

  height: 19px;

  border: 1px solid #ffffff;

  background: #ffffff;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.contact-area .contact-form .checkbox [type="checkbox"]:checked + label::before {

  border: 1px solid #b00a01;

  background: unset;

}



.contact-area .contact-form .checkbox [type="checkbox"]:not(:checked) + label:after {

  display: none;

}



.contact-area .contact-map {

  overflow: hidden;

  padding-bottom: 50%;

  position: relative;

  height: 0;

  border: none;

  margin: 30px 0;

}



.contact-area .contact-map iframe {

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  position: absolute;

  border: 0;

}



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

  Pagination CSS

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

.pagination {

  display: block;

  margin-top: 35px;

  margin-left: auto;

  margin-right: auto;

}



.pagination .page-numbers {

  width: 40px;

  height: 40px;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 30px -2px rgba(44, 44, 44, 0.1);

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

  color: #1a1a1a;

  text-align: center;

  display: inline-block;

  border-radius: 0;

  line-height: 42px;

  position: relative;

  margin-left: 3px;

  margin-right: 3px;

  font-weight: 500;

  font-size: 18px;

}



.pagination .page-numbers:hover {

  color: #ffffff;

  background-color: #b00a01;

}



.pagination .page-numbers i {

  position: relative;

  top: 1.5px;

}



.pagination .page-numbers.current {

  color: #ffffff;

  background-color: #b00a01;

}



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

  Go Top CSS

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

.go-top {

  position: fixed;

  top: 50%;

  right: 3%;

  opacity: 0;

  cursor: pointer;

  text-decoration: none;

  color: #ffffff;

  font-size: 18px;

  font-weight: bold;

  text-align: center;

  background: #b00a01;

  padding: 10px 20px;

  z-index: 100;

  -webkit-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;

}



.go-top.active {

  top: 95%;

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

  transform: translateY(-95%);

  opacity: 1;

  visibility: visible;

}



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

  Preloader CSS

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

.preloader-main {

  position: fixed;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  padding: 30px;

  bottom: 0;

  right: 0;

  z-index: 99999;

  background: #ffffff;

  display: -ms-grid;

  display: grid;

  display: -ms-none;

  place-items: center;

}



.preloader-main .loader {

  width: 175px;

  height: 80px;

  position: relative;

}



.preloader-main .loader::before {

  content: "";

  left: 60px;

  bottom: 18px;

  position: absolute;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  background-color: #b00a01;

  background-image: radial-gradient(circle 8px at 18px 18px, #ffffff 100%, transparent 0), radial-gradient(circle 4px at 18px 0px, #ffffff 100%, transparent 0), radial-gradient(circle 4px at 0px 18px, #ffffff 100%, transparent 0), radial-gradient(circle 4px at 36px 18px, #ffffff 100%, transparent 0), radial-gradient(circle 4px at 18px 36px, #ffffff 100%, transparent 0), radial-gradient(circle 4px at 30px 5px, #ffffff 100%, transparent 0), radial-gradient(circle 4px at 30px 5px, #ffffff 100%, transparent 0), radial-gradient(circle 4px at 30px 30px, #ffffff 100%, transparent 0), radial-gradient(circle 4px at 5px 30px, #ffffff 100%, transparent 0), radial-gradient(circle 4px at 5px 5px, #ffffff 100%, transparent 0);

  background-repeat: no-repeat;

  -webkit-animation: rotationBack 3s linear infinite;

          animation: rotationBack 3s linear infinite;

}



.preloader-main .loader::after {

  content: "";

  left: 94px;

  bottom: 15px;

  position: absolute;

  width: 24px;

  height: 24px;

  border-radius: 50%;

  background-color: #b00a01;

  background-image: radial-gradient(circle 5px at 12px 12px, #ffffff 100%, transparent 0), radial-gradient(circle 2.5px at 12px 0px, #ffffff 100%, transparent 0), radial-gradient(circle 2.5px at 0px 12px, #ffffff 100%, transparent 0), radial-gradient(circle 2.5px at 24px 12px, #ffffff 100%, transparent 0), radial-gradient(circle 2.5px at 12px 24px, #ffffff 100%, transparent 0), radial-gradient(circle 2.5px at 20px 3px, #ffffff 100%, transparent 0), radial-gradient(circle 2.5px at 20px 3px, #ffffff 100%, transparent 0), radial-gradient(circle 2.5px at 20px 20px, #ffffff 100%, transparent 0), radial-gradient(circle 2.5px at 3px 20px, #ffffff 100%, transparent 0), radial-gradient(circle 2.5px at 3px 3px, #ffffff 100%, transparent 0);

  background-repeat: no-repeat;

  animation: rotationBack 4s linear infinite reverse;

}



@-webkit-keyframes rotationBack {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

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

            transform: rotate(-360deg);

  }

}



@keyframes rotationBack {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

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

            transform: rotate(-360deg);

  }

}



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

  Footer CSS

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

.footer-area {

  background-size: cover;
  background-image: url(../img/sslide2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: soft-light;
  background-color: rgba(0, 0, 0, .6);

}



.footer-area .footer-widget {

  margin-bottom: 30px;

}



.footer-area .footer-widget .navbar-brand .footer-logo2 {

  display: none;

}



.footer-area ul {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.footer-area ul li {

  position: relative;

  margin-bottom: 15px;

}



.footer-area .navbar-brand {

  margin-bottom: 15px;

  padding: 0;

}



.footer-area h5 {

  text-transform: capitalize;

  margin-bottom: 25px;

  margin-top: 13px;

}



.footer-area .footer-links li {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.footer-area .footer-links li i {

  font-size: 12px;

  color: #b00a01;

}



.footer-area .footer-links li:hover {

  -webkit-transform: translateX(5px);

          transform: translateX(5px);

}



.footer-area .footer-links li:hover a {

  color: #b00a01;

}



.footer-area .footer-links li:hover::before {

  color: #b00a01;

}



.footer-area .footer-news .content {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

}



.footer-area .footer-news .content .img {

  display: inline-table;

  margin-right: 10px;

}



.footer-area .footer-news .content .img img {

  max-width: 41px;

}



.footer-area .contact-info .content {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.footer-area .contact-info .content .tag {

  display: inline-table;

  text-align: center;

  background: #b00a01;

  color: #fff9f9;

  padding: 5px 12px;

  font-size: 16px;

  font-weight: 600;

  margin-right: 10px;

  margin-top: 5px;

}



.footer-area .contact-info .content span:last-child {

  display: block;

}



.footer-area .contact-info .content span a {

  display: block;

}



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

Copy Right CSS

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

.copy-right-area {

  background: #1a1a1a;

  padding: 1.9em 0;

  text-align: center;

  border-top: 1px solid rgba(25, 25, 25, 0.15);

}



.copy-right-area .copy-right-content p {

  color: #ffffff;

  margin-bottom: 0;

}



.copy-right-area .copy-right-content a {

  color: #b00a01;

}



.owl-carousel .owl-nav button[class*=owl-] {

  width: 40px;

  height: 40px;

  background: #b00a01;

  margin-right: 7px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  color: #1a1a1a;

  text-align: center;

  font-size: 26px;

  border: none;

  line-height: 39px;

}



.owl-carousel .owl-nav button[class*=owl-] i {

  line-height: 1.3;

}



.owl-carousel .owl-nav button[class*=owl-]:last-child {

  margin-right: 0;

}



.owl-carousel .owl-nav button[class*=owl-]:hover {

  background: #1a1a1a;

  color: #b00a01;

}



.custom-owl-nav button {

  width: 40px;

  height: 40px;

  background: #b00a01;

  margin-right: 7px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  color: #1a1a1a;

  text-align: center;

  font-size: 26px;

  border: none;

  line-height: 39px;

}



.custom-owl-nav button:last-child {

  margin-right: 0;

}



.custom-owl-nav button:hover {

  background: #1a1a1a;

  color: #b00a01;

}



.custom-owl-nav button i {

  line-height: 1.3;

}



@-webkit-keyframes ripple {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  75% {

    -webkit-transform: scale(1.75);

    transform: scale(1.75);

    opacity: .5;

  }

  100% {

    -webkit-transform: scale(2);

    transform: scale(2);

    opacity: 0;

  }

}



@keyframes ripple {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  75% {

    -webkit-transform: scale(1.75);

    transform: scale(1.75);

    opacity: .5;

  }

  100% {

    -webkit-transform: scale(2);

    transform: scale(2);

    opacity: 0;

  }

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .preloader-main {

    display: none !important;

  }

}



.about-section{

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

  background-repeat: no-repeat;

  background-size: cover;

}



/*----- Buy Now Btn CSS -----*/

.buy-now-btn {

  right: 20px;

  z-index: 99;

  top: 50%;

  position: fixed;

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

          transform: translateY(-50%);

  border-radius: 30px;

  display: inline-block;

  color: #ffffff;

  background-color: #82b440;

  padding: 10px 20px 10px 42px;

  -webkit-box-shadow: 0 1px 20px 1px #82b440;

          box-shadow: 0 1px 20px 1px #82b440;

  font-size: 13px;

  font-weight: 600;

}



.buy-now-btn img {

  top: 50%;

  left: 20px;

  width: 15px;

  position: absolute;

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

          transform: translateY(-50%);

}



.buy-now-btn:hover {

  color: #ffffff;

  background-color: #94be5d;

}

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