body {
  background: url("../images/background.jpg") repeat-x top center #ffffff;
  font-family: 'Athiti', sans-serif !important;
}

header {
  background: url("../images/header-border.png") repeat-x bottom center;
}

b, strong {
  font-weight: 600 !important;
}

input, textarea, .copyright {
  font-family: Tahoma, "Geneva", sans-serif;
}

.shipping-call-me{
  font-size: 16px;
}

.alert u{
  color: #FFFFFF;
}

.table thead tr th {
  border-bottom: none !important;
}

*:focus {
  outline: 0 !important;
}

input.error, textarea.error, select.error {
  border: 1px solid #a94442 !important;
}

label.error {
  display: none !important;
}

dl {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

dt {
  float: left;
  width: 50%;
  padding: 5px 0;
  margin: 0;
  font-weight: normal;
}

dd {
  float: left;
  width: 50%;
  padding: 5px 0;
  margin: 0;
}

.label-warning{
  background: #f8cb40;
}

.label-danger{
  background: #fa3b83;
}

.label-success{
  background: #50dc8f;
}

.label-info{
  background: #EAE1C8;
  color: #000000;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
  background: #844cf3;
  border-color: #844cf3;
}

.btn-primary{
  background: #735fec;
  border-color: #735fec;
}

.btn-danger{
  background: #fa3b83;
  border-color: #fa3b83;
}

.alert-success{
  background: #50dc8f;
  border-color: #50dc8f;
  color:  #ffffff;
}

.alert-warning{
  background: #f8cb40;
  border-color: #f8cb40;
  color:  #ffffff;
}

.alert-danger{
  background: #fa3b83;
  border-color: #fa3b83;
  color:  #ffffff;
}

.alert .close{
  color: #ffffff;
}

.dataTables_filter{
  text-align: right;
}

.dataTables_paginate{
  text-align: right;
}

.dataTables_paginate li a{
  font-size: 16px !important;
}

.product-grid-holder .product-item-holder.size-small .image.padding-15{
  padding: 15px;
}

h2#budgetModalLongTitle.modal-title{
  display: inline-block;
  font-size: 22px;
  font-weight: 400 !important;
}

#budgetModalCenter button.close{
  font-size: 30px;
  line-height: 30px;
  margin-top: 0;
}

#budgetModalCenter .le-input.text-center{
  height: 40px;
  line-height: 40px;
  font-size: 30px;
}

.btn-budget{
  position: fixed;
  right: 15px;
  bottom: 15px;
}

p.unit {
  display: inline-block;
}

.line-qr {
  max-width: 250px;
}

.autocomplete_list * {
  font-family: Tahoma, "Geneva", sans-serif;
  font-size: 14px;
}

.autocomplete_list b {
  font-weight: bold;
}

.autocomplete_list {
  background: #ffffff;
  display: block;
  border: 1px solid #c6c6c6;
  text-align: left;
  z-index: 200;
}

.autocomplete_list, .autocomplete_list ol, .autocomplete_list li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.autocomplete_list li {
  margin: 0;
  text-align: left;
  cursor: pointer;
  padding: 4px;
  border-bottom: 1px solid #c6c6c6;
  font-size: 14px;
}

.autocomplete_list .last_item {
  border: none;
}

.autocomplete_list .current_item {
  background: #735fec;
  color: #ffffff;
}

.autocomplete_list span {
  color: #111;
  float: right;
  padding-left: 2em;
}

.no-border {
  border: 0 !important;
}

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

.news-gallery-thumbs {
  margin-top: 5px;
}

.news-gallery-thumbs ul li {
  margin: 1px;
  padding: 2px;
  border: 1px solid #ececec;
  display: inline-block;
}

.inner-top-15 {
  padding-top: 15px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  background-color: #735fec;
}

.div-tag {
  border: 1px solid #c6c6c6;
  padding: 8px;
  width: auto;
  display: inline-block;
  margin: 15px;
}

.div-tag .div-tag-total {
  color: #5d5d5d;
}

.le-select.select-custom {
  width: 100% !important;
  background: #f6f6f6 !important;
  padding: 9px !important;
  overflow: hidden !important;
}

.input-group-addon {
  background-color: #f6f6f6 !important;
  border: 1px solid #f6f6f6 !important;
}

.copyright {
  font-size: 13px;
  letter-spacing: 1px;
}

.phone.inline a, .phone.inline a:hover, .phone.inline a:focus, .phone.inline a:active, .contact-info a, .contact-info a:hover, .contact-info a:focus, .contact-info a:active {
  color: #5d5d5d;
}

.contact-info.made-padding-top {
  padding-top: 15px;
}

.contact-info.made-padding-left {
  padding-left: 30px;
}

.social-icons {
  margin-top: 15px;
}

input::-webkit-input-placeholder {
  font-family: 'Athiti', sans-serif !important;
}

