/* 
Template Name: Preview File
Template URI: http://www.eonythemes.com
Description: Template to show my template
Author: Eon

*/
/* ----------- 1.General --------------
--------------------------------------*/
body {
  position: relative;
  direction: ltr;
  color: #323232;
  font: 400 13px/1.7 "Open Sans", Arial, sans-serif;
  background-color: #9a9a9a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.container-fluid {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

#wrapper {
  position: relative;
  background-color: #fff;
}

#wrapper, #wrapper.boxed, #wrapper.boxed-long {
  width: 100%;
}

@media (min-width: 768px) {
  #wrapper.boxed {
    margin: 30px auto;
    width: 750px;
  }
}

@media (min-width: 992px) {
  #wrapper.boxed {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  #wrapper.boxed {
    margin: 50px auto;
    width: 1170px;
  }
}

@media (min-width: 768px) {
  #wrapper.boxed-long {
    margin: 0 auto;
    width: 750px;
  }
}

@media (min-width: 992px) {
  #wrapper.boxed-long {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  #wrapper.boxed-long {
    width: 1170px;
  }
}

::-moz-selection {
  background-color: #0069b0;
  color: #fff;
}

::selection {
  background-color: #0069b0;
  color: #fff;
}

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

a:focus, a:active,
select:focus,
select:active,
input:focus,
input:active,
textarea:focus,
textarea:active,
button:focus,
button:active {
  outline: none;
}

@media (max-width: 480px) {
  .col-xss-12 {
    width: 100%;
    float: none;
  }
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #e6e6e6;
}

.fullscreen {
  min-height: 100vh;
}

.fullheight {
  height: 100vh;
}

.fullscreen.vertical-center,
.fullheight.vertical-center {
  position: relative;
  overflow: hidden;
}

.fullscreen.vertical-center .vcenter-content,
.fullheight.vertical-center .vcenter-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}

