/* cyrillic-ext */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
} */

/* cyrillic */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} */

/* greek-ext */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
} */

/* greek */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
} */

/* vietnamese */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} */

/* latin-ext */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} */

/* latin */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
} */

/* cyrillic-ext */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
} */

/* cyrillic */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} */

/* greek-ext */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
} */

/* greek */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
  unicode-range: U+0370-03FF;
} */

/* vietnamese */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} */

/* latin-ext */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} */

/* latin */
/* @font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
} */

/* ========================= font awesome ========================== */
@font-face {
  font-family: "FontAwesome";
  src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),
    url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
    url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
    url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
    url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.fa {
  font-size: inherit;
  text-rendering: auto;
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font: normal normal normal 14px/1 FontAwesome;
}

.fa-2x {
  font-size: 1.2em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-user:before {
  content: "\f007";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-map-marker:before {
  content: "\f041";
}

/* #snow {
  background-color: transparent; 
  background-image: url("https://myclang.com/public/operations/a6c1b5e97ad57fe513e76660f178d31d/Snow1_4.png"),
    url("images/snow-pattern.png");
  -webkit-animation: snow 20s linear infinite;
  -moz-animation: snow 20s linear infinite;
  -ms-animation: snow 20s linear infinite;
  animation: snow 15s linear infinite;
  z-index: 999;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  margin-top: 0;
  pointer-events: none;
  position: fixed;
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  } */

  /* 100% { */
    /* background-position: 250px 10px, 150px 40px, 300px 30px; */
    /* background-position: 250px 1000px, 150px 400px, 300px 300px;
  }
} */

/* ============================================ General Typo ============================================= */
.webp body {
  background-image: url(images/body-logo.webp);
}

.no-webp body {
  background-image: url(images/body-logo.png);
}

body {
  background-repeat: repeat;
  color: #0000e6;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
.h5,
h6 {
  /*    letter-spacing: 0;*/
  font-weight: bold;
  color: #ed3338;
}

/*a {
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: #0761f5;
}*/
a:hover,
a:focus,
a:active {
  color: #0056b3;
  outline: none;
  text-decoration: none;
}

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

p {
  line-height: 24px;
}

::-webkit-input-placeholder {
  color: #fff;
}

:-moz-placeholder {
  color: #fff;
  opacity: 1;
}

::-moz-placeholder {
  opacity: 1;
}

:-ms-input-placeholder {
  color: #282828;
}

::-webkit-input-placeholder {
  color: #282828;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #282828;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #282828;
}

:-ms-input-placeholder {
  color: #282828;
}

.text-red-ff0 {
  color: #ff0000;
}

.text-black {
  color: #000;
}

header {
  height: 116px;
}

.fixed-top {
  background: #fff;
  box-shadow: 0 0 18px 0 rgba(50, 50, 50, 0.18);
  animation-name: slideInDown;
  animation-duration: 2s;
}

.header-height {
  height: 70px;
}

header .sticky_logo {
  display: none;
}

.w-250 {
  width: 185px;
}

header .sticky_vrm {
  display: none;
}

header .main_inner {
  background: #e5e6e4;
  padding: 2px;
  border-radius: 7px;
  border: 2px solid #a1a1a1;
}

header .main_input {
  background: #040404;
}

header input {
  width: 100%;
  background: url(images/gb.jpg) no-repeat #fec22a;
  color: #0c1727;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  min-height: 47px;
  font-size: 22px;
  background-size: 11%;
}

.accepting_quote .main .main_inner input {
  width: 100%;
  background: url(images/gb.jpg) no-repeat #fff;
  color: #0c1727;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  min-height: 47px;
  font-size: 22px;
  background-size: 8%;
}

header .btn {
  background: #52a918;
  font-size: 18px;
  line-height: 24px;
  padding: 13px;
}

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

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

/*  ========   fancy scrollbar     ========    */
.nav-dropdown::-webkit-scrollbar {
  width: 10px;
}

.nav-dropdown::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.hidden_snippet {
  display: none;
}

.nav-dropdown::-webkit-scrollbar-thumb {
  background: #888;
}

.nav-dropdown::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/*  ================================================== Header ========================================================  */
header .menu .bg-light {
  background-color: transparent !important;
}

head .list-inline .list-inline-item .fa-envelope-open.text-success {
  font-size: 32px;
  line-height: 38px;
}

header .number,
header .flaticon-phone-call {
  font-size: 28px;
  line-height: 24px;
}

header .number {
  color: #ff0000;
}

/*  ================================================== Nav =======================================================  */
header~nav {
  /*position: sticky;*/
  top: 0;
  z-index: 9999;
  width: 100%;
  background: #fff;
  /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);*/
}

/*new navigation*/
.navigation {
  /*    height: 50px;*/
  /*background: #613960;*/
}

.brand {
  position: absolute;
  padding-left: 20px;
  float: left;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 1.4em;
}

.brand a,
.brand a:visited {
  color: #ffffff;
  text-decoration: none;
}

.nav-container {
  /*    max-width: 1000px;
        margin: 0 auto;*/
}

nav {
  /*float: right;*/
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  float: left;
  position: relative;
}

nav ul li a,
nav ul li a:visited {
  font-size: 16px;
  display: block;
  padding: 0 10px;
  line-height: 22px;
  color: #a8a1b8 !important;
  text-decoration: none;
  cursor: pointer;
  /*    position: relative;
        font-weight: 600;*/
}

.table-bordered td {
  padding: 10px;
}

.table-bordered td p {
  margin-bottom: 0;
}

nav ul li a:before,
nav ul li a:visited:before {
  /*    position: absolute;
        content: '';
        background-color: #33dd93;
        width: 0%;
        height: 2px;
        left: 0;
        top: 40px;
        transition: .5s ease;*/
}

nav ul li a:hover:before,
nav ul li a:visited:hover:before {
  width: 100%;
  color: #3e48cb !important;
}

nav ul li a:hover,
nav ul li a:visited:hover {
  color: #0000e6 !important;
}

nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: "\f078";
  font-family: FontAwesome;
}

nav ul li ul li {
  min-width: 270px;
}

nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  display: none;
  z-index: 1;
  z-index: 1031;
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 16px;
  background: #262626;
  height: 70px;
  width: 70px;
  z-index: 1030;
}

