@charset "UTF-8";
/*   
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.7
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/
/*Reset Styles
------------------------------------*/
* {
  border-radius: 0 !important;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
  outline: 0 !important;
}

a:focus {
  text-decoration: none;
}

hr {
  margin: 30px 0;
}

hr.hr-xs {
  margin: 10px 0;
}

hr.hr-md {
  margin: 20px 0;
}

hr.hr-lg {
  margin: 40px 0;
}

/*Headings*/
h1 {
  font-size: 28px;
  line-height: 35px;
}

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

h3 {
  font-size: 20px;
  line-height: 27px;
}

h4 {
  line-height: 25px;
}

h5 {
  line-height: 20px;
}

h6 {
  line-height: 18px;
}

h1, h2, h3, h4, h5, h6 {
  color: #212560;
  margin-top: 5px;
  text-shadow: none;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
}

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
  margin-right: 5px;
}

/*Block Headline*/
.headline {
  display: block;
  margin: 10px 0 25px 0;
  border-bottom: 1px dotted #e4e9f0;
}

.headline h2 {
  font-size: 22px;
}

.headline h2,
.headline h3,
.headline h4 {
  margin: 0 0 -2px 0;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 2px solid #72c02c;
}

.headline-md {
  margin-bottom: 15px;
}

.headline-md h2 {
  font-size: 21px;
}

/*Heading Options*/
.heading {
  text-align: center;
}

.heading h2 {
  padding: 0 12px;
  position: relative;
  display: inline-block;
  line-height: 34px !important; /*For Tagline Boxes*/
}

.heading h2:before,
.heading h2:after {
  content: " ";
  width: 70%;
  position: absolute;
  border-width: 1px;
  border-color: #bbb;
}

.heading h2:before {
  right: 100%;
}

.heading h2:after {
  left: 100%;
}

@media (max-width: 768px) {
  .heading h2:before,
  .heading h2:after {
    width: 20%;
  }
}
/*Headline v1*/
.heading-v1 h2:before,
.heading-v1 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: #212560;
}

/*Headline v2*/
.heading-v2 h2:before,
.heading-v2 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: dashed;
  border-bottom-style: dashed;
  border-color: #212560;
}

/*Headline v3*/
.heading-v3 h2:before,
.heading-v3 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-color: #212560;
}

/*Headline v4*/
.heading-v4 h2:before,
.heading-v4 h2:after {
  top: 17px;
  border-bottom-style: solid;
  border-color: #212560;
}

/*Headline v5*/
.heading-v5 h2:before,
.heading-v5 h2:after {
  top: 17px;
  border-bottom-style: dashed;
  border-color: #212560;
}

/*Headline v6*/
.heading-v6 h2:before,
.heading-v6 h2:after {
  top: 17px;
  border-bottom-style: dotted;
  border-color: #212560;
}

/*Heading Titles v1*/
.title-v1 {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}