.fullscreen.vertical-center .vcenter-content h1,
.fullheight.vertical-center .vcenter-content h1 {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 18px;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

@media (min-width: 481px) {
  .fullscreen.vertical-center .vcenter-content h1,
  .fullheight.vertical-center .vcenter-content h1 {
    font-size: 42px;
    margin-bottom: 7px;
  }
}

@media (min-width: 768px) {
  .fullscreen.vertical-center .vcenter-content h1,
  .fullheight.vertical-center .vcenter-content h1 {
    font-size: 52px;
    margin-bottom: 9px;
  }
}

@media (min-width: 992px) {
  .fullscreen.vertical-center .vcenter-content h1,
  .fullheight.vertical-center .vcenter-content h1 {
    font-size: 60px;
    margin-bottom: 12px;
  }
}

@media (min-width: 1200px) {
  .fullscreen.vertical-center .vcenter-content h1,
  .fullheight.vertical-center .vcenter-content h1 {
    font-size: 68px;
  }
}

.fullscreen.vertical-center .vcenter-content p,
.fullheight.vertical-center .vcenter-content p {
  max-width: 720px;
  margin-bottom: 12px;
  font-size: 13px;
  display: none;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

@media (min-width: 481px) {
  .fullscreen.vertical-center .vcenter-content p,
  .fullheight.vertical-center .vcenter-content p {
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .fullscreen.vertical-center .vcenter-content p,
  .fullheight.vertical-center .vcenter-content p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .fullscreen.vertical-center .vcenter-content p,
  .fullheight.vertical-center .vcenter-content p {
    margin-bottom: 25px;
    font-size: 18px;
  }
}

.fullscreen.vertical-center .vcenter-content.text-center p,
.fullheight.vertical-center .vcenter-content.text-center p {
  margin-left: auto;
  margin-right: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.bg-custom {
  background-color: #0069b0 !important;
  color: #fff;
}

.bg-custom.border {
  border-top: 1px solid #003b64;
  border-bottom: 1px solid #003b64;
}

.bg-custom2 {
  background-color: #c00f3c !important;
  color: #fff;
}

.bg-custom2.border {
  border-top: 1px solid #58071b;
  border-bottom: 1px solid #58071b;
}

.bg-dark {
  background-color: #171717 !important;
  color: #fff;
}

.bg-dark.text-muted {
  color: #777;
}

.bg-dark.border {
  border-top: 1px solid #2b2b2b;
  border-bottom: 1px solid #2b2b2b;
}

.bg-dark hr {
  border-top-color: #363636;
}

.bg-darker {
  background-color: #101010 !important;
  color: #fff;
}

.bg-darker.border {
  border-top: 1px solid #2f2f2f;
  border-bottom: 1px solid #2f2f2f;
}

.bg-darker hr {
  border-top-color: #2f2f2f;
}

.bg-lightgray {
  background-color: #f8f8f8 !important;
}

.bg-lightgray.border {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.bg-gray {
  background-color: #f0f0f0 !important;
}

.bg-gray.border {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

.bg-gray hr {
  border-top-color: #d7d7d7;
}

.bg-gray2 {
  background-color: #e1e1e1 !important;
}

.bg-gray2.border {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}

.bg-gray2 hr {
  border-top-color: #c8c8c8;
}

.bg-white {
  background-color: #fff;
}

.bg-white.border {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

.bg-image,
.parallax {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.parallax {
  background-attachment: fixed;
}

.overlay-container {
  position: relative;
}

.overlay-container > .container,
.overlay-container > .container-fluid {
  position: relative;
  z-index: 2;
}

.overlay-container .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.4;
  background-color: #000;
  z-index: 0;
}

.overlay-container .overlay.dark {
  background-color: #000;
}

.overlay-container .overlay.custom {
  background-color: #0069b0;
}

.overlay-container .overlay.custom2 {
  background-color: #c00f3c;
}

.overlay-container .overlay.light {
  background-color: #fff;
}

/* ----------- 2.Typography -----------
--------------------------------------*/
/* Elements Typography */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 600;
  font-family: "Open Sans", Arial, sans-serif, Arial, sans-serif;
  line-height: 1;
  color: #222;
  margin-top: 0;
  margin-bottom: 20px;
}

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

h1,
.h1 {
  font-size: 24px;
}

h2,
.h2 {
  font-size: 20px;
}

h3,
.h3 {
  font-size: 18px;
}

h4,
.h4 {
  font-size: 16px;
  margin-bottom: 15px;
}

h5,
.h5 {
  font-size: 14px;
  margin-bottom: 15px;
}

h6,
.h6 {
  font-size: 12px;
  margin-bottom: 15px;
}

a {
  color: #0069b0;
  transition: color 0.4s;
}

a:hover, a:focus {
  color: #001d31;
  text-decoration: none;
}

.text-custom {
  color: #0069b0;
}

.text-custom2 {
  color: #c00f3c;
}

.text-white {
  color: #fff !important;
}

.text-muted {
  color: #777 !important;
}

.text-light {
  font-weight: 300 !important;
}

.text-spaced {
  letter-spacing: 0.05em;
}

.text-lineth {
  text-decoration: line-through;
}

.text-underline {
  text-decoration: underline;
}

blockquote {
  position: relative;
  padding: 25px 30px 23px 30px;
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.6;
  background-color: #f6f6fa;
  font-style: italic;
  border: none;
  border-radius: 0;
}

.bg-lightgray blockquote {
  background-color: #f0f0f0;
}

@media (max-width: 767px) {
  blockquote {
    padding: 18px 15px 16px 15px;
  }
}

blockquote p {
  margin-bottom: 0;
}

blockquote cite {
  display: inline-block;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 600;
  font-style: italic;
  color: #0069b0;
}

blockquote.blockquote-reverse {
  border: none;
  padding: 25px 30px 23px 30px;
}

@media (max-width: 767px) {
  blockquote.blockquote-reverse {
    padding: 18px 15px 16px 15px;
  }
}

p {
  margin-bottom: 15px;
}

.highlight {
  background-color: #101010;
  color: #fff;
  padding: 0 4px;
}

.highlight.rounded {
  border-radius: 5px;
}

.highlight.gray {
  color: #323232;
  background-color: #eaeaea;
}

.highlight.darkgray {
  color: #323232;
  background-color: #c7c7c7;
}

.highlight.custom {
  background-color: #0069b0;
}

.highlight.custom2 {
  background-color: #c00f3c;
}

.dropcap::first-letter {
  float: left;
  font-size: 2.2em;
  padding: 0 0.2em;
  margin-right: 0.2em;
  line-height: 1.4;
  color: #fff;
  background-color: #101010;
}

.dropcap.gray::first-letter {
  color: #222;
  background-color: #eaeaea;
}

.dropcap.custom::first-letter {
  background-color: #0069b0;
}

.dropcap.custom2::first-letter {
  color: #fff;
  background-color: #c00f3c;
}

.fa-ul {
  margin-left: 23px;
  margin-bottom: 20px;
}

.fa-ul li {
  margin-bottom: 7px;
}

.fa-ul li .fa-li {
  left: -23px;
  width: auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.lead.max-width {
  max-width: 680px;
}

.text-center .lead.max-width {
  margin-left: auto;
  margin-right: auto;
}

.lead.smaller {
  font-size: 15px;
}

@media (min-width: 768px) {
  .lead.smaller {
    font-size: 17px;
  }
}

/* ----------- 3.Elements ------------
--------------------------------------*/
/* Page Headers */
.page-header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  background-color: #e1e1e1;
  border: none;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.page-header div {
  text-align: center;
}

.page-header h2 {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0.045em;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  position: relative;
  z-index: 4;
  text-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: -20px;
}

.page-header h2.wow {
  visibility: hidden;
}

.page-header h1 {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 60px;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #0069b0;
  text-transform: uppercase;
  margin: 0;
  position: relative;
  z-index: 5;
  text-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
}

.page-header h1.wow {
  visibility: hidden;
}

.page-header .page-header-action {
  font-size: 0;
  margin-top: 35px;
  position: relative;
  z-index: 20;
}

.page-header .page-header-action.wow {
  visibility: hidden;
}

.page-header .page-header-action .btn-separator {
  vertical-align: middle;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  margin: 0 15px;
  display: none;
}

.page-header .page-header-action .btn-separator span {
  display: inline-block;
  vertical-align: middle;
}

.page-header .page-header-action .btn-separator:before, .page-header .page-header-action .btn-separator:after {
  content: '';
  width: 10px;
  height: 1px;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.page-header .page-header-action .btn-separator:before {
  margin-right: 5px;
}

.page-header .page-header-action .btn-separator:after {
  margin-left: 5px;
}

.page-header .page-header-action .btn-wrapper {
  display: inline-block;
  vertical-align: middle;
  perspective: 800px;
}

.page-header .page-header-action .btn {
  transition: all 0.4s;
  transform: rotateX(15deg);
  transform-style: preserve-3d;
  outline: 1px solid transparent;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  border: none;
  padding: 10px 14px;
  letter-spacing: 0.02em;
}

.page-header .page-header-action .btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 0.3s;
  width: 100%;
  height: 40%;
  left: 0;
  top: 100%;
  background: #b7b7b7;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  transform: rotateX(-90deg);
}

.page-header .page-header-action .btn:hover, .page-header .page-header-action .btn:focus {
  transform: rotateX(25deg);
}

.page-header .page-header-action .btn.btn-white:after {
  background: #c7c7c7;
}

.page-header .page-header-action .btn.btn-white:hover:after, .page-header .page-header-action .btn.btn-white:focus:after {
  background-color: #a1a1a1;
}

.page-header .page-header-action .btn.btn-custom:after {
  background: #004b7d;
}

.page-header .page-header-action .btn.btn-custom:hover:after, .page-header .page-header-action .btn.btn-custom:focus:after {
  background: #003254;
}

.page-header .page-header-action .btn.btn-custom2:after {
  background: #910b2d;
}

.page-header .page-header-action .btn.btn-custom2:hover:after, .page-header .page-header-action .btn.btn-custom2:focus:after {
  background: #6b0821;
}

.page-header:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-color: #0069b0;
  opacity: 0.45;
}

.page-header:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(to bottom, transparent 0%, #000 100%);
  background-color: transparent;
  opacity: 0.4;
}

@media (min-width: 768px) {
  .page-header h2 {
    font-size: 82px;
    margin-bottom: -35px;
  }
  .page-header h1 {
    font-size: 112px;
  }
  .page-header .page-header-action {
    margin-top: 40px;
  }
  .page-header .page-header-action .btn-separator {
    display: inline-block;
  }
  .page-header .page-header-action .btn {
    font-size: 13px;
    min-width: 150px;
    padding: 12px 15px;
  }
}

@media (min-width: 992px) {
  .page-header h2 {
    font-size: 102px;
    margin-bottom: -45px;
  }
  .page-header h1 {
    font-size: 136px;
  }
  .page-header .page-header-action {
    margin-top: 50px;
  }
  .page-header .page-header-action .btn {
    padding: 13px 18px;
    font-size: 14px;
    min-width: 180px;
  }
}

@media (min-width: 1200px) {
  .page-header h2 {
    font-size: 128px;
    margin-bottom: -55px;
  }
  .page-header h1 {
    font-size: 180px;
  }
  .page-header .page-header-action {
    margin-top: 60px;
  }
  .page-header .page-header-action .btn {
    padding: 16px 20px;
    min-width: 200px;
  }
}

/* Added this for elements page to clear margin bottom just for this page */
.elements-page .page-header {
  margin-bottom: 0;
}

/* Elements Buttons */
.btn {
  position: relative;
  z-index: 2;
  transition: background 0.45s, border 0.45s;
  font-size: 13px;
  font-weight: 400;
  padding: 9px 15px;
  border-radius: 0;
}

.btn.btn-rounded {
  border-radius: 5px;
}

.btn.btn-border {
  padding: 8px 14px;
  border-width: 2px;
}

.btn.btn-sm {
  font-size: 11px;
  padding: 7px 10px;
}

.btn.btn-sm.btn-rounded {
  border-radius: 4px;
}

.btn.btn-sm.btn-border {
  padding: 6px 9px;
  border-width: 2px;
}

.btn.btn-lg {
  font-size: 15px;
  padding: 11px 20px;
}

.btn.btn-lg.btn-rounded {
  border-radius: 7px;
}

.btn.btn-lg.btn-border {
  padding: 10px 19px;
  border-width: 2px;
}

.btn i {
  margin-right: 5px;
  font-size: 80%;
  vertical-align: middle;
  margin-top: -3px;
}

.btn:active, .btn.active {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.btn:focus, .btn:active {
  outline: none;
}

.btn.min-width {
  min-width: 150px;
  text-align: center !important;
}

@media (max-width: 480px) {
  .btn.min-width {
    min-width: 0;
  }
}

.btn.min-width-sm {
  min-width: 120px;
  text-align: center !important;
}

@media (max-width: 480px) {
  .btn.min-width-sm {
    min-width: 0;
  }
}

.btn.min-width-lg {
  min-width: 170px;
  text-align: center !important;
}

@media (max-width: 480px) {
  .btn.min-width-lg {
    min-width: 0;
  }
}

.tp-caption.btn i {
  font-size: inherit;
  margin-top: auto;
  margin-right: 0;
}

.btn-group {
  /* Dropdown */
}

.btn-group > .btn + .btn {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.btn-group .dropdown-menu {
  padding: 7px 0;
  border-radius: 0;
  font-size: 13px;
  border-color: #eee;
}

.btn-group .dropdown-menu li a {
  color: #323232;
  padding: 4px 15px;
  transition: background 0.4s;
}

.btn-group .dropdown-menu li a:hover, .btn-group .dropdown-menu li a:focus {
  color: #323232;
  background-color: #f6f6fa;
}

/* Button Colors */
.btn.btn-custom {
  color: #fff;
  background-color: #0069b0;
  border-color: #0069b0;
}

.btn.btn-custom:hover, .btn.btn-custom:focus {
  color: #fff;
  background-color: #004b7d;
  border-color: #004b7d;
}

.btn.btn-custom.btn-border {
  color: #0069b0;
  background-color: transparent;
  border-color: #0069b0;
}

.btn.btn-custom.btn-border:hover, .btn.btn-custom.btn-border:focus {
  color: #fff;
  background-color: #0069b0;
  border-color: #0069b0;
}

.btn.btn-custom2 {
  color: #fff;
  background-color: #c00f3c;
  border-color: #c00f3c;
}

.btn.btn-custom2:hover, .btn.btn-custom2:focus {
  color: #fff;
  background-color: #910b2d;
  border-color: #910b2d;
}

.btn.btn-custom2.btn-border {
  color: #c00f3c;
  background-color: transparent;
  border-color: #c00f3c;
}

.btn.btn-custom2.btn-border:hover, .btn.btn-custom2.btn-border:focus {
  color: #fff;
  background-color: #c00f3c;
  border-color: #c00f3c;
}

.btn.btn-red {
  color: #fff;
  background-color: #f41d1d;
  border-color: #f41d1d;
}

.btn.btn-red:hover, .btn.btn-red:focus {
  color: #fff;
  background-color: #d40a0a;
  border-color: #d40a0a;
}

.btn.btn-red.btn-border {
  color: #f41d1d;
  background-color: transparent;
  border-color: #f41d1d;
}

.btn.btn-red.btn-border:hover, .btn.btn-red.btn-border:focus {
  color: #fff;
  background-color: #f41d1d;
  border-color: #f41d1d;
}

.btn.btn-darkred {
  color: #fff;
  background-color: #d10707;
  border-color: #d10707;
}

.btn.btn-darkred:hover, .btn.btn-darkred:focus {
  color: #fff;
  background-color: #a00505;
  border-color: #a00505;
}

.btn.btn-darkred.btn-border {
  color: #d10707;
  background-color: transparent;
  border-color: #d10707;
}

.btn.btn-darkred.btn-border:hover, .btn.btn-darkred.btn-border:focus {
  color: #fff;
  background-color: #d10707;
  border-color: #d10707;
}

.btn.btn-blue {
  color: #fff;
  background-color: #0172b8;
  border-color: #0172b8;
}

.btn.btn-blue:hover, .btn.btn-blue:focus {
  color: #fff;
  background-color: #015385;
  border-color: #015385;
}

.btn.btn-blue.btn-border {
  color: #0172b8;
  background-color: transparent;
  border-color: #0172b8;
}

.btn.btn-blue.btn-border:hover, .btn.btn-blue.btn-border:focus {
  color: #fff;
  background-color: #0172b8;
  border-color: #0172b8;
}

.btn.btn-lightblue {
  color: #fff;
  background-color: #2599e2;
  border-color: #2599e2;
}

.btn.btn-lightblue:hover, .btn.btn-lightblue:focus {
  color: #fff;
  background-color: #197cbb;
  border-color: #197cbb;
}

.btn.btn-lightblue.btn-border {
  color: #2599e2;
  background-color: transparent;
  border-color: #2599e2;
}

.btn.btn-lightblue.btn-border:hover, .btn.btn-lightblue.btn-border:focus {
  color: #fff;
  background-color: #2599e2;
  border-color: #2599e2;
}

.btn.btn-green {
  color: #fff;
  background-color: #49ba17;
  border-color: #49ba17;
}

.btn.btn-green:hover, .btn.btn-green:focus {
  color: #fff;
  background-color: #378d11;
  border-color: #378d11;
}

.btn.btn-green.btn-border {
  color: #49ba17;
  background-color: transparent;
  border-color: #49ba17;
}

.btn.btn-green.btn-border:hover, .btn.btn-green.btn-border:focus {
  color: #fff;
  background-color: #49ba17;
  border-color: #49ba17;
}

.btn.btn-green2 {
  color: #fff;
  background-color: #06b0aa;
  border-color: #06b0aa;
}

.btn.btn-green2:hover, .btn.btn-green2:focus {
  color: #fff;
  background-color: #047f7a;
  border-color: #047f7a;
}

.btn.btn-green2.btn-border {
  color: #06b0aa;
  background-color: transparent;
  border-color: #06b0aa;
}

.btn.btn-green2.btn-border:hover, .btn.btn-green2.btn-border:focus {
  color: #fff;
  background-color: #06b0aa;
  border-color: #06b0aa;
}

.btn.btn-lightgreen {
  color: #fff;
  background-color: #7aed47;
  border-color: #7aed47;
}

.btn.btn-lightgreen:hover, .btn.btn-lightgreen:focus {
  color: #fff;
  background-color: #58e819;
  border-color: #58e819;
}

.btn.btn-lightgreen.btn-border {
  color: #7aed47;
  background-color: transparent;
  border-color: #7aed47;
}

.btn.btn-lightgreen.btn-border:hover, .btn.btn-lightgreen.btn-border:focus {
  color: #fff;
  background-color: #7aed47;
  border-color: #7aed47;
}

.btn.btn-yellow {
  color: #fff;
  background-color: #f4b907;
  border-color: #f4b907;
}

.btn.btn-yellow:hover, .btn.btn-yellow:focus {
  color: #fff;
  background-color: #c29306;
  border-color: #c29306;
}

.btn.btn-yellow.btn-border {
  color: #f4b907;
  background-color: transparent;
  border-color: #f4b907;
}

.btn.btn-yellow.btn-border:hover, .btn.btn-yellow.btn-border:focus {
  color: #fff;
  background-color: #f4b907;
  border-color: #f4b907;
}

.btn.btn-orange {
  color: #fff;
  background-color: #f08903;
  border-color: #f08903;
}

.btn.btn-orange:hover, .btn.btn-orange:focus {
  color: #fff;
  background-color: #be6c02;
  border-color: #be6c02;
}

.btn.btn-orange.btn-border {
  color: #f08903;
  background-color: transparent;
  border-color: #f08903;
}

.btn.btn-orange.btn-border:hover, .btn.btn-orange.btn-border:focus {
  color: #fff;
  background-color: #f08903;
  border-color: #f08903;
}

.btn.btn-purple {
  color: #fff;
  background-color: #f003d7;
  border-color: #f003d7;
}

.btn.btn-purple:hover, .btn.btn-purple:focus {
  color: #fff;
  background-color: #be02aa;
  border-color: #be02aa;
}

.btn.btn-purple.btn-border {
  color: #f003d7;
  background-color: transparent;
  border-color: #f003d7;
}

.btn.btn-purple.btn-border:hover, .btn.btn-purple.btn-border:focus {
  color: #fff;
  background-color: #f003d7;
  border-color: #f003d7;
}

.btn.btn-darkpurple {
  color: #fff;
  background-color: #b0069e;
  border-color: #b0069e;
}

.btn.btn-darkpurple:hover, .btn.btn-darkpurple:focus {
  color: #fff;
  background-color: #7f0472;
  border-color: #7f0472;
}

.btn.btn-darkpurple.btn-border {
  color: #b0069e;
  background-color: transparent;
  border-color: #b0069e;
}

.btn.btn-darkpurple.btn-border:hover, .btn.btn-darkpurple.btn-border:focus {
  color: #fff;
  background-color: #b0069e;
  border-color: #b0069e;
}

.btn.btn-black {
  color: #fff;
  background-color: #181818;
  border-color: #181818;
}

.btn.btn-black:hover, .btn.btn-black:focus {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn.btn-black.btn-border {
  color: #181818;
  background-color: transparent;
  border-color: #181818;
}

.btn.btn-black.btn-border:hover, .btn.btn-black.btn-border:focus {
  color: #fff;
  background-color: #181818;
  border-color: #181818;
}

.btn.btn-gray {
  color: #333;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
}

.btn.btn-gray:hover, .btn.btn-gray:focus {
  color: #333;
  background-color: #c9c9c9;
  border-color: #c9c9c9;
}

.btn.btn-white {
  color: #222;
  background-color: #fff;
  border-color: #fff;
}

.btn.btn-white:hover, .btn.btn-white:focus {
  color: #222;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.btn.btn-white.btn-border {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.btn.btn-white.btn-border:hover, .btn.btn-white.btn-border:focus {
  color: #fff;
  background-color: #0069b0;
  border-color: #0069b0;
}

/* Added elements page for margin */
.elements-page-btn .btn {
  margin-bottom: 4px;
}

.elements-page-btn .btn-group .btn {
  margin-bottom: 0;
}

/* Elements Forms */
.form-control {
  height: 38px;
  font-size: 13px;
  border-radius: 0;
  margin-bottom: 20px;
  color: #5a5a5a;
  border-color: #eaeaea;
  padding: 9px 15px;
  transition: all 0.4s;
  box-shadow: none;
  text-align: left;
}

.form-control.input-sm {
  height: 32px;
  font-size: 11px;
  padding: 7px 10px;
}

.form-control.input-lg {
  height: 43px;
  font-size: 15px;
  padding: 10.5px 20px;
}

.form-control:focus {
  border-color: #0069b0;
  box-shadow: none;
}

label,
.input-desc {
  font-weight: 600;
  margin-bottom: 5px;
}

/* Validation error */
label.error {
  display: block;
  font-weight: 400;
  font-size: 11px;
  color: #ca1515;
  margin: -18px 0 10px;
}

/* Elements Sass */
.service {
  margin-bottom: 30px;
}

.service i {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 17px;
}

.service i.custom {
  color: #0069b0;
}

.service i.custom2 {
  color: #c00f3c;
}

.service i.gray {
  color: #b7b7b7;
}

.service i.icon-bg {
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #3e3e3e;
  background-color: #e6e6e6;
  border-radius: 50%;
  transition: all 0.4s;
}

.service i.icon-bg.custom {
  color: #fff;
  background-color: #0069b0;
}

.service i.icon-bg.custom2 {
  color: #fff;
  background-color: #c00f3c;
}

.service i.icon-bg.dark {
  color: #fff;
  background-color: #171717;
}

.service img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.service .service-title {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 600;
}

.service .service-title:last-child {
  margin-bottom: 0;
}

.service p:last-child {
  margin-bottom: 0;
}

.service.service-box {
  position: relative;
  background-color: #f6f6fa;
  padding: 25px 17px;
  text-align: center;
  transition: all 0.4s;
}

.service.service-box.service-icon-top {
  padding-top: 45px;
  margin-bottom: 50px;
}

.service.service-box.service-icon-top .icon-bg {
  position: absolute;
  left: 50%;
  top: -23px;
  margin-left: -23px;
}

.service.service-box:hover {
  color: #fff;
  background-color: #0069b0 !important;
}

.service.service-box:hover .icon-bg {
  color: #fff;
  background-color: #004b7d;
}

.service.service-box:hover .service-title {
  color: #fff;
}

.fullwidth-row [class*="col-"]:nth-of-type(2n) .service.service-box {
  background-color: #eee;
}

.service.service-box.custom:not(.service-border) {
  color: #fff;
  background-color: #0069b0 !important;
}

.service.service-box.custom:not(.service-border) .icon-bg {
  color: #fff;
  background-color: #004b7d;
}

.service.service-box.custom:not(.service-border) .service-title {
  color: #fff;
}

.service.service-box.custom:not(.service-border):hover {
  background-color: #004b7d !important;
}

.service.service-box.custom:not(.service-border):hover .icon-bg {
  background-color: #002c4a;
}

.service.service-box.custom2:not(.service-border) {
  color: #fff;
  background-color: #c00f3c !important;
}

.service.service-box.custom2:not(.service-border) .icon-bg {
  color: #fff;
  background-color: #910b2d;
}

.service.service-box.custom2:not(.service-border) .service-title {
  color: #fff;
}

.service.service-box.custom2:not(.service-border):hover {
  background-color: #910b2d !important;
}

.service.service-box.custom2:not(.service-border):hover .icon-bg {
  background-color: #61081e;
}

.service.service-box.dark:not(.service-border) {
  color: #fff;
  background-color: #171717 !important;
}

.service.service-box.dark:not(.service-border) .icon-bg {
  color: #fff;
  background-color: #2b2b2b;
}

.service.service-box.dark:not(.service-border) .service-title {
  color: #fff;
}

.service.service-box.dark:not(.service-border):hover {
  background-color: #101010 !important;
}

.service.service-box.dark:not(.service-border):hover .icon-bg {
  background-color: #333333;
}

.service.service-border {
  background-color: transparent;
  border: 1px solid #eee;
}

.service.service-border .icon-bg {
  background-color: #eee;
}

.service.service-border:hover {
  border-color: #004b7d;
}

.service.service-border.custom {
  background-color: transparent !important;
  border-color: #0069b0;
}

.service.service-border.custom .icon-bg {
  color: #fff;
  background-color: #0069b0;
}

.service.service-border.custom:hover {
  background-color: #0069b0 !important;
  border-color: #004b7d;
}

.service.service-border.custom:hover .icon-bg {
  background-color: #004b7d;
}

.service.service-border.custom2 {
  background-color: transparent !important;
  border-color: #c00f3c;
}

.service.service-border.custom2 .icon-bg {
  color: #fff;
  background-color: #c00f3c;
}

.service.service-border.custom2:hover {
  background-color: #c00f3c !important;
  border-color: #910b2d;
}

.service.service-border.custom2:hover .icon-bg {
  background-color: #910b2d;
}

.service.service-border.dark {
  background-color: transparent !important;
  border-color: #171717;
}

.service.service-border.dark .icon-bg {
  color: #fff;
  background-color: #171717;
}

.service.service-border.dark:hover {
  background-color: #171717 !important;
  border-color: black;
}

.service.service-border.dark:hover .icon-bg {
  background-color: #313131;
}

.service.icon-left i {
  float: left;
  min-width: 30px;
}

.service.icon-left i.icon-bg + .service-title,
.service.icon-left i.icon-bg + .service-title + p {
  margin-left: 66px;
}

.service.icon-left .service-title,
.service.icon-left p {
  margin-left: 45px;
}

.service.icon-left.reverse {
  text-align: right;
}

.service.icon-left.reverse i {
  float: right;
}

.service.icon-left.reverse i.icon-bg + .service-title,
.service.icon-left.reverse i.icon-bg + .service-title + p {
  margin-right: 66px;
  margin-left: 0;
}

.service.icon-left.reverse .service-title,
.service.icon-left.reverse p {
  margin-right: 45px;
  margin-left: 0;
}

.service.icon-left:hover .icon-bg {
  color: #fff;
  background-color: #0069b0;
}

.service.icon-left:hover .icon-bg.custom {
  color: #fff;
  background-color: #004b7d;
}

.service.icon-left:hover .icon-bg.custom2 {
  color: #fff;
  background-color: #910b2d;
}

.service.icon-left:hover .icon-bg.dark {
  color: #fff;
  background-color: #2b2b2b;
}

.services-group {
  margin-bottom: 50px;
}

.services-group .service-row {
  margin: 0;
}

.services-group .service-row:after {
  content: '';
  display: table;
  clear: both;
}

.services-group .service-row:nth-child(2n) .service.service-box {
  background-color: #f1f1fa;
}

.services-group .service-row:nth-child(2n) .service.service-box:nth-child(2n) {
  background-color: #f6f6fa;
}

.services-group .service-row:nth-child(2n+1) .service.service-box:nth-child(2n) {
  background-color: #f1f1fa;
}

.services-group .service {
  width: 100%;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .services-group .service {
    width: 50%;
    float: left;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width: 992px) {
  .services-group .service {
    width: 25%;
  }
}

.services-group.custom .service-row {
  margin: 0;
}

.services-group.custom .service-row:nth-child(2n) .service.service-box {
  background-color: #005d9c;
}

.services-group.custom .service-row:nth-child(2n) .service.service-box:nth-child(2n) {
  background-color: #0069b0;
}

.services-group.custom .service-row:nth-child(2n+1) .service.service-box {
  background-color: #0069b0;
}

.services-group.custom .service-row:nth-child(2n+1) .service.service-box:nth-child(2n) {
  background-color: #005d9c;
}

.services-group.custom .service {
  color: #eee;
}

.services-group.custom .service .service-title {
  color: #fff;
}

.services-group.custom .service .icon-bg {
  color: #fff;
  background-color: #004b7d;
}

.services-group.custom .service:hover {
  background-color: #00548c !important;
}

.services-group.dark .service-row {
  margin: 0;
}

.services-group.dark .service-row:nth-child(2n) .service.service-box {
  background-color: #1c1c1c;
}

.services-group.dark .service-row:nth-child(2n) .service.service-box:nth-child(2n) {
  background-color: #171717;
}

.services-group.dark .service-row:nth-child(2n+1) .service.service-box {
  background-color: #171717;
}

.services-group.dark .service-row:nth-child(2n+1) .service.service-box:nth-child(2n) {
  background-color: #1c1c1c;
}

.services-group.dark .service {
  color: #eee;
}

.services-group.dark .service .service-title {
  color: #fff;
}

.services-group.dark .service .icon-bg {
  color: #fff;
  background-color: black;
}

.services-group.dark .service:hover {
  background-color: #0d0d0d !important;
}

/* Elements Callouts */
.container > .callout {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .container > .callout {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.callout {
  padding: 35px 0;
  width: 100%;
  background-color: #f6f6fa;
  margin-bottom: 50px;
}

.callout .callout-title {
  line-height: 1.5;
  color: #2a2a2a;
}

.callout small {
  font-size: 85%;
  color: #323232;
}

.callout.callout-half {
  margin-bottom: 0;
}

.callout.callout-half form {
  position: relative;
  max-width: 450px;
}

.callout.callout-half form .btn {
  position: absolute;
  right: 2px;
  top: 2px;
  bottom: 2px;
}

.callout.callout-half .form-control {
  margin-bottom: 0;
  height: 44px;
  border-width: 2px;
  padding: 11px 110px 11px 20px;
  border-color: #bbb;
}

.callout.callout-half .form-control:focus {
  border-color: #9a9a9a;
}

.callout.callout-half small {
  font-size: 75%;
}

.callout.callout-half.dark .form-control {
  background-color: #191919;
  border-color: #0b0b0b;
  color: #fff;
}

.callout.callout-half.dark .form-control:focus {
  border-color: #000;
}

.callout.callout-half.custom .form-control {
  background-color: #005a97;
  border-color: #004b7d;
  color: #fff;
}

.callout.callout-half.custom .form-control:focus {
  border-color: #00416e;
}

.callout.callout-half.dark .form-control::-moz-placeholder, .callout.callout-half.custom .form-control::-moz-placeholder {
  color: #dedede;
}

.callout.callout-half.dark .form-control:-ms-input-placeholder, .callout.callout-half.custom .form-control:-ms-input-placeholder {
  color: #dedede;
}

.callout.callout-half.dark .form-control::-webkit-input-placeholder, .callout.callout-half.custom .form-control::-webkit-input-placeholder {
  color: #dedede;
}

@media (min-width: 768px) {
  .callout,
  .callout > .container {
    display: table;
  }
  .callout .left,
  .callout .right {
    display: table-cell;
    vertical-align: middle;
  }
  .callout .right {
    text-align: right;
    padding-left: 20px;
  }
  .callout .callout-title {
    margin-bottom: 0;
  }
  .callout.callout-half {
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .callout.callout-half > .container {
    table-layout: fixed;
    position: relative;
    z-index: 1;
  }
  .callout.callout-half > .container .left {
    width: 50%;
    padding-right: 40px;
  }
  .callout.callout-half > .container .right {
    width: 50%;
    padding-left: 40px;
  }
  .callout.callout-half form {
    margin-left: auto;
    margin-right: auto;
  }
  .callout.callout-half:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-color: #eaeaea;
  }
  .callout.callout-half.dark:before {
    background-color: #131313;
  }
  .callout.callout-half.custom:before {
    background-color: #005d9c;
  }
}

.callout.dark {
  background-color: #202020;
  color: #9e9e9e;
}

.callout.dark .callout-title {
  color: #fff;
}

.callout.dark small {
  color: #9e9e9e;
}

.callout.custom {
  background-color: #0069b0;
  color: #17a1ff;
}

.callout.custom .callout-title {
  color: #fff;
}

.callout.custom small {
  color: #17a1ff;
}

/* Elements Counters */
.count-title {
  font-size: 14px;
  margin-bottom: 30px;
}

.count {
  display: block;
  color: #0069b0;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 5px;
}

.count-icon {
  display: inline-block;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-color: #f6f6fa;
  color: #0069b0;
  font-size: 15px;
  line-height: 36px;
  margin-bottom: 5px;
  text-align: center;
}

.count-icon.custom {
  background-color: #0069b0;
  color: #fff;
}

.count-icon.gray {
  background-color: #f0f0f0;
  color: #222;
}

.count-icon.dark {
  background-color: #171717;
  color: #fff;
}

@media (min-width: 481px) {
  .count-container .count-icon {
    float: left;
  }
  .count-container .count,
  .count-container .count-title {
    margin-left: 52px;
  }
  .count-container .count {
    margin-top: -6px;
  }
  .count-container:after {
    content: '';
    display: table;
    clear: both;
  }
}

@media (max-width: 479px) {
  .count-container {
    text-align: center;
  }
}

.count-box {
  padding: 15px 15px 25px;
  background-color: #eaeaea;
  margin-bottom: 30px;
  transition: background 0.4s;
  /* Custom count box */
  /* Dark count box */
}

.count-box .count-title {
  margin-bottom: 0;
}

.count-box .count-icon {
  margin-top: 5px;
}

.count-box:hover {
  background-color: #e1e1e1;
}

.count-box.custom {
  background-color: #0069b0;
  color: #fff;
}

.count-box.custom .count,
.count-box.custom .count-title {
  color: #fff;
}

.count-box.custom .count-icon {
  background-color: #004b7d;
}

.count-box.custom:hover {
  background-color: #005d9c;
}

.count-box.dark {
  background-color: #171717;
  color: #fff;
}

.count-box.dark .count {
  color: #0069b0;
}

.count-box.dark .count-title {
  color: #fff;
}

.count-box.dark .count-icon {
  color: #fff;
  background-color: #0069b0;
}

.count-box.dark:hover {
  background-color: #0e0e0e;
}

/* ----------- 4.Homepage ------------
--------------------------------------*/
.section {
  padding: 70px 0;
}

@media (min-width: 768px) {
  .section {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media (min-width: 992px) {
  .section {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.demos-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.demo-item {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  text-align: center;
  padding: 0 12px;
  margin-bottom: 35px;
}

@media (min-width: 481px) {
  .demo-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media (min-width: 768px) {
  .demo-item {
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
  }
}

@media (min-width: 992px) {
  .demo-item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

.demo-item figure {
  transition: all 0.4s;
  border-radius: 5px;
  background-color: #e1e1e1;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 1200px) {
  .demo-item figure {
    height: 138px;
  }
}

@media (min-width: 1280px) {
  .demo-item figure {
    height: 151px;
  }
}

.demo-item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.demo-item h2 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 15px 0 5px;
}

.demo-item a {
  color: #222;
}

.demo-item a:hover, .demo-item a:focus {
  color: #0069b0;
}

.demo-item .see-preview {
  color: #c00f3c;
  font-size: 12px;
  line-height: 1.5;
  padding: 0 4px;
}

.demo-item:hover figure {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

.demo-item:hover .see-preview {
  color: #fff;
  background-color: #0069b0;
}

/* ----------- 5.Headers ---------------
--------------------------------------*/
/* Header Main */
.header {
  background-color: #fff;
  position: relative;
  border-bottom: 1px solid #eee;
}

/* Menu Styles */
/* Navbar Nav - Menu */
@media (min-width: 768px) {
  #main-nav-container {
    position: relative;
  }
}

@media (max-width: 767px) {
  #main-nav-container {
    width: 100%;
    margin: 0 !important;
  }
  #main-nav-container.max-height {
    max-height: 380px;
  }
}

#main-nav-container .container {
  padding: 0;
}

@media (min-width: 768px) {
  #main-nav-container .container {
    width: 720px;
    padding: 0;
  }
  #main-nav-container .container [class*="col-"] {
    padding: 0;
  }
}

@media (min-width: 992px) {
  #main-nav-container .container {
    width: 940px;
  }
}

@media (min-width: 1200px) {
  #main-nav-container .container {
    width: 1140px;
  }
}

#main-nav-container .container-fluid {
  padding: 0;
}

@media (min-width: 768px) {
  #main-nav-container .container-fluid [class*="col-"] {
    padding: 0;
  }
}

/* Menu - Navbar Nav */
.navbar-nav {
  margin: 0;
}

.navbar-nav a {
  color: #222;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.navbar-nav > li li a > span {
  position: relative;
}

@media (max-width: 767px) {
  .navbar-nav {
    background-color: #e6e6e6;
  }
  .navbar-nav > li.pull-right {
    float: none !important;
  }
  .navbar-nav > li .visible-inline-xs {
    margin-right: 7px;
  }
  .navbar-nav > li.open > a, .navbar-nav > li.open > a:hover, .navbar-nav > li.open > a:focus {
    background-color: #f1f1f1;
  }
  .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    background-color: #f1f1f1;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
  .navbar-nav .open .dropdown-menu li li a {
    padding-left: 35px;
  }
  .navbar-nav .open .dropdown-menu li li li a {
    padding-left: 45px;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-left: 1px solid #eee;
  }
  .navbar-nav > li {
    /* Reverse Dropdown Menu - To Prevernt Overflow */
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .navbar-nav > li {
    float: none !important;
    margin: 0;
    display: table-cell;
    text-align: center;
    border-right: 1px solid #eee;
  }

  .navbar-nav > li:first-child {
    border-left: 1px solid #eee;
  }
}

@media (min-width: 768px) {
  .navbar-nav > li .visible-inline-xs {
    display: none;
  }
  .navbar-nav > li + li {
    margin-left: 2px;
  }
  .navbar-nav > li.reverse .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-nav > li.reverse .dropdown-menu .dropdown-menu {
    left: auto;
    right: 100%;
  }
  .navbar-nav > li > a {
    position: relative;
    padding: 20px 15px;
    font-weight: 600;
    font-size: 15px;
  }
  .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    background: inherit;
    color: inherit;
  }
  .navbar-nav > li > a:before {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    right: 50%;
    background-color: #0069b0;
    transition: all 0.3s;
  }
  .navbar-nav > li.open > a, .navbar-nav > li.open > a:hover, .navbar-nav > li.open > a:focus, .navbar-nav > li.active > a, .navbar-nav > li.active > a:hover, .navbar-nav > li.active > a:focus {
    background: #fff;
    color: #0069b0;
  }
  .navbar-nav > li.open > a:before, .navbar-nav > li.open > a:hover:before, .navbar-nav > li.open > a:focus:before, .navbar-nav > li.active > a:before, .navbar-nav > li.active > a:hover:before, .navbar-nav > li.active > a:focus:before {
    left: 0;
    right: 0;
  }
  .navbar-nav > li.megamenu-container {
    position: static;
  }
  .container-fluid .navbar-nav > li.megamenu-container .megamenu {
    right: 15px;
  }
  .navbar-nav > li .dropdown-menu {
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.1), -2px 3px 3px 0 rgba(0, 0, 0, 0.1);
  }
  .navbar-nav > li .dropdown-menu.megamenu {
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1), -3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  }
  .navbar-nav > li .dropdown-menu .dropdown-menu {
    top: -4px;
    left: 100%;
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.1), -1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  }
}

.navbar-nav .angle {
  margin: 0 0 0 3px;
  display: inline-block;
  font: normal normal normal 13px/18px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media (max-width: 767px) {
  .navbar-nav .angle {
    float: right;
  }
}

.navbar-nav .angle:before {
  content: "\f107";
}

.navbar-nav .dropdown-menu {
  float: left;
  min-width: 180px;
  padding: 4px 0;
  margin: 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  min-width: 190px;
  border: none;
  border-radius: 0;
  background: linear-gradient(to bottom, #fff 0%, #eaeaea 100%);
  background-color: #fff;
}

.navbar-nav .dropdown-menu > li > a {
  color: #222;
  padding: 6px 15px;
  transition: all 0.1s;
  white-space: normal;
}

.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #0069b0;
}

.navbar-nav .dropdown-menu > li.open > a, .navbar-nav .dropdown-menu > li.open > a:hover, .navbar-nav .dropdown-menu > li.open > a:focus {
  color: #fff;
  background-color: #0069b0;
}

.navbar-nav .dropdown-menu.megamenu {
  background-position: bottom right !important;
  background-repeat: no-repeat !important;
}

.navbar-nav .dropdown-menu.megamenu .row {
  margin: 0;
}

@media (max-width: 767px) {
  .navbar-nav .dropdown-menu.megamenu [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-nav .dropdown-menu.megamenu [class*="col-"]:not(:last-child) {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #eee;
  }
}

.navbar-nav .dropdown-menu.megamenu a {
  position: relative;
  display: block;
  padding: 4px 15px;
  transition: all 0.1s;
}

.navbar-nav .dropdown-menu.megamenu a > span {
  position: relative;
}

.navbar-nav .dropdown-menu.megamenu a:hover, .navbar-nav .dropdown-menu.megamenu a:focus {
  color: #fff;
  background-color: #0069b0;
}

.navbar-nav .dropdown-menu.megamenu .megamenu-title {
  position: relative;
  font-weight: 600;
  padding-left: 30px;
}

.navbar-nav .dropdown-menu.megamenu .megamenu-title:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  display: block;
  height: 1px;
  margin-top: -0.5px;
  width: 7px;
  background-color: #222;
}

.navbar-nav .dropdown-menu.megamenu .megamenu-title:hover:before, .navbar-nav .dropdown-menu.megamenu .megamenu-title:focus:before {
  background-color: #fff;
}

.navbar-nav .dropdown-menu .angle {
  float: right;
}

@media (min-width: 768px) {
  .navbar-nav .dropdown-menu .angle:before {
    content: '\f105';
  }
}

.navbar-collapse {
  padding: 0;
}

/* Mobile Menu Toggle Button */
.navbar-toggle,
.menu-toggle,
.sidemenu-toggle {
  float: left;
  padding: 5px 8px;
  margin-top: 8px;
  margin-right: 0;
  margin-bottom: 8px;
  background-color: #e6e6e6;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  font-size: 0;
  color: #222;
  transition: all 0.4s;
}

.navbar-toggle:after,
.menu-toggle:after,
.sidemenu-toggle:after {
  content: '';
  display: table;
  clear: both;
}

.navbar-toggle .toggle-text,
.navbar-toggle .toggle-wrapper,
.menu-toggle .toggle-text,
.menu-toggle .toggle-wrapper,
.sidemenu-toggle .toggle-text,
.sidemenu-toggle .toggle-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.navbar-toggle .toggle-text,
.menu-toggle .toggle-text,
.sidemenu-toggle .toggle-text {
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 7px;
  font-size: 13px;
}

.navbar-toggle .icon-bar,
.menu-toggle .icon-bar,
.sidemenu-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 0;
  background-color: #222;
}

.navbar-toggle .icon-bar + .icon-bar,
.menu-toggle .icon-bar + .icon-bar,
.sidemenu-toggle .icon-bar + .icon-bar {
  margin-top: 3px;
}

.navbar-toggle.dark,
.menu-toggle.dark,
.sidemenu-toggle.dark {
  background-color: #3d3d3d;
  border-color: #3d3d3d;
  color: #fff;
}

.navbar-toggle.dark .icon-bar,
.menu-toggle.dark .icon-bar,
.sidemenu-toggle.dark .icon-bar {
  background-color: #fff;
}

.navbar-toggle:hover, .navbar-toggle:focus,
.menu-toggle:hover,
.menu-toggle:focus,
.sidemenu-toggle:hover,
.sidemenu-toggle:focus {
  color: #fff;
  background-color: #0069b0;
  border-color: #0069b0;
}

.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar,
.menu-toggle:hover .icon-bar,
.menu-toggle:focus .icon-bar,
.sidemenu-toggle:hover .icon-bar,
.sidemenu-toggle:focus .icon-bar {
  background-color: #fff;
}

/* Menu-Navbar Tip - Hot - New - Popular */
.tip {
  display: inline-block;
  position: absolute;
  right: 50%;
  margin-right: -28px;
  top: -8px;
  font-size: 11px;
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: 0.03em;
  padding: 3px 5px 4px;
  color: #fff;
  background-color: #0069b0;
}

@media (max-width: 767px) {
  .tip {
    right: auto;
    left: 48px;
    margin-right: 0;
    top: -5px;
    /* Hide tips for first li elems on mobile */
  }
  .navbar-nav > li > a > .tip {
    display: none;
  }
}

.tip:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 0;
  border-color: #0069b0 transparent transparent transparent;
}

.tip.hot {
  background-color: #E91E63;
}

.tip.hot:after {
  border-top-color: #E91E63;
}

.tip.new {
  background-color: #4CAF50;
}

.tip.new:after {
  border-top-color: #4CAF50;
}

.tip.soon {
  background-color: #FBC02D;
}

.tip.soon:after {
  border-top-color: #FBC02D;
}

.navbar-nav li li .tip,
.side-menu .tip {
  right: auto;
  left: 100%;
  margin-left: 10px;
  margin-right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navbar-nav li li .tip:after,
.side-menu .tip:after {
  top: 50%;
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-top: -3px;
  border-width: 0 0 5px 5px;
  border-color: transparent transparent #0069b0 transparent;
}

.navbar-nav li li .tip.hot:after,
.side-menu .tip.hot:after {
  border-bottom-color: #E91E63;
}

.navbar-nav li li .tip.new:after,
.side-menu .tip.new:after {
  border-bottom-color: #4CAF50;
}

.navbar-nav li li .tip.soon:after,
.side-menu .tip.soon:after {
  border-bottom-color: #FBC02D;
}

.header.header2.transparent {
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}

.header.header2.transparent.light {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 768px) {
  .header.header2.transparent.light .navbar-nav > li > a {
    color: #fff;
  }
}

@media (min-width: 768px) {
  .header.header2.transparent.light .navbar-nav > li.open > a, .header.header2.transparent.light .navbar-nav > li.open > a:hover, .header.header2.transparent.light .navbar-nav > li.open > a:focus, .header.header2.transparent.light .navbar-nav > li.active > a, .header.header2.transparent.light .navbar-nav > li.active > a:hover, .header.header2.transparent.light .navbar-nav > li.active > a:focus {
    background: #fff;
    color: #0069b0;
  }
}

/* Header Boxed Absolute position */
.header-container > .container {
  position: relative;
}

.header.header2.header-boxed {
  position: absolute;
  left: 15px;
  top: 25px;
  right: 15px;
  z-index: 999;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
  .header.header2.header-boxed {
    top: 40px;
  }
}

.header.header2.header-boxed.header-inner {
  content: '';
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .header.header2.header-boxed .navbar-nav .dropdown-menu.megamenu {
    left: 0;
  }
}

.header.header2.header-boxed.radius {
  border-radius: 60px;
}

@media (min-width: 768px) {
  .header.header2.header-boxed.radius {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*Header Color Variants */
/* Header Top Gray*/
.header-top.gray {
  background-color: #f6f6fa;
}

/* Header Top - Custom*/
.header-top.custom {
  background-color: #0069b0;
  border-color: #0069b0;
}

.header-top.custom .header-dropdown > a {
  color: #f1f1f1;
  background-color: #006fba;
  border-color: #0078ca;
}

.header-top.custom .header-dropdown:nth-of-type(2n) > a {
  background-color: #0063a6;
}

.header-top.custom .header-dropdown.open > a, .header-top.custom .header-dropdown:hover > a, .header-top.custom .header-dropdown:focus > a {
  color: #fff;
  background-color: #005a97;
  border-color: #0063a6;
}

.header-top.custom .top-menu li a {
  color: #f1f1f1;
}

.header-top.custom .top-menu li a:before {
  background-color: #0094f7;
}

.header-top.custom .top-menu li + li:before {
  color: #005187;
}

.header-top.custom .top-menu li.active a, .header-top.custom .top-menu li:hover a, .header-top.custom .top-menu li:focus a {
  color: #17a1ff;
}

.header-top.custom .top-text {
  color: #f1f1f1;
}

.header-top.custom .top-links a {
  color: #eee;
}

.header-top.custom .top-links a:hover, .header-top.custom .top-links a:focus {
  color: #17a1ff;
}

.header-top.custom .top-links a + a:before {
  color: #eaeaea;
}

.header-top.custom .social-icons .social-icon {
  color: #fff;
  border-color: #007bcf;
}

.header-top.custom .social-icons .social-icon:hover, .header-top.custom .social-icons .social-icon:focus {
  background-color: #005a97;
  border-color: #005a97;
}

/* Header Top Dark */
.header-top.dark {
  background-color: #171717;
  border-color: #171717;
}

.header-top.dark .header-dropdown > a {
  color: #f1f1f1;
  background-color: #0069b0;
  border-color: #005d9c;
}

.header-top.dark .header-dropdown:nth-of-type(2n) > a {
  background-color: #006fba;
}

.header-top.dark .header-dropdown.open > a, .header-top.dark .header-dropdown:hover > a, .header-top.dark .header-dropdown:focus > a {
  color: #fff;
  background-color: #005a97;
  border-color: #0063a6;
}

.header-top.dark .top-menu li a {
  color: #f1f1f1;
}

.header-top.dark .top-menu li.active a, .header-top.dark .top-menu li:hover a, .header-top.dark .top-menu li:focus a {
  color: #0069b0;
}

.header-top.dark .top-text {
  color: #eee;
}

.header-top.dark .top-links a {
  color: #eee;
}

.header-top.dark .top-links a:hover, .header-top.dark .top-links a:focus {
  color: #0069b0;
}

.header-top.dark .top-links a + a:before {
  color: #eaeaea;
}

.header-top.dark .social-icons .social-icon {
  color: #fff;
  border-color: #4a4a4a;
}

.header-top.dark .social-icons .social-icon:hover, .header-top.dark .social-icons .social-icon:focus {
  border-color: #0069b0;
}

/* Header Bottom - Custom */
.header-bottom.custom {
  background-color: #0069b0;
}

.header-bottom.custom .navbar-toggle:hover, .header-bottom.custom .navbar-toggle:focus {
  background-color: #c00f3c;
  border-color: #c00f3c;
}

@media (min-width: 768px) {
  .header-bottom.custom .navbar-nav > li > a {
    color: #fff;
  }
  .header-bottom.custom .navbar-nav > li.open > a, .header-bottom.custom .navbar-nav > li.open > a:hover, .header-bottom.custom .navbar-nav > li.open > a:focus, .header-bottom.custom .navbar-nav > li.active > a, .header-bottom.custom .navbar-nav > li.active > a:hover, .header-bottom.custom .navbar-nav > li.active > a:focus {
    background: #fff;
    color: #0069b0;
  }
}

@media (min-width: 768px) {
  .header-bottom.custom .navbar-nav .cart-dropdown > a .dcart-total-count {
    background-color: #0069b0;
    color: #fff;
  }
}

.header-bottom.custom .navbar-nav .cart-dropdown.open > a .dcart-total-count, .header-bottom.custom .navbar-nav .cart-dropdown:hover > a .dcart-total-count, .header-bottom.custom .navbar-nav .cart-dropdown:focus > a .dcart-total-count {
  background-color: #fff;
  color: #0069b0;
}

/* Header Bottom - Dark */
.header-bottom.dark {
  background-color: #171717;
}

@media (min-width: 768px) {
  .header-bottom.dark .navbar-nav > li > a {
    color: #fff;
  }
  .header-bottom.dark .navbar-nav > li.open > a, .header-bottom.dark .navbar-nav > li.open > a:hover, .header-bottom.dark .navbar-nav > li.open > a:focus, .header-bottom.dark .navbar-nav > li.active > a, .header-bottom.dark .navbar-nav > li.active > a:hover, .header-bottom.dark .navbar-nav > li.active > a:focus {
    background: #fff;
    color: #222;
  }
}

@media (min-width: 768px) {
  .header-bottom.dark .navbar-nav .cart-dropdown > a .dcart-total-count {
    background-color: #0069b0;
    color: #fff;
  }
}

/* Header Gray */
.header.gray {
  background-color: #f8f8fa;
}

.header.gray .header-info-boxes .header-info-box i:not(.dark) {
  background-color: #ebebea;
}

/* Header Custom */
.header.custom {
  background-color: #0069b0;
  color: #eee;
  /* Side Menu  - Metis menu */
}

.header.custom a {
  color: #fff;
}

.header.custom .dropdown.header-dropdown .dropdown-menu {
  border-color: #005791;
  background-color: #0069b0;
  box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.1), -2px 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.header.custom .dropdown.header-dropdown .dropdown-menu > li > a:hover, .header.custom .dropdown.header-dropdown .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #004b7d;
}

.header.custom .header-top:not(.dark) {
  border-color: #005a97;
  color: #fff;
}

.header.custom .header-top:not(.dark) .header-dropdown > a {
  color: #f1f1f1;
  background-color: #006fba;
  border-color: #0078ca;
}

.header.custom .header-top:not(.dark) .header-dropdown:nth-of-type(2n) > a {
  background-color: #0063a6;
}

.header.custom .header-top:not(.dark) .header-dropdown.open > a, .header.custom .header-top:not(.dark) .header-dropdown:hover > a, .header.custom .header-top:not(.dark) .header-dropdown:focus > a {
  color: #fff;
  background-color: #005a97;
  border-color: #0063a6;
}

.header.custom .header-top:not(.dark) .top-menu li a {
  color: #f1f1f1;
}

.header.custom .header-top:not(.dark) .top-menu li a:before {
  background-color: #0094f7;
}

.header.custom .header-top:not(.dark) .top-menu li + li:before {
  color: #005187;
}

.header.custom .header-top:not(.dark) .top-menu li.active a, .header.custom .header-top:not(.dark) .top-menu li:hover a, .header.custom .header-top:not(.dark) .top-menu li:focus a {
  color: #17a1ff;
}

.header.custom .header-top:not(.dark) .top-text {
  color: #f1f1f1;
}

.header.custom .header-top:not(.dark) .top-links a {
  color: #eee;
}

.header.custom .header-top:not(.dark) .top-links a:hover, .header.custom .header-top:not(.dark) .top-links a:focus {
  color: #17a1ff;
}

.header.custom .header-top:not(.dark) .top-links a + a:before {
  color: #eaeaea;
}

.header.custom .header-top:not(.dark) .social-icons .social-icon {
  color: #fff;
  border-color: #005a97;
}

.header.custom .header-top:not(.dark) .social-icons .social-icon:hover, .header.custom .header-top:not(.dark) .social-icons .social-icon:focus {
  background-color: #004b7d;
  border-color: #004b7d;
}

.header.custom .header-info-boxes .header-info-box .info-box-title {
  color: #eee;
}

.header.custom .header-info-boxes .header-info-box i:not(.dark) {
  background-color: #fafafa;
  color: #0069b0;
}

.header.custom .header-info-boxes .header-info-box + .header-info-box:before {
  background-color: #00548c;
}

.header.custom .dropdown.cart-dropdown > a {
  color: #fafafa;
}

.header.custom .dropdown.cart-dropdown > a .dcart-total-count {
  background-color: #0069b0;
  color: #fff;
}

.header.custom .dropdown.cart-dropdown.open > a, .header.custom .dropdown.cart-dropdown:hover > a, .header.custom .dropdown.cart-dropdown:focus > a {
  color: #005187;
}

.header.custom .dropdown.cart-dropdown.open > a .dcart-total-count, .header.custom .dropdown.cart-dropdown:hover > a .dcart-total-count, .header.custom .dropdown.cart-dropdown:focus > a .dcart-total-count {
  background-color: #fff;
  color: #0069b0;
}

.header.custom .dropdown.cart-dropdown .dropdown-menu > p span {
  color: #eee;
}

.header.custom .dropdown.cart-dropdown .dropdown-menu .product-title a {
  color: #eaeaea;
}

.header.custom .dropdown.cart-dropdown .dropdown-menu .product-title a:hover, .header.custom .dropdown.cart-dropdown .dropdown-menu .product-title a:focus {
  color: #fff;
}

.header.custom .dropdown.cart-dropdown .dropdown-menu .product .product-quantity {
  color: #ccc;
}

.header.custom .dropdown.cart-dropdown .dropdown-menu .product .product-price-container .old-price {
  color: #eee;
}

.header.custom .dropdown.cart-dropdown .dropdown-menu .product .delete-btn {
  color: #fff;
  background-color: #005d9c;
}

.header.custom .dropdown.cart-dropdown .dropdown-menu .product .delete-btn:hover, .header.custom .dropdown.cart-dropdown .dropdown-menu .product .delete-btn:focus {
  background-color: #005187;
}

.header.custom .dropdown.cart-dropdown .dropdown-menu .dcart-action-info p span {
  color: #f1f1f1;
}

.header.custom .dropdown.cart-dropdown .dcart-products {
  border-color: #005187;
}

.header.custom .header-bottom:not(.dark) {
  background-color: #004b7d;
}

.header.custom .navbar-nav:not(.nav-overlay) a,
.header.custom .header-bottom .navbar-nav a {
  color: #fff;
}

@media (min-width: 768px) {
  .header.custom .navbar-nav:not(.nav-overlay) > li > a,
  .header.custom .header-bottom .navbar-nav > li > a {
    color: #fff;
  }
  .header.custom .navbar-nav:not(.nav-overlay) > li > a:before,
  .header.custom .header-bottom .navbar-nav > li > a:before {
    background-color: #004b7d;
  }
  .header.custom .navbar-nav:not(.nav-overlay) > li.open > a, .header.custom .navbar-nav:not(.nav-overlay) > li.open > a:hover, .header.custom .navbar-nav:not(.nav-overlay) > li.open > a:focus, .header.custom .navbar-nav:not(.nav-overlay) > li.active > a, .header.custom .navbar-nav:not(.nav-overlay) > li.active > a:hover, .header.custom .navbar-nav:not(.nav-overlay) > li.active > a:focus,
  .header.custom .header-bottom .navbar-nav > li.open > a,
  .header.custom .header-bottom .navbar-nav > li.open > a:hover,
  .header.custom .header-bottom .navbar-nav > li.open > a:focus,
  .header.custom .header-bottom .navbar-nav > li.active > a,
  .header.custom .header-bottom .navbar-nav > li.active > a:hover,
  .header.custom .header-bottom .navbar-nav > li.active > a:focus {
    background: #0069b0;
    color: #fff;
  }
}

@media (min-width: 768px) {
  .header.custom .navbar-nav:not(.nav-overlay) .cart-dropdown > a .dcart-total-count,
  .header.custom .header-bottom .navbar-nav .cart-dropdown > a .dcart-total-count {
    background-color: #0069b0;
    color: #fff;
  }
}

.header.custom .navbar-nav:not(.nav-overlay) .cart-dropdown.open > a .dcart-total-count, .header.custom .navbar-nav:not(.nav-overlay) .cart-dropdown:hover > a .dcart-total-count, .header.custom .navbar-nav:not(.nav-overlay) .cart-dropdown:focus > a .dcart-total-count,
.header.custom .header-bottom .navbar-nav .cart-dropdown.open > a .dcart-total-count,
.header.custom .header-bottom .navbar-nav .cart-dropdown:hover > a .dcart-total-count,
.header.custom .header-bottom .navbar-nav .cart-dropdown:focus > a .dcart-total-count {
  background-color: #fff;
  color: #0069b0;
}

.header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu,
.header.custom .header-bottom .navbar-nav .dropdown-menu {
  background: #0069b0;
}

.header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu > li > a,
.header.custom .header-bottom .navbar-nav .dropdown-menu > li > a {
  color: #fff;
}

.header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu > li > a:hover, .header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu > li > a:focus,
.header.custom .header-bottom .navbar-nav .dropdown-menu > li > a:hover,
.header.custom .header-bottom .navbar-nav .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #004b7d;
}

.header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu > li.open > a, .header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu > li.open > a:hover, .header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu > li.open > a:focus,
.header.custom .header-bottom .navbar-nav .dropdown-menu > li.open > a,
.header.custom .header-bottom .navbar-nav .dropdown-menu > li.open > a:hover,
.header.custom .header-bottom .navbar-nav .dropdown-menu > li.open > a:focus {
  color: #fff;
  background-color: #004b7d;
}

@media (max-width: 767px) {
  .header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu.megamenu [class*="col-"]:not(:last-child),
  .header.custom .header-bottom .navbar-nav .dropdown-menu.megamenu [class*="col-"]:not(:last-child) {
    border-color: #004b7d;
  }
}

.header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu.megamenu a:hover, .header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu.megamenu a:focus,
.header.custom .header-bottom .navbar-nav .dropdown-menu.megamenu a:hover,
.header.custom .header-bottom .navbar-nav .dropdown-menu.megamenu a:focus {
  color: #fff;
  background-color: #004b7d;
}

.header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu.megamenu .megamenu-title:before,
.header.custom .header-bottom .navbar-nav .dropdown-menu.megamenu .megamenu-title:before {
  background-color: #fff;
}

.header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu.megamenu .megamenu-title:hover:before, .header.custom .navbar-nav:not(.nav-overlay) .dropdown-menu.megamenu .megamenu-title:focus:before,
.header.custom .header-bottom .navbar-nav .dropdown-menu.megamenu .megamenu-title:hover:before,
.header.custom .header-bottom .navbar-nav .dropdown-menu.megamenu .megamenu-title:focus:before {
  background-color: #fff;
}

@media (max-width: 767px) {
  .header.custom .navbar-nav {
    background-color: #0069b0;
  }
  .header.custom .navbar-nav > li.open > a, .header.custom .navbar-nav > li.open > a:hover, .header.custom .navbar-nav > li.open > a:focus, .header.custom .navbar-nav > li.active > a, .header.custom .navbar-nav > li.active > a:hover, .header.custom .navbar-nav > li.active > a:focus {
    background: #005187;
    color: #fff;
  }
  .header.custom .navbar-nav > li > a:hover, .header.custom .navbar-nav > li > a:focus {
    background: #004b7d;
    color: #fff;
  }
}

.header.custom .navbar-toggle,
.header.custom .menu-toggle,
.header.custom .sidemenu-toggle {
  background-color: #0069b0;
  border-color: #0069b0;
  color: #f1f1f1;
}

.header.custom .navbar-toggle .icon-bar,
.header.custom .menu-toggle .icon-bar,
.header.custom .sidemenu-toggle .icon-bar {
  background-color: #f1f1f1;
}

.header.custom .navbar-toggle:hover, .header.custom .navbar-toggle:focus,
.header.custom .menu-toggle:hover,
.header.custom .menu-toggle:focus,
.header.custom .sidemenu-toggle:hover,
.header.custom .sidemenu-toggle:focus {
  color: #fff;
  background-color: #004473;
  border-color: #004473;
}

.header.custom .navbar-toggle:hover .icon-bar, .header.custom .navbar-toggle:focus .icon-bar,
.header.custom .menu-toggle:hover .icon-bar,
.header.custom .menu-toggle:focus .icon-bar,
.header.custom .sidemenu-toggle:hover .icon-bar,
.header.custom .sidemenu-toggle:focus .icon-bar {
  background-color: #fff;
}

.header.custom .side-menu li a {
  color: #222;
}

@media (min-width: 992px) {
  .header.custom .side-menu li a {
    color: #f1f1f1;
  }
}

.header.custom .side-menu li.active > a,
.header.custom .side-menu li.active > a:hover,
.header.custom .side-menu li.active > a:focus, .header.custom .side-menu li:hover > a,
.header.custom .side-menu li:hover > a:hover,
.header.custom .side-menu li:hover > a:focus, .header.custom .side-menu li:focus > a,
.header.custom .side-menu li:focus > a:hover,
.header.custom .side-menu li:focus > a:focus {
  color: #0d9dff;
}

/* Header2 Custom */
@media (max-width: 767px) {
  .header.header2.custom .navbar-nav {
    background-color: #005a97;
  }
}

.header.header2.custom .navbar-nav > li.open > a, .header.header2.custom .navbar-nav > li.open > a:hover, .header.header2.custom .navbar-nav > li.open > a:focus, .header.header2.custom .navbar-nav > li.active > a, .header.header2.custom .navbar-nav > li.active > a:hover, .header.header2.custom .navbar-nav > li.active > a:focus {
  background: #005187;
  color: #fff;
}

@media (min-width: 768px) {
  .header.header2.custom .navbar-nav .dropdown-menu {
    border-top-color: #005d9c;
  }
}

.header.header2.custom .navbar-nav .dropdown.cart-dropdown > a .dcart-total-count {
  background-color: #0069b0;
  color: #fff;
}

.header.header2.custom .navbar-toggle {
  background-color: #005791;
  border-color: #005791;
  color: #f1f1f1;
}

.header.header2.custom .navbar-toggle .icon-bar {
  background-color: #f1f1f1;
}

.header.header2.custom .navbar-toggle:hover, .header.header2.custom .navbar-toggle:focus {
  color: #fff;
  background-color: #004473;
  border-color: #004473;
}

.header.header2.custom .navbar-toggle:hover .icon-bar, .header.header2.custom .navbar-toggle:focus .icon-bar {
  background-color: #fff;
}

/* Header3 Custom */
.header.header3.custom .social-icons .social-icon {
  color: #f1f1f1;
  background-color: #005791;
}

.header.header3.custom .social-icons .social-icon:hover, .header.header3.custom .social-icons .social-icon:focus {
  color: #fff;
  background-color: #004473;
}

/* Header5 Custom */
@media (min-width: 992px) {
  .header.header5.custom .header-top:not(.dark) {
    background-color: #005187;
  }
}

.header.header5 .header-top.transparent {
  background-color: transparent !important;
}

/* Header Dark */
.header.dark {
  background-color: #1b1b1b;
  color: #eee;
}

.header.dark a {
  color: #f1f1f1;
}

.header.dark .dropdown.header-dropdown .dropdown-menu {
  border-color: #101010;
  background-color: #262626;
  box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.1), -2px 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.header.dark .header-top:not(.custom) {
  border-color: #363636;
  color: #eee;
}

.header.dark .header-top:not(.custom).transparent {
  border-color: #404040;
}

.header.dark .header-top:not(.custom) .header-dropdown > a {
  color: #f1f1f1;
  background-color: #313131;
  border-color: #313131;
}

.header.dark .header-top:not(.custom) .header-dropdown:nth-of-type(2n) > a {
  background-color: #404040;
}

.header.dark .header-top:not(.custom) .header-dropdown.open > a, .header.dark .header-top:not(.custom) .header-dropdown:hover > a, .header.dark .header-top:not(.custom) .header-dropdown:focus > a {
  color: #fff;
  background-color: #0069b0;
  border-color: #0069b0;
}

.header.dark .header-top:not(.custom) .top-menu li a {
  color: #eee;
}

.header.dark .header-top:not(.custom) .top-menu li a:before {
  background-color: #0069b0;
}

.header.dark .header-top:not(.custom) .top-menu li + li:before {
  color: #646464;
}

.header.dark .header-top:not(.custom) .top-menu li.active a, .header.dark .header-top:not(.custom) .top-menu li:hover a, .header.dark .header-top:not(.custom) .top-menu li:focus a {
  color: #0069b0;
}

.header.dark .header-top:not(.custom) .top-text {
  color: #c7c7c7;
}

.header.dark .header-top:not(.custom) .top-links a {
  color: #eaeaea;
}

.header.dark .header-top:not(.custom) .top-links a:hover, .header.dark .header-top:not(.custom) .top-links a:focus {
  color: #17a1ff;
}

.header.dark .header-top:not(.custom) .top-links a + a:before {
  color: #eaeaea;
}

.header.dark .header-top:not(.custom) .social-icons .social-icon {
  color: #fff;
  border-color: #383838;
}

.header.dark .header-top:not(.custom) .social-icons .social-icon:hover, .header.dark .header-top:not(.custom) .social-icons .social-icon:focus {
  background-color: #0069b0;
  border-color: #0069b0;
}

.header.dark .header-info-boxes .header-info-box .info-box-title {
  color: #d6d6d6;
}

.header.dark .header-info-boxes .header-info-box i:not(.custom) {
  background-color: #3b3b3b;
  color: #fff;
}

.header.dark .header-info-boxes .header-info-box + .header-info-box:before {
  background-color: #363636;
}

.header.dark .dropdown.cart-dropdown > a {
  color: #0069b0;
}

.header.dark .dropdown.cart-dropdown > a .dcart-total-count {
  background-color: #fff;
  color: #0069b0;
}

.header.dark .dropdown.cart-dropdown.open > a, .header.dark .dropdown.cart-dropdown:hover > a, .header.dark .dropdown.cart-dropdown:focus > a {
  color: #005187;
}

.header.dark .dropdown.cart-dropdown.open > a .dcart-total-count, .header.dark .dropdown.cart-dropdown:hover > a .dcart-total-count, .header.dark .dropdown.cart-dropdown:focus > a .dcart-total-count {
  background-color: #fff;
  color: #0069b0;
}

.header.dark .dropdown.cart-dropdown .dropdown-menu > p {
  color: #c7c7c7;
}

.header.dark .dropdown.cart-dropdown .dropdown-menu > p span {
  color: #eee;
}

.header.dark .dropdown.cart-dropdown .dropdown-menu .product-title a {
  color: #d6d6d6;
}

.header.dark .dropdown.cart-dropdown .dropdown-menu .product-title a:hover, .header.dark .dropdown.cart-dropdown .dropdown-menu .product-title a:focus {
  color: #fff;
}

.header.dark .dropdown.cart-dropdown .dropdown-menu .product .product-quantity {
  color: #d7d7d7;
}

.header.dark .dropdown.cart-dropdown .dropdown-menu .product .product-price-container .old-price {
  color: #eee;
}

.header.dark .dropdown.cart-dropdown .dropdown-menu .product .delete-btn {
  color: #f1f1f1;
  background-color: #0069b0;
}

.header.dark .dropdown.cart-dropdown .dropdown-menu .product .delete-btn:hover, .header.dark .dropdown.cart-dropdown .dropdown-menu .product .delete-btn:focus {
  color: #fff;
  background-color: #005a97;
}

.header.dark .dropdown.cart-dropdown .dropdown-menu .dcart-action-info p span {
  color: #eee;
}

.header.dark .dropdown.cart-dropdown .dcart-products {
  border-color: #404040;
}

.header.dark .header-bottom:not(.custom) {
  background-color: #101010;
}

.header.dark .navbar-nav:not(.nav-overlay) a,
.header.dark .header-bottom .navbar-nav a {
  color: #fff;
}

@media (min-width: 768px) {
  .header.dark .navbar-nav:not(.nav-overlay) > li > a,
  .header.dark .header-bottom .navbar-nav > li > a {
    color: #f1f1f1;
  }
  .header.dark .navbar-nav:not(.nav-overlay) > li > a:before,
  .header.dark .header-bottom .navbar-nav > li > a:before {
    background-color: #0069b0;
  }
  .header.dark .navbar-nav:not(.nav-overlay) > li.open > a, .header.dark .navbar-nav:not(.nav-overlay) > li.open > a:hover, .header.dark .navbar-nav:not(.nav-overlay) > li.open > a:focus, .header.dark .navbar-nav:not(.nav-overlay) > li.active > a, .header.dark .navbar-nav:not(.nav-overlay) > li.active > a:hover, .header.dark .navbar-nav:not(.nav-overlay) > li.active > a:focus,
  .header.dark .header-bottom .navbar-nav > li.open > a,
  .header.dark .header-bottom .navbar-nav > li.open > a:hover,
  .header.dark .header-bottom .navbar-nav > li.open > a:focus,
  .header.dark .header-bottom .navbar-nav > li.active > a,
  .header.dark .header-bottom .navbar-nav > li.active > a:hover,
  .header.dark .header-bottom .navbar-nav > li.active > a:focus {
    background: #292929;
    color: #fff;
  }
}

@media (min-width: 768px) {
  .header.dark .navbar-nav:not(.nav-overlay) .cart-dropdown > a .dcart-total-count,
  .header.dark .header-bottom .navbar-nav .cart-dropdown > a .dcart-total-count {
    background: #292929;
    color: #f1f1f1;
  }
}

.header.dark .navbar-nav:not(.nav-overlay) .cart-dropdown.open > a .dcart-total-count, .header.dark .navbar-nav:not(.nav-overlay) .cart-dropdown:hover > a .dcart-total-count, .header.dark .navbar-nav:not(.nav-overlay) .cart-dropdown:focus > a .dcart-total-count,
.header.dark .header-bottom .navbar-nav .cart-dropdown.open > a .dcart-total-count,
.header.dark .header-bottom .navbar-nav .cart-dropdown:hover > a .dcart-total-count,
.header.dark .header-bottom .navbar-nav .cart-dropdown:focus > a .dcart-total-count {
  background-color: #fff;
  color: #0069b0;
}

.header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu,
.header.dark .header-bottom .navbar-nav .dropdown-menu {
  background: #292929;
}

.header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu > li > a,
.header.dark .header-bottom .navbar-nav .dropdown-menu > li > a {
  color: #eee;
}

.header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu > li > a:hover, .header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu > li > a:focus,
.header.dark .header-bottom .navbar-nav .dropdown-menu > li > a:hover,
.header.dark .header-bottom .navbar-nav .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #0069b0;
}

.header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu > li.open > a, .header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu > li.open > a:hover, .header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu > li.open > a:focus,
.header.dark .header-bottom .navbar-nav .dropdown-menu > li.open > a,
.header.dark .header-bottom .navbar-nav .dropdown-menu > li.open > a:hover,
.header.dark .header-bottom .navbar-nav .dropdown-menu > li.open > a:focus {
  color: #fff;
  background-color: #0069b0;
}

.header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu.megamenu a:hover, .header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu.megamenu a:focus,
.header.dark .header-bottom .navbar-nav .dropdown-menu.megamenu a:hover,
.header.dark .header-bottom .navbar-nav .dropdown-menu.megamenu a:focus {
  color: #fff;
  background-color: #0069b0;
}

.header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu.megamenu .megamenu-title:before,
.header.dark .header-bottom .navbar-nav .dropdown-menu.megamenu .megamenu-title:before {
  background-color: #fff;
}

.header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu.megamenu .megamenu-title:hover:before, .header.dark .navbar-nav:not(.nav-overlay) .dropdown-menu.megamenu .megamenu-title:focus:before,
.header.dark .header-bottom .navbar-nav .dropdown-menu.megamenu .megamenu-title:hover:before,
.header.dark .header-bottom .navbar-nav .dropdown-menu.megamenu .megamenu-title:focus:before {
  background-color: #fff;
}

@media (max-width: 767px) {
  .header.dark .navbar-nav {
    background-color: #1f1f1f;
  }
  .header.dark .navbar-nav > li.open > a, .header.dark .navbar-nav > li.open > a:hover, .header.dark .navbar-nav > li.open > a:focus, .header.dark .navbar-nav > li.active > a, .header.dark .navbar-nav > li.active > a:hover, .header.dark .navbar-nav > li.active > a:focus {
    background: #0069b0;
    color: #fff;
  }
  .header.dark .navbar-nav > li > a:hover, .header.dark .navbar-nav > li > a:focus {
    background: #0069b0;
    color: #fff;
  }
}

.header.dark .search-dropdown .dropdown-menu .form-control {
  background-color: #171717;
  border-color: #313131;
  color: #999;
}

.header.dark .search-dropdown .dropdown-menu .form-control::-webkit-input-placeholder {
  color: #999;
}

.header.dark .search-dropdown .dropdown-menu .form-control::-moz-placeholder {
  color: #999;
}

.header.dark .search-dropdown .dropdown-menu .form-control:-ms-input-placeholder {
  color: #999;
}

.header.dark .search-dropdown .dropdown-menu .form-control::placeholder {
  color: #999;
}

.header.dark .navbar-toggle,
.header.dark .menu-toggle,
.header.dark .sidemenu-toggle {
  background-color: #363636;
  border-color: #363636;
  color: #f1f1f1;
}

.header.dark .navbar-toggle .icon-bar,
.header.dark .menu-toggle .icon-bar,
.header.dark .sidemenu-toggle .icon-bar {
  background-color: #f1f1f1;
}

.header.dark .navbar-toggle:hover, .header.dark .navbar-toggle:focus,
.header.dark .menu-toggle:hover,
.header.dark .menu-toggle:focus,
.header.dark .sidemenu-toggle:hover,
.header.dark .sidemenu-toggle:focus {
  color: #fff;
  background-color: #292929;
  border-color: #292929;
}

.header.dark .navbar-toggle:hover .icon-bar, .header.dark .navbar-toggle:focus .icon-bar,
.header.dark .menu-toggle:hover .icon-bar,
.header.dark .menu-toggle:focus .icon-bar,
.header.dark .sidemenu-toggle:hover .icon-bar,
.header.dark .sidemenu-toggle:focus .icon-bar {
  background-color: #fff;
}

/* Header2 Dark */
@media (max-width: 767px) {
  .header.header2.dark .navbar-nav {
    background-color: #242424;
  }
}

.header.header2.dark .navbar-nav > li.open > a, .header.header2.dark .navbar-nav > li.open > a:hover, .header.header2.dark .navbar-nav > li.open > a:focus, .header.header2.dark .navbar-nav > li.active > a, .header.header2.dark .navbar-nav > li.active > a:hover, .header.header2.dark .navbar-nav > li.active > a:focus {
  background: #0069b0;
  color: #fff;
}

@media (min-width: 768px) {
  .header.header2.dark .navbar-nav .dropdown-menu {
    border-top-color: #2b2b2b;
  }
}

.header.header2.dark .navbar-nav .dropdown.cart-dropdown > a .dcart-total-count {
  background-color: #0069b0;
  color: #fff;
}

.header.header2.dark .navbar-toggle {
  background-color: #363636;
  border-color: #363636;
  color: #f1f1f1;
}

.header.header2.dark .navbar-toggle .icon-bar {
  background-color: #f1f1f1;
}

.header.header2.dark .navbar-toggle:hover, .header.header2.dark .navbar-toggle:focus {
  color: #fff;
  background-color: #292929;
  border-color: #292929;
}

.header.header2.dark .navbar-toggle:hover .icon-bar, .header.header2.dark .navbar-toggle:focus .icon-bar {
  background-color: #fff;
}

/* Header3 Dark */
.header.header3.dark .social-icons .social-icon {
  color: #f1f1f1;
  background-color: #404040;
}

.header.header3.dark .social-icons .social-icon:hover, .header.header3.dark .social-icons .social-icon:focus {
  color: #fff;
  background-color: #0069b0;
}

/* Sticky Header */
@media (min-width: 992px) {
  .header.sticky-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1040;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
}

/* ----------- 18.Footers ---------------
--------------------------------------*/
.footer {
  background-color: #171717;
  color: #9a9a9a;
}

.footer-bottom {
  background-color: #101010;
  padding: 35px 0;
}

@media (min-width: 992px) {
  .footer-bottom {
    padding: 40px 0;
  }
}

@media (max-width: 991px) {
  .footer-bottom {
    text-align: center;
  }
}

.footer-bottom .copyright {
  margin-bottom: 0;
}

.footer-bottom .copyright a {
  color: #0069b0;
}

.footer-bottom .copyright a:hover, .footer-bottom .copyright a:focus {
  color: #004b7d;
}

/* -------- Scroll Top Button  -------*/
#scroll-top {
  position: fixed;
  bottom: 70px;
  right: 30px;
  display: block;
  visibility: hidden;
  cursor: pointer;
  z-index: 999;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  opacity: 0;
  transition: all 0.4s;
  -ms-transform: translateY(75px);
  transform: translateY(75px);
  text-align: center;
  color: #fff;
  background-color: #0069b0;
}

#scroll-top.fixed {
  opacity: 1;
  visibility: visible;
  -ms-transform: translateY(0);
  transform: translateY(0);
}

#scroll-top:hover, #scroll-top:focus {
  background-color: #004b7d;
}

@media (max-width: 767px) {
  #scroll-top {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

/* --------- 19.Owl Carousel -----------
--------------------------------------*/
/* Owl Carousel */
.owl-carousel .animated {
  animation-duration: 1000ms;
  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 Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.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;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.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;
  background: url("../assets/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* Nav Dots*/
.owl-dots {
  margin-top: 25px;
  text-align: center;
}

.closer-dots .owl-dots {
  margin-top: 15px;
}

.owl-dot {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: #eaeaea;
  margin: 0 5px;
  border: 1px solid #eaeaea;
  border-radius: 50%;
  transition: all 0.4s;
}

.owl-dot:hover, .owl-dot:focus, .owl-dot.active {
  background-color: #0069b0;
  border-color: #0069b0;
}

.no-radius-dots .owl-dot {
  border-radius: 0;
}

.bg-custom .owl-dot:hover, .bg-custom .owl-dot:focus, .bg-custom .owl-dot.active {
  background-color: #004b7d;
  border-color: #004b7d;
}

.bg-lightgray .owl-dot,
.bg-gray .owl-dot {
  border-color: #b7b7b7;
  background-color: #b7b7b7;
}

.bg-lightgray .owl-dot:hover, .bg-lightgray .owl-dot:focus, .bg-lightgray .owl-dot.active,
.bg-gray .owl-dot:hover,
.bg-gray .owl-dot:focus,
.bg-gray .owl-dot.active {
  background-color: #0069b0;
  border-color: #0069b0;
}

.owl-nav {
  position: relative;
  margin-top: 35px;
  text-align: center;
}

.owl-prev,
.owl-next {
  display: inline-block;
  font-size: 16px;
  line-height: 34px;
  height: 36px;
  width: 36px;
  color: #c3c9d5;
  border: 1px solid #ebeff5;
  text-align: center;
  transition: all 0.4s;
}

.owl-prev:hover, .owl-prev:focus,
.owl-next:hover,
.owl-next:focus {
  border-color: #0069b0;
  background-color: #0069b0;
  color: #fff;
}

.owl-next {
  margin-left: 10px;
}