@media only screen and (max-width: 798px) {
  .nav-mobile {
    display: block;

    background: transparent;
    height: 40px;
    width: 40px;
  }

  #nav-toggle span,
  #nav-toggle span:before,
  #nav-toggle span:after {
    background-color: #000 !important;
  }

  #nav-toggle.active span {
    background-color: transparent !important;
  }

  #nav-toggle {
    left: 0 !important;
    top: 12px !important;
  }

  nav {
    width: 100%;
    padding: 4px 0 4px;
  }

  /*    nav {
            width: 100%;
            padding: 4px 0 15px;
        }*/
  nav ul {
    display: none;
    margin-top: 15px;
  }

  nav ul li {
    float: none;
  }

  /*    nav ul li a {
            padding: 15px;
            line-height: 20px;
        }*/
  nav ul li a {
    padding: 8px 0;
    line-height: 20px;
  }

  nav ul li ul li a {
    padding-left: 30px;
  }

  .nav-dropdown {
    position: static;
  }
}

@media screen and (min-width: 799px) {
  .nav-list {
    display: block !important;
  }
}

#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: "";
  transition: all 300ms ease-in-out;
}

#nav-toggle span:before {
  top: -10px;
}

#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle.active span {
  background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
  top: 0;
}

#nav-toggle.active span:before {
  transform: rotate(45deg);
}

#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