input:-ms-input-placeholder {
  font-family: 'Athiti', sans-serif !important;
}

input:-moz-placeholder {
  font-family: 'Athiti', sans-serif !important;
}

input::-moz-placeholder {
  font-family: 'Athiti', sans-serif !important;
}

textarea::-webkit-input-placeholder {
  font-family: 'Athiti', sans-serif !important;
}

textarea:-ms-input-placeholder {
  font-family: 'Athiti', sans-serif !important;
}

textarea:-moz-placeholder {
  font-family: 'Athiti', sans-serif !important;
}

textarea::-moz-placeholder {
  font-family: 'Athiti', sans-serif !important;
}

.primary-bg {
  background-color: #735fec;
  color: #FFF;
}

.primary-color {
  color: #735fec;
}

.le-dropdown {
  background-color: #735fec;
}

.le-dropdown.open {
  background-color: #844cf3;
}

.le-button {
  background-color: #735fec;
}

.le-button:hover {
  background-color: #844cf3;
}

.le-button.inverse {
  background-color: #FFFFFF;
  color: #735fec;
  border: 1px solid #735fec;
}

.le-button.inverse:hover {
  background-color: #735fec;
  color: #FFFFFF;
}

a, a:hover, a:focus, a:active {
  color: #735fec;
}

::-moz-selection {
  background-color: #735fec;
}

::selection {
  background-color: #735fec;
}

.social-icons li a:hover {
  background-color: #735fec;
}

.le-color {
  color: #735fec;
}

.navbar .navbar-toggle {
  background-color: #844cf3;
  border-color: #42830c;
  border-radius: 0;
}

header .top-search-holder .contact-row i {
  color: #735fec;
}

.top-search-holder .search-area .search-button {
  background-color: #735fec;
}

header .top-cart-row .wishlist-compare-holder a:hover {
  color: #735fec;
}

header .top-cart-row .wishlist-compare-holder a:hover i {
  color: #735fec;
}

header .top-cart-row .top-cart-holder .basket-item .price {
  color: #735fec;
}

header .top-cart-row .top-cart-holder .basket-item-count .count {
  background-color: #735fec;
}

.sidemenu-holder .side-menu .head {
  background-color: #735fec;
}

.sidemenu-holder .side-menu .menu-item:hover, .sidemenu-holder .side-menu .menu-item.open {
  border-color: #735fec;
}

.megamenu-horizontal .nav>li>a:hover, .megamenu-horizontal .nav>li>a:focus {
  background-color: #735fec !important;
}

.megamenu-horizontal .dropdown:hover .dropdown-toggle:focus, .megamenu-horizontal .dropdown.open .dropdown-toggle:focus, .megamenu-horizontal .dropdown:focus .dropdown-toggle:focus, .megamenu-horizontal .dropdown:hover .dropdown-toggle, .megamenu-horizontal .dropdown.open .dropdown-toggle, .megamenu-horizontal .dropdown:focus .dropdown-toggle {
  background-color: #735fec !important;
}

.breadcrumb-nav-holder .breadcrumb-item.current a {
  color: #735fec;
}

.carousel-holder .title-nav .inverse {
  color: #735fec;
}

.carousel-holder .title-nav .nav-holder a:hover {
  color: #735fec !important;
}

.le-radio:checked+.fake-box:after {
  background-color: #735fec;
}

.le-checkbox:checked+.fake-box {
  background-color: #735fec;
  border-color: #735fec;
}

.le-links li a:hover {
  color: #735fec;
}

.accordion-widget .accordion .accordion-toggle {
  color: #735fec;
}

.accordion-widget .accordion .accordion-toggle:after {
  color: #735fec;
}

.dropdown .dropdown-menu {
  border-top-color: #735fec;
}

.slider-selection {
  background-color: #735fec;
}

.slider-handle {
  border-color: #735fec;
}

#footer .widget .body li a:hover {
  color: #735fec;
}

#footer .link-list-row .link-widget li a:hover {
  color: #735fec;
}

h2 {
  color: #735fec;
}

.iconic-link:hover {
  color: #735fec;
}

.iconic-link:hover:before {
  color: #735fec;
}

/*.dropdown{
    .dropdown-menu{
        box-shadow: inset 0px 2px 0px @primary-color, inset 0px 0px 0px 2px darken(@second-color,10%) ;

        &:before{
            border-bottom-color: @primary-color;
        }
    }
}*/

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
    color: #735fec !important;
    border-color: #735fec;
    background-color: #ffffff;
}

.pagination li:hover a, .pagination li.current a {
  color: #735fec !important;
  border-color: #735fec;
}

.simple-link:hover {
  color: #735fec;
}

#top-megamenu-nav {
  background-color: #735fec;
}

#top-megamenu-nav .nav>li {
  border-right-color: #844cf3;
}