.title-v1 h1,
.title-v1 h2 {
  color: #444;
  font-size: 28px;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.title-v1 h1:after,
.title-v1 h2:after {
  bottom: 0;
  left: 50%;
  height: 1px;
  width: 70px;
  content: " ";
  margin-left: -35px;
  position: absolute;
  background: #72c02c;
}

.title-v1 p {
  font-size: 17px;
  font-weight: 200;
}

/*Heading Titles v2*/
h2.title-v2 {
  color: #555555;
  position: relative;
  margin-bottom: 30px;
}

h2.title-v2:after {
  left: 0;
  width: 70px;
  height: 2px;
  content: " ";
  bottom: -10px;
  background: #555555;
  position: absolute;
}

h1.title-v2.title-center,
h2.title-v2.title-center,
h3.title-v2.title-center {
  text-align: center;
}

h1.title-v2.title-center:after,
h2.title-v2.title-center:after,
h3.title-v2.title-center:after {
  left: 50%;
  width: 70px;
  margin-left: -35px;
}

h1.title-light,
h2.title-light,
h3.title-light {
  color: #FFF;
}

h2.title-light:after {
  background: #FFF;
}

/*Heading Title v3*/
h1[class^=title-v3-],
h2[class^=title-v3-],
h3[class^=title-v3-] {
  color: #555555;
}

h2.title-v3-xlg {
  font-size: 28px;
  line-height: 32px;
}

h1.title-v3-lg,
h2.title-v3-lg {
  font-size: 24px;
  line-height: 28px;
}

h1.title-v3-md,
h2.title-v3-md {
  font-size: 20px;
  line-height: 24px;
}

h2.title-v3-sm,
h3.title-v3-md {
  font-size: 18px;
  line-height: 24px;
}

h3.title-v3-md {
  line-height: 22px;
}

h3.title-v3-sm {
  font-size: 16px;
  line-height: 20px;
}

h2.title-v3-xs {
  font-size: 16px;
  line-height: 22px;
}

h3.title-v3-xs {
  font-size: 14px;
  margin-bottom: 0;
}

/*Headline Center*/
.headline-center {
  text-align: center;
  position: relative;
}

.headline-center h2 {
  color: #555555;
  font-size: 24px;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.headline-center h2:after {
  left: 50%;
  z-index: 1;
  width: 30px;
  height: 2px;
  content: " ";
  bottom: -5px;
  margin-left: -15px;
  text-align: center;
  position: absolute;
  background: #72c02c;
}

.headline-center p {
  /*color: #999;*/
  font-size: 14px;
  /*padding: 0 150px;*/
}

@media (max-width: 991px) {
  .headline-center p {
    padding: 0 50px;
  }
}
.headline-center.headline-light h2 {
  color: #FFF;
}

.headline-center.headline-light p {
  color: #eee;
}

/*Headline Center v2*/
.headline-center-v2 {
  z-index: 0;
  text-align: center;
  position: relative;
}

.headline-center-v2 h2 {
  color: #555555;
  font-size: 24px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.headline-center-v2 span.bordered-icon {
  color: #FFF;
  padding: 0 10px;
  font-size: 15px;
  line-height: 18px;
  position: relative;
  margin-bottom: 25px;
  display: inline-block;
}

.headline-center-v2 span.bordered-icon:before,
.headline-center-v2 span.bordered-icon:after {
  top: 8px;
  height: 1px;
  content: " ";
  width: 100px;
  background: #FFF;
  position: absolute;
}

.headline-center-v2 span.bordered-icon:before {
  left: 100%;
}

.headline-center-v2 span.bordered-icon:after {
  right: 100%;
}

.headline-center-v2 p {
  color: #555555;
  font-size: 14px;
  padding: 0 70px;
}

.headline-center-v2.headline-center-v2-dark p {
  color: #666;
}

.headline-center-v2.headline-center-v2-dark span.bordered-icon {
  color: #666;
}

.headline-center-v2.headline-center-v2-dark span.bordered-icon:before,
.headline-center-v2.headline-center-v2-dark span.bordered-icon:after {
  background: #666;
}

/*Headline Left*/
.headline-left {
  position: relative;
}

.headline-left .headline-brd {
  color: #555555;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 10px;
}

.headline-left .headline-brd:after {
  left: 1px;
  z-index: 1;
  width: 30px;
  height: 2px;
  content: " ";
  bottom: -5px;
  position: absolute;
  background: #72c02c;
}

/*Headline v2
------------------------------------*/
.headline-v2 {
  display: block;
  background: #FFF;
  padding: 1px 10px;
  margin: 0 0 20px 0;
  border-left: 2px solid #000;
}

.headline-v2 h2 {
  margin: 3px 0;
  font-size: 20px;
  font-weight: 200;
}

/*Heading Sizes
------------------------------------*/
h2.heading-md {
  font-size: 20px;
  line-height: 24px;
}

h2.heading-sm,
h3.heading-md {
  font-size: 18px;
  line-height: 24px;
}

h3.heading-md {
  line-height: 22px;
}

h3.heading-sm {
  font-size: 16px;
  line-height: 20px;
}

h2.heading-xs {
  font-size: 16px;
  line-height: 22px;
}

h3.heading-xs {
  font-size: 14px;
  margin-bottom: 0;
}

/*Devider
------------------------------------*/
.devider.devider-dotted {
  border-top: 2px dotted #eee;
}

.devider.devider-dashed {
  border-top: 2px dashed #eee;
}

.devider.devider-db {
  height: 5px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.devider.devider-db-dashed {
  height: 5px;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
}

.devider.devider-db-dotted {
  height: 5px;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
}

/*Tables
------------------------------------*/
/*Basic Tables*/
.table thead > tr > th {
  border-bottom: none;
}

@media (max-width: 768px) {
  .table th.hidden-sm,
  .table td.hidden-sm {
    display: none !important;
  }
}
/*Forms
------------------------------------*/
.form-control {
  box-shadow: none;
}

.form-control:focus {
  border-color: #bbb;
  box-shadow: 0 0 2px #c9c9c9;
}

/*Form Spacing*/
.form-spacing .form-control {
  margin-bottom: 15px;
}

/*Form Icons*/
.input-group-addon {
  color: #b3b3b3;
  font-size: 14px;
  background: #FFF;
}

/*Carousel v1
------------------------------------*/
.carousel-v1 .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px 15px;
  background: rgba(0, 0, 0, 0.7);
}

.carousel-v1 .carousel-caption p {
  color: #FFF;
  margin-bottom: 0;
}

.carousel-v1 .carousel-arrow a.carousel-control {
  opacity: 1;
  font-size: 30px;
  height: inherit;
  width: inherit;
  background: none;
  text-shadow: none;
  position: inherit;
}

.carousel-v1 .carousel-arrow a i {
  top: 50%;
  opacity: 0.6;
  background: #000;
  margin-top: -18px;
  padding: 2px 12px;
  position: absolute;
}

.carousel-v1 .carousel-arrow a i:hover {
  opacity: 0.8;
}

.carousel-v1 .carousel-arrow a.left i {
  left: 0;
}

.carousel-v1 .carousel-arrow a.right i {
  right: 0;
}

/*Carousel v2
------------------------------------*/
.carousel-v2 .carousel-control,
.carousel-v2 .carousel-control:hover {
  opacity: 1;
  text-shadow: none;
}

.carousel-v2 .carousel-control.left,
.carousel-v2 .carousel-control.right {
  top: 50%;
  z-index: 5;
  color: #eee;
  width: 45px;
  height: 45px;
  font-size: 30px;
  margin-top: -22px;
  position: absolute;
  text-align: center;
  display: inline-block;
  border: 2px solid #eee;
  background: #222;
}

.carousel-v2 .carousel-control:hover {
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.carousel-v2 .carousel-control.left {
  left: 20px;
}

.carousel-v2 .carousel-control.right {
  right: 20px;
}

.carousel-v2 .carousel-control .arrow-prev,
.carousel-v2 .carousel-control .arrow-next {
  top: -5px;
  position: relative;
}

.carousel-v2 .carousel-control .arrow-next {
  right: -2px;
}

@media (min-width: 768px) {
  .carousel-indicators {
    bottom: 10px;
  }
}
/*Tabs
------------------------------------*/
/*Tabs v1*/
.tab-v1 .nav-tabs {
  border: none;
  background: none;
  border-bottom: solid 2px #72c02c;
}

.tab-v1 .nav-tabs a {
  font-size: 14px;
  padding: 5px 15px;
}

.tab-v1 .nav-tabs > .active > a,
.tab-v1 .nav-tabs > .active > a:hover,
.tab-v1 .nav-tabs > .active > a:focus {
  color: #FFF;
  border: none;
  background: #72c02c;
}

.tab-v1 .nav-tabs > li > a {
  border: none;
}

.tab-v1 .nav-tabs > li > a:hover {
  color: #FFF;
  background: #72c02c;
}

.tab-v1 .tab-content {
  padding: 10px 0;
}

.tab-v1 .tab-content img {
  margin-top: 4px;
  margin-bottom: 15px;
}

.tab-v1 .tab-content img.img-tab-space {
  margin-top: 7px;
}

/*Tabs v2*/
.tab-v2 .nav-tabs {
  border-bottom: none;
}

.tab-v2 .nav-tabs li a {
  padding: 9px 16px;
  background: none;
  border: none;
}

.tab-v2 .nav-tabs li.active a {
  background: #FFF;
  padding: 7px 15px 9px;
  border: solid 1px #eee;
  border-top: solid 2px #72c02c;
  border-bottom: none !important;
}

.tab-v2 .tab-content {
  padding: 10px 16px;
  border: solid 1px #eee;
}

/*Tabs v3*/
.tab-v3 .nav-pills li a {
  color: #777;
  font-size: 17px;
  padding: 4px 8px;
  margin-bottom: 3px;
  background: #fafafa;
  border: solid 1px #eee;
}

.tab-v3 .nav-pills li a:hover,
.tab-v3 .nav-pills li.active a {
  color: #FFF;
  background: #72c02c;
  border: solid 1px #68af28;
}

.tab-v3 .nav-pills li i {
  width: 1.25em;
  margin-right: 5px;
  text-align: center;
  display: inline-block;
}

.tab-v3 .tab-content {
  padding: 15px;
  background: #fafafa;
  border: solid 1px #eee;
}

/*Accordions
------------------------------------*/
/*Accordion v1*/
.acc-v1 .panel-heading {
  padding: 0;
  box-shadow: none;
}

.acc-v1 .panel-heading a {
  display: block;
  font-size: 14px;
  padding: 5px 15px;
  background: #fefefe;
}

.acc-icon a.accordion-toggle i {
  color: #555555;
  margin-right: 8px;
}

.acc-icon a.accordion-toggle:hover i {
  color: #39414c;
}

/*Navigation
------------------------------------*/
/*Pegination*/
.pagination li a {
  color: #777;
  padding: 5px 15px;
}

.pagination li a:hover {
  color: #FFF;
  background: #5fb611;
  border-color: #5fb611;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  border-color: #72c02c;
  background-color: #72c02c;
}

/*Pagination Without Space*/
.pagination-no-space .pagination {
  margin: 0;
}

/*Pager*/
.pager li > a:hover,
.pager li > a:focus {
  color: #FFF;
  background: #5fb611;
  border-color: #5fb611;
}

/*Pager v2 and v3
------------------------------------*/
.pager.pager-v2 li > a {
  border: none;
}

.pager.pager-v2 li > a,
.pager.pager-v3 li > a {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.pager.pager-v2 li > a:hover,
.pager.pager-v2 li > a:focus,
.pager.pager-v3 li > a:hover,
.pager.pager-v3 li > a:focus {
  color: #FFF;
  background: #72c02c;
}

/*Pager Amount*/
.pager.pager-v2 li.page-amount,
.pager.pager-v3 li.page-amount {
  font-size: 16px;
  font-style: italic;
}

.pager.pager-v2 li.page-amount,
.pager.pager-v2 li.page-amount:hover,
.pager.pager-v2 li.page-amount:focus,
.pager.pager-v3 li.page-amount,
.pager.pager-v3 li.page-amount:hover,
.pager.pager-v3 li.page-amount:focus {
  top: 7px;
  color: #777;
  position: relative;
}

/*Pager Size*/
.pager.pager-v2.pager-md li a,
.pager.pager-v3.pager-md li a {
  font-size: 16px;
  padding: 8px 18px;
}

/*Sidebar Menu
------------------------------------*/
/*Sidebar Menu v1*/
.sidebar-nav-v1 li {
  padding: 0;
}

.sidebar-nav-v1 li a {
  display: block;
  padding: 8px 30px 8px 10px;
}

.sidebar-nav-v1 li a:hover {
  text-decoration: none;
}

.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover {
  background: #717984;
}

.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover,
.sidebar-nav-v1 > li.active:focus {
  border-color: #ddd;
}

.sidebar-nav-v1 > li.active > a {
  color: #FFF;
}

/*Sidebar Sub Navigation*/
.sidebar-nav-v1 li ul {
  padding: 0;
  list-style: none;
}

.sidebar-nav-v1 li ul,
.sidebar-nav-v1 li.active ul a {
  background: #f8f8f8;
}

.sidebar-nav-v1 li ul a {
  color: #555555;
  font-size: 12px;
  border-top: solid 1px #ddd;
  padding: 6px 30px 6px 17px;
}

.sidebar-nav-v1 ul li:hover a,
.sidebar-nav-v1 ul li.active a {
  color: #72c02c;
}

/*Sidebar Badges*/
.list-group-item li > .badge {
  float: right;
}

.sidebar-nav-v1 span.badge {
  margin-top: 8px;
  margin-right: 10px;
}

.sidebar-nav-v1 .list-toggle > span.badge {
  margin-right: 25px;
}

.sidebar-nav-v1 ul li span.badge {
  margin-top: 8px;
  font-size: 11px;
  padding: 3px 5px;
  margin-right: 10px;
}

/*Sidebar List Toggle*/
.list-toggle:after {
  top: 7px;
  right: 10px;
  color: #777;
  font-size: 14px;
  content: "\f105";
  position: absolute;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.list-toggle.active:after {
  color: #FFF;
  content: "\f107";
}

/*Button Styles
------------------------------------*/
.btn {
  box-shadow: none;
}

.btn-u {
  border: 0;
  color: #FFF;
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
  padding: 6px 13px;
  position: relative;
  background: #72c02c;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
}

.btn-u:hover {
  color: #FFF;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-u.btn-block {
  text-align: center;
}

a.btn-u {
  /*padding: 4px 13px;*/
  /*vertical-align: middle;*/
}

.btn-u-sm,
a.btn-u-sm {
  padding: 3px 12px;
}

.btn-u-lg,
a.btn-u-lg {
  font-size: 18px;
  padding: 10px 25px;
}

.btn-u-xs,
a.btn-u-xs {
  font-size: 12px;
  padding: 2px 12px;
  line-height: 18px;
}

/*Button Groups*/
.btn-group .dropdown-menu > li > a {
  padding: 3px 13px;
}

.btn-group > .btn-u,
.btn-group-vertical > .btn-u {
  float: left;
  position: relative;
}

.btn-group > .btn-u:first-child {
  margin-left: 0;
}

/*For FF Only*/
@-moz-document url-prefix() {
  .footer-subsribe .btn-u {
    padding-bottom: 4px;
  }
}
@media (max-width: 768px) {
  @-moz-document url-prefix() {
    .btn-u {
      padding-bottom: 6px;
    }
  }
}
/*Buttons Color*/
.btn-u:hover,
.btn-u:focus,
.btn-u:active,
.btn-u.active,
.open .dropdown-toggle.btn-u {
  background: #5fb611;
}

.btn-u-split.dropdown-toggle {
  border-left: solid 1px #5fb611;
}

.btn-u.btn-u-blue {
  background: #3498db;
}

.btn-u.btn-u-blue:hover,
.btn-u.btn-u-blue:focus,
.btn-u.btn-u-blue:active,
.btn-u.btn-u-blue.active,
.open .dropdown-toggle.btn-u.btn-u-blue {
  background: #2980b9;
}

.btn-u.btn-u-split-blue.dropdown-toggle {
  border-left: solid 1px #2980b9;
}

.btn-u.btn-u-red {
  background: #e74c3c;
}

.btn-u.btn-u-red:hover,
.btn-u.btn-u-red:focus,
.btn-u.btn-u-red:active,
.btn-u.btn-u-red.active,
.open .dropdown-toggle.btn-u.btn-u-red {
  background: #c0392b;
}

.btn-u.btn-u-split-red.dropdown-toggle {
  border-left: solid 1px #c0392b;
}

.btn-u.btn-u-orange {
  background: #e67e22;
}

.btn-u.btn-u-orange:hover,
.btn-u.btn-u-orange:focus,
.btn-u.btn-u-orange:active,
.btn-u.btn-u-orange.active,
.open .dropdown-toggle.btn-u.btn-u-orange {
  background: #d35400;
}

.btn-u.btn-u-split-orange.dropdown-toggle {
  border-left: solid 1px #d35400;
}

.btn-u.btn-u-sea {
  background: #1abc9c;
}

.btn-u.btn-u-sea:hover,
.btn-u.btn-u-sea:focus,
.btn-u.btn-u-sea:active,
.btn-u.btn-u-sea.active,
.open .dropdown-toggle.btn-u.btn-u-sea {
  background: #16a085;
}

.btn-u.btn-u-split-sea.dropdown-toggle {
  border-left: solid 1px #16a085;
}

.btn-u.btn-u-green {
  background: #2ecc71;
}

.btn-u.btn-u-green:hover,
.btn-u.btn-u-green:focus,
.btn-u.btn-u-green:active,
.btn-u.btn-u-green.active,
.open .dropdown-toggle.btn-u.btn-u-green {
  background: #27ae60;
}

.btn-u.btn-u-split-green.dropdown-toggle {
  border-left: solid 1px #27ae60;
}

.btn-u.btn-u-yellow {
  background: #f1c40f;
}

.btn-u.btn-u-yellow:hover,
.btn-u.btn-u-yellow:focus,
.btn-u.btn-u-yellow:active,
.btn-u.btn-u-yellow.active,
.open .dropdown-toggle.btn-u.btn-u-yellow {
  background: #f39c12;
}

.btn-u.btn-u-split-yellow.dropdown-toggle {
  border-left: solid 1px #f39c12;
}

.btn-u.btn-u-default {
  background: #95a5a6;
}

.btn-u.btn-u-default:hover,
.btn-u.btn-u-default:focus,
.btn-u.btn-u-default:active,
.btn-u.btn-u-default.active,
.open .dropdown-toggle.btn-u.btn-u-default {
  background: #7f8c8d;
}

.btn-u.btn-u-split-default.dropdown-toggle {
  border-left: solid 1px #7f8c8d;
}

.btn-u.btn-u-purple {
  background: #9b6bcc;
}

.btn-u.btn-u-purple:hover,
.btn-u.btn-u-purple:focus,
.btn-u.btn-u-purple:active,
.btn-u.btn-u-purple.active,
.open .dropdown-toggle.btn-u.btn-u-purple {
  background: #814fb5;
}

.btn-u.btn-u-split-purple.dropdown-toggle {
  border-left: solid 1px #814fb5;
}

.btn-u.btn-u-aqua {
  background: #27d7e7;
}

.btn-u.btn-u-aqua:hover,
.btn-u.btn-u-aqua:focus,
.btn-u.btn-u-aqua:active,
.btn-u.btn-u-aqua.active,
.open .dropdown-toggle.btn-u.btn-u-aqua {
  background: #26bac8;
}

.btn-u.btn-u-split-aqua.dropdown-toggle {
  border-left: solid 1px #26bac8;
}

.btn-u.btn-u-brown {
  background: #9c8061;
}

.btn-u.btn-u-brown:hover,
.btn-u.btn-u-brown:focus,
.btn-u.btn-u-brown:active,
.btn-u.btn-u-brown.active,
.open .dropdown-toggle.btn-u.btn-u-brown {
  background: #81674b;
}

.btn-u.btn-u-split-brown.dropdown-toggle {
  border-left: solid 1px #81674b;
}

.btn-u.btn-u-dark-blue {
  background: #4765a0;
}

.btn-u.btn-u-dark-blue:hover,
.btn-u.btn-u-dark-blue:focus,
.btn-u.btn-u-dark-blue:active,
.btn-u.btn-u-dark-blue.active,
.open .dropdown-toggle.btn-u.btn-u-dark-blue {
  background: #324c80;
}

.btn-u.btn-u-split-dark.dropdown-toggle {
  border-left: solid 1px #324c80;
}

.btn-u.btn-u-light-green {
  background: #79d5b3;
}

.btn-u.btn-u-light-green:hover,
.btn-u.btn-u-light-green:focus,
.btn-u.btn-u-light-green:active,
.btn-u.btn-u-light-green.active,
.open .dropdown-toggle.btn-u.btn-u-light-green {
  background: #59b795;
}

.btn-u.btn-u-split-light-green.dropdown-toggle {
  border-left: solid 1px #59b795;
}

.btn-u.btn-u-dark {
  background: #555555;
}

.btn-u.btn-u-dark:hover,
.btn-u.btn-u-dark:focus,
.btn-u.btn-u-dark:active,
.btn-u.btn-u-dark.active,
.open .dropdown-toggle.btn-u.btn-u-dark {
  background: #333333;
}

.btn-u.btn-u-split-dark.dropdown-toggle {
  border-left: solid 1px #333333;
}

.btn-u.btn-u-light-grey {
  background: #585f69;
}

.btn-u.btn-u-light-grey:hover,
.btn-u.btn-u-light-grey:focus,
.btn-u.btn-u-light-grey:active,
.btn-u.btn-u-light-grey.active,
.open .dropdown-toggle.btn-u.btn-u-light-grey {
  background: #484f58;
}

.btn-u.btn-u-split-light-grey.dropdown-toggle {
  border-left: solid 1px #484f58;
}

/*Bordered Buttons*/
.btn-u.btn-brd {
  color: #555555;
  /*font-weight: 200;*/
  background: none;
  padding: 5px 13px;
  border: solid 1px transparent;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.btn-u.btn-brd:hover {
  background: none;
  border: solid 1px #eee;
}

.btn-u.btn-brd:focus {
  background: none;
}

.btn-u.btn-brd.btn-brd-hover:hover {
  color: #FFF !important;
}

.btn-u.btn-brd {
  border-color: #72c02c;
}

.btn-u.btn-brd:hover {
  color: #5fb611;
  border-color: #5fb611;
}

.btn-u.btn-brd.btn-brd-hover:hover {
  background: #5fb611;
}

.btn-u.btn-brd.btn-u-blue {
  border-color: #3498db;
}

.btn-u.btn-brd.btn-u-blue:hover {
  color: #2980b9;
  border-color: #2980b9;
}

.btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {
  background: #2980b9;
}

.btn-u.btn-brd.btn-u-red {
  border-color: #e74c3c;
}

.btn-u.btn-brd.btn-u-red:hover {
  color: #c0392b;
  border-color: #c0392b;
}

.btn-u.btn-brd.btn-u-red.btn-brd-hover:hover {
  background: #c0392b;
}

.btn-u.btn-brd.btn-u-orange {
  border-color: #e67e22;
}

.btn-u.btn-brd.btn-u-orange:hover {
  color: #d35400;
  border-color: #d35400;
}

.btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover {
  background: #d35400;
}

.btn-u.btn-brd.btn-u-sea {
  border-color: #1abc9c;
}

.btn-u.btn-brd.btn-u-sea:hover {
  color: #16a085;
  border-color: #16a085;
}

.btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover {
  background: #16a085;
}

.btn-u.btn-brd.btn-u-green {
  border-color: #2ecc71;
}

.btn-u.btn-brd.btn-u-green:hover {
  color: #27ae60;
  border-color: #27ae60;
}

.btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {
  background: #27ae60;
}

.btn-u.btn-brd.btn-u-yellow {
  border-color: #f1c40f;
}

.btn-u.btn-brd.btn-u-yellow:hover {
  color: #f39c12;
  border-color: #f39c12;
}

.btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {
  background: #f39c12;
}

.btn-u.btn-brd.btn-u-default {
  border-color: #95a5a6;
}

.btn-u.btn-brd.btn-u-default:hover {
  color: #7f8c8d;
  border-color: #7f8c8d;
}

.btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {
  background: #7f8c8d;
}

.btn-u.btn-brd.btn-u-dark {
  border-color: #555555;
}

.btn-u.btn-brd.btn-u-dark:hover {
  color: #333333;
  border-color: #333333;
}

.btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
  background: #333333;
}

.btn-u.btn-brd.btn-u-light-grey {
  border-color: #585f69;
}

.btn-u.btn-brd.btn-u-light-grey:hover {
  color: #484f58;
  border-color: #484f58;
}

.btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {
  background: #484f58;
}

.btn-u.btn-brd.btn-u-purple {
  border-color: #9b6bcc;
}

.btn-u.btn-brd.btn-u-purple:hover {
  color: #814fb5;
  border-color: #814fb5;
}

.btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {
  background: #814fb5;
}

.btn-u.btn-brd.btn-u-aqua {
  border-color: #27d7e7;
}

.btn-u.btn-brd.btn-u-aqua:hover {
  color: #26bac8;
  border-color: #26bac8;
}

.btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover {
  background: #26bac8;
}

.btn-u.btn-brd.btn-u-brown {
  border-color: #9c8061;
}

.btn-u.btn-brd.btn-u-brown:hover {
  color: #81674b;
  border-color: #81674b;
}

.btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {
  background: #81674b;
}

.btn-u.btn-brd.btn-u-dark-blue {
  border-color: #4765a0;
}

.btn-u.btn-brd.btn-u-dark-blue:hover {
  color: #324c80;
  border-color: #324c80;
}

.btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {
  background: #324c80;
}

.btn-u.btn-brd.btn-u-light-green {
  border-color: #79d5b3;
}

.btn-u.btn-brd.btn-u-light-green:hover {
  color: #59b795;
  border-color: #59b795;
}

.btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {
  background: #59b795;
}

.btn-u.btn-brd.btn-u-light {
  color: #FFF;
  border-color: #FFF;
}

.btn-u.btn-brd.btn-u-light:hover {
  border-color: #FFF;
}

.btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
  background: #FFF;
  color: #555555 !important;
}

.btn-u.btn-brd.btn-u-main {
  color: #0033A0;
  border-color: #0033A0;
}

a.btn-u.btn-brd.btn-u-main:hover {
  border-color: #FFF;
}

.btn-u.btn-brd.btn-u-main.btn-brd-hover:hover {
  background: #FFF;
  color: #555555 !important;
}

.gr {
  color: #0033A0;
  font-size: 18px;
  font-size: 2vw;
}

.slider-header {
  font-size: 30px;
  font-size: 3vw;
}

@media screen and (min-width: 1267px) {
  .gr {
    color: #0033A0;
    font-size: 25px;
  }
  .slider-header {
    font-size: 38px;
  }
}
/*Dropdown Buttons
------------------------------------*/
.dropdown-show {
  box-shadow: 0 0 4px #eee;
  display: inline-block;
  position: relative;
}

/*Badges and Labels
------------------------------------*/
/*Labels*/
span.label {
  font-size: 11px;
  font-weight: 400;
  padding: 4px 7px;
}

/*Badges*/
span.badge,
.list-group-item.active > .badge {
  color: #FFF;
  font-weight: 400;
  padding: 4px 7px;
}

span.label-u,
span.badge-u,
.list-group-item.active > .badge.badge-u {
  background: #72c02c;
}

span.label-blue,
span.badge-blue,
.list-group-item.active > .badge {
  background: #3498db;
}

span.label-red,
span.badge-red,
.list-group-item.active > .badge {
  background: #e74c3c;
}

span.label-green,
span.badge-green,
.list-group-item.active > .badge.badge-green {
  background: #2ecc71;
}

span.label-sea,
span.badge-sea,
.list-group-item.active > .badge.badge-sea {
  background: #1abc9c;
}

span.label-orange,
span.badge-orange,
.list-group-item.active > .badge.badge-orange {
  background: #e67e22;
}

span.label-yellow,
span.badge-yellow,
.list-group-item.active > .badge.badge-yellow {
  background: #f1c40f;
}

span.label-purple,
span.badge-purple,
.list-group-item.active > .badge.badge-purple {
  background: #9b6bcc;
}

span.label-aqua,
span.badge-aqua,
.list-group-item.active > .badge.badge-aqua {
  background: #27d7e7;
}

span.label-brown,
span.badge-brown,
.list-group-item.active > .badge.badge-brown {
  background: #9c8061;
}

span.label-dark-blue,
span.badge-dark-blue,
.list-group-item.active > .badge.badge-dark-blue {
  background: #4765a0;
}

span.label-light-green,
span.badge-light-green,
.list-group-item.active > .badge.badge-light-green {
  background: #79d5b3;
}

span.label-light,
span.badge-light,
.list-group-item.active > .badge.badge-light {
  color: #777;
  background: #ecf0f1;
}

span.label-dark,
span.badge-dark,
.list-group-item.active > .badge.badge-dark {
  background: #555555;
}

/*Badge Lists*/
.badge-lists li {
  position: relative;
}

.badge-lists span.badge {
  top: -10px;
  right: -6px;
  position: absolute;
}

/*Badge Icons*/
.badge-lists.badge-icons span.badge {
  min-width: 12px;
  padding: 3px 6px;
}

.badge-lists.badge-icons i {
  font-size: 18px;
  min-width: 25px;
}

/*Badge Box v1*/
.badge-box-v1 a {
  color: #777;
  min-width: 40px;
  font-size: 18px;
  padding: 8px 9px;
  display: inline-block;
  border: solid 1px #eee;
}

/*Badge Box v2*/
.badge-box-v2 a {
  color: #777;
  font-size: 12px;
  padding: 10px;
  min-width: 70px;
  text-align: center;
  display: inline-block;
  border: solid 1px #eee;
}

.badge-box-v2 a i {
  font-size: 20px;
}

/*General Badge Box*/
.badge-box-v1 a i,
.badge-box-v2 a i {
  display: block;
  margin: 1px auto 2px;
}

.badge-box-v1 a:hover,
.badge-box-v2 a:hover {
  color: #555555;
  border-color: #555555;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/*Icons
------------------------------------*/
/*Social Icons*/
.social-icons {
  margin: 0;
  padding: 0;
}

.social-icons li {
  list-style: none;
  margin-right: 3px;
  margin-bottom: 5px;
  text-indent: -9999px;
  display: inline-block;
}

.social-icons li a, a.social-icon {
  width: 28px;
  height: 28px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.social-icons li:hover a {
  background-position: 0 -38px;
}

.social-icons-color li a {
  opacity: 0.7;
  background-position: 0 -38px !important;
  -webkit-backface-visibility: hidden; /*For Chrome*/
}

.social-icons-color li a:hover {
  opacity: 1;
}

/*Font Awesome Icon Styles*/
i.icon-custom {
  color: #555555;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 5px;
  text-align: center;
  display: inline-block;
  border: solid 1px #555555;
}

i.icon-sm {
  width: 35px;
  height: 35px;
  font-size: 16px;
  line-height: 35px;
}

i.icon-md {
  width: 55px;
  height: 55px;
  font-size: 22px;
  line-height: 55px;
}

i.icon-lg {
  width: 60px;
  height: 60px;
  font-size: 31px;
  line-height: 60px;
  margin-bottom: 10px;
}

i.icon-2x {
  font-size: 30px;
}

i.icon-3x {
  font-size: 40px;
}

i.icon-4x {
  font-size: 50px;
}

/*Line Icons*/
i.icon-line {
  font-size: 17px;
}

i.icon-sm.icon-line {
  font-size: 14px;
}

i.icon-md.icon-line {
  font-size: 22px;
}

i.icon-lg.icon-line {
  font-size: 28px;
}

i.icon-2x.icon-line {
  font-size: 27px;
}

i.icon-3x.icon-line {
  font-size: 36px;
}

i.icon-4x.icon-line {
  font-size: 47px;
}

/*Icon Styles For Links*/
.link-icon,
.link-bg-icon {
  color: #555555;
}

.link-icon:hover,
.link-bg-icon:hover {
  border: none;
  text-decoration: none;
}

.link-icon:hover i {
  color: #72c02c;
  background: none;
  border: solid 1px #72c02c;
}

.link-bg-icon:hover i {
  color: #72c02c;
  background: #72c02c;
  border-color: #72c02c;
  color: #FFF !important;
}

/*Icons Color*/
i.icon-color-u,
i.icon-color-red,
i.icon-color-sea,
i.icon-color-dark,
i.icon-color-grey,
i.icon-color-blue,
i.icon-color-green,
i.icon-color-yellow,
i.icon-color-orange,
i.icon-color-purple,
i.icon-color-aqua,
i.icon-color-brown,
i.icon-color-dark-blue,
i.icon-color-light-grey,
i.icon-color-light-green {
  background: none;
}

i.icon-color-u {
  color: #72c02c;
  border: solid 1px #72c02c;
}

i.icon-color-blue {
  color: #3498db;
  border: solid 1px #3498db;
}

i.icon-color-red {
  color: #e74c3c;
  border: solid 1px #e74c3c;
}

i.icon-color-sea {
  color: #1abc9c;
  border: solid 1px #1abc9c;
}

i.icon-color-green {
  color: #2ecc71;
  border: solid 1px #2ecc71;
}

i.icon-color-yellow {
  color: #f1c40f;
  border: solid 1px #f1c40f;
}

i.icon-color-orange {
  color: #e67e22;
  border: solid 1px #e67e22;
}

i.icon-color-grey {
  color: #95a5a6;
  border: solid 1px #95a5a6;
}

i.icon-color-purple {
  color: #9b6bcc;
  border: solid 1px #9b6bcc;
}

i.icon-color-aqua {
  color: #27d7e7;
  border: solid 1px #27d7e7;
}

i.icon-color-brown {
  color: #9c8061;
  border: solid 1px #9c8061;
}

i.icon-color-dark-blue {
  color: #4765a0;
  border: solid 1px #4765a0;
}

i.icon-color-light-green {
  color: #79d5b3;
  border: solid 1px #79d5b3;
}

i.icon-color-light {
  color: #FFF;
  border: solid 1px #FFF;
}

i.icon-color-light-grey {
  color: #585f69;
  border: solid 1px #585f69;
}

/*Icons Backgroun Color*/
i.icon-bg-u,
i.icon-bg-red,
i.icon-bg-sea,
i.icon-bg-dark,
i.icon-bg-darker,
i.icon-bg-grey,
i.icon-bg-blue,
i.icon-bg-green,
i.icon-bg-yellow,
i.icon-bg-orange,
i.icon-bg-purple,
i.icon-bg-aqua,
i.icon-bg-brown,
i.icon-bg-dark-blue,
i.icon-bg-light-grey,
i.icon-bg-light-green {
  color: #FFF;
  border-color: transparent;
}

i.icon-bg-u {
  background: #72c02c;
}

i.icon-bg-blue {
  background: #3498db;
}

i.icon-bg-red {
  background: #e74c3c;
}

i.icon-bg-sea {
  background: #1abc9c;
}

i.icon-bg-green {
  background: #2ecc71;
}

i.icon-bg-yellow {
  background: #f1c40f;
}

i.icon-bg-orange {
  background: #e67e22;
}

i.icon-bg-grey {
  background: #95a5a6;
}

i.icon-bg-dark {
  background: #555555;
}

i.icon-bg-darker {
  background: #333333;
}

i.icon-bg-purple {
  background: #9b6bcc;
}

i.icon-bg-aqua {
  background: #27d7e7;
}

i.icon-bg-brown {
  background: #9c8061;
}

i.icon-bg-dark-blue {
  background: #4765a0;
}

i.icon-bg-light-green {
  background: #79d5b3;
}

i.icon-bg-light {
  background: #FFF;
  border-color: transparent;
}

i.icon-bg-light-grey {
  background: #585f69;
  border-color: transparent;
}

/* Make Font Awesome icons fixed width */
.fa-fixed [class^=fa],
.fa-fixed [class*=" fa"] {
  width: 1.25em;
  text-align: center;
  display: inline-block;
}

.fa-fixed [class^=fa].fa-lg,
.fa-fixed [class*=" fa"].fa-lg {
  /* increased font size for fa-lg */
  width: 1.5625em;
}

/*Content Boxes
------------------------------------*/
/*Content Boxes v1*/
.content-boxes-v1 {
  text-align: center;
}

.content-boxes-v1 span {
  display: block;
  margin-top: 5px;
}

/*Content Boxes v2*/
@media (max-width: 992px) {
  .content-boxes-v2,
  .content-boxes-v2 .text-justify {
    text-align: center;
  }
  .content-boxes-v2 span {
    display: block;
    margin-top: 5px;
  }
}
/*Content Boxes v3*/
.content-boxes-v3 i.icon-custom {
  top: 8px;
  float: left;
  position: relative;
}

.content-boxes-v3 .content-boxes-in-v3 {
  padding: 0 10px;
  overflow: hidden;
}

.content-boxes-v3 .content-boxes-in-v3 h3 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 3px;
  text-transform: capitalize;
}

.content-boxes-v3 .content-boxes-in-v3 h3 a {
  color: #555555;
}

/*Content Boxes Right v3*/
.content-boxes-v3.content-boxes-v3-right {
  text-align: right;
}

.content-boxes-v3.content-boxes-v3-right i.icon-custom {
  float: right;
  margin-left: 10px;
}

@media (max-width: 768px) {
  .content-boxes-v3.content-boxes-v3-right {
    text-align: inherit;
  }
  .content-boxes-v3.content-boxes-v3-right i.icon-custom {
    float: left;
    margin-left: 0;
  }
}
/*Content Boxes v4*/
.content-boxes-v4 h2 {
  color: #555555;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

.content-boxes-v4 a {
  color: #777;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.content-boxes-v4 i {
  width: 25px;
  color: #72c02c;
  font-size: 35px;
  margin-top: 10px;
}

.content-boxes-in-v4 {
  padding: 0 10px;
  overflow: hidden;
}

.content-boxes-v4-sm i {
  font-size: 26px;
  margin-top: 10px;
  margin-right: 5px;
}

/*Content Boxes v5*/
.content-boxes-v5 i {
  float: left;
  color: #999;
  width: 50px;
  height: 50px;
  padding: 11px;
  font-size: 22px;
  background: #eee;
  line-height: 28px;
  text-align: center;
  margin-right: 15px;
  display: inline-block;
}

.content-boxes-v5:hover i {
  color: #FFF;
  background: #72c02c;
}

/*Content Boxes v6*/
.content-boxes-v6 {
  padding-top: 25px;
  text-align: center;
}

.content-boxes-v6 i {
  color: #FFF;
  width: 90px;
  height: 90px;
  padding: 30px;
  font-size: 30px;
  line-height: 30px;
  position: relative;
  text-align: center;
  background: #dedede;
  margin-bottom: 25px;
  display: inline-block;
}

.content-boxes-v6 i:after {
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  content: " ";
  position: absolute;
  border: 1px solid #dedede;
  border-radius: 50% !important;
}

.content-boxes-v6:hover i,
.content-boxes-v6:hover i:after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.content-boxes-v6:hover i {
  background: #72c02c;
}

.content-boxes-v6:hover i:after {
  border-color: #72c02c;
}

/*Colored Content Boxes
------------------------------------*/
.service-block {
  padding: 20px 30px;
  text-align: center;
  margin-bottom: 20px;
}

.service-block p,
.service-block h2 {
  color: #FFF;
}

.service-block h2 a:hover {
  text-decoration: none;
}

.service-block-light,
.service-block-default {
  background: #fafafa;
  border: solid 1px #eee;
}

.service-block-default:hover {
  box-shadow: 0 0 8px #eee;
}

.service-block-light p,
.service-block-light h2,
.service-block-default p,
.service-block-default h2 {
  color: #555555;
}

.service-block-u {
  background: #72c02c;
}

.service-block-blue {
  background: #3498db;
}

.service-block-red {
  background: #e74c3c;
}

.service-block-sea {
  background: #1abc9c;
}

.service-block-grey {
  background: #95a5a6;
}

.service-block-yellow {
  background: #f1c40f;
}

.service-block-orange {
  background: #e67e22;
}

.service-block-green {
  background: #2ecc71;
}

.service-block-purple {
  background: #9b6bcc;
}

.service-block-aqua {
  background: #27d7e7;
}

.service-block-brown {
  background: #9c8061;
}

.service-block-dark-blue {
  background: #4765a0;
}

.service-block-light-green {
  background: #79d5b3;
}

.service-block-dark {
  background: #555555;
}

.service-block-light {
  background: #ecf0f1;
}

/*Funny Boxes
------------------------------------*/
.funny-boxes {
  background: #f7f7f7;
  padding: 20px 20px 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.funny-boxes h2 {
  margin-top: 0;
  font-size: 18px;
  line-height: 20px;
}

.funny-boxes h2 a {
  color: #555555;
}

.funny-boxes p a {
  color: #72c02c;
}

.funny-boxes .funny-boxes-img li {
  font-size: 12px;
  margin-bottom: 2px;
}

.funny-boxes .funny-boxes-img li i {
  color: #72c02c;
  font-size: 12px;
  margin-right: 5px;
}

@media (max-width: 992px) {
  .funny-boxes .funny-boxes-img li {
    display: inline-block;
  }
}
.funny-boxes .funny-boxes-img img {
  margin: 5px 10px 15px 0;
}

.funny-boxes ul.funny-boxes-rating li {
  display: inline-block;
}

.funny-boxes ul.funny-boxes-rating li i {
  color: #f8be2c;
  cursor: pointer;
  font-size: 14px;
}

.funny-boxes ul.funny-boxes-rating li i:hover {
  color: #f8be2c;
}

/*Funny Colored Boxes*/
.funny-boxes-colored p,
.funny-boxes-colored h2 a,
.funny-boxes-colored .funny-boxes-img li,
.funny-boxes-colored .funny-boxes-img li i {
  color: #FFF;
}

/*Red Funny Box*/
.funny-boxes-red {
  background: #e74c3c;
}

/*Dark Red Funny Box*/
.funny-boxes-purple {
  background: #9b6bcc;
}

/*Blue Funny Box*/
.funny-boxes-blue {
  background: #3498db;
}

/*Grey Funny Box*/
.funny-boxes-grey {
  background: #95a5a6;
}

/*Turquoise Funny Box*/
.funny-boxes-sea {
  background: #1abc9c;
}

/*Turquoise Top Bordered Funny Box*/
.funny-boxes-top-sea {
  border-top: solid 2px #1abc9c;
}

.funny-boxes-top-sea:hover {
  border-top-color: #16a085;
}

/*Yellow Top Bordered Funny Box**/
.funny-boxes-top-yellow {
  border-top: solid 2px #f1c40f;
}

.funny-boxes-top-yellow:hover {
  border-top-color: #f39c12;
}

/*Red Top Bordered Funny Box**/
.funny-boxes-top-red {
  border-top: solid 2px #e74c3c;
}

.funny-boxes-top-red:hover {
  border-top-color: #c0392b;
}

/*Purple Top Bordered Funny Box**/
.funny-boxes-top-purple {
  border-top: solid 2px #9b6bcc;
}

.funny-boxes-top-purple:hover {
  border-top-color: #814fb5;
}

/*Orange Left Bordered Funny Box**/
.funny-boxes-left-orange {
  border-left: solid 2px #e67e22;
}

.funny-boxes-left-orange:hover {
  border-left-color: #d35400;
}

/*Green Left Bordered Funny Box**/
.funny-boxes-left-green {
  border-left: solid 2px #72c02c;
}

.funny-boxes-left-green:hover {
  border-left-color: #5fb611;
}

/*Blue Left Bordered Funny Box**/
.funny-boxes-left-blue {
  border-left: solid 2px #3498db;
}

.funny-boxes-left-blue:hover {
  border-left-color: #2980b9;
}

/*Dark Left Bordered Funny Box**/
.funny-boxes-left-dark {
  border-left: solid 2px #555555;
}

.funny-boxes-left-dark:hover {
  border-left-color: #333333;
}

/*Typography
------------------------------------*/
.text-justify p {
  text-align: justify;
}

.text-transform-uppercase {
  text-transform: uppercase;
}

.text-transform-normal {
  text-transform: inherit !important;
}

.font-bold {
  font-weight: 600;
}

.font-light {
  font-weight: 200;
}

.font-normal {
  font-weight: 400 !important;
}

/*Text Dropcap*/
.dropcap {
  float: left;
  color: #72c02c;
  padding: 5px 0;
  font-size: 45px;
  font-weight: 200;
  line-height: 30px;
  margin: 0px 5px 0 0;
}

.dropcap-bg {
  float: left;
  color: #FFF;
  padding: 7px 0;
  min-width: 50px;
  font-size: 35px;
  font-weight: 200;
  line-height: 35px;
  text-align: center;
  background: #72c02c;
  margin: 4px 10px 0 0;
}

/*Text Highlights*/
.text-highlights {
  color: #FFF;
  font-weight: 200;
  padding: 0px 5px;
  background: #555555;
}

.text-highlights-green {
  background: #72c02c;
}

.text-highlights-blue {
  background: #3498db;
}

.text-highlights-red {
  background: #e74c3c;
}

.text-highlights-sea {
  background: #1abc9c;
}

.text-highlights-orange {
  background: #e67e22;
}

.text-highlights-yellow {
  background: #f1c40f;
}

.text-highlights-purple {
  background: #9b6bcc;
}

.text-highlights-aqua {
  background: #27d7e7;
}

.text-highlights-brown {
  background: #9c8061;
}

.text-highlights-dark-blue {
  background: #4765a0;
}

.text-highlights-light-green {
  background: #79d5b3;
}

/*Text Borders*/
.text-border {
  border-bottom: dashed 1px #555555;
}

.text-border-default {
  border-color: #95a5a6;
}

.text-border-green {
  border-color: #72c02c;
}

.text-border-blue {
  border-color: #3498db;
}

.text-border-red {
  border-color: #e74c3c;
}

.text-border-yellow {
  border-color: #f1c40f;
}

.text-border-purple {
  border-color: #9b6bcc;
}

/*List Styles*/
.list-styles li {
  margin-bottom: 8px;
}

/*Contextual Backgrounds*/
.contex-bg p {
  opacity: 0.8;
  padding: 8px 10px;
}

.contex-bg p:hover {
  opacity: 1;
}

/*Blockquote*/
blockquote {
  padding: 5px 15px;
  border-left-width: 2px;
}

blockquote p {
  font-size: 14px;
  font-weight: 400;
}

blockquote h1,
blockquote h2,
blockquote span {
  font-size: 18px;
  margin: 0 0 8px;
  line-height: 24px;
}

/*Blockquote Styles*/
blockquote.bq-text-lg p,
blockquote.bq-text-lg small {
  text-transform: uppercase;
}

blockquote.bq-text-lg p {
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}

blockquote.text-right,
blockquote.hero.text-right {
  border-left: none;
  border-right: 2px solid #eee;
}

blockquote.hero.text-right,
blockquote.hero.text-right:hover {
  border-color: #555555;
}

blockquote:hover,
blockquote.text-right:hover {
  border-color: #72c02c;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

blockquote.bq-dark,
blockquote.bq-dark:hover {
  border-color: #585f69;
}

blockquote.bq-green {
  border-color: #72c02c;
}

/*Blockquote Hero Styles*/
blockquote.hero {
  border: none;
  padding: 18px;
  font-size: 16px;
  background: #f3f3f3;
  border-left: solid 2px #666;
}

blockquote.hero:hover {
  background: #eee;
  border-left-color: #666;
}

blockquote.hero.hero-dark,
blockquote.hero.hero-default {
  border: none;
}

blockquote.hero.hero-dark {
  background: #444;
}

blockquote.hero.hero-dark:hover {
  background: #555555;
}

blockquote.hero.hero-default {
  background: #72c02c;
}

blockquote.hero.hero-default:hover {
  background: #5fb611;
}

blockquote.hero.hero-dark p,
blockquote.hero.hero-dark h2,
blockquote.hero.hero-dark small,
blockquote.hero.hero-default p,
blockquote.hero.hero-default h2,
blockquote.hero.hero-default small {
  color: #FFF;
  font-weight: 200;
}

/*Tag Boxes
------------------------------------*/
.tag-box {
  padding: 20px;
  background: #FFF;
  margin-bottom: 30px;
}

.tag-box h2 {
  font-size: 20px;
  line-height: 25px;
}

.tag-box p {
  margin-bottom: 0;
}

.tag-box.tag-text-space p {
  margin-bottom: 10px;
}

/*Tag Boxes v1*/
.tag-box-v1 {
  border: solid 1px #eee;
  border-top: solid 2px #72c02c;
}

/*Tag Boxes v2*/
.tag-box-v2 {
  background: #fafafa;
  border: solid 1px #eee;
  border-left: solid 2px #72c02c;
}

/*Tag Boxes v3*/
.tag-box-v3 {
  border: solid 2px #eee;
}

/*Tag Boxes v4*/
.tag-box-v4 {
  border: dashed 1px #bbb;
}

/*Tag Boxes v5*/
.tag-box-v5 {
  margin: 20px 0;
  text-align: center;
  border: dashed 1px #ccc;
}

.tag-box-v5 span {
  color: #555555;
  font-size: 28px;
  margin-bottom: 0;
}

/*Tag Boxes v6*/
.tag-box-v6 {
  background: #fafafa;
  border: solid 1px #eee;
}

/*Tag Boxes v7*/
.tag-box-v7 {
  border: solid 1px #eee;
  border-bottom: solid 2px #72c02c;
}

/*Testimonials
------------------------------------*/
/*Testimonials*/
.testimonials {
  margin-bottom: 10px;
}

.testimonials .testimonial-info {
  color: #72c02c;
  font-size: 16px;
  padding: 0 15px;
  margin-top: 18px;
}

.testimonials .testimonial-info span {
  top: 3px;
  position: relative;
}

.testimonials .testimonial-info em {
  color: #777;
  display: block;
  font-size: 13px;
}

.testimonials .testimonial-info img {
  width: 60px;
  float: left;
  height: 60px;
  padding: 2px;
  margin-right: 15px;
  border: solid 1px #ccc;
}

.testimonials .testimonial-author {
  overflow: hidden;
}

.testimonials .carousel-arrow {
  top: -65px;
  position: relative;
}

.testimonials .carousel-arrow i {
  color: #777;
  padding: 2px;
  min-width: 25px;
  font-size: 20px;
  text-align: center;
  background: #f5f5f5;
}

.testimonials .carousel-arrow i:hover {
  color: #FFF;
  background: #72c02c;
}

.testimonials .carousel-control {
  opacity: 1;
  width: 100%;
  text-align: right;
  text-shadow: none;
  position: absolute;
  filter: Alpha(opacity=100); /*For IE*/
}

.testimonials .carousel-control.left {
  right: 27px;
  left: auto;
}

.testimonials .carousel-control.right {
  right: 0px;
}

/*Testimonials v1*/
.testimonials.testimonials-v1 .item p {
  position: relative;
}

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v1 .item p:before {
  left: 80px;
  bottom: -20px;
}

.testimonials.testimonials-v1 .item p:after {
  border-top: 22px solid;
  border-left: 0 solid transparent;
  border-right: 22px solid transparent;
}

/*Testimonials v2*/
.testimonials.testimonials-v2 .testimonial-info {
  padding: 0 20px;
}

.testimonials.testimonials-v2 p {
  padding-bottom: 15px;
}

.testimonials.testimonials-v2 .carousel-arrow {
  top: -55px;
}

.testimonials.testimonials-v2 .item p:after,
.testimonials.testimonials-v2 .item p:before {
  left: 8%;
  bottom: 45px;
}

.testimonials.testimonials-v2 .item p:after {
  border-top: 20px solid;
  border-left: 25px solid transparent;
  border-right: 0px solid transparent;
}

/*General Testimonials v1/v2*/
.testimonials.testimonials-v1 p,
.testimonials.testimonials-v2 p {
  padding: 15px;
  font-size: 14px;
  font-style: italic;
  background: #f5f5f5;
}

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v2 .item p:after {
  width: 0;
  height: 0;
  content: " ";
  display: block;
  position: absolute;
  border-top-color: #f5f5f5;
  border-left-style: inset; /*FF fixes*/
  border-right-style: inset; /*FF fixes*/
}

/*Testimonials Backgrounds*/
.testimonials-bg-dark .item p,
.testimonials-bg-default .item p {
  color: #FFF;
  font-weight: 200;
}

.testimonials-bg-dark .carousel-arrow i,
.testimonials-bg-default .carousel-arrow i {
  color: #FFF;
}

/*Testimonials Default*/
.testimonials-bg-default .item p {
  background: #72c02c;
}

.testimonials.testimonials-bg-default .item p:after,
.testimonials.testimonials-bg-default .item p:after {
  border-top-color: #72c02c;
}

.testimonials-bg-default .carousel-arrow i {
  background: #72c02c;
}

.testimonials.testimonials-bg-default .carousel-arrow i:hover {
  background: #5fb611;
}

/*Testimonials Dark*/
.testimonials-bg-dark .item p {
  background: #555555;
}

.testimonials.testimonials-bg-dark .item p:after,
.testimonials.testimonials-bg-dark .item p:after {
  border-top-color: #555555;
}

.testimonials-bg-dark .carousel-arrow i {
  color: #FFF;
  background: #555555;
}

.testimonials.testimonials-bg-dark .carousel-arrow i:hover {
  background: #333333;
}

.testimonials.testimonials-bg-dark .testimonial-info {
  color: #555555;
}

/*Panels (Portlets)
------------------------------------*/
.panel-heading {
  color: #FFF;
  padding: 5px 15px;
}

/*Panel Table*/
.panel .table {
  margin-bottom: 0;
}

/*Panel Unify*/
.panel-u {
  border-color: #72c02c;
}

.panel-u > .panel-heading {
  background: #72c02c;
}

/*Panel Blue*/
.panel-blue {
  border-color: #3498db;
}

.panel-blue > .panel-heading {
  background: #3498db;
}

/*Panel Red*/
.panel-red {
  border-color: #e74c3c;
}

.panel-red > .panel-heading {
  background: #e74c3c;
}

/*Panel Green*/
.panel-green {
  border-color: #2ecc71;
}

.panel-green > .panel-heading {
  background: #2ecc71;
}

/*Panel Sea*/
.panel-sea {
  border-color: #1abc9c;
}

.panel-sea > .panel-heading {
  background: #1abc9c;
}

/*Panel Orange*/
.panel-orange {
  border-color: #e67e22;
}

.panel-orange > .panel-heading {
  background: #e67e22;
}

/*Panel Yellow*/
.panel-yellow {
  border-color: #f1c40f;
}

.panel-yellow > .panel-heading {
  background: #f1c40f;
}

/*Panel Grey*/
.panel-grey {
  border-color: #95a5a6;
}

.panel-grey > .panel-heading {
  background: #95a5a6;
}

/*Panel Dark*/
.panel-dark {
  border-color: #555555;
}

.panel-dark > .panel-heading {
  background: #555555;
}

/*Panel Purple*/
.panel-purple {
  border-color: #9b6bcc;
}

.panel-purple > .panel-heading {
  background: #9b6bcc;
}

/*Panel Aqua*/
.panel-aqua {
  border-color: #27d7e7;
}

.panel-aqua > .panel-heading {
  background: #27d7e7;
}

/*Panel Brown*/
.panel-brown {
  border-color: #9c8061;
}

.panel-brown > .panel-heading {
  background: #9c8061;
}

/*Panel Dark Blue*/
.panel-dark-blue {
  border-color: #4765a0;
}

.panel-dark-blue > .panel-heading {
  background: #4765a0;
}

/*Panel Light Green*/
.panel-light-green {
  border-color: #79d5b3;
}

.panel-light-green > .panel-heading {
  background: #79d5b3;
}

/*Panel Default Dark*/
.panel-default-dark {
  border-color: #585f69;
}

.panel-default-dark > .panel-heading {
  background: #585f69;
}

/*Progress Bar
------------------------------------*/
.progress-u {
  box-shadow: none;
}

.progress-u .progress-bar {
  box-shadow: none;
}

/*progress-bar (sizes)*/
.progress-lg {
  height: 25px;
}

.progress-lg p {
  padding-top: 3px;
}

.progress-sm {
  height: 12px;
}

.progress-xs {
  height: 7px;
}

.progress-xxs {
  height: 3px;
}

/*progress-bar (colors)*/
.progress {
  background: #e5e5e5;
}

.progress-bar-u {
  background: #72c02c;
}

.progress-bar-blue {
  background: #3498db;
}

.progress-bar-orange {
  background: #e67e22;
}

.progress-bar-red {
  background: #e74c3c;
}

.progress-bar-purple {
  background: #9b6bcc;
}

.progress-bar-aqua {
  background: #27d7e7;
}

.progress-bar-brown {
  background: #9c8061;
}

.progress-bar-dark-blue {
  background: #4765a0;
}

.progress-bar-light-green {
  background: #79d5b3;
}

.progress-bar-dark {
  background: #555555;
}

/*Progress Bar Animation
------------------------------------*/
.progress {
  position: relative;
}

.progress .progress-bar {
  overflow: hidden;
  line-height: 20px;
  position: absolute;
}

.progress-box .progress-bar {
  transition: all 3s ease-in;
  -o-transition: all 3s ease-in;
  -ms-transition: all 3s ease-in;
  -moz-transition: all 3s ease-in;
  -webkit-transition: all 3s ease-in;
}

/*Vertical Progress Bar*/
.progress.vertical {
  float: left;
  width: 100%;
  height: 200px;
  margin-right: 20px;
}

.progress.vertical.bottom {
  position: relative;
}

.progress.vertical .progress-bar {
  height: 0;
  width: 100%;
  transition: height 3s ease;
  -o-transition: height 3s ease;
  -ms-transition: height 3s ease;
  -moz-transition: height 3s ease;
  -webkit-transition: height 3s ease;
}

.progress.vertical.bottom .progress-bar {
  bottom: 0;
  position: absolute;
}

/*Count Stars
------------------------------------*/
.stars-existing {
  color: #72c02c;
  cursor: pointer;
}

.star-lg {
  font-size: 30px;
}

.star-sm {
  font-size: 25px;
}

.star-xs {
  font-size: 20px;
}

.star-default {
  font-size: 16px;
}

/*Media (Audio/Videos and Images)
------------------------------------*/
/*Images*/
img.img-bordered {
  padding: 3px;
  border: solid 1px #eee;
}

img.img-circle {
  border-radius: 50% !important;
}

img.image-sm {
  width: 50px;
  height: 50px;
}

img.image-md {
  width: 100px;
  height: 100px;
}

/*Responsive Video*/
.responsive-video {
  height: 0;
  padding-top: 1px;
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
}

.responsive-video iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

/*Tags v1
------------------------------------*/
.tags-v1 li {
  margin: 0;
  padding: 0;
}

.tags-v1 li a {
  font-size: 13px;
  padding: 4px 8px;
  line-height: 32px;
  border: solid 2px #eee;
  border-radius: 20px !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.tags-v1 li a:hover {
  text-decoration: none;
  border-color: #e0e0e0;
}

/*Tags v2
------------------------------------*/
.tags-v2 li {
  padding: 7px 0 7px 4px;
}

.tags-v2 li a {
  color: #555555;
  font-size: 13px;
  padding: 5px 10px;
  border: solid 1px #bbb;
}

.tags-v2 li a:hover {
  color: #FFF;
  background: #555555;
  border-color: #555555;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/*Lists
------------------------------------*/
.list-row {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}

/*Lists v1*/
.lists-v1 li {
  margin-bottom: 10px;
}

.lists-v1 i {
  color: #FFF;
  width: 15px;
  height: 15px;
  padding: 1px;
  font-size: 13px;
  margin-right: 7px;
  text-align: center;
  background: #72c02c;
  display: inline-block;
  border-radius: 50% !important;
}

/*Lists v2*/
.lists-v2 li {
  margin-bottom: 10px;
}

.lists-v2 i {
  color: #72c02c;
  font-size: 13px;
  margin-right: 7px;
  display: inline-block;
}

/*Column Sizes
------------------------------------*/
/*Remove the Gutter Padding from Columns*/
.no-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.no-gutter.no-gutter-boxed {
  padding-right: 15px;
  padding-left: 15px;
}

/*Heights
------------------------------------*/
.height-100 {
  min-height: 100px;
}

.height-150 {
  min-height: 150px;
}

.height-200 {
  min-height: 200px;
}

.height-250 {
  min-height: 250px;
}

.height-300 {
  min-height: 300px;
}

.height-350 {
  min-height: 350px;
}

.height-400 {
  min-height: 400px;
}

.height-450 {
  min-height: 450px;
}

.height-500 {
  min-height: 500px !important;
}

/*Spaces
------------------------------------*/
.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0;
}

.no-top-space {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.no-bottom-space {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.content-xs {
  padding-top: 20px;
  padding-bottom: 20px;
}

.content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-sm {
  padding-top: 60px;
  padding-bottom: 60px;
}

.content-md {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-lg {
  padding-top: 100px;
  padding-bottom: 100px;
}

.space-lg-hor {
  padding-left: 60px;
  padding-right: 60px;
}

.space-xlg-hor {
  padding-left: 100px;
  padding-right: 100px;
}

.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-15,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60 {
  clear: both;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

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

.margin-bottom-35 {
  margin-bottom: 35px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-45 {
  margin-bottom: 45px;
}

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

.margin-bottom-55 {
  margin-bottom: 55px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .sm-margin-bottom-10 {
    margin-bottom: 10px;
  }
  .sm-margin-bottom-20 {
    margin-bottom: 20px;
  }
  .sm-margin-bottom-30 {
    margin-bottom: 30px;
  }
  .sm-margin-bottom-40 {
    margin-bottom: 40px;
  }
  .sm-margin-bottom-50 {
    margin-bottom: 50px;
  }
  .sm-margin-bottom-60 {
    margin-bottom: 60px;
  }
}
@media (max-width: 992px) {
  .md-margin-bottom-10 {
    margin-bottom: 10px;
  }
  .md-margin-bottom-20 {
    margin-bottom: 20px;
  }
  .md-margin-bottom-30 {
    margin-bottom: 30px;
  }
  .md-margin-bottom-40 {
    margin-bottom: 40px;
  }
  .md-margin-bottom-50 {
    margin-bottom: 50px;
  }
  .md-margin-bottom-60 {
    margin-bottom: 60px;
  }
}
/*Other Spaces*/
.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-left-5 {
  margin-left: 5px;
}

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

.margin-right-5 {
  margin-right: 5px;
}

.margin-right-10 {
  margin-right: 10px;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-left-5 {
  padding-left: 5px;
}

/*Text Colors
------------------------------------*/
.color-sea {
  color: #1abc9c;
}

.color-red {
  color: #e74c3c;
}

.color-aqua {
  color: #27d7e7;
}

.color-blue {
  color: #3498db;
}

.color-grey {
  color: #95a5a6;
}

.color-dark {
  color: #555555;
}

.color-green {
  color: #72c02c;
}

.color-brown {
  color: #9c8061;
}

.color-light {
  color: #FFF;
}

.color-orange {
  color: #e67e22;
}

.color-yellow {
  color: #f1c40f;
}

.color-green1 {
  color: #2ecc71;
}

.color-purple {
  color: #9b6bcc;
}

.color-inherit {
  color: inherit;
}

.color-dark-blue {
  color: #4765a0;
}

.color-light-grey {
  color: #585f69;
}

.color-light-green {
  color: #79d5b3;
}

/*Background Colors
------------------------------------*/
.bg-color-dark,
.bg-color-sea,
.bg-color-red,
.bg-color-aqua,
.bg-color-blue,
.bg-color-grey,
.bg-color-light,
.bg-color-green,
.bg-color-brown,
.bg-color-orange,
.bg-color-green1,
.bg-color-purple,
.bg-color-dark-blue,
.bg-color-light-grey,
.bg-color-light-green {
  color: #FFF;
}

.bg-color-white {
  color: #555555;
}

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

.bg-color-white {
  background-color: #FFF !important;
}

.bg-color-sea {
  background-color: #1abc9c !important;
}

.bg-color-red {
  background-color: #e74c3c !important;
}

.bg-color-aqua {
  background-color: #27d7e7 !important;
}

.bg-color-blue {
  background-color: #3498db !important;
}

.bg-color-grey {
  background-color: #95a5a6 !important;
}

.bg-color-light {
  background-color: #f7f7f7 !important;
}

.bg-color-green {
  background-color: #72c02c !important;
}

.bg-color-brown {
  background-color: #9c8061 !important;
}

.bg-color-orange {
  background-color: #e67e22 !important;
}

.bg-color-green1 {
  background-color: #2ecc71 !important;
}

.bg-color-purple {
  background-color: #9b6bcc !important;
}

.bg-color-dark-blue {
  background-color: #4765a0 !important;
}

.bg-color-light-grey {
  background-color: #585f69 !important;
}

.bg-color-light-green {
  background-color: #79d5b3 !important;
}

.rgba-red {
  background-color: rgba(231, 76, 60, 0.8);
}

.rgba-blue {
  background-color: rgba(52, 152, 219, 0.8);
}

.rgba-aqua {
  background-color: rgba(39, 215, 231, 0.8);
}

.rgba-yellow {
  background-color: rgba(241, 196, 15, 0.8);
}

.rgba-default {
  background-color: rgba(114, 192, 44, 0.8);
}

.rgba-purple {
  background-color: rgba(155, 107, 204, 0.8);
}

/*Grey Backroud*/
.bg-grey {
  background: #f7f7f7;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}

/*Rounded and Circle Classes
------------------------------------*/
.no-rounded {
  border-radius: 0 !important;
}

.rounded {
  border-radius: 4px !important;
}

.rounded-x {
  border-radius: 50% !important;
}

.rounded-2x {
  border-radius: 10px !important;
}

.rounded-3x {
  border-radius: 15px !important;
}

.rounded-4x {
  border-radius: 20px !important;
}

.rounded-sm {
  border-radius: 2px !important;
}

.rounded-md {
  border-radius: 3px !important;
}

.rounded-top {
  border-radius: 4px 4px 0 0 !important;
}

.rounded-left {
  border-radius: 4px 0 0 4px !important;
}

.rounded-right {
  border-radius: 0 4px 4px 0 !important;
}

.rounded-bottom {
  border-radius: 0 0 4px 4px !important;
}

/*Others
------------------------------------*/
.overflow-h {
  overflow: hidden;
}

.overflow-a {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.clear-both {
  clear: both;
}

/*Display*/
.dp-none {
  display: none;
}

.dp-block {
  display: block;
}

.dp-table {
  display: table;
}

.dp-inline-block {
  display: inline-block;
}

.dp-table-cell {
  display: table-cell;
  vertical-align: middle;
}

/*Full Width*/
.full-width {
  width: 100%;
}

/*Equal Height Columns*/
@media (max-width: 767px) {
  .equal-height-column {
    height: auto !important;
  }
}
/*Image Classes*/
.img-width-200 {
  width: 200px;
}

.lft-img-margin {
  margin: 0 20px 5px 0;
}

.rgt-img-margin {
  margin: 0 0 5px 10px;
}

img.img-center,
.img-center img {
  margin-left: auto;
  margin-right: auto;
}

/*Background Light*/
.bg-light {
  padding: 10px 15px;
  margin-bottom: 10px;
  background: #fcfcfc;
  border: solid 1px #e5e5e5;
}

.bg-light:hover {
  border: solid 1px #bbb;
}

/*CSS3 Hover Effects*/
.hover-effect {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hover-effect-kenburn {
  left: 10px;
  margin-left: -10px;
  position: relative;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.hover-effect-kenburn:hover {
  -webkit-transform: scale(2) rotate(5deg);
  -moz-transform: scale(2) rotate(5deg);
  -o-transform: scale(2) rotate(5deg);
  -ms-transform: scale(2) rotate(5deg);
  transform: scale(2) rotate(5deg);
}

.priceList {
  list-style: none none;
  padding: 0;
}

.priceLimit {
  display: inline-block;
  width: 150px;
}

.priceAmount {
  display: inline-block;
}

.priceText {
  font-size: 16px !important;
}

.priceHeader {
  margin: 0;
}

/*   
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce and Blog Theme.
 * Version: 1.7
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/
/*Master Slider
------------------------------------*/
.ms-showcase2-template {
  margin: 0 auto;
  max-width: 550px;
}

.ms-showcase2-template .ms-view {
  background: transparent;
}

/*Revolution Slider (Main)
------------------------------------*/
.tp-bullets.preview4 .bullet {
  border-radius: 10px !important;
}

.tp-banner-container a.btn-u,
.tp-banner-container a.btn-u:hover {
  color: #0033A0;
  border: solid 1px transparent;
}

.tp-banner-container a.re-btn-brd {
  background: none;
  border: solid 1px #0033A0;
}

.tp-banner-container a.re-btn-brd:hover {
  color: #555;
  background: #0033A0;
}

/*Fullwidth*/
.tp-banner-container .btn-u.btn-brd {
  font-weight: 400;
}

.tp-banner-container {
  position: relative;
}

/*Fullscreen*/
.fullscreen-container {
  width: 100%;
  position: relative;
  padding: 0;
}

/*Slider Contents v1*/
.revolution-mch-1:after {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
}

.revolution-ch1 {
  color: #0033A0;
  font-size: 50px;
  font-weight: 200;
  line-height: 60px;
  padding: 30px 50px;
  text-align: center;
  border: 1px solid #0033A0;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch2 {
  color: #0033A0;
  font-size: 30px;
  max-width: 470px;
  line-height: 32px;
  position: relative;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch2:after {
  left: 50%;
  width: 70px;
  height: 2px;
  content: " ";
  bottom: -20px;
  background: #0033A0;
  margin-left: -35px;
  position: absolute;
}

.revolution-ch3, .revolution-ch3gr {
  color: #0033A0;
  font-size: 50px;
  font-weight: 200;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch4, .revolution-ch4gr {
  color: #0033A0;
  font-size: 18px;
  max-width: 300px;
  line-height: 30px;
  text-align: right;
  position: relative;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch5 {
  color: #0033A0;
  font-size: 50px;
  font-weight: 200;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

/*Back to top Button
------------------------------------*/
#topcontrol {
  color: #0033A0;
  z-index: 99;
  width: 30px;
  height: 30px;
  font-size: 20px;
  background: #222;
  position: relative;
  right: 14px !important;
  bottom: 11px !important;
  border-radius: 3px !important;
}

#topcontrol:after {
  top: 2px;
  left: 6px;
  content: "\f106";
  position: absolute;
  text-align: center;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

#topcontrol:hover {
  color: #eaeaea;
  background: #0033A0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*   
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce and Blog Theme.
 * Version: 1.7
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/
/*Tab v5
------------------------------------*/
.tab-v5 .nav-tabs {
  border-bottom-color: #dedede;
}

.tab-v5 .nav-tabs > li {
  margin-right: 30px;
}

.tab-v5 .nav-tabs > li > a {
  border: none;
  color: #687074;
  padding: 6px 0;
  font-size: 18px;
  margin-right: 0;
  background: none;
  text-transform: uppercase;
  border-bottom: solid 1px transparent;
}

.tab-v5 .nav-tabs > li.active > a,
.tab-v5 .nav-tabs > li.active > a:hover,
.tab-v5 .nav-tabs > li.active > a:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #0033A0;
}

.tab-v5 .nav-tabs > li > a:hover {
  border-bottom: 1px solid #0033A0;
}

.tab-v5 .nav-tabs > li > a:focus {
  border: none;
}

.tab-v5 .tab-content {
  padding: 30px 0;
}

/*Accordion v2
------------------------------------*/
.accordion-v2 .panel {
  box-shadow: none;
}

.accordion-v2 .panel-default {
  border-color: #eee;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eee;
}

.accordion-v2 .panel-heading {
  padding: 0;
  box-shadow: none;
}

.accordion-v2 .panel-heading a {
  color: #555;
  display: block;
  font-size: 16px;
  padding: 10px 15px;
  background: #f8f8f8;
}

.accordion-v2 .panel-heading a.active:before {
  content: "\f068";
}

.accordion-v2 .panel-heading i {
  font-size: 20px;
  vertical-align: middle;
}

.accordion-v2 .panel-heading a:hover {
  color: #333;
  text-decoration: none;
}

/*Plus Toggle*/
.accordion-v2.plus-toggle .panel-heading a:before {
  color: #FFF;
  width: 20px;
  height: 20px;
  padding: 5px 0;
  font-size: 10px;
  content: "\f067";
  line-height: 12px;
  margin-right: 10px;
  text-align: center;
  background: #0033A0;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.accordion-v2.plus-toggle .panel-body {
  padding-left: 50px;
}

/*Breadcrumbs v4
------------------------------------*/
.breadcrumbs-v4 {
  width: 100%;
  padding: 25px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.breadcrumbs-v4:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
}

.breadcrumbs-v4 .container {
  position: relative;
}

.breadcrumbs-v4 span.page-name {
  color: #212560;
  display: block;
  font-size: 18px;
  font-weight: 200;
  margin: 0 0 5px 3px;
}

.breadcrumbs-v4 h1 {
  color: #212560;
  font-size: 30px;
  font-weight: 200;
  margin: 0 0 20px;
  line-height: 40px;
  text-transform: uppercase;
  text-align: center;
}

.breadcrumbs-v4 .breadcrumb-v4-in {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.breadcrumbs-v4 .breadcrumb-v4-in > li {
  color: #0033A0;
  font-size: 13px;
  display: inline-block;
}

.breadcrumbs-v4 .breadcrumb-v4-in > li + li:before {
  color: #0033A0;
  content: "\f105";
  margin-left: 7px;
  padding-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.breadcrumbs-v4 .breadcrumb-v4-in li a {
  color: #0033A0;
}

.breadcrumbs-v4 .breadcrumb-v4-in li.active,
.breadcrumbs-v4 .breadcrumb-v4-in li a:hover {
  color: #0033A0;
  text-decoration: none;
}

@media (max-width: 768px) {
  .breadcrumbs-v4 {
    text-align: center;
  }
  .breadcrumbs-v4 span.page-name {
    font-size: 18px;
  }
  .breadcrumbs-v4 h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
/*Breadcrumbs v5
------------------------------------*/
.breadcrumb-v5 {
  padding: 20px 0;
  list-style: none;
}

.breadcrumb-v5 > li {
  color: #999;
  font-size: 18px;
  display: inline-block;
}

.breadcrumb-v5 > li + li:before {
  color: #ccc;
  content: "\f105";
  margin-left: 7px;
  padding-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.breadcrumb-v5 li h1 {
  margin: 0;
}

.breadcrumb-v5 li a {
  color: #999;
}

.breadcrumb-v5 li i {
  margin: 0 auto;
  font-size: 18px;
}

.breadcrumb-v5 li.active,
.breadcrumb-v5 li a:hover {
  color: #0033A0;
  text-decoration: none;
}

/*Full Width*/
.full-width {
  width: 100%;
}

/*Shop Color Red*/
.shop-red {
  color: #c9253c;
}

.shop-green {
  color: #0033A0;
}

/*Shop Background Red*/
.shop-bg-red {
  background: #c9253c;
}

.shop-bg-green {
  background: #0033A0;
}

.shop-rgba-red {
  background: rgba(201, 37, 60, 0.5);
}

.shop-rgba-dark-green {
  background: rgba(24, 171, 155, 0.5);
}

.shop-rgba-dark {
  background: rgba(0, 0, 0, 0.5);
}

/*Button Sea Shop*/
.btn-u.btn-u-sea-shop {
  background: #0033A0;
}

.btn-u.btn-u-sea-shop:hover,
.btn-u.btn-u-sea-shop:focus,
.btn-u.btn-u-sea-shop:active,
.btn-u.btn-u-sea-shop.active,
.open .dropdown-toggle.btn-u.btn-u-sea-shop {
  background: #0033A0;
}

.btn-u.btn-u-split-sea.dropdown-toggle {
  border-left: solid 1px #0033A0;
}

/*Button Bordered Sea Shop*/
.btn-u.btn-brd.btn-u-sea-shop {
  color: #0033A0;
  background: none;
  border-color: #0033A0;
}

.btn-u.btn-brd.btn-u-sea-shop:hover {
  color: #0033A0;
  border-color: #0033A0;
}

.btn-u.btn-brd.btn-u-sea-shop.btn-brd-hover:hover {
  background: #0033A0;
}

/*Label Danger Shop*/
.label.label-danger-shop {
  color: #FFF;
  font-size: 9px;
  padding: 1px 5px;
  background: #c9253c;
  text-transform: uppercase;
}

/*Removes Bootstrap carousel background images*/
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

/*RGBA Banner*/
.rgba-banner-position {
  position: relative;
}

.rgba-banner {
  top: 20px;
  right: 6px;
  color: #FFF;
  font-size: 15px;
  padding: 3px 8px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
}

.rgba-banner-v2 {
  right: 0;
  top: 20px;
  color: #FFF;
  font-size: 15px;
  padding: 3px 8px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
}

/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce and Blog Theme.
 * Version: 1.7
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/
/*Import Global Compulsory CSS Files*/
body {
  font-family: "Open Sans", sans-serif;
  background-color: rgb(0, 89, 161);
}

i {
  font-family: "Font Awesome 6 Pro";
}

p {
  color: #222;
  font-size: 15px;
}

li {
  color: #222;
  font-size: 15px;
}

a {
  color: #0033A0;
  text-decoration: none;
}

strong {
  color: #222;
}

a:hover {
  color: #0033A0;
  text-decoration: underline;
}

ul.list-inline {
  margin-left: 0;
}

li:first-child {
  padding-left: 0;
}

/*Boxed Layout
------------------------------------*/
.wrapper {
  background: #FFF;
  /*background-image: url('/Media/LoadWebshopUiImage?filename=pohja.png');*/
}

.bg-image {
  width: 100%;
  padding: 25px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  /*! /* webpackIgnore: true */
  background-image: url("/Media/LoadWebshopUiOrigImage?filename=loginbanner.jpg");
  height: 400px;
}

@media only screen and (max-width: 768px) {
  .bg-image {
    height: 180px;
  }
}
.boxed-layout {
  padding: 0;
  box-shadow: 0 0 5px #ccc;
  margin-left: auto !important;
  margin-right: auto !important;
  background: url("/assets/img/image-placeholder.jpg") repeat;
}

/*Heading
------------------------------------*/
.heading h2 {
  color: #212560;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  text-transform: uppercase;
}

.heading h2:before,
.heading h2:after {
  width: 100%;
}

@media (max-width: 991px) {
  .heading h2:before,
  .heading h2:after {
    width: 65%;
  }
}
@media (max-width: 768px) {
  .heading h2:before,
  .heading h2:after {
    width: 35%;
  }
}
@media (max-width: 600px) {
  .heading h2 {
    font-size: 19px;
  }
  .heading h2:before,
  .heading h2:after {
    width: 15%;
  }
}
/*Illustration v1
------------------------------------*/
/*Illustration v1*/
.illustration-v1 {
  display: block;
  overflow: hidden;
  min-height: 170px;
  position: relative;
  background-size: cover;
  background-position: center center;
}

.illustration-v1:before {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(42, 42, 42, 0.3);
}

.illustration-v1:hover {
  text-decoration: none;
}

.illustration-v1 .illustration-bg {
  width: 100%;
  display: table;
  min-height: 170px;
  background-clip: padding-box;
}

.illustration-v1 .illustration-ads {
  width: 100%;
  height: 170px;
  overflow: hidden;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 15px 20px 20px;
  background-clip: padding-box;
}

/*Illustration Advertaisemnt Details v1*/
.illustration-v1.illustration-img1 {
  width: 100%;
  overflow: hidden;
  background-image: url(/assets/img/image-placeholder.jpg);
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.illustration-v1.illustration-img1:hover {
  -transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.illustration-v1 .ad-details-v1 h3 {
  color: #FFF;
  font-size: 30px;
  line-height: 30px;
  position: relative;
  margin-bottom: 35px;
  font-weight: normal;
}

.illustration-v1 .ad-details-v1 h3:after {
  left: 50%;
  z-index: 1;
  width: 30px;
  height: 3px;
  content: " ";
  bottom: -17px;
  background: #FFF;
  margin-left: -15px;
  position: absolute;
}

.illustration-v1 .ad-details-v1 .btn-brd {
  font-weight: 400;
  border-width: 2px;
}

.illustration-v1 .ad-details-v1 .btn-brd:hover {
  border-width: 2px;
}

.illustration-v1 .ad-details-v1 .btn-u {
  padding: 5px 30px;
}

/*Illustration Advertaisemnt Details v2*/
.illustration-v1.illustration-img2 {
  width: 100%;
  overflow: hidden;
  background-image: url(/assets/img/image-placeholder.jpg);
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.illustration-v1.illustration-img2:hover {
  -transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.illustration-v1 .ad-details-v2 span.item-time {
  color: #FFF;
  padding: 0 10px;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}

.illustration-v1 .ad-details-v2 span.item-time:before,
.illustration-v1 .ad-details-v2 span.item-time:after {
  top: 15px;
  width: 40%;
  height: 2px;
  content: " ";
  background: #FFF;
  position: absolute;
}

.illustration-v1 .ad-details-v2 span.item-time:before {
  left: 100%;
}

.illustration-v1 .ad-details-v2 span.item-time:after {
  right: 100%;
}

.illustration-v1 .ad-details-v2 span.item-name {
  color: #FFF;
  display: block;
  font-size: 60px;
  line-height: 60px;
  position: relative;
  font-weight: normal;
  text-transform: uppercase;
}

/*Illustration v2
------------------------------------*/
/*Owl Navigation*/
.illustration-v2 .customNavigation {
  text-align: center;
}

.illustration-v2 .customNavigation a.owl-btn {
  color: #ccc;
  width: 30px;
  height: 30px;
  font-size: 17px;
  cursor: pointer;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  border: 2px solid #ddd;
}

.illustration-v2 .customNavigation a.owl-btn:hover {
  color: #555;
  border-color: #777;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.illustration-v2 .customNavigation a.owl-btn.prev i {
  margin-left: -2px;
}

.illustration-v2 .customNavigation a.owl-btn.next i {
  margin-right: -2px;
}

/*illustration-v2*/
.illustration-v2 .item {
  width: 255px;
}

.owl-stage-outer {
  padding-top: 3px;
  margin-bottom: -10px;
}

.owl-nav {
  color: #0033A0;
  text-align: center;
}

.owl-nav div {
  display: inline-block;
}

.illustration-v2 .product-img {
  position: relative;
}

.illustration-v2 .product-img-brd {
  box-shadow: 0 0 3px #ccc;
}

.illustration-v2 a.product-review {
  left: 0;
  bottom: 0;
  color: #FFF;
  width: 100%;
  padding: 5px 0;
  font-size: 12px;
  text-align: center;
  position: absolute;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.5);
}

/*Add to Cart*/
.illustration-v2 .add-to-cart {
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
  width: 100%;
  color: #555;
  border: none;
  padding: 10px 0;
  font-size: 20px;
  margin-top: -20px;
  text-align: center;
  position: absolute;
  visibility: hidden;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.8);
}

.illustration-v2 .add-to-cart i {
  line-height: 15px;
  margin-right: 12px;
  padding-right: 12px;
  border-right: 1px solid #555;
}

.illustration-v2 .add-to-cart:hover {
  color: #FFF;
  text-decoration: none;
  background: rgba(0, 0, 1, 0.5);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.illustration-v2 .add-to-cart:hover i {
  color: #FFF;
  border-color: #FFF;
}

.illustration-v2 .product-img:hover .add-to-cart {
  visibility: visible;
}

.illustration-v2 .product-img:hover .add-to-cart-top {
  top: 35%;
}

.illustration-v2 .product-img:hover .add-to-cart-bottom {
  top: 60%;
}

/*List Product Description*/
.list-product-description {
  padding: 20px 10px;
}

.list-product-description img {
  padding-right: 15px;
  border-right: 1px solid #dedede;
}

@media (max-width: 768px) {
  .list-product-description img {
    padding-right: 0;
    border-right: none;
  }
}
/*Product Description*/
.product-description {
  padding: 10px;
  overflow: hidden;
  text-align: left;
}

.product-description-brd {
  box-shadow: 0 0 2px #ccc;
}

.product-description .title-price {
  color: #687074;
  font-size: 16px;
}

.product-description h4.title-price {
  margin: 2px 0 0;
}

.product-description h4.title-price a {
  color: #687074;
}

.product-description h4.title-price a:hover {
  color: #0033A0;
}

.product-description .product-price {
  text-align: right;
  padding-left: 10px;
}

.product-description .product-price span {
  display: block;
}

.product-description .line-through {
  color: #c9253c;
  text-decoration: line-through;
}

.product-description .gender {
  color: #999;
  display: block;
  font-size: 15px;
}

.productinfo-container {
  height: 100%;
  width: 100%;
  text-align: left;
}

.productinfo-left {
  float: left;
  width: 65%;
}

.productinfo-right {
  float: right;
  width: 35%;
  display: block;
}

.product-description .product-ratings {
  overflow: hidden;
}

/*Product Description v2*/
.product-description-v2 .title-price {
  color: #687074;
  font-size: 18px;
}

.product-description-v2 span.title-price {
  margin-right: 15px;
}

.product-description-v2 .title-price a {
  color: #687074;
}

.product-description-v2 h4.title-price a:hover {
  color: #0033A0;
}

.product-description-v2 .title-price.line-through {
  color: #c9253c;
  text-decoration: line-through;
}

.product-description-thumbnail {
  display: inline-block;
  border: 1px solid lightgray;
  margin-bottom: 3px;
}

.product-description-thumbnail img {
  width: 50px;
  height: 50px;
}

.product-description-thumbnail-selected {
  border: 1px solid black;
}

/*Rating*/
.product-ratings li {
  padding: 0;
}

.product-ratings li .rating {
  color: #8bdccd;
  font-size: 15px;
}

.product-ratings li .rating-selected {
  color: #0033A0;
  font-size: 15px;
}

/*Like Icon*/
.product-ratings li.like-icon {
  float: right;
}

.product-ratings li.like-icon a {
  color: #8bdccd;
}

.product-ratings li.like-icon .tooltip {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.product-ratings li.like-icon a:hover {
  color: #0033A0;
  text-decoration: none;
}

/*Reply*/
.product-ratings li.reply a {
  color: #0033A0;
}

/*Illustration v3
------------------------------------*/
/*Illustration v3*/
.illustration-v3 {
  display: block;
  overflow: hidden;
  min-height: 400px;
  position: relative;
  background-size: cover;
  background-position: center center;
}

.illustration-v3:before {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(42, 42, 42, 0.3);
}

.illustration-v3:hover {
  text-decoration: none;
}

.illustration-v3 .illustration-bg {
  width: 100%;
  display: table;
  min-height: 400px;
  background-clip: padding-box;
}

.illustration-v3 .illustration-ads {
  width: 100%;
  height: 400px;
  overflow: hidden;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 15px 20px 20px;
  background-clip: padding-box;
}

/*Illustration Images*/
.illustration-v3.illustration-img1,
.illustration-v3.illustration-img2,
.illustration-v3.illustration-img3 {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.illustration-v3.illustration-img1 {
  background-image: url(/assets/img/image-placeholder.jpg);
}

.illustration-v3.illustration-img2 {
  background-image: url(/assets/img/image-placeholder.jpg);
}

.illustration-v3.illustration-img3 {
  background-image: url(/assets/img/image-placeholder.jpg);
}

.illustration-v3.illustration-img1:hover,
.illustration-v3.illustration-img2:hover,
.illustration-v3.illustration-img3:hover {
  -transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.illustration-v3 .illustration-v3-category {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: block;
  position: relative;
  border-top: 5px solid rgba(255, 255, 255, 0.5);
  border-bottom: 5px solid rgba(255, 255, 255, 0.5);
}

.illustration-v3 span.product-category {
  color: #FFF;
  display: block;
  font-size: 35px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: 12px;
  text-transform: uppercase;
}

.illustration-v3 span.product-amount {
  color: #ddd;
  font-size: 24px;
}

/*Twitter Block
------------------------------------*/
.twitter-block {
  padding: 25px 0 75px;
}

/*Heading*/
.twitter-block .heading h2 {
  color: #FFF;
  font-size: 24px;
}

.twitter-block .heading h2:before,
.twitter-block .heading h2:after {
  border-color: #777;
}

/*Carousel*/
.twitter-block .item {
  padding: 0 150px;
  text-align: center;
}

@media (max-width: 991px) {
  .twitter-block .item {
    padding: 0 100px;
  }
}
.twitter-block .item p {
  color: #FFF;
  font-size: 18px;
}

@media (max-width: 768px) {
  .twitter-block .item p {
    font-size: 15px;
    font-weight: 200;
  }
}
.twitter-block .item a {
  color: #0033A0;
}

.twitter-block .twitter-icons i {
  font-size: 18px;
}

.twitter-block .twitter-icons i:hover {
  color: #FFF;
}

.twitter-block .carousel-control {
  top: 50%;
  color: #FFF;
  font-size: 40px;
  margin-top: -30px;
}

.twitter-block .carousel-control.left {
  left: -10px;
}

.twitter-block .carousel-control.right {
  right: -10px;
}

.twitter-block .carousel-indicators {
  bottom: -50px;
}

/*Product Service
------------------------------------*/
.product-service .product-service-heading {
  padding: 10px 0;
  text-align: center;
  background: #0033A0;
}

.product-service:hover .product-service-heading {
  background: #8bdccd;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-service .product-service-heading i {
  color: #FFF;
  font-size: 40px;
}

.product-service .product-service-in {
  padding: 15px 30px;
  text-align: center;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.product-service .product-service-in h3 {
  color: #555;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

.product-service .product-service-in a {
  color: #c9253c;
  font-size: 15px;
  font-weight: 400;
}

/*Collection Banner
------------------------------------*/
.collection-banner {
  padding: 50px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.collection-banner:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
}

.collection-banner h2 {
  color: #FFF;
  font-size: 36px;
  line-height: 40px;
  margin: 12px 0 15px;
  text-transform: uppercase;
}

.collection-banner p {
  color: #eee;
}

/*Percent Off*/
.collection-banner .percent-numb {
  color: #FFF;
  float: left;
  padding: 10px 0;
  font-size: 200px;
  font-weight: 400;
  line-height: 150px;
  margin-right: 15px;
}

.collection-banner .percent-off {
  float: left;
  margin-right: 30px;
}

.collection-banner .percent-off span {
  color: #FFF;
  display: block;
}

.collection-banner .percent-off span.discount-percent {
  font-size: 70px;
  margin-top: 30px;
  font-weight: 200;
  line-height: 80px;
}

.collection-banner .percent-off span.discount-off {
  font-size: 40px;
  font-weight: 400;
  text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .collection-banner h2 {
    font-size: 30px;
  }
  .collection-banner h3 {
    font-size: 145px;
  }
  .collection-banner .percent-off span.discount-percent {
    font-size: 70px;
    margin-top: 35px;
    line-height: 60px;
  }
  .collection-banner .percent-off span.discount-off {
    font-size: 30px;
  }
}
@media (max-width: 514px) {
  .collection-banner h3 {
    font-size: 145px;
  }
  .collection-banner .percent-off span.discount-percent {
    font-size: 70px;
    margin-top: 35px;
    line-height: 60px;
  }
  .collection-banner .percent-off span.discount-off {
    font-size: 30px;
  }
}
/*New Offers*/
.collection-banner .new-offers {
  top: -30px;
  width: 80px;
  height: 80px;
  position: absolute;
  padding: 20px 10px;
  text-align: center;
  display: inline-block;
}

.collection-banner .new-offers p {
  color: #FFF;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 17px;
}

.collection-banner .new-offers span {
  color: #FFF;
  font-size: 15px;
}

@media (max-width: 400px) {
  .collection-banner .new-offers {
    top: -50px;
    right: 10px;
  }
}
/*Illustration v4
------------------------------------*/
.illustration-v4 .thumb-product {
  padding: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

.illustration-v4 .thumb-product:hover {
  box-shadow: 0 0 3px #dedede;
}

.illustration-v4 .heading h2 {
  font-size: 18px;
}

.illustration-v4 .heading h2:before,
.illustration-v4 .heading h2:after {
  width: 50%;
}

.illustration-v4 img.thumb-product-img {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 25px;
}

.illustration-v4 .thumb-product-in {
  overflow: hidden;
  margin-top: 15px;
}

.illustration-v4 .thumb-product-in h4 {
  margin: 0 0 2px;
}

.illustration-v4 .thumb-product-in h4 a {
  color: #687074;
  font-size: 18px;
}

.illustration-v4 .thumb-product-in h4 a:hover {
  color: #0033A0;
}

.illustration-v4 .thumb-product-in span {
  display: block;
}

.illustration-v4 span.thumb-product-type {
  color: #999;
  font-size: 15px;
}

.illustration-v4 .thumb-product-price {
  color: #687074;
  font-size: 16px;
}

.illustration-v4 .thumb-product-price.line-through {
  color: #c9253c;
  text-decoration: line-through;
}

.illustration-v4 .thumb-product-purchase {
  color: #ccc;
  float: right;
  margin-top: 3px;
}

.illustration-v4 .thumb-product-purchase a {
  color: #8bdccd;
}

.illustration-v4 .thumb-product-purchase i {
  top: 1px;
  font-size: 16px;
  position: relative;
}

.illustration-v4 .thumb-product-purchase a:hover {
  color: #0033A0;
  text-decoration: none;
}

/*Owl Carousel v2
------------------------------------*/
.owl-slider-v2 .owl-wrapper-outer {
  margin-bottom: 20px;
}

.owl-slider-v2 .item {
  margin: 0 10px;
  text-align: center;
  padding: 7px 0;
  position: relative;
  border: 1px solid #e4e2e2;
}

.owl-slider-v2 .item img {
  width: 150px;
  height: auto;
}

/*Owl Pagination*/
.owl-slider-v2 .owl-pagination {
  text-align: center !important;
}

.owl-slider-v2 .owl-controls .owl-page.active span,
.owl-slider-v2 .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  background: #888;
  filter: Alpha(Opacity=100);
}

.owl-slider-v2 .owl-controls .owl-page span {
  border: 1px solid #999 !important;
}

.owl-slider-v2 .owl-controls .owl-page {
  zoom: 1;
  display: inline-block;
  *display: inline; /*IE7 life-saver */
}

.owl-slider-v2 .owl-controls .owl-page span {
  width: 12px;
  height: 12px;
  opacity: 0.3;
  display: block;
  margin: 5px 3px;
  background: transparent;
  filter: Alpha(Opacity=50); /*IE7 fix*/
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

/*Shop-subscribe
------------------------------------*/
.shop-subscribe {
  padding: 20px 0;
  background: #0033A0;
}

.shop-subscribe h2 {
  margin: 0;
  color: #FFF;
  font-size: 24px;
  font-weight: 200;
  text-transform: uppercase;
}

/*Input Form Control*/
.shop-subscribe input {
  border-color: #FFF;
  border-right: none;
  background: transparent;
}

.shop-subscribe .form-control {
  color: #FFF;
  font-size: 15px;
  font-weight: 200;
}

.shop-subscribe .form-control:focus {
  box-shadow: none;
  border-color: #FFF;
}

.shop-subscribe .form-control::-moz-placeholder {
  color: #FFF;
}

.shop-subscribe .form-control:-ms-input-placeholder {
  color: #FFF;
}

.shop-subscribe .form-control::-webkit-input-placeholder {
  color: #FFF;
}

.shop-subscribe .input-group-btn {
  border-color: #FFF;
  background: transparent;
}

.shop-subscribe .input-group-btn .btn {
  border: 1px solid #FFF;
  background: transparent;
}

.shop-subscribe .input-group-btn i {
  color: #FFF;
  font-size: 16px;
  font-weight: 200;
}

/*Shop Product
------------------------------------*/
.shop-product {
  background: #f8f8f8;
  padding: 10px 0 30px;
  border-bottom: 1px solid #dedede;
}

.shop-product h2 {
  float: left;
  color: #212560;
  font-family: "Open Sans", sans-serif;
  font-size: 26px;
  text-transform: uppercase;
}

/*Shp Product Title*/
.shop-product .shop-product-heading {
  overflow: hidden;
  margin-bottom: 12px;
  border-bottom: 1px solid #dedede;
}

.shop-product .shop-product-social {
  float: right;
  margin-top: 11px;
}

.shop-product .shop-product-social li i {
  color: #dedede;
  font-size: 26px;
  display: inline-block;
}

.shop-product .shop-product-social li i:hover {
  color: #0033A0;
  text-decoration: none;
}

/*Product Ratings*/
.shop-product .product-review-list {
  margin-left: 20px;
}

.shop-product .product-review-list,
.shop-product .product-review-list a {
  color: #999;
  font-size: 15px;
}

.shop-product .product-review-list a:hover {
  color: #0033A0;
}

/*Shop Product Prices*/
.shop-product .shop-product-prices li:first-child {
  padding-left: 0;
}

.shop-product .shop-product-prices li {
  font-size: 20px;
}

.shop-product .line-through {
  color: #bbb;
  text-decoration: line-through;
}

.product-price .line-through {
  color: #bbb;
  text-decoration: line-through;
}

/*Badge*/
.shop-product .time-day-left {
  top: -6px;
  color: #FFF;
  font-size: 12px;
  padding: 3px 8px;
  position: relative;
}

/*Shop Product Title*/
.shop-product h3.shop-product-title {
  color: #555;
  font-size: 15px;
  margin-bottom: 0px;
  text-transform: uppercase;
}

/*Product Size*/
.shop-product .product-size input {
  left: -9999px;
  position: absolute;
}

.shop-product .product-size label {
  /*
  width: 50px;
  */
  width: 100%;
  height: 50px;
  float: right;
  /*
  padding: 6px 0;
     */
  padding: 6px;
  display: block;
  color: #0033A0;
  font-size: 18px;
  text-align: center;
  background: #f8f8f8;
  text-transform: uppercase;
  border: 2px solid #0033A0;
}

.shop-product .product-size label.notavailable {
  color: #00009a;
  border: 2px solid #00009a;
}

.shop-product .product-size label {
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}

.shop-product .product-size label:hover {
  color: #eaeaea;
  cursor: pointer;
  border: 2px solid #0033A0;
  background-color: #0033A0;
  font-weight: bold;
}

.shop-product .product-size input:checked ~ label {
  color: #eaeaea;
  border: 2px solid #0033A0;
  background-color: #0033A0;
  font-weight: bold;
}

/*Product Color*/
.shop-product .product-color input {
  left: -9999px;
  position: absolute;
}

.shop-product .product-color label {
  width: 50px;
  height: 50px;
  float: right;
  padding: 5px;
  display: block;
  font-size: 24px;
  text-align: center;
}

.shop-product .product-color label.color-one {
  background: #646969;
}

.shop-product .product-color label.color-two {
  background: #e4e4e2;
}

.shop-product .product-color label.color-three {
  background: #171a2e;
}

.shop-product .product-color label {
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}

.shop-product .product-color label:hover {
  cursor: pointer;
  border: 2px solid #0033A0;
}

.shop-product .product-color input:checked ~ label {
  border: 2px solid #0033A0;
}

/*Product Quantity*/
.shop-product .product-quantity {
  float: left;
  margin-right: 30px;
}

.shop-product .quantity-button {
  color: #555;
  width: 55px;
  height: 50px;
  padding: 5px;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 20px;
  background: #eee;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
  background-image: none;
}

.shop-product .quantity-button:disabled {
  color: #bbb;
}

.shop-product .quantity-field {
  width: 55px;
  height: 50px;
  outline: none;
  margin: 0 -4px;
  font-size: 20px;
  text-align: center;
  border: 1px solid #eee;
}

.size-field {
  width: 100px;
  height: 50px;
  outline: none;
  margin: 0 -4px;
  font-size: 20px;
  text-align: center;
  border: 1px solid #eee;
}

.addon-select option:disabled {
  color: lightgray;
}

.stock-grid li {
  font-size: 11px;
  padding-right: 0;
}

.stock-grid.stock-grid-narrow li {
  font-size: 11px;
  margin-right: -3px;
}

.quantity-field-many {
  width: 30px;
  outline: none;
  margin: 0 -4px;
  text-align: center;
  border: 1px solid #555;
  height: 30px;
  font-size: 16px;
}

.quantity-field-many-wide {
  width: 70%;
  max-width: 50px;
  outline: none;
  margin: 0 -4px;
  text-align: center;
  border: 1px solid #555;
  height: 30px;
  font-size: 16px;
}

.quantity-total {
  width: 30px;
  outline: none;
  margin: 0 -4px;
  text-align: center;
  border: none;
  height: 30px;
  font-size: 12px;
}

.quantity-total-wide {
  width: 70%;
  max-width: 50px;
  outline: none;
  margin: 0 -4px;
  text-align: center;
  border: none;
  height: 30px;
  font-size: 12px;
}

.quantity-field-many-disabled {
  width: 30px;
  outline: none;
  margin: 0 -4px;
  text-align: center;
  background: #eee;
  border: 1px solid #eee;
  height: 30px;
  font-size: 16px;
}

.quantity-field-many-wide-disabled {
  width: 70%;
  max-width: 50px;
  outline: none;
  margin: 0 -4px;
  text-align: center;
  background: #eee;
  border: 1px solid #eee;
  height: 30px;
  font-size: 16px;
}

.stock-shelf-column {
  max-width: 125px;
}

.stock-grid .stock-column {
  width: 35px;
  text-align: right;
}

.stock-grid.stock-grid-narrow .stock-column {
  width: 30px;
  text-align: right;
}

.stock-header {
  font-weight: bold;
}

.stock-table input[type=number]::-webkit-inner-spin-button,
.stock-table input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.stock-table input[type=number],
.stock-table input[type=number] {
  -moz-appearance: textfield;
}

.stock-list-header {
  max-width: 100px;
  vertical-align: text-top;
}

.stock-list-column {
  max-width: 450px;
  vertical-align: text-top;
}

.stock-list-column li:first-child {
  padding-left: 5px;
}

.stock-table {
  font-size: 12px;
  text-align: center;
}

.stock-table td {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.extra-price {
  font-size: 11px;
}

/*Add to Wishlist*/
.add-to-wishlist-brd {
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
}

.add-to-wishlist li {
  padding-left: 20px;
  margin-right: 10px;
  border-left: 1px solid #dedede;
}

.add-to-wishlist li:first-child {
  padding-left: 0;
  border-left: none;
}

.add-to-wishlist i {
  color: #8bdccd;
  font-size: 16px;
  margin-right: 7px;
}

.add-to-wishlist a {
  color: #999;
  font-size: 15px;
}

.add-to-wishlist a:hover,
.add-to-wishlist .wishlist-in:hover i,
.add-to-wishlist .compare-in:hover i {
  color: #0033A0;
  text-decoration: none;
}

.add-to-wishlist .wishlist-in:hover i,
.add-to-wishlist .compare-in:hover i {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wishlist-category a {
  color: #0033A0;
}

/*Headline Left*/
.headline-left {
  position: relative;
}

.headline-left h2 {
  color: #555;
  font-size: 18px;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.headline-left h2:after {
  left: 1px;
  z-index: 1;
  width: 30px;
  height: 2px;
  content: " ";
  bottom: -5px;
  position: absolute;
  background: #dedede;
}

/*Specifies List*/
.specifies-list li {
  color: #999;
}

.specifies-list li i {
  margin-right: 8px;
}

.specifies-list li span {
  color: #777;
}

/*Product Comment*/
.product-comment {
  padding: 20px;
  border: 1px solid #f0f0f0;
}

@media (min-width: 768px) {
  .product-comment .product-comment-in .product-comment-in {
    margin-left: 50px;
    padding-top: 30px;
    border-top: 1px solid #eee;
  }
}
.product-comment .product-comment-in:after,
.product-comment .product-comment-in:before {
  content: " ";
  display: table;
}

.product-comment .product-comment-in:after {
  clear: both;
}

.product-comment img.product-comment-img {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

.product-comment .product-comment-dtl {
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.product-comment .product-comment-dtl h4 {
  color: #555;
  font-size: 18px;
  overflow: hidden;
}

.product-comment .product-comment-dtl h4 small {
  color: #888;
  float: right;
  display: block;
  margin-top: 6px;
}

.sky-changes-4 label.label-v2 {
  color: #999;
  display: block;
  font-size: 15px;
  font-weight: 400;
}

.sky-changes-4 h3 {
  color: #555;
}

/*Review Submit*/
.review-submit {
  overflow: hidden;
}

.stars-ratings {
  float: left;
}

.stars-ratings li {
  padding: 0;
}

.stars-ratings input {
  left: -9999px;
  position: absolute;
}

.stars-ratings label {
  float: right;
  height: 17px;
  display: block;
  padding: 0 2px;
  font-size: 15px;
  cursor: pointer;
  line-height: 17px;
}

.stars-ratings label {
  color: #8bdccd;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}

.stars-ratings input + label:hover,
.stars-ratings input + label:hover ~ label {
  color: #0033A0;
}

.stars-ratings input:checked ~ label {
  color: #0033A0;
}

.review-submit button.btn-u.pull-right {
  margin-top: -17px;
}

/*Stars Ratings Label*/
.stars-ratings-label label {
  font-size: 24px;
  margin: 0 4px 5px;
}

/*Owl Slider v3
------------------------------------*/
.owl-slider-v3 .owl-pagination {
  text-align: center !important;
}

.owl-slider-v3 .owl-wrapper-outer {
  margin-bottom: 20px;
}

.owl-slider-v3.owl-theme .owl-controls .owl-page.active span,
.owl-slider-v3.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  background: #0033A0;
  filter: Alpha(Opacity=100); /*IE7 fix*/
}

.owl-slider-v3.owl-theme .owl-controls .owl-page {
  zoom: 1;
  display: inline-block;
  *display: inline; /*IE7 life-saver */
}

.owl-slider-v3.owl-theme .owl-controls .owl-page span {
  width: 12px;
  height: 12px;
  opacity: 0.3;
  display: block;
  margin: 5px 3px;
  background: #bbb;
  filter: Alpha(Opacity=50); /*IE7 fix*/
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.owl-slider-v3 .item {
  margin: 0 1px;
}

/*Filter By Block
------------------------------------*/
/*Panel Group*/
.filter-by-block h1 {
  color: #FFF;
  width: 100%;
  font-size: 24px;
  padding: 7px 10px;
  text-align: center;
  margin-bottom: 5px;
  background: #0033A0;
  text-transform: uppercase;
}

.filter-by-block .panel-default {
  border-color: #dedede;
}

.filter-by-block .panel-heading {
  padding: 0;
  background: inherit;
}

.filter-by-block .panel-title {
  overflow: hidden;
}

.filter-by-block .panel-group h2 a {
  color: #687074;
  display: block;
  font-size: 20px;
  padding: 10px 15px;
  border-bottom: 1px solid #dedede;
}

.filter-by-block .panel-group h2 i {
  float: right;
  font-size: 18px;
  margin-top: 8px;
}

.filter-by-block .panel-group h2 a:hover {
  color: #687074;
  text-decoration: none;
}

.filter-by-block .panel-body {
  padding: 15px 20px;
  border-top: none !important;
}

/*Checkbox List*/
.checkbox-list {
  margin-bottom: 0;
}

.checkbox-list li {
  margin-top: 10px;
}

.checkbox-list li:first-child {
  margin-top: 0;
}

.checkbox-list .checkbox {
  display: block;
  overflow: hidden;
  position: relative;
}

.checkbox-list .checkbox {
  color: #999;
  margin: 4px 0;
  cursor: pointer;
  font-size: 15px;
  line-height: 25px;
  padding-left: 27px;
}

.checkbox-list .checkbox input {
  left: -9999px;
  position: absolute;
}

.checkbox-list .checkbox i {
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  outline: none;
  display: block;
  background: #FFF;
  border-width: 2px;
  position: absolute;
  border-style: solid;
}

.checkbox-list .checkbox input + i:after {
  opacity: 0;
  position: absolute;
}

.checkbox-list .checkbox input + i:after {
  top: -3px;
  left: -2px;
  width: 15px;
  height: 15px;
  content: "\f00c";
  text-align: center;
  font: normal 8px/17px FontAwesome;
}

.checkbox-list .checkbox input:checked + i:after {
  opacity: 1;
}

.checkbox-list .checkbox i {
  border-color: #8b8b8b;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}

.checkbox-list .checkbox:hover i {
  border-color: #0033A0;
}

.checkbox-list .checkbox input:focus + i {
  border-color: #0033A0;
}

.checkbox-list .checkbox input + i:after {
  color: #0033A0;
}

.checkbox-list .checkbox input:checked + i {
  border-color: #0033A0;
}

.checkbox-list .checkbox small {
  float: right;
}

.checkbox-list .checkbox small a {
  color: #0033A0;
  font-size: 12px;
}

/*Slider Snap*/
.slider-snap {
  margin: 20px 0;
}

.slider-snap.noUi-background {
  -webkit-box-shadow: inset 0px 1px 1px 0px #b5b5b5;
  -moz-box-shadow: inset 0px 1px 1px 0px #b5b5b5;
  box-shadow: inset 0px 1px 1px 0px #b5b5b5;
}

.slider-snap.noUi-connect {
  background: #0033A0;
}

.slider-snap.noUi-horizontal {
  height: 10px;
  background: #f8f8f8;
  border-radius: 4px !important;
}

.slider-snap.noUi-horizontal .noUi-handle {
  width: 25px;
  height: 20px;
  border-radius: 3px !important;
  box-shadow: 0 1px 1px 0 #b5b5b5;
}

.slider-snap .noUi-handle:before,
.slider-snap .noUi-handle:after {
  left: 9px;
  height: 7px;
}

.slider-snap .noUi-handle:after {
  left: 13px;
}

.slider-snap-text {
  text-align: center;
}

.slider-snap-text span {
  position: relative;
}

.add-dash:before { /*Originally .slider-snap-text span + span:before*/
  top: -2px;
  left: -10px; /*Originally -15px*/
  content: "–";
  position: absolute;
}

/* Adds a dollar sign in front of price
.slider-snap-text span:after {
	left: 0;
	top: -1px;
	content: "\0024";
	position: absolute;
}*/
.slider-snap-text span {
  color: #999;
  font-size: 16px;
  font-weight: 600;
  padding: 0 10px 0 0;
  /*padding: 0 19px 0 11px;*/
}

/*Product Color List*/
.product-color-list {
  margin-bottom: 0;
  text-align: center;
}

.product-color-list .list-inline > li {
  padding-left: 0;
}

.product-color-list li {
  padding: 2px;
}

.product-color-list li img {
  width: 24px;
  height: 24px;
}

.product-color-list li:first-child {
  padding-left: 0;
}

/*Result Category*/
.result-category {
  /*background: #000;*/
  margin-bottom: 5px;
}

.result-category h2 {
  font-size: 30px;
  margin-right: 20px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.result-category h3 {
  margin-right: 20px;
  margin-bottom: 0px;
}

.result-category .badge-results {
  top: 12px;
  color: #FFF;
  font-size: 12px;
  padding: 3px 8px;
  position: relative;
}

/*Grid List Icons*/
.grid-list-icons {
  float: right;
  margin-top: 9px;
}

.grid-list-icons i {
  color: #FFF;
  width: 30px;
  height: 30px;
  padding: 6px;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  background: #0033A0;
  display: inline-block;
}

.grid-list-icons i:hover {
  background: #0033A0;
  text-decoration: none;
}

/*Sort List Button*/
.sort-list-btn {
  float: right;
  margin: 6px 15px 0 0;
}

.sort-list-btn h3 {
  float: left;
  color: #555;
  font-size: 15px;
  margin-right: 10px;
}

.sort-list-btn .btn {
  margin-top: 2px;
}

.sort-list-btn .btn .caret {
  margin-left: 50px;
}

.sort-list-btn .btn-default {
  color: #999;
  font-size: 13px;
  border-color: #dedede;
}

.sort-list-btn .btn-default:hover,
.sort-list-btn .btn-default:focus,
.sort-list-btn .btn-default:active,
.sort-list-btn .btn-default.active,
.sort-list-btn .open > .dropdown-toggle.btn-default {
  color: #999;
  box-shadow: none;
  background: inherit;
  border-color: #dedede;
}

.sort-list-btn .dropdown-menu {
  box-shadow: 0 5px 5px 0px rgba(90, 90, 90, 0.075);
}

.sort-list-btn .dropdown-menu li a {
  color: #999;
  font-size: 12px;
}

/*Filters*/
.filter-results {
  padding: 40px 0;
  border-top: 1px solid #dedede;
}

.filter-color-box, .filter-color-box-small {
  float: left;
  width: 20px;
  height: 20px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
}

.filter-color-box-small {
  width: 15px;
  height: 15px;
  margin: 3px;
}

.filter-color-box {
  width: 20px;
  height: 20px;
  margin: 5px;
}

.filter-color-box-selected:before {
  content: "\f00c";
  color: white;
  text-shadow: 0px 0px 2px #000;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.filterbox:disabled + i {
  border-color: #b5b5b5 !important;
}

.filterbox:disabled + i:after {
  color: #b5b5b5 !important;
}

/*Pagination v2*/
.pagination.pagination-v2 > li > a {
  padding: 5px;
  margin: 0 2px;
  min-width: 35px;
  border-color: #f0f0f0;
}

.pagination.pagination-v2 > li > a,
.pagination.pagination-v2 > li > span {
  background: #f7f7f7;
}

.pagination.pagination-v2 > li > a:hover,
.pagination.pagination-v2 > .active > a,
.pagination.pagination-v2 > .active > span,
.pagination.pagination-v2 > .active > a:hover,
.pagination.pagination-v2 > .active > span:hover,
.pagination.pagination-v2 > .active > a:focus,
.pagination.pagination-v2 > .active > span:focus {
  background: #0033A0;
  border-color: #0033A0;
}

/*Info Block v2
------------------------------------*/
/*Info Block v2*/
@media (min-width: 480px) {
  .info-block-v2 {
    margin: 0 120px 20px 0;
  }
}
.info-block-v2 i {
  float: left;
  color: #0033A0;
  font-size: 30px;
  margin: 7px 15px 0 0;
}

.info-block-in {
  overflow: hidden;
}

.info-block-in h3 {
  color: #555;
  font-size: 18px;
  margin: 0 0 5px;
}

/*Shopping Cart
------------------------------------*/
/*Coupon Code*/
.shopping-cart .coupon-code, .check-out .coupon-code {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid #eee;
}

.shopping-cart .coupon-code h3 {
  margin: 0;
  color: #687074;
  font-size: 18px;
}

.shopping-cart .coupon-code input, .check-out .coupon-code input {
  width: 60%;
  margin-right: 10px;
  display: inline-block;
}

/*Gift Card Message*/
.shopping-cart .gift-card-message-row, .check-out .gift-card-message-row {
  background-color: #f9f9f9;
}

.shopping-cart .gift-card-message-container, .check-out .gift-card-message-container {
  padding: 15px 20px;
  border-top: 1px solid #eee;
}

.shopping-cart .gift-card-message-container .gift-card-label, .check-out .gift-card-message-container .gift-card-label {
  margin: 0;
  color: #687074;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
  text-align: left;
}

.shopping-cart .gift-card-message-container .gift-card-message-input, .check-out .gift-card-message-container .gift-card-message-input {
  width: 100%;
  margin-right: 10px;
  display: inline-block;
}

/*Total Result*/
.shopping-cart .total-result li, .check-out .total-result li {
  display: block;
}

.shopping-cart .total-result li:after,
.shopping-cart .total-result li:before {
  content: " ";
  display: table;
}

.shopping-cart .total-result li:after {
  clear: both;
}

.shopping-cart .total-result li.divider, .check-out .total-result li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background: #eee;
}

.shopping-cart .total-result h4 {
  float: left;
  margin-right: 15px;
  line-height: 15px;
}

.shopping-cart .total-result-in, .check-out .total-result-in {
  overflow: hidden;
  text-align: right;
}

.shopping-cart .total-result-in h4,
.shopping-cart .total-result-in span, .check-out .total-result-in span {
  color: #687074;
  font-size: 18px;
}

.shopping-cart .total-result .total-price h4,
.shopping-cart .total-result .total-price span, .check-out .total-result .total-price span {
  font-weight: 600;
}

.shopping-cart .total-result .total-price h4 {
  /*margin: 0 auto;*/
}

.shopping-cart .total-result .total-price span, .check-out .total-result .total-price span {
  color: #c9253c;
}

/*Table*/
.shopping-cart .table > thead > tr > th,
.shopping-cart .table > tbody > tr > th,
.shopping-cart .table > tfoot > tr > th,
.shopping-cart .table > thead > tr > td,
.shopping-cart .table > tbody > tr > td,
.shopping-cart .table > tfoot > tr > td {
  border-top: none;
  vertical-align: middle;
}

.shopping-cart .table > thead > tr > th,
.shopping-cart .table > tbody > tr > td {
  padding: 15px;
  text-align: center;
}

.shopping-cart .table > thead > tr > th {
  color: #687074;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.shopping-cart .table > tbody > tr > td {
  color: #888;
}

.shopping-cart .table > tbody > tr > td.shop-red {
  color: #c9253c;
}

/*Product In Table*/
.shopping-cart .product-in-table, .check-out .product-in-table {
  text-align: left !important;
}

.shopping-cart .product-it-in, .check-out .product-it-in {
  overflow: hidden;
}

.shopping-cart .product-in-table img, .check-out .product-in-table img {
  max-height: 80px;
  background: #FFF;
  border: 1px solid #eee;
}

.shopping-cart .product-in-table h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

/*Quantity Field Form*/
.quantity-editor {
  min-width: 170px;
}

.cart-image {
  padding: 0px;
}

.shopping-cart .quantity-button, .check-out .quantity-button {
  color: #888;
  width: 45px;
  height: 40px;
  padding: 5px;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 18px;
  background: #eee;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
  background-image: none;
}

.shopping-cart .quantity-field, .check-out .quantity-field {
  width: 45px;
  height: 40px;
  outline: none;
  margin: 0 -4px;
  font-size: 18px;
  text-align: center;
  display: inline-block;
  border: 1px solid #eee;
}

/*Close*/
.shopping-cart .close, .check-out .close {
  opacity: 1;
  color: #888;
  font-size: 18px;
  padding-right: 10px;
}

.shopping-cart .close:hover {
  color: #555;
}

/*Billing Info*/
.shopping-cart h2.title-type {
  font-size: 16px;
  margin-left: 20px;
  text-transform: uppercase;
}

.shopping-cart .billing-info-inputs, .check-out .billing-info-inputs {
  padding: 20px;
  background: #f7f7f7;
  border: 1px solid #eee;
}

.shopping-cart .billing-info-inputs label, .check-out .billing-info-inputs label {
  color: #555;
  margin-bottom: 0;
  vertical-align: middle;
}

.shopping-cart .billing-info-inputs input, .check-out .billing-info-inputs input {
  min-height: 40px;
  border-color: #eee;
  margin-bottom: 10px;
}

.shopping-cart .billing-info-inputs select, .check-out .billing-info-inputs select {
  min-height: 40px;
  border-color: #eee;
  margin-bottom: 10px;
}

.shopping-cart .billing-info-inputs .form-control, .check-out .billing-info-inputs .form-control {
  color: #888;
  box-shadow: none;
}

.shopping-cart .billing-info-inputs .form-control::-moz-placeholder {
  color: #888;
}

.shopping-cart .billing-info-inputs .form-control:-ms-input-placeholder {
  color: #888;
}

.shopping-cart .billing-info-inputs .form-control::-webkit-input-placeholder {
  color: #888;
}

/*Offer cart (tarjous): mirror of .shopping-cart rules above — use form with class "offer-cart" only (no "shopping-cart") */
.offer-cart .coupon-code {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid #eee;
}

.offer-cart .coupon-code h3 {
  margin: 0;
  color: #687074;
  font-size: 18px;
}

.offer-cart .coupon-code input {
  width: 60%;
  margin-right: 10px;
  display: inline-block;
}

.offer-cart .gift-card-message-row {
  background-color: #f9f9f9;
}

.offer-cart .gift-card-message-container {
  padding: 15px 20px;
  border-top: 1px solid #eee;
}

.offer-cart .gift-card-message-container .gift-card-label {
  margin: 0;
  color: #687074;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
  text-align: left;
}

.offer-cart .gift-card-message-container .gift-card-message-input {
  width: 100%;
  margin-right: 10px;
  display: inline-block;
}

.offer-cart .total-result li {
  display: block;
}

.offer-cart .total-result li:after,
.offer-cart .total-result li:before {
  content: " ";
  display: table;
}

.offer-cart .total-result li:after {
  clear: both;
}

.offer-cart .total-result li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background: #eee;
}

.offer-cart .total-result h4 {
  float: left;
  margin-right: 15px;
  line-height: 15px;
}

.offer-cart .total-result-in {
  overflow: hidden;
  text-align: right;
}

.offer-cart .total-result-in h4,
.offer-cart .total-result-in span {
  color: #687074;
  font-size: 18px;
}

.offer-cart .total-result .total-price h4,
.offer-cart .total-result .total-price span {
  font-weight: 600;
}

.offer-cart .total-result .total-price h4 {
  /*margin: 0 auto;*/
}

.offer-cart .total-result .total-price span {
  color: #0033A0;
}

.offer-cart .table > thead > tr > th,
.offer-cart .table > tbody > tr > th,
.offer-cart .table > tfoot > tr > th,
.offer-cart .table > thead > tr > td,
.offer-cart .table > tbody > tr > td,
.offer-cart .table > tfoot > tr > td {
  border-top: none;
  vertical-align: middle;
}

.offer-cart .table > thead > tr > th,
.offer-cart .table > tbody > tr > td {
  padding: 15px;
  text-align: right;
}

.offer-cart .table > thead > tr > th {
  color: #0033A0;
  font-size: 16px;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.offer-cart .table > tbody > tr > td {
  color: #0033A0;
}

.offer-cart .table > tbody > tr > td.shop-red {
  color: #c9253c;
}

.offer-cart .product-in-table {
  text-align: left !important;
}

.offer-cart .product-it-in {
  overflow: hidden;
}

.offer-cart .product-in-table img {
  max-height: 80px;
  background: #FFF;
  /*border: 1px solid #eee;*/
}

.offer-cart .product-in-table h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

.offer-cart .quantity-button {
  color: #888;
  width: 45px;
  height: 40px;
  padding: 5px;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 18px;
  background: #eee;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
  background-image: none;
}

.offer-cart .quantity-field {
  width: 45px;
  height: 40px;
  outline: none;
  margin: 0 -4px;
  font-size: 18px;
  text-align: center;
  display: inline-block;
  border: 1px solid #eee;
}

.offer-cart .close {
  opacity: 1;
  color: #888;
  font-size: 18px;
  padding-right: 10px;
}

.offer-cart .close:hover {
  color: #555;
}

.offer-cart h2.title-type {
  font-size: 16px;
  margin-left: 20px;
  text-transform: uppercase;
}

.offer-cart .billing-info-inputs {
  padding: 20px;
  background: #f7f7f7;
  border: 1px solid #eee;
}

.offer-cart .billing-info-inputs label {
  color: #555;
  margin-bottom: 0;
  vertical-align: middle;
}

.offer-cart .billing-info-inputs input {
  min-height: 40px;
  border-color: #eee;
  margin-bottom: 10px;
}

.offer-cart .billing-info-inputs select {
  min-height: 40px;
  border-color: #eee;
  margin-bottom: 10px;
}

.offer-cart .billing-info-inputs .form-control {
  color: #888;
  box-shadow: none;
}

.offer-cart .billing-info-inputs .form-control::-moz-placeholder {
  color: #888;
}

.offer-cart .billing-info-inputs .form-control:-ms-input-placeholder {
  color: #888;
}

.offer-cart .billing-info-inputs .form-control::-webkit-input-placeholder {
  color: #888;
}

/*Custom Form Horizontal*/
.cus-form-horizontal .form-group {
  margin: 0 0 15px;
  overflow: hidden;
  padding-bottom: 7px;
}

.cus-form-horizontal .form-group label {
  color: #555;
  margin-top: 4px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
}

.wizard > .content > .body .cus-form-horizontal input {
  color: #888;
  box-shadow: none;
  border-color: #eee;
}

.cus-form-horizontal .form-group input::-moz-placeholder {
  color: #ccc;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.cus-form-horizontal .form-group input:-ms-input-placeholder {
  color: #ccc;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.cus-form-horizontal .form-group input::-webkit-input-placeholder {
  color: #ccc;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.cus-form-horizontal .input-small-field a {
  top: 5px;
  color: #0033A0;
  position: relative;
  text-decoration: underline;
}

.cus-form-horizontal .input-small-field a:hover {
  color: #0033A0;
  text-decoration: none;
}

.center-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.placeholder-icon {
  color: grey;
  padding-top: 40px;
  padding-bottom: 50px;
}

/*Footer-v4
------------------------------------*/
/*Footer*/
.footer-v4 .footer {
  padding: 50px 0;
  background: rgb(0, 89, 161);
}

.footer-v4 .footer p {
  color: #eaeaea;
  font-size: 15px;
}

.footer-v4 img.footer-logo {
  margin: 15px 0 20px;
  max-width: 345px;
}

.footer-v4 .address-list li {
  color: #eaeaea;
  margin-bottom: 7px;
}

.footer-v4 .address-list li i {
  margin-right: 10px;
  vertical-align: middle;
}

.footer-v4 .shop-social li i {
  color: #fff;
  width: 30px;
  height: 30px;
  padding: 8px;
  font-size: 16px;
  text-align: center;
  background: #0033A0;
}

.footer-v4 .shop-social li i:hover {
  background: #0033A0;
}

.footer-v4 h2.thumb-headline {
  color: #212560;
  font-size: 16px;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.footer-v4 .simple-list li {
  color: #eaeaea;
}

.footer-v4 .simple-list a {
  color: #eaeaea;
  font-size: 15px;
  font-weight: 200;
}

/*Copyright*/
.footer-v4 .copyright {
  padding: 15px 0;
  border-top: none;
  background: rgb(0, 89, 161);
}

.footer-v4 .copyright p {
  color: #eaeaea;
  font-size: 12px;
  margin-top: 13px;
  margin-bottom: 0;
}

.footer-v4 .copyright a {
  color: #0033A0;
}

.footer-v4 .sponsors-icons {
  margin-bottom: 0;
}

.footer-v4 .sponsors-icons i {
  color: #FFF;
  font-size: 40px;
}

.footer-v4 .footer a {
  color: #eaeaea;
  text-decoration: none;
}

@media (max-width: 991px) {
  .footer-v4 .copyright {
    text-align: center;
  }
  .footer-v4 .copyright p {
    margin-bottom: 15px;
  }
  .footer-v4 .sponsors-icons.pull-right {
    float: none !important;
  }
}
/*Top Bar v3 (currency, language, account etc.)
------------------------------------*/
.topbar-v3 {
  z-index: 99;
  padding: 3px 0;
  position: relative;
  background: rgb(0, 89, 161);
}

@media (max-width: 768px) {
  .topbar-v3 .left-topbar,
  .topbar-v3 .right-topbar {
    text-align: center;
    float: none !important;
  }
}
.headerRow {
  background: #FFF;
  vertical-align: central;
  text-align: center;
  padding: 7px;
}

.headerRow p {
  background: #FFF;
  vertical-align: central;
  text-align: center;
  margin: 0px;
}

/*Left Top Bar*/
.topbar-v3 ul.left-topbar {
  padding-left: 0;
  margin-bottom: 2px;
  margin-top: 2px;
  height: 30px;
}

.topbar-v3 ul.left-topbar > li {
  display: inline-block;
  list-style: none;
  margin-right: 15px;
  vertical-align: middle;
  text-align: center;
  margin-top: 4px;
}

.topbar-v3 ul.left-topbar > li > a {
  color: #eaeaea;
  font-size: 15px;
  text-transform: uppercase;
}

.topbar-v3 ul.left-topbar > li > a:hover {
  cursor: pointer;
}

/*Currency & Language*/
.topbar-v3 ul.currency {
  top: 28px;
  left: -5px;
  z-index: 1;
  display: none;
  padding: 4px 0;
  padding-left: 0;
  list-style: none;
  min-width: 140px;
  position: absolute;
  background: rgb(0, 89, 161);
}

.topbar-v3 ul.language {
  top: 28px;
  left: -5px;
  z-index: 1;
  display: none;
  padding: 4px 0;
  padding-left: 0;
  list-style: none;
  min-width: 240px;
  position: absolute;
  background: rgb(0, 89, 161);
}

@media (max-width: 768px) {
  .topbar-v3 ul.currency,
  .topbar-v3 ul.language {
    top: 20px;
  }
}
/*
.topbar-v3 li:hover ul.currency,
.topbar-v3 li:hover ul.language {
	display: block;
}
*/
.topbar-v3 ul.currency:after,
.topbar-v3 ul.language:after {
  top: -4px;
  width: 0;
  height: 0;
  left: 8px;
  content: " ";
  display: block;
  position: absolute;
  border-bottom: 6px solid rgb(0, 89, 161);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left-style: inset; /*FF fixes*/
  border-right-style: inset; /*FF fixes*/
}

.topbar-v3 ul.currency li a,
.topbar-v3 ul.language li a {
  color: #d1d1d1;
  display: block;
  color: #eaeaea;
  font-size: 15px;
  padding: 2px 12px;
  margin-bottom: 1px;
  text-transform: uppercase;
}

.topbar-v3 ul.currency li.active,
.topbar-v3 ul.language li.active {
  background-color: #eaeaea;
}

.topbar-v3 ul.currency li:hover,
.topbar-v3 ul.language li:hover {
  background-color: #eaeaea;
}

.topbar-v3 ul.currency li.active a i,
.topbar-v3 ul.language li.active a i {
  color: #687074;
  float: right;
  margin-top: 2px;
}

.topbar-v3 ul.currency li a:hover,
.topbar-v3 ul.language li a:hover,
.topbar-v3 ul.currency li.active a,
.topbar-v3 ul.language li.active a {
  color: #687074;
}

.topbar-v3 ul.currency li a:hover,
.topbar-v3 ul.language li a:hover {
  text-decoration: none;
}

/*Right Top Bar*/
.topbar-v3 .right-topbar {
  margin-bottom: 2px;
  margin-top: 2px;
}

.topbar-v3 .right-topbar li {
  margin-left: 3px;
}

.topbar-v3 .right-topbar li:first-child {
  margin-left: 0;
}

.topbar-v3 .right-topbar li,
.topbar-v3 .right-topbar li a,
.topbar-v3 .right-topbar li form a {
  color: #eaeaea;
  font-size: 15px;
  text-transform: uppercase;
}

/*Search*/
.topbar-v3 .search {
  color: #eaeaea;
  cursor: pointer;
  font-size: 15px;
  display: inline-block;
}

.topbar-v3 .search:hover {
  color: #bbb;
}

.topbar-v3 .search-open {
  top: 0;
  left: 0;
  background-color: #fff;
}

.topbar-v3 .search-open .container {
  position: relative;
}

.topbar-v3 .search-open .search-close {
  top: 10px;
  right: 20px;
  color: #eaeaea;
  cursor: pointer;
  position: absolute;
}

.topbar-v3 .search-open .form-control {
  padding-left: 5px;
  color: #eee;
  border: none;
  height: 30px;
  font-weight: 200;
  background: rgba(0, 0, 2, 0.8);
  /*font-size: $font-size;*/
  font-size: 16px;
}

.topbar-v3 .search-open .form-control:focus {
  box-shadow: none;
}

.topbar-v3 .search-open .form-control::-moz-placeholder {
  color: #eee;
  font-weight: 200;
}

.topbar-v3 .search-open .form-control:-ms-input-placeholder {
  color: #eee;
  font-weight: 200;
}

.topbar-v3 .search-open .form-control::-webkit-input-placeholder {
  color: #eee;
  font-weight: 200;
}

/*Shop Badge
------------------------------------*/
/*Badge Lists*/
.header-v5 .shop-badge.badge-lists {
  margin-bottom: 0;
}

.header-v5 .shop-badge.badge-lists li {
  position: relative;
}

.header-v5 .shop-badge.badge-lists > li {
  padding: 27px 15px 25px 25px;
}

.header-v5 .shop-badge.badge-lists span.badge {
  top: 20px;
  right: 3px;
  position: absolute;
}

@media (max-width: 991px) {
  .header-v5 .shop-badge {
    display: none;
  }
}
/*Badge Icons*/
.header-v5 .shop-badge.badge-icons span.badge {
  min-width: 12px;
  padding: 3px 6px;
}

.header-v5 .shop-badge.badge-icons i {
  color: #687074;
  font-size: 24px;
  min-width: 25px;
}

/*Badge*/
.header-v5 .shop-badge span.badge {
  font-weight: 400;
  padding: 4px 7px;
}

.header-v5 .shop-badge span.badge-sea {
  background: #0033A0;
}

.navbar-basket i {
  color: #687074;
}

.badge2 {
  left: -10px;
  top: 10px;
  position: relative;
  float: right;
  background: #0033A0;
}

/*Scrollbar*/
.header-v5 .mCustomScrollbar {
  max-height: 600px;
}

/*Badge Open*/
.header-v5 ul.shop-badge > li {
  position: relative;
}

.header-v5 ul.shop-badge > li:hover .badge-open {
  display: block;
}

.header-v5 .badge-open {
  top: 78px;
  right: 0;
  display: none;
  padding: 0 20px;
  list-style: none;
  min-width: 300px;
  background: #FFF;
  position: absolute;
  border-top: 2px solid #0033A0;
  -webkit-box-shadow: 0 2px 2px 0px rgba(90, 90, 90, 0.075);
  -moz-box-shadow: 0 2px 2px 0px rgba(90, 90, 90, 0.075);
  box-shadow: 0 5px 5px 0px rgba(90, 90, 90, 0.075);
}

.header-v5 .badge-open li {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dedede;
}

.header-v5 .badge-open li:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 20px;
}

.header-v5 .badge-open li:after,
.header-v5 .badge-open li:before {
  content: " ";
  display: table;
}

.header-v5 .badge-open li:after {
  clear: both;
}

.header-v5 .badge-open img {
  float: left;
  width: 100px;
  height: auto;
  margin-right: 15px;
}

.header-v5 .badge-open .close {
  line-height: 1.9;
}

.header-v5 .badge-open span {
  margin: 7px 0;
  color: #687074;
  display: block;
  font-size: 15px;
}

.header-v5 .badge-open small {
  color: #999;
  font-size: 15px;
}

/*Subtotal*/
.header-v5 li.subtotal {
  padding: 3px 0 20px;
}

.header-v5 li.subtotal span {
  color: #555;
  font-size: 18px;
  font-weight: 200;
  display: inline-block;
  text-transform: uppercase;
}

.header-v5 li.subtotal .subtotal-cost {
  color: #0033A0;
}

.header-v5 li.subtotal .btn-u {
  font-size: 12px;
}

.header-v5 li.subtotal .col-xs-6:first-child {
  padding-right: 8px;
}

.header-v5 li.subtotal .col-xs-6:last-child {
  padding-left: 8px;
}

/*Header v5
------------------------------------*/
.header-v5 {
  z-index: 99;
  position: relative;
  border-bottom: solid 2px #eee;
}

.header-v5 .navbar {
  margin: 0;
}

@media (max-width: 991px) {
  .header-v5 .navbar {
    margin-top: 10px;
  }
}
.header-v5 .navbar-default {
  border: none;
  background: none;
}

/*Navbar Header*/
@media (max-width: 991px) {
  .header-v5 .navbar-header {
    margin-bottom: 7px;
  }
}
@media (min-width: 993px) and (max-width: 999px) {
  .header-v5 .navbar-header {
    margin-top: 15px;
  }
}
.header-v5 .navbar-brand {
  z-index: 1;
  padding: 10px 10px 10px 15px;
}

@media (max-width: 998px) {
  .header-v5 .navbar-brand {
    margin-top: -7px;
  }
}
/*basket*/
.header-v5 .navbar-basket {
  z-index: 1;
  border: none;
  font-size: 19px;
  margin-top: 20px;
  margin-right: 5px;
  float: right;
  display: block;
}

.header-v5 .navbar-default .navbar-toggle {
  color: #333;
  border: none;
  font-size: 19px;
  margin-top: 10px;
}

.header-v5 .navbar-default .navbar-toggle .icon-bar {
  background: #222;
}

.header-v5 .navbar-default .navbar-toggle:hover,
.header-v5 .navbar-default .navbar-toggle:focus {
  background: inherit;
}

/*Navbar Collapse*/
.header-v5 .navbar-collapse {
  position: relative;
}

/*Navbar Nav set to centre*/
@media (min-width: 992px) {
  .header-v5 .navbar-nav {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
  }
}
/*Navbar Menu*/
@media (min-width: 992px) {
  .header-v5 .navbar-default .navbar-nav > li > a {
    color: #687074;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media (min-width: 1200px) {
  /* Bootstrap .container lg: width 1170px — +200px; max-width 100% estää ylityksen kapealla desktopilla */
  .header-v5 .container {
    width: 1370px;
    max-width: 100%;
  }
  .header-v5 .navbar-default .navbar-nav > li > a {
    color: #687074;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
  }
}
.header-v5 .navbar-default .navbar-nav > .active > a {
  color: #0033A0;
}

/*Responsive Navbar*/
@media (max-width: 991px) {
  /*Responsive code for max-width: 991px*/
  .header-v5 .navbar-header {
    float: none;
  }
  .header-v5 .navbar-toggle {
    display: block;
  }
  .header-v5 .navbar-collapse.collapse {
    display: none !important;
  }
  .header-v5 .navbar-collapse.collapse.in {
    display: block !important;
    overflow-y: auto !important;
  }
  .header-v5 .navbar-nav {
    margin: 0;
    float: none !important;
  }
  .header-v5 .navbar-nav > li {
    float: none;
  }
  .header-v5 .navbar-nav > li > a {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  /*Dropdown Menu Slide Down Effect*/
  .header-v5 .navbar-nav .open .dropdown-menu {
    border: 0;
    float: none;
    width: auto;
    margin-top: 0;
    position: static;
    box-shadow: none;
    background-color: transparent;
  }
  .header-v5 .navbar-nav .open .dropdown-menu > li > a,
  .header-v5 .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .header-v5 .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .header-v5 .navbar-nav .open .dropdown-menu > li > a:hover,
  .header-v5 .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
  .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #0033A0;
  }
  .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #eaeaea;
    background: #0033A0;
  }
  .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #0033A0;
    background-color: transparent;
  }
  .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #0033A0;
    background-color: transparent;
  }
  .header-v5 .navbar-default .dropdown-menu.no-bottom-space {
    padding-bottom: 0;
  }
  /*Design for max-width: 991px*/
  .header-v5 .navbar-collapse,
  .header-v5 .navbar-collapse .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .header-v5 .navbar-default .navbar-nav > li > a {
    font-size: 15px;
    color: #687074;
    padding: 9px 10px;
  }
  .header-v5 .navbar-default .navbar-nav > li a {
    border-bottom: solid 1px #eee;
  }
  .header-v5 .navbar-default .navbar-nav > li > a:focus {
    color: #eaeaea;
    background: #0033A0;
  }
  .header-v5 .navbar-default .navbar-nav > li > a:hover {
    color: #eaeaea;
    background: #0033A0;
  }
  .header-v5 .navbar-default .navbar-nav > .active > a,
  .header-v5 .navbar-default .navbar-nav > .active > a:hover,
  .header-v5 .navbar-default .navbar-nav > .active > a:focus {
    color: #eaeaea !important;
    background: #0033A0 !important;
  }
  .header-v5 .dropdown .dropdown-submenu > a {
    font-size: 13px;
    color: #687074 !important;
    text-transform: uppercase;
    background: transparent;
  }
}
@media (min-width: 992px) {
  /*Navbar Collapse*/
  .header-v5 .navbar-collapse {
    padding: 0;
  }
  .header-v5 .navbar-default .navbar-nav > li > a {
    line-height: 29px;
    padding: 23px 18px 24px;
  }
  .header-v5 .navbar-default .navbar-nav > li > a:last-child {
    padding-right: 15px;
  }
  .header-v5 .navbar-default .navbar-nav > li > a,
  .header-v5 .navbar-default .navbar-nav > li > a:focus {
    border-top: solid 2px transparent;
  }
  .header-v5 .navbar-default .navbar-nav > li > a:hover,
  .header-v5 .navbar-default .navbar-nav > .active > a {
    border-top: solid 2px #0033A0;
  }
  .header-v5 .navbar-default .navbar-nav > li > a,
  .header-v5 .navbar-default .navbar-nav > li > a:hover,
  .header-v5 .navbar-default .navbar-nav > li > a:focus,
  .header-v5 .navbar-default .navbar-nav > .active > a,
  .header-v5 .navbar-default .navbar-nav > .active > a:hover,
  .header-v5 .navbar-default .navbar-nav > .active > a:focus {
    background: none;
  }
  .header-v5 .navbar-default .navbar-nav > .open > a,
  .header-v5 .navbar-default .navbar-nav > .open > a:hover,
  .header-v5 .navbar-default .navbar-nav > .open > a:focus {
    color: #eaeaea;
    background: #0033A0;
  }
  .header-v5 .navbar-default .navbar-nav > li:hover > a {
    color: #eaeaea;
    background: #0033A0;
  }
  /*Dropdown Menu*/
  .header-v5 .dropdown-menu {
    padding: 0;
    border: none;
    min-width: 200px;
    border-radius: 0;
    z-index: 9999 !important;
    border-top: solid 2px transparent;
    -webkit-box-shadow: 0 2px 2px 0px rgba(90, 90, 90, 0.075);
    -moz-box-shadow: 0 2px 2px 0px rgba(90, 90, 90, 0.075);
    box-shadow: 0 5px 5px 0px rgba(90, 90, 90, 0.075);
  }
  .header-v5 .dropdown-menu li a {
    color: #687074;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 15px;
    border-bottom: solid 1px #dedede;
  }
  .header-v5 .dropdown-menu > li > a {
    /*Transition for fixed header*/
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .header-v5 .dropdown-menu .active > a,
  .header-v5 .dropdown-menu li > a:hover {
    color: #eaeaea;
    background: #0033A0;
    filter: none !important;
  }
  .header-v5 .dropdown-menu li > a:focus {
    color: inherit;
    background: none;
    filter: none !important;
  }
  /*
  .header-v5 .navbar-nav > li.dropdown:hover > .dropdown-menu {
      display: block;
  }

  .header-v5 .open > .dropdown-menu {
      display: none;
  }
      */
  .header-v5 .dropdown-menu li.dropdown-submenu:hover > a {
    color: #eaeaea;
    background: #0033A0;
  }
}
/*Dropdown Submenu for BS3
------------------------------------*/
.header-v5 .dropdown-submenu {
  position: relative;
}

.header-v5 .dropdown > a:after,
.header-v5 .dropdown-submenu > a:after {
  top: 8px;
  right: 9px;
  font-size: 11px;
  content: "\f105";
  content: " ";
  position: absolute;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

@media (max-width: 991px) {
  .header-v5 .dropdown-submenu > a:after {
    content: " ";
  }
  .header-v5 .dropdown > a:after {
    top: 9px;
    right: 15px;
    content: "\f107";
  }
}
@media (min-width: 992px) {
  .header-v5 .dropdown > a:after {
    content: " ";
  }
}
.header-v5 .dropdown-submenu > .dropdown-menu {
  top: 3px;
  left: 100%;
  margin-top: -5px;
  margin-left: 0px;
}

/*Submenu comes from LEFT side*/
.header-v5 .dropdown-submenu > .dropdown-menu.submenu-left {
  left: -100%;
}

.header-v5 .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

@media (max-width: 991px) {
  .header-v5 .dropdown-submenu > .dropdown-menu {
    display: block;
    margin-left: 15px;
  }
}
.header-v5 .dropdown-submenu.pull-left {
  float: none;
}

.header-v5 .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.header-v5 .dropdown-menu li [class^=fa-],
.header-v5 .dropdown-menu li [class*=" fa-"] {
  left: -3px;
  width: 1.25em;
  margin-right: 1px;
  position: relative;
  text-align: center;
  display: inline-block;
}

.header-v5 .dropdown-menu li [class^=fa-].fa-lg,
.header-v5 .dropdown-menu li [class*=" fa-"].fa-lg {
  /* increased font size for fa-lg */
  width: 1.5625em;
}

/*Header Fixed
------------------------------------*/
/*Header*/
.header-fixed .header-v5.header-fixed-shrink {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  position: fixed;
  height: 110px;
  margin-top: -40px;
  border-bottom: none;
  box-shadow: 0 0 3px #bbb;
  background: rgba(255, 255, 255, 0.96);
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  transition: background 0.4s;
}

/*Topbar*/
.header-fixed .header-v5.header-fixed-shrink .topbar {
  display: none;
}

/*No Topbar*/
.header-fixed .header-v5.no-topbar {
  height: 78px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink {
  height: 95px;
  margin-top: -35px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink .navbar-brand {
  top: 46px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink .shop-badge.badge-lists {
  margin-top: 26px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink .shop-badge.badge-lists > li {
  padding-bottom: 17px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink .shop-badge .badge-open {
  top: 69px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink .navbar-nav > li > .dropdown-menu {
  margin-top: -1px;
}

/*Brand*/
.header-fixed .header-v5.header-fixed-shrink .navbar-brand {
  top: 7px;
  z-index: 1;
  position: relative;
  padding: 0 10px 10px;
}

.header-fixed .header-v5.header-fixed-shrink .navbar-nav > li > .dropdown-menu {
  margin-top: -8px;
}

/*Badge List*/
.header-fixed .header-v5.header-fixed-shrink .shop-badge.badge-lists {
  margin-top: -3px;
}

.header-fixed .header-v5.header-fixed-shrink .shop-badge .badge-open {
  top: 70px;
}

@media (max-width: 991px) {
  /*Header*/
  .header-fixed .header-v5,
  .header-fixed .header-v5.header-fixed-shrink,
  .header-fixed .header-v5.no-topbar,
  .header-fixed .header-v5.no-topbar.header-fixed-shrink {
    height: inherit;
    position: relative;
  }
}
@media (min-width: 992px) {
  .header-fixed .header-v5.header-fixed-shrink .navbar-nav > li > a {
    font-size: 15px;
    margin-top: 2px;
    padding: 17px 18px 20px;
  }
  /*No Topbar*/
  .header-fixed .header-v5.no-topbar.header-fixed-shrink .navbar-nav > li > a {
    margin-top: 35px;
    padding: 14px 17px 16px;
  }
}
/*Mega Menu
------------------------------------*/
.header-v5 .mega-menu .nav,
.header-v5 .mega-menu .dropup,
.header-v5 .mega-menu .dropdown,
.header-v5 .mega-menu .collapse {
  position: static;
}

.header-v5 .mega-menu .navbar-inner,
.header-v5 .mega-menu .container {
  position: relative;
}

.header-v5 .mega-menu .dropdown-menu {
  left: auto;
}

.header-v5 .mega-menu .dropdown-menu > li {
  display: block;
}

.header-v5 .mega-menu .dropdown-submenu .dropdown-menu {
  left: 100%;
}

.header-v5 .mega-menu .nav.pull-right .dropdown-menu {
  right: 0;
}

.header-v5 .mega-menu .mega-menu-content {
  *zoom: 1;
  padding: 20px 10px;
}

.header-v5 .mega-menu .mega-menu-content:before,
.header-v5 .mega-menu .mega-menu-content:after {
  content: "";
  display: table;
  line-height: 0;
}

.header-v5 .mega-menu .mega-menu-content:after {
  clear: both;
}

.header-v5 .mega-menu.navbar .nav > li > .dropdown-menu:after,
.header-v5 .mega-menu.navbar .nav > li > .dropdown-menu:before {
  display: none;
}

.header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
  left: 0;
  right: 0;
  overflow: hidden;
}

@media (min-width: 992px) {
  .header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
    margin-left: 10px;
    margin-right: 15px;
  }
}
@media (max-width: 991px) {
  .header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
    width: auto;
  }
  .header-v5 .mega-menu .mega-menu-content {
    padding-right: 0;
  }
  .header-v5 .mega-menu .mega-menu-content [class^=col-] {
    padding-right: 25px;
  }
  .header-v5 .mega-menu .dropdown-menu > li > ul {
    display: block;
  }
}
/*Bootstrap Container*/
@media (min-width: 768px) {
  .header-v5 .mega-menu .mega-menu-content .container {
    width: 708px;
  }
}
@media (min-width: 992px) {
  .header-v5 .mega-menu .mega-menu-content .container {
    width: 910px;
  }
}
@media (min-width: 991px) {
  .header-v5 .mega-menu .mega-menu-content .container {
    width: 1110px;
  }
}
/*Dropdown Menu*/
.header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li {
  padding-bottom: 5px;
}

.header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li a {
  padding: 0;
  border-bottom: none;
}

/*Product Offers*/
.header-v5 img.product-offers:hover {
  opacity: 0.9;
}

/*Style List*/
.header-v5 h3.mega-menu-heading {
  color: #555;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  border-bottom: 1px solid #dedede;
}

.header-v5 h3.mega-menu-heading.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.header-v5 .style-list {
  margin-bottom: 20px;
}

.header-v5 .style-list li a {
  color: #888;
  font-size: 15px;
  margin-right: 5px;
}

.header-v5 .style-list li a:hover {
  color: #0033A0;
  background: none;
  text-decoration: none;
}

.header-v5 .style-list li .label {
  top: -2px;
  position: relative;
}

#logo-header {
  object-fit: contain;
  height: 55px;
  width: 170px;
}

/* Add here all your css styles (customizations) */
.illustration-v2 .product-img img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.colorList {
  list-style-type: none;
  padding-left: 5px;
}

label.colorLabel {
  float: none !important;
}

.borderless {
  border: none;
}

.cartHeader {
  height: 60px;
}

.product-image {
  margin-left: auto;
  margin-right: auto;
}

div.validation-summary-errors {
  color: red;
}

div.validation-summary-errors ul {
  list-style-type: none;
}

.voffset {
  margin-top: 10px;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.borderless td, .borderless th {
  border: none !important;
}

.stepdescription {
  margin: 0;
}

.stepicon {
  right: 15px !important;
}

.checkboxlabel {
  padding-top: 5px !important;
}

.addressCheckbox {
  float: left;
}

.claimContainer {
  margin-top: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: grey;
  padding: 10px;
}

.form-margin {
  margin: 5px;
}

#progress_bar {
  margin: 10px 0;
  padding: 3px;
  border: 1px solid #000;
  font-size: 15px;
  clear: both;
  opacity: 0;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
}

#progress_bar.loading {
  opacity: 1;
}

#progress_bar .percent {
  background-color: #0033A0;
  height: auto;
  width: 0;
}

.fa-pulse {
  color: #0033A0;
}

button:hover:not([disabled]) {
  background: #0033A0;
}

.wizard > .actions li.disabled a:hover {
  background: #b8b8b8 !important;
}

.packageSelection {
  width: 165px;
  margin-right: 10px;
  margin-bottom: 5px;
}

/* magnifying glass icon */
/*
.ms-sl-selected:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(icon.png);
}


.ms-sl-selected img::selection {
    background-color: transparent;
}

#ex2 img:hover {
    cursor: url(grab.cur), default;
}

#ex2 img:active {
    cursor: url(grabbed.cur), default;
}
    */
.pagecontent h1, .pagecontent h2, .pagecontent h3, .pagecontent h4, .pagecontent h5, .pagecontent h6 {
  color: #212560;
  font-family: "Open Sans", sans-serif;
}

.fullPagecontent {
  min-height: 600px;
}

.selectHeader {
  background-color: #e8e8e8;
}

.selectBox {
  background: #f7f7f7;
  padding: 10px;
}

.shop-subscribe form {
  color: #FFF;
  font-size: 16px;
}

#ninja-slider {
  padding: 0;
  background: none;
}

#ninja-slider div.slider-inner {
  max-width: 555px;
}

#ninja-slider li {
  background: none;
}

#ninja-slider .ns-img {
  background: none;
}

#thumbnail-slider ul li {
  border-color: #FFF;
  border-width: 3px;
  width: 100px;
  height: 100px;
}

#thumbnail-slider ul li.active {
  border-color: darkgray;
}

.registerOptions input {
  height: 13px !important;
}

.registerOptions span {
  width: 200px;
  color: #333 !important;
  display: inline-block;
}

.supplierFormLastRow {
  margin-bottom: 10px;
}

#discountSpinner {
  color: #212560;
  font-size: 20px;
}

/*Payment Type*/
.cus-form-horizontal .payment-type li {
  margin-right: 10px;
}

.cus-form-horizontal .payment-type i {
  color: #888;
  font-size: 35px;
}

.red {
  color: red;
}

.green {
  color: green;
}

.center {
  text-align: center;
}

.color16777215 {
  background: white;
}

.color0 {
  background: black;
}

.color8421504 {
  background: gray;
}

.color16711680 {
  background: #e74c3c;
}

.color16761035 {
  background: pink;
}

.color8388736 {
  background: #9b6bcc;
}

.color255 {
  background: #3498db;
}

.color32768 {
  background: #72c02c;
}

.color16776960 {
  background: #f1c40f;
}

.color16753920 {
  background: #e67e22;
}

.color10824234 {
  background: #9c8061;
}

.color268435455 {
  background: cyan; /* Fallback */
  background: -webkit-linear-gradient(left, #e67e22, #f1c40f, #72c02c, #3498db, #9b6bcc, #e74c3c);
  background: -o-linear-gradient(right, #e67e22, #f1c40f, #72c02c, #3498db, #9b6bcc, #e74c3c);
  background: -moz-linear-gradient(right, #e67e22, #f1c40f, #72c02c, #3498db, #9b6bcc, #e74c3c);
  background: linear-gradient(to right, #e67e22, #f1c40f, #72c02c, #3498db, #9b6bcc, #e74c3c);
}

.top-left-text {
  position: absolute;
  top: 8px;
  left: 16px;
}

.billing-info-inputs input {
  font-size: 16px;
}

.billing-info-inputs select {
  font-size: 16px;
}

.billing-info-inputs .text-danger span {
  margin-top: -10px;
  margin-bottom: 10px;
  display: block;
}

.offer-cart input {
  font-size: 16px;
}

.offer-cart textarea {
  font-size: 16px;
}

/* Hinnan laskenta -popup (#calculationContent): ~10 data-riviä näkyvissä (thead+tfoot sticky), loput scroll */
#calculationContent .offer-calculation-table-scroll {
  max-height: min(70vh, 31rem);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#calculationContent .offer-calculation-table-scroll table {
  margin-bottom: 0;
}

#calculationContent .offer-calculation-table-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 1px 0 #dee2e6;
}

#calculationContent .offer-calculation-table-scroll tfoot td {
  position: sticky;
  bottom: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 -1px 0 #dee2e6;
}

/* Tarjousnäkymän banneri (_OfferDataPartial): täyttää sarakkeen leveyden */
.offer-page-banner-row {
  margin-bottom: 15px;
}
.offer-page-banner-row .offer-page-banner {
  width: 100%;
  height: auto;
  display: block;
  padding-bottom: 15px;
}

/* Tarjouskorin omat hienosäädöt (shop-style .offer-cart -kopion päälle; muokkaa tarvittaessa) */
.offer-cart .table > thead > tr > th {
  font-weight: 500;
  letter-spacing: 0.02em;
}

.offer-cart .table > tbody > tr > td.shop-red {
  font-weight: 600;
}

/* Offer cart specific styles - override default shopping cart styles */
.offer-cart {
  /* Product rows: white background instead of gray (override table-striped and any other background colors) */
  /* Readonly + tarjoushyväksyntä (/Offer/Accept): sama viiva kuin readonly-offer-cart */
  /* Note: readonly-offer-cart = OfferReviewReadOnly-lomake; offer-cart-accept = OfferReview kun ViewBag.ShowOfferAcceptancePrices */
  /* Size selection rows: white background and dark dashed border AFTER them */
  /* Size selection section layout */
  /* Quantity buttons: white background instead of gray */
}
.offer-cart .table.table-striped > tbody > tr.cartRow,
.offer-cart .table > tbody > tr.cartRow {
  background-color: white !important;
  /* Dark dashed border between product rows (for OfferReview page) */
  border-bottom: 1px dashed #333;
  /* Override any striped table alternating row colors */
}
.offer-cart .table.table-striped > tbody > tr.cartRow:nth-child(odd), .offer-cart .table.table-striped > tbody > tr.cartRow:nth-child(even),
.offer-cart .table > tbody > tr.cartRow:nth-child(odd),
.offer-cart .table > tbody > tr.cartRow:nth-child(even) {
  background-color: white !important;
}
.offer-cart.readonly-offer-cart,
.offer-cart .readonly-offer-cart, .offer-cart.offer-cart-accept {
  /* Viimeinen tuoterivi (tai size breakdown -rivi, kun se on listan viimeinen blokki): kiinteät ylä- ja alareunat */
}
.offer-cart.readonly-offer-cart .table > tbody > tr.cartRow,
.offer-cart .readonly-offer-cart .table > tbody > tr.cartRow, .offer-cart.offer-cart-accept .table > tbody > tr.cartRow {
  /* Yläreuna: normal katkoviiva */
  border-top: 1px solid #0033A0;
  /* Alareuna: harvempi */
  border-bottom: 1px dashed #0033A0;
  background-size: 16px 1px;
  background-position: bottom;
  background-repeat: repeat-x;
  /* If followed by size selection row, the lighter border visually connects them */
}
.offer-cart.readonly-offer-cart .table > tbody > tr.cartRow + .size-selection-row, .offer-cart.readonly-offer-cart .table > tbody > tr.cartRow + .fixed-size-selection-row,
.offer-cart .readonly-offer-cart .table > tbody > tr.cartRow + .size-selection-row,
.offer-cart .readonly-offer-cart .table > tbody > tr.cartRow + .fixed-size-selection-row, .offer-cart.offer-cart-accept .table > tbody > tr.cartRow + .size-selection-row, .offer-cart.offer-cart-accept .table > tbody > tr.cartRow + .fixed-size-selection-row {
  border-top: 1px dashed rgba(51, 51, 51, 0.5);
}
.offer-cart.readonly-offer-cart .table > tbody > tr.lastCartRow,
.offer-cart .readonly-offer-cart .table > tbody > tr.lastCartRow, .offer-cart.offer-cart-accept .table > tbody > tr.lastCartRow {
  border-top: 1px solid #0033A0;
  border-bottom: 1px solid #0033A0;
  background-color: white !important;
  background-image: none;
  background-size: auto;
  background-repeat: no-repeat;
}
.offer-cart.readonly-offer-cart .table > tbody > tr.lastCartRow > td,
.offer-cart .readonly-offer-cart .table > tbody > tr.lastCartRow > td, .offer-cart.offer-cart-accept .table > tbody > tr.lastCartRow > td {
  border-top: 1px solid #0033A0 !important;
  border-bottom: 1px solid #0033A0 !important;
}
.offer-cart .table > tbody > tr.size-selection-row,
.offer-cart .table > tbody > tr.fixed-size-selection-row {
  background-color: white !important;
  /* Dark dashed border after size selection row (separates product+selection from next product) */
  border-bottom: 1px dashed #333;
  /* Override any striped table alternating row colors */
}
.offer-cart .table > tbody > tr.size-selection-row:nth-child(odd), .offer-cart .table > tbody > tr.size-selection-row:nth-child(even),
.offer-cart .table > tbody > tr.fixed-size-selection-row:nth-child(odd),
.offer-cart .table > tbody > tr.fixed-size-selection-row:nth-child(even) {
  background-color: white !important;
}
.offer-cart .table > tbody > tr.size-selection-row td,
.offer-cart .table > tbody > tr.fixed-size-selection-row td {
  padding: 15px;
}
.offer-cart .size-selection-section .size-selection-title,
.offer-cart .size-selection-section .fixed-size-selection-title,
.offer-cart .fixed-size-selection-section .size-selection-title,
.offer-cart .fixed-size-selection-section .fixed-size-selection-title {
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  text-align: left;
}
.offer-cart .size-selection-section .add-size-selection,
.offer-cart .size-selection-section .add-fixed-size-selection,
.offer-cart .fixed-size-selection-section .add-size-selection,
.offer-cart .fixed-size-selection-section .add-fixed-size-selection {
  margin-top: 0;
}
.offer-cart .size-selection-section .add-size-selection .form-group,
.offer-cart .size-selection-section .add-fixed-size-selection .form-group,
.offer-cart .fixed-size-selection-section .add-size-selection .form-group,
.offer-cart .fixed-size-selection-section .add-fixed-size-selection .form-group {
  margin-bottom: 10px;
}
.offer-cart .size-selection-section .add-size-selection .form-group label,
.offer-cart .size-selection-section .add-fixed-size-selection .form-group label,
.offer-cart .fixed-size-selection-section .add-size-selection .form-group label,
.offer-cart .fixed-size-selection-section .add-fixed-size-selection .form-group label {
  margin-right: 5px;
  font-weight: normal;
}
.offer-cart .size-selection-section .existing-selections,
.offer-cart .size-selection-section .existing-fixed-selections,
.offer-cart .fixed-size-selection-section .existing-selections,
.offer-cart .fixed-size-selection-section .existing-fixed-selections {
  text-align: right;
  /* Style for selection items - align buttons to right */
}
.offer-cart .size-selection-section .existing-selections .size-selection-item,
.offer-cart .size-selection-section .existing-selections .fixed-size-selection-item,
.offer-cart .size-selection-section .existing-fixed-selections .size-selection-item,
.offer-cart .size-selection-section .existing-fixed-selections .fixed-size-selection-item,
.offer-cart .fixed-size-selection-section .existing-selections .size-selection-item,
.offer-cart .fixed-size-selection-section .existing-selections .fixed-size-selection-item,
.offer-cart .fixed-size-selection-section .existing-fixed-selections .size-selection-item,
.offer-cart .fixed-size-selection-section .existing-fixed-selections .fixed-size-selection-item {
  text-align: right;
  margin-bottom: 10px;
}
.offer-cart .size-selection-section .existing-selections .size-selection-item .btn,
.offer-cart .size-selection-section .existing-selections .fixed-size-selection-item .btn,
.offer-cart .size-selection-section .existing-fixed-selections .size-selection-item .btn,
.offer-cart .size-selection-section .existing-fixed-selections .fixed-size-selection-item .btn,
.offer-cart .fixed-size-selection-section .existing-selections .size-selection-item .btn,
.offer-cart .fixed-size-selection-section .existing-selections .fixed-size-selection-item .btn,
.offer-cart .fixed-size-selection-section .existing-fixed-selections .size-selection-item .btn,
.offer-cart .fixed-size-selection-section .existing-fixed-selections .fixed-size-selection-item .btn {
  margin-left: 5px;
}
.offer-cart .quantity-button {
  background: white !important;
  border: 1px solid #ddd;
  color: #888;
  /* Hover: emphasize + / - sign instead of background color change */
}
.offer-cart .quantity-button:hover:not(:disabled) {
  background: white !important;
  color: #333;
  font-weight: bold;
  transform: scale(1.1);
  transition: transform 0.2s ease, color 0.2s ease, font-weight 0.2s ease;
}
.offer-cart .quantity-button:active:not(:disabled) {
  transform: scale(0.95);
}
.offer-cart .quantity-button:disabled {
  background: #f5f5f5 !important;
  opacity: 0.6;
}

#DiscountCode {
  font-size: 16px;
}

#subscribeTarget input {
  font-size: 16px;
}

.log-reg-v3 .login-input .field-validation-error span {
  color: red;
}

.validation-summary-errors ul li {
  color: red;
}

@media (min-width: 992px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}
.slider-header {
  font-family: "Open Sans", sans-serif;
  color: #212560;
}

#productSorting {
  padding: 5px;
}

#productresults {
  padding: 5px;
}

.packageSelection {
  padding: 5px;
}

#colorList {
  padding: 5px;
}

.actionDescription {
  width: 100%;
  font-size: 16px;
  margin-bottom: 5px;
  border-width: thin;
}

#toast-container > .toast {
  background-image: none !important;
}

#toast-container > .toast:before {
  position: relative;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 30px;
  line-height: 40px;
  float: left;
  margin-left: -25px;
  color: #FFF;
  padding-right: 8px;
  margin-right: 8px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#toast-container > .toast-warning:before {
  content: "\f071";
}

#toast-container > .toast-error:before {
  content: "\f06a";
}

#toast-container > .toast-info:before {
  content: "\f05a";
}

#toast-container > .toast-success:before {
  content: "\f058";
}

/*Login & Registration
------------------------------------*/
/**General Styles**/
/*Button Facebook Style*/
.btn-u.btn-u-fb {
  background: #4862a3;
}

.btn-u.btn-u-fb:hover,
.btn-u.btn-u-fb:focus,
.btn-u.btn-u-fb:active,
.btn-u.btn-u-fb.active,
.open .dropdown-toggle.btn-u.btn-u-fb {
  background: #5168a3;
}

.btn-u.btn-u-split-fb.dropdown-toggle {
  border-left: solid 1px #5168a3;
}

/*Button Twitter Style*/
.btn-u.btn-u-tw {
  background: #159ceb;
}

.btn-u.btn-u-tw:hover,
.btn-u.btn-u-tw:focus,
.btn-u.btn-u-tw:active,
.btn-u.btn-u-tw.active,
.open .dropdown-toggle.btn-u.btn-u-tw {
  background: #39a6e5;
}

.btn-u.btn-u-split-tw.dropdown-toggle {
  border-left: solid 1px #39a6e5;
}

.btn-u.btn-u-fb i,
.btn-u.btn-u-tw i {
  font-size: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

/*Welcome Title*/
.log-reg-v3 h2.welcome-title {
  font-size: 34px;
  font-weight: 200;
  line-height: 50px;
  margin-top: -10px;
  margin-bottom: 20px;
}

/*Login Block*/
.log-reg-v3 .log-reg-block {
  padding: 20px;
  margin-bottom: 20px;
  /*box-shadow: 0 0 2px #ccc;*/
}

.log-reg-v3 .log-reg-block h2 {
  font-size: 22px;
  font-weight: 200;
  text-align: center;
  margin-bottom: 30px;
  /*text-transform: capitalize;*/
}

.log-reg-v3 .log-reg-block a {
  color: #687074;
  text-decoration: underline;
}

.log-reg-v3 .log-reg-block a:hover {
  color: #0033A0;
}

/*Checkbox style*/
.log-reg-v3 .checkbox {
  display: block;
  overflow: hidden;
  position: relative;
}

.log-reg-v3 .checkbox {
  color: #999;
  margin-top: 0;
  color: #687074;
  cursor: pointer;
  font-size: 14px;
  line-height: 25px;
  padding-left: 27px;
  font-weight: normal;
}

.log-reg-v3 .checkbox input {
  left: -9999px;
  position: absolute;
}

.log-reg-v3 .checkbox i {
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  outline: none;
  display: block;
  background: #FFF;
  border-width: 2px;
  position: absolute;
  border-style: solid;
}

.log-reg-v3 .checkbox input + i:after {
  opacity: 0;
  position: absolute;
}

.log-reg-v3 .checkbox input + i:after {
  top: -3px;
  left: -2px;
  width: 15px;
  height: 15px;
  content: "\f00c";
  text-align: center;
  font: normal 8px/17px FontAwesome;
}

.log-reg-v3 .checkbox input:checked + i:after {
  opacity: 1;
}

.log-reg-v3 .checkbox i {
  border-color: #8bdccd;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}

.log-reg-v3 .checkbox:hover i {
  border-color: #0033A0;
}

.log-reg-v3 .checkbox input:focus + i {
  border-color: #0033A0;
}

.log-reg-v3 .checkbox input + i:after {
  color: #0033A0;
}

.log-reg-v3 .checkbox input:checked + i {
  border-color: #0033A0;
}

.log-reg-v3 .checkbox small {
  float: right;
}

.log-reg-v3 .checkbox small a {
  color: #0033A0;
  font-size: 12px;
}

/*Login Input*/
.log-reg-v3 .login-input i {
  font-size: 20px;
  min-width: 25px;
}

.log-reg-v3 .login-input input {
  height: 40px;
  font-size: 16px;
}

.log-reg-v3 .log-reg-block button {
  font-size: 16px;
}

.log-reg-v3 .login-input span,
.log-reg-v3 .login-input input {
  color: #ccc;
  border-color: #ccc;
}

.log-reg-v3 .login-input .form-control {
  color: #555;
  font-weight: 600;
}

.log-reg-v3 .login-input .form-control:focus {
  box-shadow: none;
}

.log-reg-v3 .login-input .no-border-top {
  margin-top: -1px;
}

.log-reg-v3 .input input::-moz-placeholder {
  color: #ccc;
}

.log-reg-v3 .input input:-ms-input-placeholder {
  color: #ccc;
}

.log-reg-v3 .input input::-webkit-input-placeholder {
  color: #ccc;
}

/*Register Input*/
.log-reg-v3 .log-reg-block label {
  font-weight: normal;
}

.log-reg-v3 .log-reg-block section {
  margin-bottom: 15px;
}

.log-reg-v3 .reg-input section {
  margin-bottom: 15px;
}

.log-reg-v3 .reg-input .input,
.log-reg-v3 .reg-input .select {
  display: block;
}

.log-reg-v3 .reg-input .input input {
  width: 100%;
}

.log-reg-v3 .reg-input select {
  font-weight: 200;
  min-height: 40px;
  color: #888 !important;
}

/*Error State*/
.log-reg-v3 .state-error input,
.log-reg-v3 .state-error select,
.log-reg-v3 .state-error textarea,
.log-reg-v3 .radio.state-error i,
.log-reg-v3 .checkbox.state-error i,
.log-reg-v3 .toggle.state-error i {
  background: #fff0f0;
}

.log-reg-v3 .state-error select + i {
  background: #fff0f0;
  box-shadow: 0 0 0 12px #fff0f0;
}

.log-reg-v3 .toggle.state-error input:checked + i {
  background: #fff0f0;
}

.log-reg-v3 .state-error + em {
  display: block;
  color: #ee9393;
  padding: 0 1px;
  font-size: 11px;
  margin-top: 6px;
  line-height: 15px;
  font-style: normal;
}

.log-reg-v3 .rating.state-error + em {
  margin-top: -4px;
  margin-bottom: 4px;
}

/*Success State*/
.log-reg-v3 .state-success input,
.log-reg-v3 .state-success select,
.log-reg-v3 .state-success textarea,
.log-reg-v3 .radio.state-success i,
.log-reg-v3 .checkbox.state-success i,
.log-reg-v3 .toggle.state-success i {
  background: #f0fff0;
}

.log-reg-v3 .state-success select + i {
  background: #f0fff0;
  box-shadow: 0 0 0 12px #f0fff0;
}

.log-reg-v3 .toggle.state-success input:checked + i {
  background: #f0fff0;
}

.log-reg-v3 .state-success + em {
  display: block;
  color: #ee9393;
  padding: 0 1px;
  margin-top: 6px;
  font-size: 11px;
  line-height: 15px;
  font-style: normal;
}

.log-reg-v3 .note-success {
  color: #6fb679;
}

/*Row Columns Space Removes*/
.log-reg-v3 .columns-space-removes .col-sm-6:nth-child(odd) {
  padding-right: 5px;
}

.log-reg-v3 .columns-space-removes .col-sm-6:nth-child(even) {
  padding-left: 5px;
}

@media (max-width: 1200px) {
  .log-reg-v3 .columns-space-removes .col-sm-6:nth-child(odd) {
    padding-right: 15px;
  }
  .log-reg-v3 .columns-space-removes .col-sm-6:nth-child(even) {
    padding-left: 15px;
  }
}
/*Border Wings*/
.log-reg-v3 .border-wings {
  text-align: center;
}

.log-reg-v3 .border-wings span {
  color: #687074;
  font-size: 14px;
  padding: 0 10px;
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
  text-transform: uppercase;
}

.log-reg-v3 .border-wings span:before,
.log-reg-v3 .border-wings span:after {
  top: 10px;
  height: 1px;
  width: 100%;
  content: " ";
  background: #ccc;
  position: absolute;
}

.log-reg-v3 .border-wings span:before {
  left: 100%;
}

.log-reg-v3 .border-wings span:after {
  right: 100%;
}

/*Site Statistics*/
.log-reg-v3 .site-statistics {
  padding: 10px;
  text-align: center;
  background: #f8f8f8;
}

.log-reg-v3 .site-statistics span {
  color: #888;
  display: block;
  font-size: 26px;
  font-weight: 200;
  position: relative;
  margin-bottom: 10px;
}

.log-reg-v3 .site-statistics span:after {
  left: 50%;
  height: 1px;
  width: 10px;
  bottom: -5px;
  content: " ";
  background: #888;
  margin-left: -5px;
  position: absolute;
}

.log-reg-v3 .site-statistics small {
  color: #888;
  font-size: 12px;
  text-transform: uppercase;
}

/*Members Number*/
.log-reg-v3 .members-number {
  text-align: center;
}

.log-reg-v3 .members-number h3 {
  margin-bottom: 25px;
}

.log-reg-v3 .members-number img {
  margin: 0 auto;
}

.stepHeader {
  text-align: center;
  font-variant: small-caps;
  font-size: 20px;
}

.stepBody {
  margin: auto;
  text-align: center;
}

.stepOption {
  display: inline-block;
  margin: 10px;
}

.stepCaption {
  text-align: center;
  font-variant: small-caps;
  font-size: 16px;
}

.stepImage {
  height: 100px;
  width: 100px;
  border: 3px solid #FFF;
}

.noStepImage {
  height: 100px;
  width: 100px;
  border: 3px solid gainsboro;
}

.noImageCaption {
  padding-top: 97px;
}

.stepImage:hover, .noStepImage:hover {
  border: 3px solid #0033A0;
  background-color: rgba(0, 0, 1, 0.2);
}

.visibilitySelector {
  display: inline-block;
  margin: 10px;
}

.visibilitySelector.selected {
  border: 3px solid #0033A0;
  background-color: rgba(0, 0, 1, 0.3);
}

#visibilitySelectorContainer {
  margin: auto;
  text-align: center;
}

/*Wizard Jquery Steps
------------------------------------*/
/*Common*/
.wizard {
  width: 100%;
  display: block;
  overflow: hidden;
}

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

.wizard ul > li {
  padding: 0;
  display: inline-block;
}

/* Accessibility */
.wizard > .steps .current-info,
.wizard > .content > .title {
  left: -999em;
  position: absolute;
}

/*Wizard Steps*/
.wizard > .steps {
  width: 100%;
  display: block;
  position: relative;
}

.wizard > .steps .number {
  float: left;
  font-size: 36px;
  margin-right: 15px;
}

.wizard > .steps > ul > li {
  width: 31.2%;
  margin-left: 30px;
  position: relative;
}

.wizard > .steps > ul > li:first-child {
  margin-left: 0;
}

@media (max-width: 991px) {
  .wizard > .steps > ul > li {
    width: 100%;
    margin: 0 0 15px 0;
  }
}
.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
  float: left;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
  width: auto;
  padding: 15px;
  display: block;
  text-decoration: none;
}

.wizard > .steps h2 {
  /*font-size: 22px;*/
  font-size: 20px;
  margin: 0 0 5px;
}

.wizard > .steps p {
  opacity: 0.6;
  font-size: 16px;
}

.wizard > .steps i {
  top: 15px;
  right: 20px;
  width: 40px;
  height: 40px;
  padding: 8px;
  color: #c4c4c4;
  font-size: 20px;
  text-align: center;
  position: absolute;
  display: inline-block;
  border: 2px dashed #e0e0e0;
}

/*Disabled*/
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
  color: #b8b8b8;
  cursor: default;
  background: inherit;
  border: 1px solid #eee;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wizard > .steps .disabled .number {
  color: #0033A0;
}

/*Current*/
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
  color: #fff;
  background: #0033A0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wizard > .steps .current .number,
.wizard > .steps .current h2,
.wizard > .steps .current p,
.wizard > .steps .current i {
  color: #FFF;
}

.wizard > .steps .current i {
  border-color: #FFF;
}

/*Done*/
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
  color: #FFF;
  background: #0033A0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wizard > .steps .done .number,
.wizard > .steps .done p {
  color: #FFF;
}

.wizard > .steps .done h2 {
  color: #FFF;
}

.wizard > .steps .done i {
  color: #FFF;
  border-color: #FFF;
}

/*Error*/
.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
  color: #FFF;
  background: #c9253c;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wizard > .content > .body em.invalid {
  display: block;
  color: #8a1f11;
  font-weight: 400;
  display: none !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wizard > .content > .body input.invalid {
  color: #8a1f11;
  font-weight: 400;
  border: 1px solid #eec5c7 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wizard > .content > .body input.invalid.form-control::-moz-placeholder {
  color: #8a1f11;
}

.wizard > .content > .body input.invalid.form-control:-ms-input-placeholder {
  color: #8a1f11;
}

.wizard > .content > .body input.invalid.form-control::-webkit-input-placeholder {
  color: #8a1f11;
}

/*Small Input Field*/
.wizard > .content > .body .input-small-field input {
  width: 20%;
  float: left;
  margin-right: 10px;
}

.wizard > .content > .body .input-small-field input.invalid {
  margin-right: 10px;
}

.wizard > .content > .body .input-small-field span.slash {
  color: #888;
  float: left;
  font-size: 20px;
  margin-right: 8px;
}

/*Content*/
.wizard > .content {
  overflow: hidden;
  position: relative;
}

.wizard > .content {
  margin-top: 20px;
  padding-bottom: 20px;
  padding-top: 0px;
  border-top: 1px solid #eee;
}

.wizard > .content > .body {
  padding: 0;
  width: 100%;
}

/*Actions*/
.wizard > .actions {
  text-align: right;
}

.wizard > .actions > ul {
  display: inline-block;
}

.wizard > .actions > ul > li {
  margin-left: 10px;
}

.wizard > .actions > ul > li:first-child {
  margin-left: 0;
}

.wizard > .actions a {
  color: #FFF;
  display: block;
  font-size: 16px;
  min-width: 126px;
  padding: 8px 10px;
  text-align: center;
  background: #0033A0;
  text-decoration: none;
  text-transform: uppercase;
}

.wizard > .actions a:hover {
  background: #0033A0;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
  color: #FFF;
  background: #b8b8b8;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
  its values is > 50%. */
  z-index: 10;
}

.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
  creates a new context for the origins. */
  *z-index: -1;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-origin,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* Styling;
 */
.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0;
}

.noUi-connect {
  background: #0033A0;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize;
}

.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle {
  cursor: not-allowed;
}

.breadcrumbs-v4:before {
  background: none !important;
}