/*  ================================        Banner      ===========================  */
.banner-covid {
  background-image: url(images/covid-royal.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.banner {
  z-index: 1;
  border-radius: 0% 0% 50% 50% / 90% 60% 25% 25%;
  box-shadow: 0px 5px 10px 0px rgba(195, 195, 195, 0.19);
  z-index: 1030;
}

.banner p {
  color: #0000e6;
  line-height: 24px;
}

.banner::before,
.banner::after {
  position: absolute;
  content: "";
  bottom: 70px;
  z-index: -1;
  width: 340px;
  height: 409px;
  border-radius: 0% 0% 190% 190% / 50% 50% 100% 100%;
}

.webp .banner::before {
  background: url(images/left_engine.webp);
}

.no-webp::before {
  background: url(images/left_engine.png);
}

.banner::before {
  background-repeat: no-repeat;
  left: 0;
}

.webp .banner:after {
  background: url(images/right-engine.webp);
}

.no-webp:after {
  background: url(images/right-engine.png);
}

.banner:after {
  background-repeat: no-repeat;
  right: 0;
}

.banner .main_inner,
.bottom_reg .main {
  background: #e5e6e4;
  padding: 3px;
  border-radius: 7px;
  border: 2px solid #a1a1a1;
}

.banner .main_input {
  background: #040404;
}

.banner select {
  font-size: 14px;
  line-height: 20px;
  border: 3px solid #a1a1a1 !important;
  background: url(images/search.png) no-repeat 3% 42% #fff !important;
  text-align-last: center;
}

.banner select:focus {
  outline: none;
}

.bottom_reg select {
  font-size: 14px;
  line-height: 20px;
  border: 3px solid #a1a1a1 !important;
  background: url(images/search.png) no-repeat 3% 42% #fff !important;
  text-align-last: center;
}

.bottom_reg select:focus {
  outline: none;
}

.bottom_reg .main_inner {
  background: #040404;
}

.banner input,
.bottom_reg input {
  width: 100%;
  background: url(images/gb.jpg) no-repeat #fec22a;
  color: #0c1727;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  min-height: 59px;
  font-size: 29px;
  background-size: contain;
}

.banner .btn {
  font-size: 32px;
  line-height: 38px;
  background: #52a918;
}

.make_engine_code .btn.btn-danger {
  font-size: 20px;
  line-height: 26px;
  background: #52a918;
}

.banner .btn:hover,
.contact_us .btn:hover,
.error .btn:hover,
.make_engine_code .btn.btn-danger:hover,
.reviews-contact .btn:hover {
  background: #0000e6;
}

.widget img {
  color: #ffffff;
  left: 0;
  -webkit-animation: movebounce 3s linear infinite;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.widget .list-group .list-group-item:before {
  position: absolute;
  content: "-";
  color: #ffc107;
  left: 0;
}

@keyframes movebounce {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(15px);
  }

  100% {
    transform: translateY(0px);
  }
}

/*@keyframes moveleftbounce {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(15px);
    }
    100% {
        transform: translateX(0px);
    }
}*/
.widget h2:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
}

.widget button {
  background: #20241e;
  font-size: 22px;
  line-height: 28px;
}

/*  ================================       Car Make Start      ===========================  */
.car_make .card {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);
  /*font-family: 'camptonw00-semiboldregular';*/
  -webkit-transition: color 2s;
  transition: color 2s;
  z-index: 1030;
}

.car_make .card:hover::before,
.car_make .card.active::before {
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  border-top-color: #0000e6;
  border-right-color: #0000e6;
}

.car_make .card:hover::after,
.car_make .card.active::after {
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s,
    height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s,
    height 0.25s ease-out 0.75s;
  border-bottom-color: #3e48cb;
  border-left-color: #3e48cb;
}

.car_make .card:hover::before,
.car_make .card:hover::after,
.car_make .card.active:before,
.car_make .card.active:after {
  width: 100%;
  height: 100%;
}

.car_make .card::before {
  top: 0;
  left: 0;
}

.car_make .card::after {
  right: 0;
  bottom: 0;
}

.car_make .card::before,
.car_make .card::after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
}

.car_make .card picture img {
  transition: all 2s;
}

.car_make .card:hover picture img {
  /*transform: scale(1.1,1.1);*/
  transform: translateX(-10px);
}

.car_make .card .card-body {
  z-index: 99999;
}

.car_make .card .card-body .btn-link {
  font-size: 16px;
  line-height: 22px;
  color: #32325d;
  z-index: 99999;
}

.car_make .card .card-body .btn-link:hover {
  text-decoration: none;
}

.car_make .btn.focus,
.car_make .btn-link:focus {
  outline: 0;
  box-shadow: none;
}

