:root {
  --main-color:#077ddd;
  --text-color:#575757;
  --heading-color:#000000;
  --light-gray:#eeeeee;
  --white-color:#ffffff;
  --dark-gray:#282828;
  --dark-gray-2:#8c8c8c;
  --black-color:#000000;
  --dark-main-color:#12161d;
}


/*--------------------------------------------------------------*
  Basic
*--------------------------------------------------------------*/

html {scroll-behavior: inherit !important;}

body {
  color:var(--text-color); 
  font-family: 'PT Sans', sans-serif; 
  font-size:16px;
  font-weight:400; 
  line-height:1.5; 
  overflow-x: hidden;
}

a:active, a:focus {outline: none !important;}
a{text-decoration: none !important; color:var(--main-color);}
a:hover {color: var(--text-color); ;}
a, .btn {-webkit-transition: all .3s;  transition: all .3s;}
a img, iframe {border: none;}
p {margin: 0 0 20px; /*color: var(--text-color);*/ line-height:1.5;}
p:last-child{margin-bottom:0; }

b, strong {font-weight: bold;}

.text-block{margin-bottom:30px;}
.text-lead, p.text-lead, .text-lead > *{font-size: 20px; line-height: 1.5;}
.text-lead-sm, p.text-lead-sm, .text-lead-sm > *{font-size: 18px;}

@media (min-width: 768px){
  p {margin: 0 0 30px;}
}

@media (min-width: 992px){
  .text-lead, p.text-lead, .text-lead > *{font-size: 21px;}
}

@media (min-width: 1200px){
  .text-lead, p.text-lead, .text-lead > *{font-size: 22px; line-height: 1.6;}
}

