/*!
Theme Name: BTS
Theme URI: https://www.bts.com.tr/
Author: Monark Digital Agency
Author URI: https://www.monarkdigital.com/
Version: 1.0.0
*/

/**************************************************
*   FONT
**************************************************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&family=Hind+Siliguri:wght@400;700&family=Nunito+Sans:wght@400;700&display=swap');



/**************************************************
* BASE
**************************************************/
html {
  overflow-x: hidden;
  padding: 0px;
  margin: 0px
}
body{
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.7em;
  font-weight: 500;
  word-wrap: break-word;
  color: #2f3542;
  background-color: #f5f5f5;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #16151A;
}
h1 {font-size: 2rem;}
h2 {font-size: 1.8rem;}
h3 {font-size: 1.6rem;}
h4 {font-size: 1.4rem;}
h5 {font-size: 1.2rem;}
h6 {font-size: 1rem;}
a {color: #353b48;}
a, a:hover, a:active, a:link {text-decoration: none}
img {max-width: 100%; height: auto;}

.button {background: #353b48; position: relative; min-width: 200px; height: 50px; line-height: 50px; color: #FFF; display: inline-block; text-align: center; z-index: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; border-radius: 3px; overflow: hidden; transition: color .2s, background .2s;}
.button:hover {color: #FFF; background: #2f3542;}


.button-opp {background: #0984e3; position: relative; min-width: 200px; height: 50px; line-height: 50px; color: #FFF; display: inline-block; text-align: center; z-index: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; border-radius: 3px; overflow: hidden; transition: color .2s, background .2s;}
.button-opp:hover {color: #FFF; background: #2f3542;}


.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}


#content {width:100%; margin: auto; max-width: 1140px;}

/************************************************************************
* MOBILE MENU            
************************************************************************/
.site-overlay {background: rgba(0,0,0,0.7); position: fixed; width: 100%; top: 0; bottom: 0; z-index: 200; display: none;}
.mobile-navigation-open {font-size: 20px; color: #222; padding: 0 30px; display: flex; align-items: center; min-height: 60px;}
.offcanvas-menu {position: fixed; height: 100%; width: 400px; right: -400px; /*right: 0;*/ top: 0; background: #ffffff; z-index: 600; transition: all .2s;}
.offcanvas-menu-open {right: 0; /*-webkit-box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.15); box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.15);*/}
.main-menu li .offcanvas:after {background: none!important;}
.main-menu li .offcanvas:after:hover {background: none!important;}
.offcanvas-menu .mobile-title {font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;}
.offcanvas-menu .logo {padding-left: 50px; height: 100px; display: flex; align-items: center; }
.offcanvas-menu .logo-mobile {max-width: 160px; float: left;}
.offcanvas-menu .mobile-menu {margin-top: 30px;}
.offcanvas-menu .menu-close {background: #ff2f00; color: #fff; position:absolute; right: 0; top: 0; width: 80px; height: 80px; line-height: 72px; text-align: right; padding-right: 20px; font-size: 30px; border-radius: 0 0 0 100px;}
.offcanvas-menu-inner {background: #fff; padding: 50px; position: absolute; width: 100%; top: 100px; bottom: 0; overflow-y: auto;}

.offcanvas-menu-inner::-webkit-scrollbar {width: 5px;}
.offcanvas-menu-inner::-webkit-scrollbar-track {background: #fff;}
.offcanvas-menu-inner::-webkit-scrollbar-thumb {background: #16151A;}
.offcanvas-menu-inner::-webkit-scrollbar-thumb:hover {background: #E5097F;}

.offcanvas-menu-inner .widget-contact ul {padding: 0; margin: 0;}
.offcanvas-menu-inner .widget-contact ul li {list-style-type: none; list-style-position: inside; }
.offcanvas-menu-inner .widget-contact ul li a {font-weight: 500; color: #16151A; font-size: 16px; padding: 8px 0; display: block; text-decoration: none; position: relative; padding-left: 25px;}
.offcanvas-menu-inner .widget-contact ul li a:before { font-family: 'Font Awesome 5 Free'; font-size: 14px; content: '\f105'; position: absolute; left: 0; color: #353b48; font-weight: 800; transition: color .3s;}
.offcanvas-menu-inner .widget-contact .phone a {font-size: 17px; font-weight: bold;}
.offcanvas-menu-inner .widget-contact .phone:before {content: '\f095';}
.offcanvas-menu-inner .widget-contact .whatsapp:before {content: '\f232'; font-family: 'Font Awesome 5 Brands';}
.offcanvas-menu-inner .widget-contact .fax:before {content: '\f1ac';}
.offcanvas-menu-inner .widget-contact .email:before {content: '\f0e0';}
.offcanvas-menu-inner .widget-contact .address:before {content: '\f041';}

.offcanvas-menu-inner .widget_nav_menu .menu {list-style: none; padding: 0; width: 100%; margin-bottom: 50px;}
.offcanvas-menu-inner .widget_nav_menu h2 {color: #353b48; font-size: 1rem;}
.offcanvas-menu-inner .widget_nav_menu .menu > li > a {display: block; font-weight: bold; cursor: pointer; color: #2f3542; padding: 6px 0; border-bottom: 1px solid #EEE; font-size: 0.9rem; transition: padding .2s, color .2s;}
.offcanvas-menu-inner .widget_nav_menu .menu > li > a:hover {padding-left: 10px; color: #353b48; text-decoration: none;}
.offcanvas-menu-inner .widget_nav_menu .menu li.has-children {position: relative;}
.offcanvas-menu-inner .widget_nav_menu .menu li.has-children:after {content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 700; position: absolute; right: 0; top: 0; line-height: 56px; font-size: 10px; color: #aaa;}
.offcanvas-menu-inner .widget_nav_menu .menu ul {display: none; list-style: none; padding: 5px; margin: 0; background: #f2f3f5; border-radius: 0;}
.offcanvas-menu-inner .widget_nav_menu .menu ul li {font-weight: normal; cursor: auto; padding: 0;}
.offcanvas-menu-inner .widget_nav_menu .menu ul li a {font-weight: normal; padding: 8px 12px; display: block; color: #2f3542; font-size: 13px; font-weight: 700; transition: background .2s, color .2s;}
.offcanvas-menu-inner .widget_nav_menu .menu ul li a:hover {background: #FFF; color: #353b48;}

.offcanvas-search {margin-bottom: 40px; background: #f0f2f5; border-radius: 40px; padding: 5px; float: left; width: 100%;}
.offcanvas-search .search-input, .offcanvas-search .search-input:focus {width: calc(100% - 50px); float: left; border: 0; padding: 10px; height: 50px; outline: 0; border-radius: 40px 0 0 40px; background: #f0f2f5;}
.offcanvas-search .search-submit {width: 50px; float: left; color: #ffffff;  background-color: #353b48; padding: 10px; height: 50px; border: 0; border-radius: 40px;}

/************************************************************************
* HEADER MENU            
************************************************************************/
header.mobile-header {display: none;}

.top-header {width: 100%; min-height: 100px; background: linear-gradient(180deg, rgba(0,0,0,0.6250875350140056) 0%, rgba(0,0,0,0) 85%);}
header.top-header-page {background: #fff;}
header.top-header-hp {position: absolute; z-index: 10;}
.top-header-hp-bg {background: #fff;}
header.top-header .logo {max-width: 80px;height: auto; position: absolute; top: 32px; z-index: 10;}
header.top-header .flex {display: flex;align-items: center;justify-content: flex-end;}
header.top-header .main-navigation-wrapper {display: flex;align-items: center;justify-content: flex-end;}
.megamenu-wrapper {width: 100%;}

.fil0 {fill:#FECC00}
.fil1 {fill:#ffffff;fill-rule:nonzero}
.top-header-hp-bg .fil1, .top-header-page .fil1 {fill: #222;}

.main-search {position: fixed; width: 100%; top: 0; bottom: 0; z-index: 1000; background: rgba(1,1,1,.7); display: flex; align-items: center; justify-content: center; flex-direction: column; display: none;}
.main-search-active {display: flex;}
.main-search form {width: 60%; min-width: 280px; background-color: #FFF; border-radius: 80px; padding: 15px;}
.main-search .search-input, .main-search .search-input:focus {width: calc(100% - 80px); float: left; border: 0; padding: 10px; height: 80px; outline: 0; border-radius: 40px 0 0 40px;}
.main-search .search-submit {width: 80px; float: left; background: #353b48; color: #ffffff; padding: 10px; height: 80px; border: 0; border-radius: 40px;}
.main-search .close-search {background: #ff2f00; color: #fff; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 30px; border-radius: 40px; margin-top: 40px;}
.main-search .search-input, .main-search .search-input:focus {padding-left: 40px;}
.main-search .search-text {color: #FFF; font-size: 16px; text-transform: uppercase; line-height: 45px; font-weight: 700;}


.main-navigation-footer {padding: 30px; width: 100%; text-align: center;}
.main-navigation-footer .social, .main-navigation-footer .social li {padding: 0; margin: 0; list-style: none;}
.main-navigation-footer .social li {display: inline-block;}
.main-navigation-footer .social li a {width: 40px; height: 40px; line-height: 40px; display: inline-block; color: #2f3542; border-radius: 3px; transition: background .2s, color .2s;}
.main-navigation-footer .social li a:hover {background: #2f3542; color: #FFF;}


.social-header, .social-header li {padding: 0; margin: 0; list-style: none;}
.social-header li {display: inline-block;}
.social-header li a {height: 40px; line-height: 40px; padding: 0 8px; display: inline-block; color: #fff; margin-left: 5px; border-radius: 0px; transition: background .2s, color .2s;}
.social-header li a:hover {background: #fff; color: #2f3542;}
.slogan-text {line-height: 40px; font-size: 1.2rem;}


.mega-sub-menu .menu, .mega-sub-menu .menu li {padding: 0; margin: 0; list-style: none; list-style-type: none;}
.mega-sub-menu .menu li {padding: 2px 0; border-bottom: 1px solid #eee;}
.mega-sub-menu .menu li:last-child {border-bottom: 0;}
.mega-sub-menu .menu li a {color: #222; transition: color .2s;}
.mega-sub-menu .menu li a:hover {color: #353b48}


header.top-header-hp #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color: #ffffff!important;}
header.top-header-hp:hover #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color: #222!important;}

#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {padding: 15px;}
h4.mega-block-title {margin-bottom: 20px!important; background: #f0f2f5; padding: 10px 14px!important; border-radius: 3px; display: none!important;}
#mega-menu-wrap-primary #mega-menu-primary {padding-left: 200px!important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {margin: 0!important;}

#mega-menu-wrap-primary * {transition: none!important; transform: none!important;}

/**************************************************
*   OWL CAROUSEL
**************************************************/
.main-slider-wrapper {}
.main-slider {position: relative;}
.main-slider .overlay {background: rgb(8,60,125); background: linear-gradient(56deg, rgba(8,60,125,1) 0%, rgba(19,137,190,0.3477766106442577) 35%, rgba(3,169,244,0) 100%); position: absolute; z-index: 1; width: 100%; top: 0; bottom: 0;}
.owl-theme .owl-nav {margin-top: 0; text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-nav [class*='owl-'] {color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #eb2f06; display: inline-block; cursor: pointer; border-radius: 3px;}
.owl-theme .owl-nav [class*='owl-']:hover {background: #869791; color: #FFF; text-decoration: none;}
.owl-theme .owl-nav .disabled {opacity: 0.5; cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;}
.owl-theme .owl-dots {text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; z-index: 100; bottom: 7px; width: 100%;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1; *display: inline;  outline: 0;}
.owl-theme .owl-dots .owl-dot span {width: 25px; height: 2px; margin: 5px 7px; background: rgba(255,255,255,.3); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #fff; outline: 0;}
.main-slider .custom-nav * {outline: 0;}
.main-slider .custom-nav {position: absolute; bottom: 50px; left: calc(50% - 555px); width: 1140px;}
.main-slider .custom-nav .owl-prev, .main-slider .custom-nav .owl-next {position: absolute; height: 50px; width: 60px; color: inherit; border: none; z-index: 10; transition: background .2s; line-height: 30px; background: #fff; color: #000; cursor: pointer;}
.main-slider .custom-nav .owl-prev:hover, .main-slider .custom-nav .owl-next:hover {background: #353b48;}
.main-slider .custom-nav .owl-prev:hover i, .main-slider .custom-nav .owl-next:hover i {color: #FFF;}
.main-slider .custom-nav .owl-prev i, .main-slider .custom-nav .owl-next i {font-size: 16px; color: #000;}
.main-slider .custom-nav .owl-prev {left: 0;}
.main-slider .custom-nav .owl-next {left: 60px;}

.main-slider .owl-theme .item {width: 100%; position: relative; overflow: hidden;}
.main-slider .owl-theme .item img {position: relative;}
.main-slider .owl-theme .item .text {position: absolute; z-index: 10; bottom: 100px; top: 0; right: 0; width: 100%; font-size: 20px; line-height: 1.5em;}
.main-slider .owl-theme .item .text h2 {margin-bottom: 20px; font-size: 40px; font-weight: bold; color: #fff; line-height: 1.3em;}
.main-slider .owl-theme .item .container {display: flex; align-items: flex-end;}
.main-slider .owl-theme .item .container .row {width: 100%;}
.main-slider .owl-theme .item .text .slide-text {margin-bottom: 30px; color: #FFF;}
.main-slider .owl-theme .item .text .slide-text strong {font-size: 20px;}
.main-slider .owl-theme .item .container {height: 100%; position: relative; }

.btn-slide {background: #353b48; padding: 15px 30px; color: #FFF; font-weight: 700; font-size: 18px; transition: background .2s; height: 60px; line-height: 30px; display: inline-block; border-radius: 3px;}
.btn-slide:hover {text-decoration: none; color: #FFF; background: #2f3542;}




/**************************************************
* SECTIONS
**************************************************/
.grid-2 {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; padding: 0;}
.grid-3 {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; padding: 0;}
.grid-4, .product-grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; padding: 0;}
.grid-5, .hp-product-grid  {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 30px; padding: 0;}
.grid-6 {display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 30px; padding: 0;}

.product-grid, .hp-product-grid  {background: #fff; border-radius: 6px; padding: 30px;}

.home-products {padding: 30px 0;}
.home-products h4.title {text-transform: uppercase; font-weight: 1rem; text-align: center; margin-bottom: 30px;}
.home-products ul.nav-pills {margin-bottom: 40px; text-align: center; display: block!important;}
.home-products ul.nav-pills .nav-item {display: inline-block;}
.home-products ul.nav-pills .nav-item a {color: #2f3542;}
.home-products .nav-pills .nav-link.active, .home-products .nav-pills .show>.nav-link {color: #2f3542; background-color: #fff;}

.hp-banners {padding: 30px 0;}
.hp-banners img {max-width: 100%; height: auto; border-radius: 3px;}
.home-banners img {width: 100%; height: auto; margin-bottom: 20px;}

section.section-blog {padding: 60px 0; background: #f5f5f5;}
.blog-item {background: #FFF;}
.blog-item .text {padding: 30px;}
.blog-item .text .meta {padding-bottom: 10px; font-size: 13px;}
.blog-item .text .meta a {color: #747474;}
.blog-item .text .meta a:hover {color: #000; text-decoration: underline;}
.blog-item .text .title {font-size: 20px; margin-bottom: 15px;}
.blog-item .text .title a {color: #2f3542; transition: color .2s;}
.blog-item .text .title a:hover {color: #353b48;}
.blog-item .text .read-more {color: #2f3542; transition: color .2s; }
.blog-item .text .read-more:hover {color: #353b48;}



.section-page-title {padding: 25px 0; /*background: #dfe4ea;*/ border-bottom: 1px solid #dfe4ea;}
.section-page-title h2 {font-size: 22px; margin: 0; color: #2f3542;}
.section-page {margin: 50px 0;}
.section-page .section-page-inner {background: #FFF; border-radius: 6px; padding: 30px;}
.section-page .section-page-inner img {max-width: 100%; height: auto; border-radius: 3px;}
.inner-page-title {padding-bottom: 25px;}
.inner-page-title h2 {font-size: 22px; margin: 0; color: #2f3542;}




.product-page .product-title {font-size: 32px; margin-bottom: 30px;}
.product-page .short-description {font-size: 17px;}
.product-page .product-gallery-images {border: 0px solid #dfe4ea; border-radius: 6px; padding: 10px; background-color: #ffffff;}
.product-page .product-colors {margin-top: 30px;}
.product-page .product-colors .color-item {border-radius: 6px; display: inline-block; min-height: 50px; cursor: pointer;}
.product-page .product-colors .color-item img {border-radius: 6px; display: inline-block; max-width: 30px; padding: 5px 0; background: #FFF;}
.product-page .product-colors .color-grid {display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 15px; padding: 0;}
.product-content {margin-top: 50px;}
.product-content .tab-pane {border: 0px solid #dfe4ea; border-top: 0; padding: 20px; border-radius: 0 0 6px 6px; background-color: #ffffff;}
.product-content #tech table {border-top: 0; margin-bottom: 0;}
.product-content #tech .table tr:first-child td, .product-content #tech .table tr:first-child th {border-top: 0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs {border: 0;}

.product-item {background: #FFF; text-align: center;}
.product-item img {margin-bottom: 20px;}
.product-item .product-item-title a {font-size: 0.9rem; margin: 15px 0; color: #2f3542; transition: color .2s;}
.product-item:hover .product-item-title a {color: #353b48;}
.product-item .product-item-title {line-height: 0.8; font-weight: 400;}
.product-item .product-item-brand {font-size: 13px; font-weight: bold;  color: #353b48;}
.img-product-not-found {margin-bottom: 30px;}

.filter-button {display: none; background-color: #f0f2f5; border: 0; padding: 15px 15px; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #dfe4ea; outline: 0;}
.filter-button:hover, .filter-button:active {outline: 0;}
.product-filter .filter-options {margin-bottom: 30px;}
.product-filter .filter-active {display: block!important;}
.searchandfilter {border-radius: 3px; padding: 1px 15px 15px 15px; background: #ffffff;}
.searchandfilter ul, .searchandfilter li {padding: 0!important; margin: 0; display: block!important;}
.searchandfilter ul {margin-top: -5px;}
.searchandfilter input[type=submit] {background: #353b48; position: relative; width: 100%; height: 50px; line-height: 50px; color: #FFF; text-align: center; z-index: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; border-radius: 3px; overflow: hidden; transition: color .2s, background .2s; margin-top: 20px; border: 0; display: block;}
.searchandfilter input[type=submit]:hover {color: #FFF; background: #2f3542;}
.searchandfilter h4 {margin-top: 20px!important; background: #f0f2f5; padding: 10px 14px; border-radius: 3px;}
.searchandfilter input[type=text] {border: 1px solid #ccc; border-radius: 3px; display: block; padding: 5px; width: 100%;}
.searchandfilter .children {display: none!important}

.post-pagination .pagination {display: block; text-align: center; float: none!important; margin-top: 30px;}
.post-pagination .screen-reader-text {display: none;}
.post-pagination .page-numbers {display: block; margin-top: 30px; display: flex;  align-items: center; justify-content: center;}
.post-pagination .page-numbers li {display: inline-block;}
.post-pagination .page-numbers li span, .post-pagination .page-numbers li a {padding: 7px 20px; margin: 0 5px; background-color: #f0f2f5; color:#000; font-weight: 400; font-size: 1rem; border-right: 0; border-radius: 50px;}
.post-pagination .page-numbers .current {background:#353b48; color:#FFF;}
.post-pagination .page-numbers a:hover {background:#353b48; color:#FFF;}
.post-pagination .nav-links {margin: auto;}

/**************************************************
* SIDEBAR
**************************************************/
aside.sidebar {margin: 0;}
aside.sidebar .widget {margin-bottom: 30px; width: 100%; float: left; background: #ffffff; padding: 0 20px 20px; border-radius: 6px;}
aside.sidebar .widget .widget-title {padding: 20px 0; font-size: 1rem; font-weight: bold; margin: 0;}
aside.sidebar .widget ul {padding: 0; margin-bottom: 0; list-style: none; background: #FFF;}
aside.sidebar .widget_categories li a, aside.sidebar .widget_archive li a, aside.sidebar .widget_nav_menu li a, aside.sidebar .widget_meta li a, aside.sidebar .widget_pages li a,aside.sidebar .widget_recent_entries li a {color: #57606f; padding: 10px; border-bottom: 1px solid #f0f2f5; display: block; transition: color .2s; font-size: .9rem; font-weight: 400;}
aside.sidebar .widget_categories li:last-child a, aside.sidebar .widget_archive li:last-child a, aside.sidebar .widget_nav_menu li:last-child a, aside.sidebar .widget_meta li:last-child a, aside.sidebar .widget_pages li:last-child a, aside.sidebar .widget_recent_entries li:last-child a {border-bottom: 0; margin-bottom: 0; transition: background .2s;}

aside.sidebar .widget_categories li a:hover, aside.sidebar .widget_archive li a:hover, aside.sidebar .widget_nav_menu li a:hover, aside.sidebar .widget_meta li a:hover, aside.sidebar .widget_pages li a:hover, aside.sidebar .widget_recent_entries li a:hover {color: #353b48;}
aside.sidebar .widget_tag_cloud a {color: #57606f; transition: color .2s; display: inline-block; white-space: nowrap; margin: 0 15px 15px 0; font-size: 15px!important;}
aside.sidebar .widget_tag_cloud a:hover {color: #353b48; background: #f2f3f5;}
aside.sidebar .widget_tag_cloud .tagcloud {padding: 15px 0 0 15px;}
aside.sidebar .widget_media_image img {padding: 15px;}
aside.sidebar .widget_recent_comments li {color: #57606f; padding: 10px; border-bottom: 1px solid #f2f3f5; display: block; transition: color .2s; font-size: 13px;}
aside.sidebar .widget_recent_comments li:hover {color: #353b48; background: #f2f3f5;}
aside.sidebar .widget_recent_comments li a {color: #57606f; transition: color .2s; font-size: 13px; font-weight: 700;}
aside.sidebar .widget_recent_comments li a:hover, aside.sidebar .widget_recent_comments li:hover a {color: #353b48;}
aside.sidebar .widget_text .textwidget {padding: 15px;}
aside.sidebar .widget_text .textwidget p:last-child {margin-bottom: 0;}
aside.sidebar .widget_calendar .calendar_wrap {padding: 15px;}
aside.sidebar .widget_calendar table {border-collapse: inherit;border-spacing: 3px; padding: 0px; line-height: 40px; text-align: center; table-layout: fixed; width: 100%;}
aside.sidebar .widget_calendar table caption {text-align: center; font-size: 16px; font-weight: 800; line-height: 25px; padding: 8px; }
aside.sidebar .widget_calendar table th { color: #57606f; border: 0 none; font-weight: 700; }
aside.sidebar .widget_calendar table td { background: #f1f2f3; color: #707981; border: 1px solid #e4e8ea; font-weight: 500; }
aside.sidebar .widget_calendar table tr:nth-child(odd):hover td { background: #f1f2f3; }
aside.sidebar .widget_calendar table td,  aside.sidebar .widget_calendar table th { padding: 0px; line-height: 35px; text-align: center; } 
aside.sidebar .widget_calendar table tbody a { color: #57606f; font-weight: 500; display: block; border-radius: 3px; }
aside.sidebar .widget_calendar table tbody a:hover,  aside.sidebar .widget_calendar table tbody a:focus { color: #57606f; }
aside.sidebar .widget_calendar table #next a,  aside.sidebar .widget_calendar table #prev a { color: #57606f; font-weight: 700; }
aside.sidebar .widget_calendar table th .widget table #next a, .widget table #prev a { color: #57606f; }
.widget_media_gallery .gallery {padding: 0 20px; margin: 20px -12px 0;}
.widget_media_gallery .gallery .gallery-icon {margin-bottom: 20px;}
.widget_media_gallery .gallery .gallery-item {padding-left: 10px; padding-right: 10px;}

aside.sidebar .widget_search .search-form {width: 100%; margin: auto; float: left; padding: 0;}
aside.sidebar .widget_search .search-form .screen-reader-text {display: none;}
aside.sidebar .widget_search .search-form label {width: calc(100% - 60px); float: left; margin: 0;}
aside.sidebar .widget_search .search-form .search-field {width: 100%; border: 1px solid #eee; padding: 10px; background: #FFF; float: left; height: 43px;}
aside.sidebar .widget_search .search-form .search-submit {width: 60px; border: 1px solid #eee; border-left: 0; padding: 10px; background: #f1f2f3; float: left; font-size: 10px; height: 43px; text-transform: uppercase;}





/**************************************************
* CONTACT
**************************************************/
.item-contact {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dfe4ea;}
.item-contact .map {width: 100%!important; height: 300px;}
.contact-map-iframe {background-color: #fff; margin: 30px 0; border-radius: 6px; padding: 20px; padding-bottom: 15px;}
.contact-map-iframe iframe {width: 100%!important; height: 400px; background: #fff; border: 1px solid #dfe4ea; margin: 0;}
.contact-page {margin-top: 0!important;}
.contact-page .page-content {font-size: 16px; line-height: 1.5em; background: #fff; padding: 30px; border-radius: 6px;}
.contact-page-menu:last-child, .contact-page-menu li:last-child {margin-bottom: 0;}
.contact-page h2 {font-size: 22px; font-weight: 700; position: relative; margin-bottom: 20px; color: #1e272e;}
.contact-page-menu {margin-bottom: 40px;}
.contact-page-menu, .contact-page-menu li {padding: 0; list-style-type: none;}
.contact-page-menu li a {padding-left: 0!important; color: #57606f!important;}
.contact-page-menu li a:before {content: ''; display: none!important;}
.contact-page-menu li {position: relative; padding-left: 25px; margin-bottom: 15px;}
.contact-page-menu li:before {position: absolute; left: 0; font-family: 'Font Awesome 5 Free'; font-weight: 700; color: #353b48; font-size: 14px;}
.contact-page-menu .company:before {content: '\f1ad';}
.contact-page-menu .phone:before {content: '\f095';}
.contact-page-menu .whatsapp:before {content: '\f232'; font-family: 'Font Awesome 5 Brands';}
.contact-page-menu .fax:before {content: '\f1ac';}
.contact-page-menu .email:before {content: '\f0e0';}
.contact-page-menu .address:before {content: '\f041';}
.contact-page-menu .site:before {content: '\f0c1';}
.contact-page-menu .person:before {content: '\f508';}
.contact-page-menu .workinghours:before {content: '\f017';}
.contact-page-menu .workinghours span {width: 100px; display: inline-block;}

.contact-form {background: #fff;}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea, .wpcf7-form select {background: #FFF; border: 0; margin-bottom: 15px; float: left; padding: 8px; font-size: 13px; width: 100%!important; font-weight: 500; border: 1px solid #DDD;}
.wpcf7-form textarea {height: 100px;}
.wpcf7-form .wpcf7-form-control-wrap, .wpcf7-form label {width: 100%; float: left;}
.wpcf7-form input[type=submit], .btn-directions {background: #353b48; color: #FFF; padding: 0 50px; height: 50px; line-height: 50px; display: inline-block; font-size: 13px; letter-spacing: 1px; font-weight: 700; transition: background .2s; border: 0; cursor: pointer; margin-bottom: 0; border-radius: 3px; text-transform: uppercase;}
.wpcf7-form input[type=submit]:hover, .btn-directions:hover {color: #FFF; background: #222; text-decoration: none;}



video {
  max-width: 100%;
  height: auto;
}


/**************************************************
* FOOTER
**************************************************/
footer.main-footer {background: #ffffff; padding: 40px 0 0; color: rgba(0,0,0,.7); font-size: 0.9rem; position: relative;}
footer.main-footer h6 {font-weight: bold; margin-bottom: 15px; text-transform: uppercase; color: #353b48; }
footer.main-footer ul, footer.main-footer ul li {margin: 0; padding: 0; list-style: none;}
footer.main-footer li a {color: rgba(0,0,0,.7); transition: all .2s; display: block; background: none;}
footer.main-footer li a:hover {color: #000!important; background: none!important;}
/*footer.main-footer .widget {border-left: 1px solid rgba(0,0,0,.05); padding-left: 10px; float: left; width: 100%;}*/
footer.main-footer .menu li {position: relative; padding-left: 14px;}
footer.main-footer .menu li:before {position: absolute; left: 0; top: 0; font-family: 'Font Awesome 5 Free'; font-size: 10px; color: #353b48; content: '\f0da'; font-weight: 700;}

footer.main-footer .footer-logo {max-width: 150px; height: auto; margin-bottom: 30px; display: block;}
footer.main-footer .widget-contact {position: relative;}

footer.main-footer .widget-contact ul {position: relative; z-index: 10;}
footer.main-footer .widget-contact ul li a {padding-left: 10px!important; color: rgba(0,0,0,.7); transition: all .2s; padding: 0;}
footer.main-footer .widget-contact ul li a:before {content: ''; display: none!important;}
footer.main-footer .widget-contact ul li {position: relative; padding-left: 40px;}
footer.main-footer .widget-contact ul li:before {position: absolute; left: 0px; top: -3px; font-family: 'Font Awesome 5 Free'; color: #353b48; font-weight: 700; font-size: 15px; text-align: center; line-height: 30px;}
footer.main-footer .widget-contact .phone a {font-size: 17px; font-weight: bold;}
footer.main-footer .widget-contact .phone:before {content: '\f095';}
footer.main-footer .widget-contact .whatsapp:before {content: '\f232'; font-family: 'Font Awesome 5 Brands';}
footer.main-footer .widget-contact .fax:before {content: '\f1ac';}
footer.main-footer .widget-contact .email:before {content: '\f0e0';}
footer.main-footer .widget-contact .address:before {content: '\f041';}




footer.main-footer .copyright {padding: 15px 0; color: #353b48; margin-top: 40px; font-size: 12px;  width: 100%; border-top: 1px solid rgba(0,0,0,0.05); background: #ffffff; position: relative; z-index: 1;}
footer.main-footer .copyright li a {padding: 5px 15px; transition: all 0.3s; border-radius: 3px;}
.monark {float: right; position: relative;}
.monark img {width: 70px; height: auto; display: inline-block;}


.lg-hide {display: none!important;}
.img-404 {max-width: 400px; height: auto; margin-bottom: 40px;}

/**************************************************
* RESPONSIVE
**************************************************/
@media only screen and (max-width: 1600px){
  .main-slider .owl-theme .item {max-height: 600px;}
}

@media only screen and (max-width: 1366px){
}

@media only screen and (max-width: 1024px){
  header.top-header {display: none;}
  header.mobile-header {display: flex; align-items: center; justify-content: space-between; z-index: 50; background: #ffffff; width: 100%; min-height: 60px; border-bottom: 1px solid #dfe4ea;}
  header.mobile-header .mobile-logo {width: 200px; height: auto; padding: 0 20px;}
  .megamenu-wrapper {display: none;}
}


@media only screen and (max-width: 1023px){
  .lg-hide {display: inline-block!important;}
  .sm-hide {display: none!important;}
  .main-slider .owl-theme .item {min-height: auto;}
  section.section-blog {padding: 50px 0;}
  footer.main-footer {padding: 40px 0 0;}
  footer.main-footer .widget, footer.main-footer .widget-contact {padding: 15px 0;}
  footer.main-footer .copyright {margin-top: 50px;}
  .product-filter .filter-options {display: none;}
  .filter-button {display: block;}
  .product-page .product-gallery-images {margin-bottom: 50px;}
  aside.sidebar {display: none;}
}

@media only screen and (max-width: 767px){
  .grid-2, .grid-3, .grid-5, .grid-4, .grid-6 {grid-template-columns: repeat(1, 1fr);}
  .hp-product-grid, .product-grid {grid-template-columns: repeat(2, 1fr);}
  .home-big-banner {margin-bottom: 30px;}
  footer.main-footer .copyright {text-align: center;}
  footer.main-footer .copyright .monark {position: relative; display: block; text-align: center; float: none;}
}

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

}

@media only screen and (max-width: 400px){
  .offcanvas-menu {width: 320px; right: -320px;}
  .offcanvas-menu .logo {padding-left: 20px;}
  .offcanvas-menu-open {right: 0;}
  .offcanvas-menu-inner {padding: 20px;}
}


@media only screen and (max-width: 399px){
  header.mobile-header .mobile-logo {width: 200px; height: auto; padding: 0 20px;}
}