.car_make .card .card-body .btn-link .flaticon-right-arrow {
  background-image: -webkit-linear-gradient(0deg, #5ad0ff 0%, #3224e9 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

/*  ================================      CONTENT START      ===========================  */
.content picture {
  /*    position: relative;
        z-index: 1;*/
}

.content picture:first-child img {
  top: 30px;
}

.content picture:first-child:after,
.content picture:nth-child(2):after {
  position: absolute;
  content: "";
  background: #f6f9fc;
  width: 184px;
  height: 330px;
  z-index: -1;
}

.content picture:first-child:after {
  right: 0;
  top: 0;
}

.content picture:nth-child(2):after {
  left: 0;
  top: 49px;
}

.content picture:nth-child(2) img {
  position: relative;
  top: 100px;
}

.content picture {
  margin: 0 0 1rem;
}

/*  ================================      Most Popular Engine Start      ===========================  */
.webp .most-popular {
  background-image: url(images/most_popular-banner.webp);
}

.no-webp .most-popular {
  background-image: url(images/most_popular-banner.jpg);
}

.most-popular {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /*position: relative;*/
  z-index: 1;
}

.engine_sizes a:hover {
  font-weight: bold;
}

.most-popular h2,
.most-popular figure img,
.most-popular .card,
.engine_sizes a {
  z-index: 1030;
}

.most-popular:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  border-top: 70px solid #ffffff;
  border-right: 1545px solid transparent;
  z-index: -1;
}

.most-popular:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: rgba(246, 249, 252, 0.85);
  width: 100%;
  height: 100%;
  border-top: 70px solid #ffffff;
  border-right: 1545px solid transparent;
}

.most-popular .card {
  border: 7px solid #3b46de;
}

.most-popular .list-group-item-action:focus,
.most-popular .list-group-item-action:hover {
  background-color: transparent !important;
  color: #0000e6 !important;
  font-weight: bold;
}

.most-popular .card .list-group-item-action:focus,
.most-popular .card .list-group-item-action:hover {
  background-color: transparent !important;
  color: #3e48cb !important;
  font-weight: bold;
}

.most-popular .btn {
  background: #3b46de;

  font-size: 22px;
  line-height: 26px;
  z-index: 1030;
}

/*.most-popular .card .btn {
    background: #3b46de;
    width: 85%;
    font-size: 22px;
    line-height: 26px;
}*/
/*.most-popular .card .btn:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0px;
    border-bottom: 56px solid #3b46de !important;
    border-right: 30px solid #fff !important;
}*/
.most-popular .flaticon-right-arrow {
  color: #3e48cb;
}

/*  ================================      Register Your Vehicle Start      ===========================  */
.bottom_reg {
  top: 100px;
}

.bottom_reg .card {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.24);
  border-radius: 10px;
  z-index: 1030;
}

.bottom_reg .card .go_btn {
  content: "";
  right: 0;
  top: 0;
  background: #52a918;
  font-size: 40px;
  line-height: 46px;
  border-radius: 10px;
  z-index: 1;
  cursor: pointer;
}

/*.bottom_reg .card .go_btn:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    border-left: 100px solid white;
    border-bottom: 10px solid transparent;
    z-index: -1;
}
.bottom_reg .card .go_btn:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    border-top: 10px solid transparent;
    border-left: 100px solid white;
    z-index: -1;
}*/
/*.bottom_reg .card:after {
    position: absolute;
    content: 'GO';
    right: -25px;
    bottom: 0;
    width: 107px;
    height: 100%;
    background: #0041a4;
    font-size: 40px;
    line-height: 46px;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    align-items: center;
    display: flex;
    font-family: 'camptonw00-semiboldregular';
    transform: skewY(192deg);

}*/
/*  ================================      Register Your Vehicle End      ===========================  */
.gallery .owl-carousel.owl-theme .item figure img {
  border-radius: 10px;
}

/*.owl-carousel.owl-theme{
    position:relative;
}*/
.owl-dots {
  text-align: center;
  margin-top: 1em;
}

.owl-theme .owl-nav {
  display: none;
}

.gallery .owl-theme .owl-dots .owl-dot span {
  background: #0000e6;
}

.owl-theme .owl-dots .owl-dot.active span {
  background: #0000e6 !important;
  width: 30px !important;
}

/*  ==================    Footer  =========================     */
.bottom_reg h3 {
  font-family: inherit;
  font-weight: 600;
}

footer {
  background: #0000e6;
  padding: 100px 0 !important;
  z-index: 1;
}

footer .list-inline .list-inline-item {
  font-size: 16px;
  line-height: 20px;
  transition: 0.4s;
}

footer .list-inline .list-inline-item:hover {
  transform: translateY(-2px);
}

footer .list-inline-item:not(:last-child) {
  margin-right: 1.5rem;
}