::selection {background: var(--main-color); color: #fff;}

hr {margin-top: 0; margin-bottom: 0; border: 0; border-top: 2px solid #dee2e6; ;}
pre {display: block; margin: 0 0 30px; padding: 9.5px; word-wrap: break-word; word-break: break-all; color: #333; border: 1px solid #ededed; border-radius: 0;  background-color: #f9f9f9; font-size: 13px;    line-height: 1.5;}
img{max-width:100%; vertical-align:top; outline:none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin: 0 0 15px 0; color: var(--heading-color); ; font-weight:700; line-height: 1.5; font-family: 'Montserrat', sans-serif;}
.h1, h1{font-size:2.5rem; line-height:1.2;}
.h2, h2{font-size:2rem; line-height:1.2;}
.h3, h3{font-size:1.75rem; line-height:1.2;}
.h4, h4{font-size:1.5rem; line-height:1.3; }
.h5, h5{font-size: 1.25rem; line-height:1.5; }
.fw-100{font-weight:100 !important;}
.fw-300{font-weight:300 !important;}
.fw-400{font-weight:400 !important;}
.fw-500{font-weight:500 !important;}
.fw-600{font-weight:600 !important;}
.fw-700{font-weight:700 !important;}
.fw-800{font-weight:800 !important;}
.fw-middle {font-weight: 500;}

.border-2x {border-width: 2px !important;}
.border-main {border-color: var(--main-color) !important;}

.text-white {color: var(--white-color);}
.text-main  {color: var(--main-color);}
.text-grey {color: var(--dark-gray);}
.text-default {color: var(--text-color);}

.bg-main  {background: var(--main-color);}
.bg-black  {background: var(--black-color);}
.gray-bg{background:#f5f5f5;}

.text-main-underline {border-bottom: 2px solid var(--main-color); display: inline-block;}

.cursor-pointer {cursor: pointer;}

.is-hidden {display: none;}

.container{max-width:1200px;}

.small-container{max-width:1200px; width:100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.container-fluid{padding-right:0px; padding-left:0px;}

.btn, input[type="button"], input[type="submit"], button, .btn-primary{color:var(--white-color); height:56px; line-height:50px; border:3px solid var(--black-color); font-size:1.175rem; padding:0px 45px; text-align:center; text-transform:uppercase; -webkit-border-radius:30px; border-radius:30px; font-weight:700; letter-spacing:1px; transition:all 300ms ease-in-out; -webkit-box-shadow:none; box-shadow:none; background:var(--black-color); position: relative; cursor:pointer;  }

.btn-primary.btn-sm {padding:0px 34px; border-width: 2px; height: 50px; line-height: 44px; letter-spacing:0;}

.btn-primary{background:transparent; color:var(--black-color);}
.btn-primary.has-icon span {left: 0px; display: inline-block; -ms-transform: translateX(-18px);
-webkit-transform: translateX(-18px); transform: translateX(-18px); transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1),-webkit-transform .45s cubic-bezier(0.25,1,0.33,1); position: relative;}

.btn-primary.has-icon i{right: 14px; margin-top: 0; text-align: center; vertical-align: middle; border-radius: 50%;line-height:40px; height:40px; width:40px; -webkit-transition: all .45s cubic-bezier(0.25,1,0.33,1); transition: all .45s cubic-bezier(0.25,1,0.33,1); position: absolute; top: 50%;}
.btn-primary.has-icon i {-webkit-transform: translateY(-50%) translateX(6px); transform: translateY(-50%) translateX(6px); color: #fff; background-color: rgb(0, 0, 0);
box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 15px;}


.btn:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover, .btn:focus, input[type="button"]:focus, input[type="submit"]:focus, button:focus{background:transparent; color:var(--black-color); border-color:var(--black-color); -webkit-box-shadow:none; box-shadow:none;}
.btn-primary:focus, .btn-primary:hover, .btn-primary.active{background:var(--black-color); border-color:var(--black-color); color:var(--white-color);}
.btn-primary.has-icon:hover i{background:var(--white-color); color:var(--black-color); }

.btn-transparent{background:rgba(0,0,0,0.8); color:var(--white-color);  }
.btn-square{border-radius:0 !important; }

.accent-color{border-color:var(--main-color);}
.accent-color:hover, .accent-color.active{background:var(--main-color); border-color:var(--main-color);}

.btn-primary.btn-inverse{background:var(--black-color); color:var(--white-color);}
.btn-primary.btn-inverse.has-icon i{background:var(--white-color); color:var(--black-color);}

.btn-primary.btn-inverse:hover{background:transparent; color:var(--black-color);}
.btn-primary.btn-inverse.has-icon:hover i{background:var(--black-color); color:var(--white-color); }

.btn-primary.btn-accent{background:var(--main-color); color:var(--white-color); border-color:var(--main-color);}
.btn-primary.btn-accent.has-icon i{background:var(--white-color); color:var(--black-color);}

.btn-primary.btn-accent:hover{background:transparent; color:var(--black-color);}
.btn-primary.btn-accent.has-icon:hover i{background:var(--main-color); color:var(--white-color); }


.btn-primary.has-icon i.fa-play{font-size:16px; }
.btn-primary.has-icon i.fa-play:before{margin-left:3px; }
.btn-primary.play-btn{width:56px; padding:0 0 0 5px; }
.btn-wrapper .btn + .btn {margin-left:15px;}


.btn-primary.btn-sm.has-icon i {line-height: 36px; height: 36px; width: 36px; right: 11px;}

.scroll-to{position:absolute; bottom:30px; height:auto; right:calc((100% - 1490px) / 2);}
.scroll-to a{position:relative; display:block; color:var(--black-color); font-weight:bold;  }
.scroll-to i{background:#ffffff; height:36px; width:36px; -webkit-border-radius:50%; border-radius:50%; border:2px solid var(--main-color); line-height:32px; color:var(--main-color); text-align:center; animation: jumparrow 2s infinite;  }
.scroll-to span{-webkit-transform:rotate(90deg) translateY(0px); transform:rotate(90deg) translateY(0px); display:block; text-transform:uppercase; text-align: center;
margin: 0 0 25px; line-height: 1; transform-origin: center top; }

button, select{-moz-appearance: none; -webkit-appearance: none;}
@-webkit-keyframes jumparrow {
  0% {
    -webkit-transform:translate(0, 0);
  }
  20% {
    -webkit-transform:translate(0px, 10px);
  }
  40% {
    -webkit-transform: translate(0, 0);
  }
}
@keyframes jumparrow {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0px, 10px);
  }
  40% {
    transform: translate(0, 0);
  }
}


.btn-primary.facebook{border-color: #4266aa; background: #4266aa;}
.btn-primary.facebook.has-icon:hover i{background:#4266aa;}
.btn-primary.facebook:hover, .btn-primary.facebook i {color: #4266aa !important;}

.btn-primary.telegram {border-color: #1382c0; background: #1382c0;}
.btn-primary.telegram.has-icon:hover i{background:#1382c0;}
.btn-primary.telegram:hover, .btn-primary.telegram i {color: #1382c0 !important;}

.btn-primary.viber {border-color: #7e509e; background: #7e509e;}
.btn-primary.viber.has-icon:hover i{background:#7e509e;}
.btn-primary.viber:hover, .btn-primary.viber i {color: #7e509e !important;}

.btn-primary.google {border-color: #4381e5; background: #4381e5;}
.btn-primary.google.has-icon:hover i{background:#4381e5;}
.btn-primary.google:hover, .btn-primary.google i {color: #4381e5 !important;}
.btn-primary.google:hover i {color: #fff !important;}

.btn-primary.instagram {border-color: #c3328a; background: #c3328a;}
.btn-primary.instagram.has-icon:hover i{background: #c3328a;}
.btn-primary.instagram:hover, .btn-primary.instagram i {color: #c3328a !important;}
.btn-primary.instagram:hover i {color: #fff !important;}

.btn-primary.youtube {border-color: #ff0000; background: #ff0000;}
.btn-primary.youtube.has-icon:hover i{background:#ff0000;}
.btn-primary.youtube:hover, .btn-primary.youtube i {color: #ff0000 !important;}

.btn-primary.facebook:hover i,
.btn-primary.telegram:hover i,
.btn-primary.viber:hover i,
.btn-primary.youtube:hover i {color: #fff !important;}

a.text-color {color: var(--text-color);}
a.text-color:hover, a.text-muted:hover {color: var(--main-color) !important;}

.section-separator {border-bottom: 2px solid #dee2e6;}

/*--------- Image Figure --------------------*/

.image-wrapper img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: block;
}
.image-wrapper.grayscale img{
  filter: grayscale(100%);
  -ms-transition: all .3s;
  transition: all .3s;
}
.image-wrapper.grayscale-hover:hover img{
  filter: grayscale(0%);
}

.image-figure:before {
    content: '';
    display: block;
    padding-top: 100%;
    width: 100%;
}

.image-figure:after {
    content: '';
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.image-figure:after,
.image-figure .image-inner {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.image-figure img {
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%;
  width: 100%;
  display: block;
}

.image-wrap:hover .image-figure:after{
    opacity: .1;
} 

.image-figure.has-mask:after {
    opacity: .1;
}
.image-wrap:hover .image-figure.has-mask:after{
    opacity: .3;
}

.image-wrap:hover .image-inner{
    transform: scale(1.05);
}

.image-figure .zoom {
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -19px;
    width: 38px;
    height: 25px;
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2238px%22%20height%3D%2225px%22%20%20viewBox%3D%220%200%2038%2025%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20d%3D%22M4.268%2012.5c2.99%205.29%208.547%208.535%2014.734%208.535%206.182%200%2011.743-3.245%2014.733-8.535-2.99-5.29-8.551-8.535-14.733-8.535-6.187%200-11.744%203.246-14.734%208.535zM19.002%2025C10.939%2025%203.734%2020.543.204%2013.368a1.945%201.945%200%200%201%200-1.735C3.734%204.457%2010.94%200%2019.002%200%2027.065%200%2034.265%204.457%2037.8%2011.633a1.978%201.978%200%200%201%200%201.735C34.265%2020.543%2027.065%2025%2019.002%2025zm0-15.672c-1.77%200-3.207%201.423-3.207%203.172%200%201.75%201.437%203.172%203.207%203.172%201.77%200%203.207-1.423%203.207-3.172%200-1.75-1.437-3.172-3.207-3.172zm0%2010.309c-3.978%200-7.216-3.202-7.216-7.137%200-3.935%203.238-7.137%207.216-7.137s7.215%203.202%207.215%207.137c0%203.935-3.237%207.137-7.215%207.137z%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    -ms-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    opacity: 0;
}

.image-wrap:hover .zoom {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
}

.img-default{position: relative; user-select: none; -moz-user-select: none; display: block;}

.img-default:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  cursor: default;
  user-select: none;
  -moz-user-select: none;
}

.img-square {padding-top: 100%;}


.glass-link {
    position: relative;
    overflow: hidden;}

.glass-link:before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.15);
    transition: transform 1s;
    -webkit-transform: scale3d(2.2, 2.2, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(2.2, 2.2, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); 
    opacity: 0;
}

.glass-link:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(2.2, 2.2, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transition-delay: .25s;
    opacity: 1;
}

.glass-link.glass-2x:before {
    transition: transform 1.1s;
    -webkit-transform: scale3d(2.2, 2.2, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
    transform: scale3d(2.2, 2.2, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); 
}

.glass-link.glass-2x:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
    transform: scale3d(2.2, 2.2, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); 
    transition-delay: .3s;
}

/*--------- Breadcrumbs --------------------*/

.breadcrumb .breadcrumb-item {font-size: 1rem;}
.breadcrumb .breadcrumb-item a:hover {color: var(--main-color);}

@media (min-width: 992px){
  .breadcrumb .breadcrumb-item {font-size: 1.15rem;}
}

/*--------------------------------------------------------------*
  Header
*--------------------------------------------------------------*/

header {z-index: 10;}

/*--------- Top Bar Header --------------------*/

.topbar-notise{
  background: rgba(218, 15, 25, .65);
}

.close-topbar-notise {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../images/close.svg') center center no-repeat;
  background-size:cover;
  opacity: .75;
}
.close-topbar-notise:hover {opacity: 1;}

.topbar { z-index: 10; padding: .75rem 0;}

.navbar-icon {
  font-size: 18px;
}
.navbar-icon img{
  width: 24px;
  height: 24px;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}
.navbar-icon.icon-2x img{
  width: 30px;
  height: 30px;
}
.navbar-icon:hover img{
  -moz-transform: scale(1.35);
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
}

.topbar {font-size: 15px;}

.topbar a {color: var(--white-color);}
.topbar a:hover {color: var(--main-color);}

.lang-group .lang-item {opacity: .5; font-size: 15px;}
.lang-group .lang-item.active {font-weight: 700;}
.lang-group .lang-item.active, .lang-group .lang-item:hover {opacity: 1; color: var(--white-color);}

.topbar-phone {font-family: 'Montserrat', sans-serif; color:#ffffff; font-size:20px; font-weight:500;}

@media (min-width: 992px){
  .topbar-phone {font-weight:700;}
}

.topbar-phone-more {font-size: 1.2rem; opacity: .9;}

/*--------- Nav Bar Header --------------------*/
.navbar {position: relative; z-index: 10; padding-top: .5rem; padding-bottom: .5rem; top: 0; left: 0;}
.navbar.fixed{position:fixed; z-index: 91; background: var(--white-color); -webkit-animation: slide-down 0.7s; animation: slide-down 0.7s; box-shadow: 0 0 5px 0 rgba(0,0,0,0.4); padding-top: .5rem; padding-bottom: .5rem;}

@keyframes slide-down {
	0% {opacity: 0;	visibility: hidden; transform: translateY(-100%);} 
	100% {opacity:1; visibility: visible; transform: translateY(0);}
}
@keyframes slide-up {
  0% {opacity: 0; visibility: hidden; transform: translateY(100%);} 
  100% {opacity:1; visibility: visible; transform: translateY(0);}
}

.navbar-logo {line-height: 1;}
.navbar-logo .regular-logo{ display: block; height:80px;}
.navbar-logo .sticky-logo{display: none; height:28px;}

.navbar.fixed .navbar-logo .regular-logo{display: none; }
.navbar.fixed .navbar-logo .sticky-logo{display: block; }


.hamburger {
    width: 48px;
    height: 48px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    border:  0;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-right: -5px;
}

.hamburger span {
    display: block;
    width: 48px;
    height: 5px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hamburger i {
    display: block;
    width: 144px;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.hamburger i::before,
.hamburger i::after {
    width: 48px;
    height: 5px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-color: var(--main-color);
}

.hamburger i::before {left: -96px;}
.hamburger i::after {left: 0;}
.hamburger .line--01 {top: 7px;}

.hamburger .line--02,
.hamburger .line--cross01,
.hamburger .line--cross02 {
    top: 22px;
}

.hamburger .line--03 {top: 37px;}

.hamburger .line--cross01 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger .line--cross02 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hamburger span {
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger i {
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger i::before,
.hamburger i::after {
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.hamburger .line--cross01 i,
.hamburger .line--cross02 i{
    -webkit-transform: translateX(-33.3%);
    transform: translateX(-33.3%);
}

.hamburger .line-01 i{
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.hamburger .line--02 i{
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.hamburger .line--02 i::before,
.hamburger .line--02 i::after {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.hamburger .line--03 i{
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.hamburger .line--03 i::before,
.hamburger .line--03 i::after {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.hamburger .line--cross01 i{
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
}

.hamburger .line--cross02 i{
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.hamburger .line--cross02 i::before,
.hamburger .line--cross02 i::after {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.hamburger.is-opened .line--01 i,
.hamburger.is-opened .line--02 i,
.hamburger.is-opened .line--03 i{
    -webkit-transform: translateX(33.3%);
    transform: translateX(33.3%);
}

.hamburger.is-opened .line--cross01 i,
.hamburger.is-opened .line--cross02 i{
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.hamburger.is-opened .line--01 i{
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.hamburger.is-opened .line--02 i{
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.hamburger.is-opened .line--03 i{
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.hamburger.is-opened .line--cross01 i{
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.hamburger.is-opened .line--cross02 i{
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.hamburger:hover i::before,
.hamburger:hover i::after {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
}

.hamburger:hover .line--01 i::before,
.hamburger:hover .line--01 i::after,
.hamburger:hover .line--02 i::before,
.hamburger:hover .line--02 i::after,
.hamburger:hover .line--03 i::before,
.hamburger:hover .line--03 i::after {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.hamburger:hover .line--cross01 i::before,
.hamburger:hover .line--cross01 i::after,
.hamburger:hover .line--cross02 i::before,
.hamburger:hover .line--cross02 i::after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.hamburger.is-opened:hover .line--cross01 i::before,
.hamburger.is-opened:hover .line--cross01 i::after,
.hamburger.is-opened:hover .line--cross02 i::before,
.hamburger.is-opened:hover .line--cross02 i::after {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.hamburger.is-opened:hover .line--01 i::before,
.hamburger.is-opened:hover .line--01 i::after,
.hamburger.is-opened:hover .line--02 i::before,
.hamburger.is-opened:hover .line--02 i::after,
.hamburger.is-opened:hover .line--03 i::before,
.hamburger.is-opened:hover .line--03 i::after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.close-btn {
    width: 48px;
    height: 48px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border:  0;
    position: relative;
    cursor: pointer;
    display: inline-block;
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.close-btn span {
    display: block;
    width: 48px;
    height: 5px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    left: 0;

    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.close-btn i {
    display: block;
    width: 144px;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.close-btn i::before,
.close-btn i::after {
    width: 48px;
    height: 5px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-color: var(--main-color);

    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.close-btn i::before {left: -96px;}
.close-btn i::after {left: 0;}

.close-btn .line-1,
.close-btn .line-2 {
    top: 22px;
}

.close-btn .line-1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-btn .line-2 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close-btn .line-1 i,
.close-btn .line-2 i{
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.close-btn .line-1 i{
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.close-btn .line-2 i{
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.close-btn .line-2 i::before,
.close-btn .line-2 i::after {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.close-btn:hover i::before,
.close-btn:hover i::after {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);

    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.navbar-nav {
  width: 100%;
  position: absolute;
  justify-content: end;
}


.navbar-nav .nav-item {padding: 0 1rem;}
.navbar-nav .nav-item:last-child {padding-right: 0;}

.navbar-nav .nav-link {color:var(--black-color); position:relative; font-weight:600; font-size:13px; font-family: 'Montserrat', sans-serif;}

.navbar-nav > .nav-item > .nav-link {padding: 1.5rem 0 !important; text-transform: uppercase;}

.navbar-nav > .nav-item > .nav-link:before{background: var(--main-color); height: 2px; width:0; position: absolute; bottom: 1.1rem; content: ""; -webkit-transition:all 400ms; transition:all 400ms;}
.navbar-nav .nav-link:hover:before, 
.navbar-nav .nav-link.active:before, 
.navbar-nav .nav-item.dropdown:hover > .nav-link:before {width:100%;}

.navbar-nav .dropdown-toggle:after {margin-left: .45em; vertical-align: 0.1em; opacity: .75;}

.navbar-nav .navbar-dropdown{
  position:absolute; 
  opacity:0; 
  top:100%; 
  visibility:hidden; 
  background:#ffffff; 
  -webkit-box-shadow:0px 6px 5px 0px rgba(0, 0, 0, 0.25); 
  box-shadow:0px 6px 5px 0px rgba(0, 0, 0, 0.25); 
  left:0; 
  min-width:240px; 
  text-align:left; 
  -webkit-transform:translateY(50px);
  transform:translateY(50px); 
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out; 
  padding: .75rem 0;
}
.navbar-nav .nav-item:hover .navbar-dropdown{opacity:1; visibility:visible;  -webkit-transform:translateY(-5px); transform:translateY(-5px);  }

.navbar-nav .navbar-dropdown .nav-link {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  font-size:15px;
  padding: .75rem .25rem;
}

.navbar-nav .navbar-dropdown .nav-link:before {
  content: '';
  position: absolute;
  display: block;
  top: calc(50% - 2px);
  left: -23px;
  width: 12px;
  height: 2px;
  background: var(--main-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.navbar-nav .navbar-dropdown .nav-link.active:before,
.navbar-nav .navbar-dropdown .nav-link.mPS2id-clicked:before,
.navbar-nav .navbar-dropdown .nav-link:hover:before {left:0}

.navbar-nav .navbar-dropdown .nav-link.active,
.navbar-nav .navbar-dropdown .nav-link.mPS2id-clicked,
.navbar-nav .navbar-dropdown .nav-link:hover {padding-left: 23px; color:var(--main-color) !important;}

/*--------- Light Header --------------------*/
.navbar-light .navbar-nav > .nav-item > .nav-link{color: var(--white-color);}
.navbar-light.fixed .navbar-nav > .nav-item > .nav-link{color: var(--black-color);}

/*--------------------------------------------------------------*
  SideBar Content
*--------------------------------------------------------------*/

.sidebar-toggler-wrap {
  left: auto !important;
  display: none;
}
.sidebar-toggler-wrap.fixed {
  display: inline-block;
}
.sidebar-toggler {
  width: 55px;
  height: 55px;
  background: var(--main-color);
}

.sidebar-toggler img {
  width: 36px;
  height: 36px;
}

.sidebar-toggler img:hover {
  animation: shakeX 0.5s;
  animation-iteration-count: infinite;
}

@keyframes shakeX {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/*--------- Right SideBar --------------------*/


.sidebar-right {min-width: 320px;}

.sidebar-logo {height: 30px;}

.ct-icon {
  width: 22px;
  color: var(--dark-gray-2);
}


/*--------------------------------------------------------------*
  Body Content
*--------------------------------------------------------------*/
section {position: relative; clear: both;}

.section-bg1 {background-color:#000;}
.section-bg2 {opacity: 0.027;}

.section-background .background-inner:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  user-select: none;
  position: absolute;
  cursor: default;
}
.section-background .background-inner img {
  object-fit: cover;
  object-position: 50% 20%;
  height: 100%;
  width: 100%;
  display: block;
}

.section-background .background-auto img {
  object-fit: none;
  height: auto;
  width: 100%;
}

.section-background.section-bg3 .background-inner:before {opacity:0.9; background-color:#077ddd;}


/* hero-section */

.hero-container {padding-top: 7.5rem;}

.hero-section-bg {width: 1366px}

.top-sub-heading{
  font-size: 1.7rem;
  -webkit-text-shadow: 6px 6px 7.83px rgba(0, 0, 0, 0.18);
  text-shadow:6px 6px 7.83px rgba(0, 0, 0, 0.18);
}
.top-sub-heading.heading-md {font-size:1.3rem;}

.top-info-heading {font-size: 1.2rem;}

h1.large-heading{
  font-size: 2.5rem;
  color:var(--main-color);
  line-height:1.2; 
  -webkit-text-shadow: 6px 6px 7.83px rgba(0, 0, 0, 0.18);
  text-shadow:6px 6px 7.83px rgba(0, 0, 0, 0.18);
}
h1.large-heading span{display:block; font-size:2.75rem; }
h1.large-heading.heading-md{font-size:3rem;}

h2.large-heading {font-size:2.55rem; }
h2.large-heading span{display:block; font-size:1.7rem; color:var(--main-color); font-weight:500; }

h3.large-heading{font-size:2rem; line-height:1.2; }

.light-text{font-weight:300 !important}
.light-text, .light-text *{color:#ffffff; }

.heading-wrapper {
  margin-bottom: 30px;
}

@media (min-width: 576px){
  .top-sub-heading {font-size: 1.85rem;}
  h1.large-heading {font-size: 3.5rem;}
  h1.large-heading span {font-size:3.8rem;}
  .top-sub-heading {line-height:1;}
}
@media (min-width: 768px){
  h2.large-heading {font-size:2.75rem; }
  h2.large-heading span {font-size:2rem;}
  h1.large-heading{font-size:3.7rem;}
  h1.large-heading span{font-size:4.25rem;}
}
@media (min-width: 992px){
  h2.large-heading {font-size: 3.2rem;}
  h2.large-heading span {font-size:2.15rem;}
  h3.large-heading{font-size:2.2rem;}
  h1.large-heading span{font-size:4.5rem;}
  h1.large-heading.heading-md{font-size:3.5rem;}
  .top-sub-heading.heading-md {font-size:1.55rem;}
  .top-info-heading {font-size: 1.3rem;}
}
@media (min-width: 1200px){
  h2.large-heading {font-size: 3.3rem;}
  .hero-section {max-height: 740px !important;}

  h3.large-heading{font-size:2.5rem;}
  h1.large-heading.heading-md{font-size:4rem;}
  .top-sub-heading.heading-md {font-size:1.75rem;}
}

/* pover-icon-section */

.work-steps-info .h1{font-size: 2rem;}

.power-icon .icon-cnt {font-family: 'Montserrat', sans-serif; font-size: 68px; font-weight:700; line-height: 1; color: var(--main-color);}
.power-icon .icon-img{margin:0px 0px 15px 0px; }
.power-icon .icon-img img{max-width:90px;}
.power-icon .icon-title{ font-family: 'Montserrat', sans-serif;}

.power-icon .icon-text{color:var(--main-color); font-size:30px; line-height:1.3; font-weight:500; font-family: 'Montserrat', sans-serif; text-transform:uppercase; }
.power-icon .icon-text span{font-size:20px; display:block; text-transform:none; }

.power-icon .v-line .list-group-item {position: relative; border: 0 !important; padding-left: 2rem;}
.power-icon .v-line .list-group-item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: var(--main-color);
}
.power-icon .v-line .list-group .list-group-item:last-child:before {
  height: 1.3rem;
}
.power-icon .v-line .list-group-item:after {
  content: '';
  position: absolute;
  left: 0;
  top: 1.25rem;
  width: 12px;
  height: 1px;
  background: var(--main-color);
}

@media (min-width: 992px){
  .work-steps-info .h1{font-size: 2.25rem;}
}
@media (min-width: 1200px){
  .work-steps-info .h1{font-size: 2.45rem;}
}

/* features-section */

.main-features .item {
  position:relative; 
  font-family:'Montserrat', sans-serif; 
  font-size:18px;
}
.main-features > [class*="col"] .item:before,
.main-features > [class*="col"]:not(:last-child) .item:after{
  background:var(--main-color); 
  height:100%; 
  width:3px; 
  content:""; 
  display:block; 
  position:absolute; 
  top:0;
  left: 0;
}

.main-features > [class*="col"]:not(:last-child) .item:after{
  display: none;
  right:0;
  left: auto;
}

.main-features .value{font-size:26px; color:#000000; font-weight:800; line-height:1; }

@media (min-width: 992px){
  .main-features > [class*="col"] .item:before {display: none;}
  .main-features > [class*="col"]:not(:last-child) .item:after{ display: block;}
}
@media (min-width: 1200px){
  .main-features .value{font-size:30px;}
}

/* main video-section */

.innovative-box > *{color:#ffffff;}
.innovative-box .h1{font-size: 2.35rem; line-height:1.25; }
.innovative-box .h5 {font-size: 1.15rem;}

.innovative-design-video{padding-top: 68%;}
.innovative-design-video.w-default{padding-top: 56.25%;}
.innovative-design-video:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
  z-index: 1;
}
.innovative-design-video .btn {
  width: 92px; 
  height: 92px; 
  font-size:32px; 
  z-index: 2;}
.innovative-design-video .btn.btn-md {
  width:68px; 
  height:68px; 
  font-size:25px;
}
.innovative-design-video .btn:hover{color:var(--main-color); transform: translate(-50%, -50%) scale(1.1) !important;}

.innovative-slider-wrapper .owl-nav{position: absolute; bottom:30px; right:30px; z-index: 5;}
.innovative-slider-wrapper .owl-nav button{background:#ffffff !important;}
.innovative-slider-wrapper .owl-nav button:hover{border-color: var(--main-color); color:var(--main-color); }


.innovative-design-info .h3 {font-size: 1.7rem;}

@media (min-width: 768px){
  .innovative-box .h1{font-size: 2.5rem; }
  .innovative-design-info .h3 {font-size: 1.55rem;}
}
@media (min-width: 992px){
  .innovative-box .h1{font-size: 2.75rem;}
  .innovative-box .h5 {font-size: 1.25rem;}
  .innovative-design-info .h3 {font-size: 1.8rem;}
}
@media (min-width: 1200px){
  .innovative-design-info .h3 {font-size: 2.2rem;}
}
@media (min-width: 1400px){
  .innovative-box .h1{font-size: 2.85rem;}
  .innovative-design-info .h3 {font-size: 2.25rem;}
}

/* content-box-section */

.content-box-desc .h3 {font-size: 1.5rem;}

.content-box{margin:15px 0px; }
.content-box .inner-wrapper{padding:30px; text-align:center; -webkit-border-radius:6px; border-radius:6px; border:1px solid #e7e7e7; box-shadow:0 0 18px 0 rgba(0,0,0,0.1); transition:all 500ms; -webkit-transition:all 500ms; }
.content-box .inner-wrapper:hover{border-color:var(--main-color); box-shadow:0 0 22px 0 rgba(221,7,7,0.15);  }
.content-box .icon{margin-bottom:15px;}
.content-box .icon img{max-width:80px;}
.content-box .service-icon img{max-width: none; height: 32px;}
.content-box .text h3{margin:0; font-size:22px;}
.content-box .text-sm h3{margin:0; font-size:20px;}

@media (min-width: 992px){
  .content-box-desc .h3 {font-size: 1.55rem;}
}
@media (min-width: 1200px){
  .content-box-desc .h3 {font-size: 1.75rem;}
}

/* help contact-section */

.help-contact-messages .h2 {font-size: 1.75rem;}

@media (min-width: 1200px){
  .help-contact-messages .h2 {font-size: 2rem;}
}

/*--------------------------------------------------------------*
  Form Section
*--------------------------------------------------------------*/
textarea{resize:none; }
.form-wrapper{padding:30px 0px;}
.form-group{margin-bottom:0; }
.form-control{
  font-size:1.125em;
  background-clip: inherit;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  padding: 0 20px;
  border-radius: 30px;
  line-height: 50px;
  height: auto;
  border: 2px solid #cccccc;
  background:#ffffff;
  margin-bottom: 15px;
}
.transparent-field .form-control{background:transparent; }

.form-control:focus{
  box-shadow:none;
  color:inherit !important;
  border-color: var(--light-gray);
}
.form-control.form-control-main,
.form-control.form-control-main:focus {border-color: var(--main-color);}

.form-control.has-error,
.form-control.has-error:focus,
.form-control.has-error:active {background: #fdf6f6 !important; border-color: var(--main-color) !important; color: var(--main-color) !important;}

.btn-form-control{padding: 0 20px !important; border-width: 2px; margin-bottom: 15px; line-height: 50px !important; height: auto;}

select option{color:#000000 !important; font-weight: 500; }
.style-1 .form-control{border:none; border-radius:0; border-bottom:1px solid #c2c2c2; padding:0px 0px; line-height:40px; height:40px; background:none; font-family: 'Montserrat', sans-serif; font-size:15px; color:var(--black-color); -webkit-appearance:none; -moz-appearance:none;}
.style-1 .form-control:focus{box-shadow:none; border-color:var(--main-color); }
.style-1 textarea.form-control{ height:120px; }
textarea.form-control{line-height:28px; padding-top:15px; padding-bottom:15px; height:150px;}
select.form-control {background-image:url('../images/select-arrow.png') !important; background-repeat:no-repeat !important; background-position:center right 22px !important;  }

select optgroup {color:var(--dark-gray-2) !important; font-weight: 400; }

.transparent-field select.form-control {background-image:url('../images/select-arrow-light.png') !important;}

::-webkit-input-placeholder { /* Edge */
  color:inherit !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: inherit !important;
}

::placeholder {
  color: inherit !important;
}

@keyframes shake {
    0%, to {transform: translateZ(0)}
    10%, 30%, 50%, 70%, 90% {transform: translate3d(-10px, 0, 0)}
    20%, 40%, 60%, 80% {transform: translate3d(10px, 0, 0)}
}
@-webkit-keyframes shake {
    0%, to {transform: translateZ(0)}
    10%, 30%, 50%, 70%, 90% {transform: translate3d(-10px, 0, 0)}
    20%, 40%, 60%, 80% {transform: translate3d(10px, 0, 0)}
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


@-webkit-keyframes progressFill {
  from {background-position: right bottom}
  to {background-position: left bottom}
}

@-moz-keyframes progressFill {
  from {background-position: right bottom}
  to {background-position: left bottom}
}

@keyframes progressFill {
  from {background-position: right bottom}
  to {background-position: left bottom}
}

.btn.is-loading,
.btn.is-loading:hover {
  background: linear-gradient(to right, var(--main-color) 50%, #000 50%);
  background-size: 200% 100%;
  animation: progressFill 6s -.1s ease-in-out forwards;
  color: #fff;
  opacity: 1 !important;
  border-color: #000;
}

/*--------------------------------------------------------------*
  Find Dealer
*--------------------------------------------------------------*/
.light-gray-bg{background:var(--light-gray); }

/*--------------------------------------------------------------*
  Testimonial Slider
*--------------------------------------------------------------*/

.feeds-layout.testimonial-wrapper .quote-text{background:var(--main-color); color:var(--white-color); font-size:18px; position:relative; }
.feeds-layout.testimonial-wrapper .quote-text:before{width:0; height:0; border-top:40px solid var(--main-color); border-right:40px solid transparent; position:absolute; top:100%; content:""; left:0;}
.feeds-layout.testimonial-wrapper .quote-wrapper{padding:50px 0px 0px; display: flex; flex-wrap: wrap; align-items: center; }
.feeds-layout.testimonial-wrapper .testimonial-slider .owl-nav{position: absolute; bottom:20px; right: 0;}

.feeds-layout.testimonial-wrapper .owl-carousel .owl-item .person-img {width:80px;}

.feeds-layout.testimonial-wrapper .quote-details .h3{font-size: 1.5rem; }

@media (min-width: 576px){
  .feeds-layout.testimonial-wrapper .testimonial-nav{position: absolute; bottom:0px; right: 0; z-index: 2;}
}
@media (min-width: 1200px){
  .feeds-layout.testimonial-wrapper .testimonial-nav{position: absolute;}
  .feeds-layout.testimonial-wrapper .owl-carousel .owl-item .person-img {max-width:90px;}
}
@media (min-width: 1400px){
  .feeds-layout.testimonial-wrapper .quote-details .h3{font-size: 1.75rem; }
}


.risk-layout.testimonial-wrapper{max-width:1100px;}
.risk-layout .testimonial-item .person-img{
  width:330px;
  border:6px solid rgba(255,255,255,1);
  border-left-width:18px;
  border-top-width:18px;
}
.risk-layout .testimonial-item .h1 {font-size: 2rem;}
.risk-layout .testimonial-item blockquote{font-size: 1.25rem;; line-height: 1.4;}
.risk-layout .owl-nav{text-align: center;}

@media (min-width: 768px){
  .risk-layout .owl-nav{position:absolute; right:0; bottom:0;}
}
@media (min-width: 992px){
  .risk-layout .testimonial-item .h1 {font-size: 2.2rem;}
  .risk-layout .testimonial-item blockquote{font-size: 1.35rem;}
}
@media (min-width: 1200px){
  .risk-layout .testimonial-item .h1 {font-size: 2.35rem;}
  .risk-layout .testimonial-item blockquote{font-size: 1.5rem;}
  .risk-layout .testimonial-item .person-img{width:365px;}
}

/*--------------------------------------------------------------*
  Testimonials
*--------------------------------------------------------------*/

.testimonial-text p {font-size: 1.2rem; line-height: 1.4; margin: 0;}
.testimonial-text p + p {margin-top: 0;}

.testimonial-stats .h5,
.testimonial-stats .fs-5{font-size: 1.2rem !important;}

.testimonial-author .h4{font-size: 1.35rem;}


@media (min-width: 1200px){
  .testimonial-stats .h5{font-size: 1.25rem !important;}
  .testimonial-text p {font-size: 1.25rem;}
}

.owl-nav button{min-width: auto; height:48px; width:48px; border:2px solid #cccccc !important; -webkit-border-radius:50%; border-radius:50%; color:var(--dark-gray); font-size:20px !important; outline:none !important; line-height:48px;}
.owl-nav button.owl-next{margin-left:10px; }
.owl-nav button:hover{color:var(--main-color); border-color:var(--main-color) !important;}



.capability-slider .owl-prev, 
.capability-slider .owl-next{
  position: absolute;
  top: 40%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.capability-slider .owl-next{right:0; left:auto; }

.capability-slider .owl-dots{margin:30px 0px 0px; width:100%; display:table; text-align:center; }
.capability-slider .owl-dots button.owl-dot{display:inline-block; background:var(--heading-color); width:auto; padding:0;width: 16px; height: 16px;
  opacity: 0.5;margin: 0px 3px; transition:all 400ms; -webkit-transition:all 400ms; box-shadow:none; outline:none;   }
.capability-slider .owl-dots button.owl-dot.active{background:var(--main-color); opacity:1; }

@media (min-width: 992px){
  .capability-slider{padding:0px 70px;}
}

/*--------------------------------------------------------------*
  Horizontal Tab
*--------------------------------------------------------------*/

.select-filter {letter-spacing: 0;}

.select-filter span {
  -ms-transform: translateX(-22px) !important;
  -webkit-transform: translateX(-22px) !important;
  transform: translateX(-22px) !important;
}

.nav-tabs{border-bottom:2px solid #dee2e6;}
.nav-tabs .nav-item .nav-link {color: #000; background-color: transparent; border: 0px; padding: 15px 0px; font-size:20px;
font-weight:400; -webkit-transition: all 300ms; transition: all 300ms; line-height: 1.3; letter-spacing: 0; font-family: 'Montserrat', sans-serif; cursor: pointer;padding:15px 10px; position:relative; }
.nav-tabs .nav-item .nav-link{position:relative;}
.nav-tabs .nav-item .nav-link:after{background: var(--main-color); height: 2px; width:0px; margin-right: 0px; content: "";
display: inline-block; position:absolute; top:100%; left:auto; right:0; -webkit-transition: all 300ms; transition: all 300ms;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border:none;}
.nav-tabs .nav-item.show .nav-link:after, .nav-tabs .nav-link.active:after{width:100%; left:0; }
.tab-section{width:100%; }
.racing-car .tab-section{width:auto;}
/*--------------------------------------------------------------*
  Vertical Tab
*--------------------------------------------------------------*/
.vertical-tab .nav-tabs .nav-item{display: block; width: 100%;}
.vertical-tab .nav-tabs .nav-item .nav-link {
  color: #000;
  background-color: transparent;
  border: 0px;
  padding:15px 0px;
  font-size:1.3rem;
  font-weight:400;
  -webkit-transition:all 300ms;
  transition:all 300ms;
  line-height:1.3;
  letter-spacing:0;
  font-family: 'Montserrat', sans-serif;
  cursor:pointer;
}
.vertical-tab .nav-tabs .nav-item .nav-link:before{
  background:var(--main-color);
  height:3px;
  width:0px;
  margin-right:0px;
  content:"";
  display:inline-block;
  position: relative;
  top: -9px;
  -webkit-transition:all 300ms;
  transition:all 300ms;
}
.vertical-tab .nav-tabs .nav-item .nav-link.active {
  font-weight:700; 
  -webkit-transition:all 300ms;
  transition:all 300ms;
}
.vertical-tab .nav-tabs .nav-item .nav-link.active:before{
  width:20px;
  margin-right:15px;
  -webkit-transition:all 300ms;
  transition:all 300ms;
}
.vertical-tab .tab-content {padding-top: 15px;}
.vertical-tab .tab-title {font-size:1.9rem;}
.vertical-tab .nav-tabs .nav-item .nav-link::after {display: none;}

@media (min-width: 992px){
  .vertical-tab .tab-title {font-size:2.2rem;}
  .vertical-tab .nav-tabs .nav-item .nav-link.active:before {width:30px;}
  .vertical-tab .nav-tabs .nav-item .nav-link {font-size: 1.5rem;}

  .vertical-tab .nav-tabs {
    border:none !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}

table.specifications{width:100%; }
table.specifications td, 
table.specifications th{
  padding: 15px 0; 
  font-size: 20px; 
  border-color: #c6cacd; 
  font-weight:400;
}
table.specifications tr:last-child td {border:0px; }


.specifications-list li {
  padding: 7px 0px 7px 34px;
  list-style: none;
  display: block;
  font-size: 20px;
  position: relative;
}
.specifications-list li::before {
  position: absolute;
  content: "\f192";
  top: 12px;
  left: 0;
  color: var(--main-color);
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
}

.specifications-list.spec-alt-list li{
  font-size: 18px;
  padding: 6px 0px 6px 30px;
}
.spec-alt-list-more {
  font-size: 18px;
}
.specifications-list.spec-alt-list li::before {font-size: 14px;}

.spec-value {
  font-size: 3.25rem;
  color: #000000;
  font-weight: 800;
  line-height: 1;
  font-family: 'Montserrat', sans-serif;
}
.spec-value span{font-size: .7em; font-weight: 700;}

/*--------------------------------------------------------------*
  Features 
*--------------------------------------------------------------*/
.features-box{z-index: 5;}
.features-box h4{font-size: 1.4rem;}
.features-box .feature-ico img{width: 90px; height: 90px; }
.features-middle-wrap {overflow-x: hidden;}
.features-middle-img img{max-height:700px;}

.circle-animation{
  height: 100%;
  width: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:
  translate(-50%, -50%);
  max-width: 400px;
  max-height:400px;
  z-index: 0;
  background: #021a2c;
}

.circle-animation:before, 
.circle-animation:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border:20px solid #021a2c;
  border-radius: 50%;
}

@media (min-width: 768px){
  .features-box .feature-ico img{width: 80px; height: 80px; }
}
@media (min-width: 992px){
  .features-middle-wrap {overflow-x: inherit;}
  .features-box .feature-ico img{width: 85px; height: 85px; }
}
@media (min-width: 1200px){
  .features-box h4{font-size: 1.5rem;}
  .features-box .feature-ico img{width: 90px; height: 90px; }
}

.circle-animation:before {animation: circleripple 4s linear infinite;}
.circle-animation:after {animation: circleripple 4s linear 2s infinite;}
.circle-animation.animated{opacity:0 !important; }
@keyframes circleripple{
  0% { transform: scale(1);}
  50% { transform: scale(1.3); opacity:1; }
  100% { transform: scale(1.6); opacity:0; }
}

/*--------------------------------------------------------------*
  Gallery
*--------------------------------------------------------------*/
.st-gallery{list-style:none; display:flex; flex-wrap:wrap; padding:0; margin:0; }
.st-gallery li{list-style:none; }
.st-gallery li a{display:block; position:relative; overflow:hidden;    }
.column-2.st-gallery li{flex:0 0 50%; max-width:50%; width:100%; padding:5px;  }
.column-3.st-gallery li{flex:0 0 33.33%; max-width:33.33%; width:100%; padding:5px;  }
.column-4.st-gallery li{flex:0 0 25%; max-width:25%; width:100%; padding:5px;  }
.st-gallery li span.caption-text{-webkit-transform:translateY(100%); transform:translateY(100%);  position:absolute; bottom:0; left:0; padding:15px; color:#ffffff; font-size:18px;font-family: 'Montserrat', sans-serif; font-weight: 600; -webkit-transition:all 400ms ease-out; transition:all 400ms ease-out; }
.st-gallery li a:before{background:rgba(0,0,0,0.6); height:100%; width:100%; left:0; top:0; right:0; content:""; display:block; position: absolute; opacity:0; visibility:hidden; -webkit-transition:all 400ms ease-out; transition:all 400ms ease-out;}
.st-gallery li:hover a:before{opacity:1; visibility: visible; }
.st-gallery li:hover span.caption-text{-webkit-transform:translateY(0); transform:translateY(0);}

/*--------------------------------------------------------------*
  Gallery Slider
*--------------------------------------------------------------*/

.owl-carousel.overflow-show .owl-stage-outer { overflow: initial;}
.gallery-slider .item{box-shadow: 0 70px 100px -40px rgba(0,0,0,.5);}
.gallery-slider.owl-carousel .owl-dots{text-align:center; margin-top: 20px;}
.gallery-slider.owl-carousel button.owl-dot{outline:none !important;}
.gallery-slider .owl-dots .owl-dot span{
  background:var(--white-color);
  opacity: .6;
  width: 16px;
  height: 16px;
  margin: 0 6px;
  display: block;
  border-radius: 50%;
  transform: scale(.8);
  transition: transform 0.2s ease-in-out;
}
.gallery-slider .owl-dots .owl-dot.active span{
  transform: scale(1);
  opacity: 1;
  background: var(--main-color);
}

/*--------------------------------------------------------------*
  Instagram Feed
*--------------------------------------------------------------*/

.instagram-feed-user-picture {
  background: linear-gradient(40deg, #f99b4a 15%, #dd3071 50%, #c72e8d 85%);
  width: 112px;
  height: 112px;
  padding: 6px;
  box-sizing: border-box;
}

.instagram-feed-user-picture img {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #fff;
  box-sizing: border-box;
}

.instagram-user-picture{
  width: 130px;
  height: 130px;
}

/*--------------------------------------------------------------*
  Faq
*--------------------------------------------------------------*/

.faq-list .accordion-button {
  font-size: 1.1rem;
  font-family: 'Montserrat', sans-serif;
  padding: 1.4rem 1.25rem;
  position: relative;
}
.faq-list .accordion-button:not(.collapsed) {
  color: var(--main-color);
  background-color: transparent;
}
.faq-list .accordion-button:before {
  background: var(--main-color);
  height: 2px;
  width: 0px;
  margin-right: 0px;
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.faq-list .accordion-button:not(.collapsed):before {
  width: 100%;
  left: 0;
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
}
@media (min-width: 576px){
  .faq-list .accordion-button {font-size: 1.2rem;}
}

@media (min-width: 992px){
  .faq-list .accordion-button {font-size: 1.4rem;}
}

/*--------------------------------------------------------------*
  Popup
*--------------------------------------------------------------*/
.popup-order-wrap {max-width: 600px; cursor: default !important;}
.popup-style-1 {background: url("../images/iber.png") left 60px top 25px / 700px no-repeat, #fff;}
.popup-style-2 {background: url("../images/iber.png") left 10px top 140px / 700px no-repeat, var(--main-color);}

.popup-style-2 .close-btn i::before, 
.popup-style-2 .close-btn i::after {background-color: #fff;}

.popup-content {z-index: 2;}
.popup-title {font-size: 2rem;}
.popup-desc {font-size: 1.15rem;}
.popup-content-phone {font-size: 1.4rem;}

.popup-bg-1 {
  width: 315px;
  right: -165px;
  top: 130px;
}
.popup-bg-2 {
  width: 315px;
  right: -155px;
  top: 155px;
}

@media (min-width: 576px){
  .popup-title {font-size: 2.45rem;}
  .popup-desc {font-size: 1.25rem;}
  .popup-content-phone {font-size: 1.6rem;}
  .popup-bg-1 {
    width: 355px;
    right: -120px;
    top: 80px;
  }
  .popup-bg-2 {
    width: 355px;
    right: -125px;
    top: 125px;
  }
  .popup-style-1 {background: url("../images/iber.png") left 160px top 35px / 700px no-repeat, #fff;}
  .popup-style-2 {background: url("../images/iber.png") left 200px top 50px / 700px no-repeat, var(--main-color);}
}

/*--------------------------------------------------------------*
  Pagination
*--------------------------------------------------------------*/

.page-item .page-link {
  border: 0;
  box-shadow: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  padding: 0.25rem 1.25rem;
  color: var(--text-color);
  background: none !important;
}
.page-item.active .page-link {
  color: var(--main-color);
  font-weight: bold;
  transform: scale(1.5);
}
.page-item .page-link:hover {color: var(--main-color);}

@media (min-width: 1200px){
  .page-item .page-link {font-size: 1.8rem;}
}

/*--------------------------------------------------------------*
  Footer
*--------------------------------------------------------------*/
footer{ background:#000; color:var(--dark-gray-2);}
footer .footer-widget-area{padding:100px 0px 60px;}
footer a{color:var(--dark-gray-2);}
footer a:hover{color:var(--main-color);}

.footer-logo{height:42px;}
.widget-heading{margin-bottom:30px; }
footer .widget{margin:0 0 40px 0; }
footer .widget-title{font-size:18px; color:var(--white-color); font-weight:600;}
.footer-menu{margin:0px 0px; padding:0; }
.footer-menu ul.menu{list-style:none; padding:0px;  }
.footer-menu ul.menu li{margin:10px 0px; padding:0px 0px; list-style:none; display:block; font-size:16px; position:relative; padding-left:25px;  }
.footer-menu ul.menu li:before{position:absolute; content:"\f192"; top:2px; left:0; color:var(--main-color); font-size:14px; font-family:"Font Awesome 5 Free";}

.widget-contact-info{margin-bottom:15px; display:block; position:relative; padding-left:40px;}
.widget-contact-info i{position:absolute; top:0px; left:0; font-size:22px;}
.widget-contact-info h3{margin-bottom:0; font-size:18px;}
footer .widget-contact-info h3{color:#ffffff;}
.newsletter-box{display:block; margin:0 0 15px 0; max-width:360px;}
.newsletter-box p{margin-bottom:10px;}
.newsletter-box form{position:relative; }
.newsletter-box input[type="email"]{padding-right:60px;}
.newsletter-box .signup-btn{position:absolute; top:2px;  right:2px; background:var(--main-color); font-size: 0; padding: 0; width:50px; height:50px;text-align:center; border:none; overflow: hidden;  }
.newsletter-box .signup-btn:before{content:"\f054"; color:var(--white-color); font-size:24px; font-family:"Font Awesome 5 Free"; font-weight:900; width: 56px; display: block;}

.newsletter-box .signup-btn.is-loading {
  -webkit-animation:spin 4s linear infinite;
  -moz-animation:spin 4s linear infinite;
  animation:spin 4s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.horizontal-menu{margin:0; padding:0; }
.horizontal-menu li{margin:0; padding:0px 15px; list-style:none; display:inline-block; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:1; }
.horizontal-menu li:not(:last-child){border-right:2px solid var(--dark-gray-2);}
.horizontal-menu li:hover a, .horizontal-menu li a:hover{color:var(--main-color);}
.footer-social{margin:30px 0px 0;}
.footer-social ul{margin:0; padding:0; }
.footer-social ul li{margin:0 5px 0 0; padding:0px 0px; list-style:none; display:inline-block; line-height:1;}
.footer-social ul li a {background: rgba(255,255,255,0.2);  display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50px;}
.footer-social ul li:hover a, .horizontal-menu li a:hover{background:var(--main-color); color:var(--white-color);}
.footer-social ul li a img {width: 22px; height: 22px}
.copyright{padding:18px 0px; border-top:1px solid var(--dark-gray); }
.copyright a{color:var(--main-color);}

.footer-phone a {color: #fff; font-family: 'Montserrat', sans-serif;}
.footer-phone .phone-info {font-size: 14px;}



/* ---------- Fog ---------- */
.fogwrapper {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
  filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
}
#foglayer_01, #foglayer_02, #foglayer_03 {
  height: 100%;
  position: absolute;
  width: 200%;
  bottom: 0;
}
#foglayer_01 .image01, #foglayer_01 .image02,
#foglayer_02 .image01, #foglayer_02 .image02,
#foglayer_03 .image01, #foglayer_03 .image02 {
  float: left;
  height: 100%;
  width: 50%;
}
#foglayer_01 {
  -webkit-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  -moz-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
}
#foglayer_02, #foglayer_03 {
  -webkit-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
  -moz-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
  animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
}
#foglayer_01 .image01, #foglayer_01 .image02 {
  background: url("../images/smoke-1.png") center center/cover no-repeat transparent;
}
#foglayer_02 .image01, #foglayer_02 .image02,
#foglayer_03 .image01, #foglayer_03 .image02{
  background: url("../images/smoke-2.png") center center/cover no-repeat transparent;
}

/* ---------- Keyframe Layer 1 ---------- */
@-webkit-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .8; }
  40% { opacity: .48; }
  58% { opacity: .6; }
  80% { opacity: .36; }
  100% { opacity: .20; }
}
@-moz-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .8; }
  40% { opacity: .48; }
  58% { opacity: .6; }
  80% { opacity: .36; }
  100% { opacity: .20; }
}
@-o-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .8; }
  40% { opacity: .48; }
  58% { opacity: .6; }
  80% { opacity: .36; }
  100% { opacity: .20; }
}
@keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .8; }
  40% { opacity: .48; }
  58% { opacity: .6; }
  80% { opacity: .36; }
  100% { opacity: .2; }
}
/* ---------- Keyframe Layer 2 ---------- */
@-webkit-keyframes foglayer_02_opacity {
  0% { opacity: .7; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .4; }
  100% { opacity: .7; }
}
@-moz-keyframes foglayer_02_opacity {
  0% { opacity: .7; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .4; }
  100% { opacity: .7; }
}
@-o-keyframes foglayer_02_opacity {
  0% { opacity: .7; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .4; }
  100% { opacity: .7; }
}
@keyframes foglayer_02_opacity {
  0% { opacity: .7; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .4; }
  100% { opacity: .7; }
}
/* ---------- Keyframe Layer 3 ---------- */
@-webkit-keyframes foglayer_03_opacity {
  0% { opacity: 1 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: 1; }
}
@-moz-keyframes foglayer_03_opacity {
  0% { opacity: 1 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: 1; }
}
@-o-keyframes foglayer_03_opacity {
  0% { opacity: 1 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: 1; }
}
@keyframes foglayer_03_opacity {
  0% { opacity:1; }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity:1; }
}
/* ---------- Keyframe moveMe ---------- */
@-webkit-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@-moz-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@-o-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@keyframes foglayer_moveme {
  0% {left: 0;}
  100% {left: -100%;}
}

@media only screen
  and (min-width: 280px)
  and (max-width: 767px) {
    #foglayer_01 .image01, #foglayer_01 .image02,
    #foglayer_02 .image01, #foglayer_02 .image02,
    #foglayer_03 .image01, #foglayer_03 .image02 {
      width: 100%;
    }
  }