#top-megamenu-nav .nav>li>a:hover, #top-megamenu-nav .nav>li>a:focus {
  background-color: #844cf3;
}

#top-megamenu-nav .nav>li.active a, #top-megamenu-nav .nav>li.active a:focus {
  background-color: #844cf3;
}

#top-megamenu-nav .nav>li .dropdown-toggle:focus {
  background-color: #844cf3 !important;
}

#top-megamenu-nav .nav>li .dropdown-toggle:before {
  border-bottom-color: #735fec;
}

#top-megamenu-nav .nav>li.open .dropdown-toggle {
  background-color: #844cf3;
}

#top-megamenu-nav .dropdown {
  border-right-color: #844cf3;
}

#top-megamenu-nav .dropdown:hover .dropdown-toggle, #top-megamenu-nav .dropdown:focus .dropdown-toggle, #top-megamenu-nav .dropdown.active .dropdown-toggle, #top-megamenu-nav .dropdown:hover .dropdown-toggle:focus, #top-megamenu-nav .dropdown:focus .dropdown-toggle:focus, #top-megamenu-nav .dropdown.active .dropdown-toggle:focus {
  background-color: #844cf3;
}

#top-megamenu-nav .dropdown .dropdown-toggle:focus {
  background-color: #844cf3 !important;
}

#top-megamenu-nav .dropdown .dropdown-toggle:before {
  border-bottom-color: #735fec;
}

#top-megamenu-nav .dropdown.open .dropdown-toggle {
  background-color: #844cf3;
}

#cart-page .widget .buttons-holder .simple-link:hover {
  color: #735fec;
}

#cart-page .items-holder .close-btn:hover:after {
  color: #735fec;
}

#cart-page .items-holder .cart-item .title a:hover {
  color: #735fec;
}

.nav-tabs li.active a, .nav-tabs li.active a:focus {
  background-color: #735fec !important;
}

.nav-tabs li.active a:hover {
  background-color: #62c512;
}

.btn-loadmore:hover i {
  background-color: #735fec;
}

.le-quantity .minus:hover:after, .le-quantity .plus:hover:after {
  color: #735fec;
}

.meta-row span a {
  color: #735fec;
}

.comment-item .comment-body .author {
  color: #735fec;
}

.product-item-holder .body .title a:hover {
  color: #735fec;
}

.single-product-gallery .gallery-thumbs .next-btn:hover, .single-product-gallery .gallery-thumbs .prev-btn:hover {
  background-color: #735fec;
}

.single-product-gallery .gallery-thumbs li a.active {
  border-bottom-color: #735fec;
}

.grid-list-products .grid-list-buttons ul li.active a i {
  color: #735fec;
}

.grid-list-products .grid-list-buttons ul li a:hover i {
  color: #42830c;
}

@media (max-width: 767px) {
  #top-megamenu-nav .nav {
    border-color: #42830c !important;
  }
  #top-megamenu-nav .nav>.dropdown {
    border-color: #42830c !important;
  }
}

.sidebar .price-range-holder .filter-button a {
  color: #735fec;
}

.sidebar .widget .product-list li a:hover {
  color: #735fec;
}

.sidebar .widget .product-list .price .price-current {
  color: #735fec;
}

.top-bar ul>li a:hover {
  color: #735fec;
}

.logo-svg {
  fill: #735fec;
}

.owl-carousel:hover .owl-prev:hover, .owl-carousel:hover .owl-next:hover {
  color: #735fec;
}

.owl-pagination .owl-page.active span, .owl-pagination .owl-page:hover span {
  background: #735fec;
}

.panel-group-faq .panel-faq .panel-heading .panel-title>a:after {
  color: #735fec;
}

.panel-group-faq .panel-faq .panel-heading .panel-title>a:hover:after {
  color: #735fec;
}

.posts .post .meta>li a:hover {
  color: #735fec;
}

.blog-sidebar .le-links>li>a:hover {
  color: #735fec !important;
}

.blog-sidebar .tagcloud a:hover {
  color: #735fec !important;
}

.owl-carousel-blog .owl-pagination .owl-page:hover span, .owl-carousel-blog .owl-pagination .owl-page.active span {
  background: none repeat scroll 0 0 #735fec;
}

.comment-item .comment-body .likes a:hover, .comment-item .comment-body .likes .icon:hover {
  color: #735fec;
}

.comment-item .comment-body .likes .dislikes .icon:hover {
  color: #735fec;
}

.comment-item .comment-body .comment-reply:hover {
  color: #735fec;
}

.blog-sidebar .widget .recent-post-list h5 a:hover {
  color: #735fec;
}


.yt-player-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw; /* 16:9 Aspect Ratio */
    min-height: 100%;
    min-width: 177.77vh;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1;
}
.yt-player-bg iframe {
    width: 100%;
    height: 100%;
    border: 0;
}