footer:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  border-top: 70px solid #f5f9fd;
  border-right: 4545px solid transparent;
  z-index: -1;
}

.error_border {
  border: 1px solid red !important;
}

.animation_border {
  border: 2px solid red !important;
  border-radius: 2px;
}

.widget_animation {
  animation: widget_animation 1s linear infinite;
}

@keyframes widget_animation {
  0% {
    border-color: yellow;
  }

  50% {
    border-color: #f00;
  }

  100% {
    border-color: #f00;
  }
}

.lodaer_class {
  position: fixed;
  display: none;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-color: #666;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10000000;
  filter: alpha(opacity=40);
  opacity: 0.8;
  background: -webkit-radial-gradient(center center,
      ellipse cover,
      rgba(0, 0, 0, 0.4) 0px,
      rgba(0, 0, 0, 0.9) 100%);
  transition: all 0.3s ease-out 0s;
}

.loadinggif {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  width: 110px;
  height: 110px;
  transform: translate(-50%, -50%);
}

/*  ==================    Footer  =========================     */
.news-block .content-box {
  top: 50%;
  width: 330px;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.news-block .content-box p {
  font-size: 14px;
  line-height: 20px;
}

/*  ==============     data table start    ==================    */
.make_table #example tr td,
table .thead-dark th {
  font-size: 14px;
  line-height: 20px;
}

.make_table tbody .btn-primary:hover {
  color: #fff;
  background-color: #52a918;
  border-color: #52a918;
}

/*  ==============     about us start    ==================    */
.webp .about_header {
  background-image: url(images/patt.webp);
}

.no-webp .about_header {
  background-image: url(images/patt.png);
}

.about_header {
  background: #f4f6fd;
  z-index: 1;
}

.about_header .bg-pattern {
  left: 0;
  top: 0;
  z-index: -1;
}

.animatedBackground {
  background-repeat: repeat !important;
  background-size: auto !important;
  animation: animatedBackground 20s linear infinite;
  -ms-animation: animatedBackground 20s linear infinite;
  -moz-animation: animatedBackground 20s linear infinite;
  -webkit-animation: animatedBackground 20s linear infinite;
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  }
}

@-webkit-keyframes animatedBackground {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  }
}

@-ms-keyframes animatedBackground {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  }
}

@-moz-keyframes animatedBackground {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  }
}

.about_area {
  position: relative;
}

.about_area .col-lg-6:first-child picture img {
  border-radius: 25px 0 0 0;
}

.about_area .col-lg-6:nth-child(2) picture img {
  border-radius: 0 25px 0 0;
}

.about_area .col-lg-6:nth-child(3) picture img {
  border-radius: 0 0 0 25px;
}

.about_area .col-lg-6:last-child picture img {
  border-radius: 0 0 25px 0;
}

.about_area picture {
  margin: 0 0 1.5rem;
}

.about_area picture {
  /* box-shadow: 0px 10px 20px 0px rgba(130, 136, 147, 0.15); */
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

.about_area picture:hover img {
  -webkit-animation: movebounce 3s linear infinite;
  animation: movebounce 2s linear infinite;
}

@keyframes movebounce {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(15px);
  }

  100% {
    transform: translateY(0px);
  }
}

/*  ===============   contact us  start   =============    */
.contact_us {
  background: #f5f9fd;
  z-index: 1030;
}

.contact_us .btn {
  font-size: 24px;
  line-height: 30px;
  background: #52a918;
}

.contact_us form .form-control {
  /*border: transparent;*/
}

.contact_us form .form-control:focus {
  /*    color: #6e6e6e;
        background-color: #fff !important;
        outline: 0;
        border: 1px solid #3e47ca !important;*/
  box-shadow: unset;
}

/*  ===============   contact us  end  =============    */
.coming_soon {
  min-height: calc(100vh - 70px);
}

/*  =====================  signup start  ========================    */

.signup {
  /*    background: url(images/body-logo.png) repeat;*/
}

.signup_detail form,
.declining_quote form {
  background: #0000e6;
}

.signup_detail form .form-control {
  height: calc(2em + 0.75rem + 2px);
}

.signup_detail form .btn,
.declining_quote .btn {
  font-size: 24px;
  line-height: 32px;
  background: #ed3338;
}

.signup_detail form .btn:hover,
.declining_quote .btn:hover {
  background: #52a918;
}

/*.signup_detail:before {
    position: absolute;
    content: '';
    left: -334px;
    top: 255px;
    background: url(images/signup_car.png) no-repeat;
    width: 881px;
    height: 333px;
    background-size: 80%;
}*/
.signup_detail .list-group .list-group-item {
  font-size: 16px;
  line-height: 22px;
}

.signup_detail .list-group .list-group-item:before {
  position: absolute;
  content: "\f00c";
  left: 0;
  top: 6px;
  font-family: FontAwesome;
  font-weight: bold;
}

/*  =====================  signup end  ========================    */

.error .btn {
  font-size: 20px;
  line-height: 26px;
  background: #52a918;
}

/*ad banner*/
.ad-banner .mobile {
  display: none;
}

/*end ad banner*/

/*  =====================  Reviews  ========================    */

.reviews-contact .form-group .form-control {
  border: 2px solid #ccc;
  color: #6f6f6f;
}

.reviews-contact .btn {
  font-size: 30px;
  line-height: 36px;
  background: #52a918;
  width: 200px;
}

/*COVID-19*/
.covid-19 {
  background: linear-gradient(to right,
      #d2edfd 0%,
      #f1d1d1 45%,
      #f0d2d2 45%,
      #dfe8ef 100%);
}

.covid-19 h3 {
  color: #613f40;
}

.covid-19 b {
  font-size: 20px;
  line-height: 26px;
}

.covid-19 .number {
  color: #ed3338;
  font-size: 22px;
  line-height: 28px;
  font-weight: bold;
}

/* =====================icon-1=========================== */
.covid-19 .icon-1 {
  background: url(images/icon-1.png) no-repeat;

  position: absolute;
  right: 50px;
  top: 20px;
  width: 42px;
  height: 45px;

  animation-name: rotate;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* =====================icon-2=========================== */
.covid-19 .icon-2 {
  background: url(images/icon-2.png) no-repeat;

  position: absolute;
  right: 10px;
  top: 102px;
  width: 42px;
  height: 45px;

  animation-name: rotate;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes translate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* =====================icon-3=========================== */
.covid-19 .icon-3 {
  background: url(images/icon-3.png) no-repeat;

  position: absolute;
  left: 794px;
  top: 5px;
  width: 42px;
  height: 45px;

  animation-name: rotate;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* =====================icon-4=========================== */
.covid-19 .icon-4 {
  background: url(images/icon-4.png) no-repeat;
  position: absolute;
  left: 10px;
  top: 25px;
  width: 100px;
  height: 100px;
  animation-name: rotate;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* =====================icon-7=========================== */
.covid-19 .icon-7 {
  background: url(images/icon-7.png) no-repeat;

  position: absolute;
  top: 265px;
  left: 712px;
  width: 42px;
  height: 45px;

  animation-name: rotate;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* ================== content styling ==================== */
.content2 a {
  font-weight: bold;
}

.content2 a:hover {
  color: #0056b3;
}

/* ==================  Responsive  ==================== */

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

  .banner h1,
  .about_header h1,
  .error h1 {
    font-size: 36px;
    line-height: 42px;
  }

  h2 {
    font-size: 28px;
    line-height: 34px;

  }

  h3,
  .banner input,
  .bottom_reg input {
    font-size: 24px;
    line-height: 30px;

  }

  .banner select,
  .bottom_reg select {
    background-image: none !important;
  }

  .make_table #example tbody td:nth-child(9)>button,
  .make_table #example tbody td:nth-child(8)>button {
    width: 130px !important;
  }

  footer:before,
  .most-popular:before,
  .most-popular:after {
    border-top: 0;
    border-right: 0;
  }
}

@media screen and (max-width: 991px) {
  header {
    height: auto;
  }

  header .number,
  header .flaticon-phone-call {
    font-size: 18px;
    line-height: 24px;
  }

  .banner {
    border-radius: 0
  }

  .banner::before,
  .banner::after {
    display: none;
  }

  .banner h1,
  .banner input,
  .bottom_reg input,
  .about_header h1,
  .signup h1,
  .error h1 {
    font-size: 28px;
    line-height: 34px;
  }

  h2 {
    font-size: 24px;
    line-height: 30px;
  }

  h3,
  .signup_detail form .btn {
    font-size: 20px;
    line-height: 26px;

  }

  .contact_us h5,
  .signup_detail h2 {
    font-size: 18px;
    line-height: 24px;

  }

  .news-block .content-box {
    position: static !important;
    transform: translateY(-5%);
    /*        min-height: 300px;*/
  }

  .process_explained .news-block picture img {
    width: 100%;
  }

  .content picture:first-child img,
  .content picture:nth-child(2) img {
    top: 0;
  }

  .content picture:first-child:after,
  .content picture:nth-child(2):after {
    display: none;

  }

  .signup_detail .list-group .list-group-item {
    font-size: 14px;
    line-height: 20px;
  }

  .signup_detail .card .card-header {
    font-size: 16px;
    line-height: 22px;
  }

  .bottom_reg {
    top: 25px;
  }

  footer {
    padding: 60px 0 !important;
  }

  .accepting_quote .main .main_inner input {
    background-size: contain;
  }

}

@media screen and (max-width: 767px) {
  header input {
    min-height: 34px;
    font-size: 14px;
    background-size: contain;
  }

  header .main {
    justify-content: center;

  }

  header .btn {
    font-size: 16px;
    line-height: 22px;
    padding: 9px;
  }

  .banner h1,
  .banner input,
  .bottom_reg input,
  .accepting_quote_heading h4 {
    font-size: 20px;
    line-height: 26px;
  }

  .banner p br {
    display: none;
  }

  .banner .col-auto {
    flex: 0 0 69%;

  }

  .banner .btn {
    font-size: 28px;
    line-height: 34px;
    width: 100%;
  }

  .reviews-contact .btn {
    font-size: 28px;
    line-height: 34px;

  }

  .process_explained .news-block figure img {
    width: auto;
  }

  .news-block .content-box {
    position: absolute !important;
    transform: translateY(-50%);
  }

  .news-block .content-box h4 {
    font-size: 20px;
    line-height: 26px;
  }

  .most-popular .list-group-item-action,
  .signup_detail form .form-group label,
  .accepting_quote form label,
  .accepting_quote form .form-control,
  .accepting_quote .list-group .list-group-item {
    font-size: 14px;
    line-height: 20px;
  }

  .signup h1,
  .declining_quote .btn {
    font-size: 18px;
    line-height: 24px;
  }

  .signup_detail h2,
  .banner p,
  .widget .list-group .list-group-item {
    font-size: 16px;
    line-height: 22px;
  }

}

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

  .header-height,
  header {
    height: auto;
  }

  header .logo {
    display: none;
  }

  header .sticky_logo {
    display: block;
  }

  header input {
    min-height: 39px;
    font-size: 18px;
    background-size: 11%;
  }

  header .btn {
    padding: 10px;
  }

  .nav-dropdown {
    width: 100%;
  }

  body,
  nav ul li a,
  nav ul li a:visited,
  h5,
  .h5,
  footer .list-inline .list-inline-item,
  form .form-control,
  form .input-group-text,
  .make_engine_code p,
  .banner p,
  .accepting_quote_heading h4 {
    font-size: 14px;
    line-height: 20px;
  }

  .banner h1,
  .banner input,
  .bottom_reg input,
  h3,
  .most-popular .card .btn,
  .news-block .content-box h4,
  .widget button,
  .most-popular .btn,
  h4,
  .h4,
  .about_header h1,
  .contact_us .btn,
  .error h1,
  .error .btn {
    font-size: 18px;
    line-height: 24px;
  }

  .banner .main_inner,
  .banner select {
    width: 75% !important;
    background: transparent;
    border: 0;
  }

  .banner input {
    min-height: 50px;
  }

  .banner .col-auto {
    flex: 0 0 77%;
  }

  h2 {
    font-size: 20px;
    line-height: 26px;
  }

  .banner .btn,
  .bottom_reg .card .go_btn {
    font-size: 26px;
    line-height: 34px;
  }

  .signup h1 {
    font-size: 16px;
    line-height: 22px;
  }

  footer {
    padding: 40px 0 !important;

  }

  .accepting_quote form label,
  .accepting_quote form .form-control {
    font-size: 12px;
    line-height: 18px;
  }

  .declining_quote .btn {
    width: 75% !important;
  }

  .ad-banner .mobile {
    display: block;
  }

  .ad-banner .desktop {
    display: none;
  }
}

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

  header .number,
  header .flaticon-phone-call,
  .banner .btn,
  h2,
  .reviews-contact .btn {
    font-size: 18px;
    line-height: 24px;
  }

  .banner h1,
  .banner input,
  .bottom_reg input,
  h3,
  .most-popular .card .btn,
  .news-block .content-box h4,
  .widget button,
  .most-popular .btn,
  h4,
  .h4,
  .about_header h1,
  .contact_us .btn,
  .error h1,
  .error .btn {
    font-size: 16px;
    line-height: 22px;
  }

  .swal2-popup .swal2-title,
  .reviews h2 {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .banner .main_inner,
  .banner select {
    width: 100% !important;
  }

  .widget img,
  .banner p br,
  .widget h2 br,
  .signup h1 {
    display: none;
  }

  .banner p {
    line-height: 20px;
  }

  .banner h6 {
    font-size: 12px;
    line-height: 18px;
  }

  h3,
  .news-block .content-box h4,
  h4,
  .contact_us h5,
  .signup_detail form .btn {
    font-size: 16px;
    line-height: 22px;
  }

  .news-block .content-box {
    position: static !important;
    width: 100%;
    transform: translateY(0%);
  }

  .news-block.mb-5,
  .most-popular h2 {
    margin-bottom: 1rem !important;
  }

  .most-popular .col-6,
  .signup_header .col-8,
  .banner .col-auto,
  .accepting_quote form .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .process_explained .news-block figure {
    margin-bottom: 0rem !important;
  }

  .contact_us .btn.w-50,
  .process_explained .news-block figure img,
  .declining_quote .btn {
    width: 100% !important;
  }

  .make_table #example tbody td:nth-child(9)>button,
  .make_table #example tbody td:nth-child(8)>button {
    width: 100px !important;
  }

  .banner input,
  .bottom_reg input {
    min-height: 45px;
    background-size: 27px;
  }

  .signup .col-4,
  .signup_header .col-4 {
    flex: 0 0 50%;
    max-width: 50%;
    margin: auto;
  }

  .signup_detail .card .card-header {
    font-size: 14px;
    line-height: 22px;
    padding: 10px;
  }

  .bottom_reg .card .go_btn {
    /*        height: auto !important;
              top: 55px;
              right: 12px;
              font-size: 20px;
              line-height: 26px;*/
  }

  .reviews .col-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .reviews-contact .btn {
    width: 75%;
  }

  footer .list-inline-item:not(:last-child) {
    margin-right: .5rem;
  }
}/*
Flaticon icon font: Flaticon
Creation date: 22/02/2019 10:26
*/

@font-face {
    font-family: "Flaticon";
    src: url("font/Flaticon.eot");
    src: url("font/Flaticon.eot?#iefix") format("embedded-opentype"),
        url("font/Flaticon.woff2") format("woff2"),
        url("font/Flaticon.woff") format("woff"),
        url("font/Flaticon.ttf") format("truetype"),
        url("font/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("font/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    /*font-size: 20px;*/
    font-style: normal;
    /*margin-left: 20px;*/
}

.flaticon-facebook-placeholder-for-locate-places-on-maps:before {
    content: "\f100";
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(0deg, #ffc600 0%, #ff4200 100%);
    background-image: -moz-linear-gradient(0deg, #ffc600 0%, #ff4200 100%);
}
.flaticon-instagram:before {
    content: "\f101";
}
.flaticon-twitter:before {
    content: "\f102";
}
.flaticon-youtube:before {
    content: "\f103";
}
.flaticon-facebook:before {
    content: "\f104";
}
.flaticon-right-arrow:before {
    content: "\f105";
}
.flaticon-phone-call:before {
    content: "\f106";
    background-image: -webkit-linear-gradient(0deg, #06ecfe 0%, #2ba4f5 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.flaticon-envelope:before {
    content: "\f107";
    color: #5ad0ff;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(0deg, #5ad0ff 0%, #3224e9 100%);
    background-image: -moz-linear-gradient(0deg, #5ad0ff 0%, #3224e9 100%);
}
.flaticon-telephone:before {
    content: "\f108";
    color: #8cffed;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(0deg, #8cffed 0%, #009cff 100%);
    background-image: -moz-linear-gradient(0deg, #8cffed 0%, #009cff 100%);
}
.flaticon-down-arrow:before {
    content: "\f109";
}/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}