@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
*{
	margin:0;
	padding:0;
	outline:none;
}

ul{
	list-style:none;
	}

a{
	text-decoration:none;
	}

.clr{
	clear:both;
	height:0;
	display:block;
	}
	
.popup{
	display:none;
	left:50%;
	position:absolute;
	z-index:1300;
	}

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style, 900)
}

.fa,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-light,
.fa-regular,
.fa-sharp,
.fa-sharp-duotone,
.fa-sharp-solid,
.fa-solid,
.fa-thin,
.fab,
.fad,
.fal,
.far,
.fas,
.fasds,
.fasl,
.fasr,
.fass,
.fast,
.fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-classic,
.fa-light,
.fa-regular,
.fa-solid,
.fa-thin,
.fal,
.far,
.fas,
.fat {
    font-family: "Font Awesome 6 Pro"
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands"
}

.fa-classic.fa-duotone,
.fa-duotone,
.fad {
    font-family: "Font Awesome 6 Duotone"
}

.fa-sharp-duotone,
.fasds {
    font-family: "Font Awesome 6 Sharp Duotone";
    font-weight: 900
}

.fa-sharp,
.fasl,
.fasr,
.fass,
.fast {
    font-family: "Font Awesome 6 Sharp"
}

.fa-sharp,
.fass {
    font-weight: 900
}

.fa-1x {
    font-size: 1em
}

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

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

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

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 2em);
    line-height: inherit
}

.fa-border {
    border-radius: var(--fa-border-radius, .1em);
    border: var(--fa-border-width, .08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
    padding: var(--fa-border-padding, .2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin, .3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin, .3em)
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
}

.fa-fade {
    animation-name: fa-fade;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-beat-fade,
.fa-fade {
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s)
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-shake {
    animation-name: fa-shake;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-shake,
.fa-spin {
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal)
}

.fa-spin {
    animation-name: fa-spin;
    animation-duration: var(--fa-animation-duration, 2s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,
.fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, steps(8))
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-caret-down:before {
    content: "\f0d7"
}

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

.fa-file-alt:before, .fa-file-lines:before, .fa-file-text:before {
    content: "\f15c"
}

.fa-list-dropdown:before {
    content: "\e1cf"
}

.fa-memo-circle-info:before {
    content: "\e49a"
}

.fa-ballot-check:before {
    content: "\f733"
}

.fa-folder-arrow-down:before, .fa-folder-download:before {
    content: "\e053"
} 

.fa-circle-exclamation:before, .fa-exclamation-circle:before {
    content: "\f06a"
} 

.fa-calendar-alt:before, .fa-calendar-days:before {
    content: "\f073"} 

.fa-trash:before {
    content: "\f1f8"}

.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
    content: "\f00d"} 

.fa-check:before {
    content: "\f00c"}                

@media (prefers-reduced-motion:reduce) {
    .fa-beat,
    .fa-beat-fade,
    .fa-bounce,
    .fa-fade,
    .fa-flip,
    .fa-pulse,
    .fa-shake,
    .fa-spin,
    .fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {
    0%,
    90% {
        transform: scale(1)
    }
    45% {
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }
    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }
    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }
    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }
    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }
    64% {
        transform: scale(1) translateY(0)
    }
    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@keyframes fa-beat-fade {
    0%,
    to {
        opacity: var(--fa-beat-fade-opacity, .4);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }
    4% {
        transform: rotate(15deg)
    }
    8%,
    24% {
        transform: rotate(-18deg)
    }
    12%,
    28% {
        transform: rotate(18deg)
    }
    16% {
        transform: rotate(-22deg)
    }
    20% {
        transform: rotate(22deg)
    }
    32% {
        transform: rotate(-12deg)
    }
    36% {
        transform: rotate(12deg)
    }
    40%,
    to {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle, 0))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index, auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}


:host,
:root {
    --fa-style-family-sharp: "Font Awesome 6 Sharp";
    --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp"
}

@font-face {
    font-family: "Font Awesome 6 Sharp";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url(../webfonts/fa-sharp-light-300.woff2) format("woff2"), url(../webfonts/fa-sharp-light-300.ttf) format("truetype")
}

.fa-light,
.fasl {
    font-weight: 300
}

:host,
:root {
    --fa-style-family-sharp: "Font Awesome 6 Sharp";
    --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp"
}

@font-face {
    font-family: "Font Awesome 6 Sharp";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../webfonts/fa-sharp-regular-400.woff2) format("woff2"), url(../webfonts/fa-sharp-regular-400.ttf) format("truetype")
}

.fa-regular,
.fasr {
    font-weight: 400
}

:host,
:root {
    --fa-style-family-sharp: "Font Awesome 6 Sharp";
    --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp"
}

@font-face {
    font-family: "Font Awesome 6 Sharp";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../webfonts/fa-sharp-solid-900.woff2) format("woff2"), url(../webfonts/fa-sharp-solid-900.ttf) format("truetype")
}

.fa-solid,
.fass {
    font-family: "Font Awesome 6 Sharp";
    font-weight: 900
}

:host,
:root {
    --fa-style-family-sharp: "Font Awesome 6 Sharp";
    --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp"
}

@font-face {
    font-family: "Font Awesome 6 Sharp";
    font-style: normal;
    font-weight: 100;
    font-display: block;
    src: url(../webfonts/fa-sharp-thin-100.woff2) format("woff2"), url(../webfonts/fa-sharp-thin-100.ttf) format("truetype")
}

.fa-thin,
.fast {
    font-weight: 100
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../webfonts/fa-regular-400.woff2) format("woff2"), url(../webfonts/fa-regular-400.ttf) format("truetype")
}

:host,
:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../webfonts/fa-brands-400.woff2) format("woff2"), url(../webfonts/fa-brands-400.ttf) format("truetype")
}

.fa-brands,
.fab {
    font-weight: 400
}


.fa-magnifying-glass:before,
.fa-search:before {
    content: "\f002"
}	

.fa-bars:before,
.fa-navicon:before {
    content: "\f0c9"
}

.fa-phone:before {
    content: "\f095"
}

.fa-bag-shopping:before,
.fa-shopping-bag:before {
    content: "\f290"
}

.fa-heart:before {
    content: "\f004"
}

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

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-viber:before {
    content: "\f409"
}

.fa-telegram-plane:before,
.fa-telegram:before {
    content: "\f2c6"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-x-twitter:before {
    content: "\e61b"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-comment-dots:before,
.fa-commenting:before {
    content: "\f4ad"
}

.fa-grid-3:before, .fa-grid:before {
    content: "\e195";
}

.fa-grid-3:before, .fa-grid:before {
    content: "\e195";
}

.fa-list-squares:before, .fa-list:before {
    content: "\f03a";
}

.fa-star:before {
    content: "\f005"
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-files:before {
    content: "\e178"
}

.fa-comment-plus:before {
    content: "\f4b2"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"}

.fa-right-to-bracket:before, .fa-sign-in-alt:before {
    content: "\f2f6"}

.fa-eye:before {
    content: "\f06e"}   

.fa-left-long:before, .fa-long-arrow-alt-left:before {
    content: "\f30a"}

.fa-long-arrow-alt-right:before, .fa-right-long:before {
    content: "\f30b"}

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

.fa-clock-four:before, .fa-clock:before {
    content: "\f017"}

.fa-circle-info:before, .fa-info-circle:before {
    content: "\f05a"}

.fa-bags-shopping:before {
    content: "\f847"}

.fa-bookmark:before {
    content: "\f02e"}

.fa-subtitles:before {
    content: "\e60f"}     

.fa-lock:before {
    content: "\f023"}

.fa-newspaper:before {
    content: "\f1ea"}

.fa-right-from-bracket:before, .fa-sign-out-alt:before {
    content: "\f2f5"}

.fa-duotone.fa-magnifying-glass:after, .fa-duotone.fa-search:after, .fad.fa-magnifying-glass:after, .fad.fa-search:after {
    content: "\f002\f002"}     

.fa-circle-xmark:before, .fa-times-circle:before, .fa-xmark-circle:before {
    content: "\f057"}           

html{
	overflow-x: hidden;
}

body{
	font-family: "Inter", sans-serif;
}	

.body-inner{
	width: 1400px;
	margin: 0 auto;
}

.header{
	padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #1a6aaf;
    position: relative;
    z-index: 100;
}

.header.home{
    border: 0;
    margin: 0;
}

.header-top{
	display: flex;
}

.search-wrapper{
	flex-grow: 1;
	margin: 0 40px;
}

.search{
	width: 100%;
	height: 42px;
	   -webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	border-radius: 42px;
	border: 2px solid #1a6aaf;
    position: relative;
}

#search{
	display: flex;
}

#search input{
	flex-grow: 1;
	margin:0 10px;
	height: 42px;
	border: 0;
	box-sizing: border-box;
	padding-left: 10px;
	  -webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	border-radius: 42px;
}

#search button{
	width: 36px;
	height: 36px;
	margin: 3px;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	border: 0;
	color: #fff;
	font-size: 15px;
	background-color: #1a6aaf;
}

.header-bottom{
	display: flex;
	margin-top: 20px;
}

.menu-button{
	display: flex;
	height: 40px;
	border: 1px solid #ddd;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	margin-right: 30px;
    cursor: pointer;
}

.menu-button.active{
   border: 1px solid  #1a6aaf; 
}

.menu-icon{
	width: 34px;
	height: 34px;
	margin: 3px;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	border-radius: 34px;
	background-color: #1a6aaf;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.menu-text{
	display: flex;
	align-items: center;
	margin: 0 30px 0 10px;
}

.sub-menu ul{
	display: flex;
	height: 40px;
	align-items: center;
}

.sub-menu{
	flex-grow: 1;
}

.sub-menu ul li{
	margin-right: 40px;
}

.sub-menu ul a{
	color: #333E48;
	font-size: 15px;
	font-weight: 600;
}

.sub-menu ul a.action-link{
	color: #cd2a29;
}

.main-menu{
    position: relative;
}

.menu-dropdown{
	display: none;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 50px;
     border-top: 2px solid #1a6aaf;
    -webkit-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    z-index: 100;
}

.dropdown-menu-second{
    position: absolute;
    left: 315px;
    top: -2px;
    background-color: #fff;
    display: none;
    width: 600px;
    min-height: 100%;
    padding-left: 15px;
    border-top: 2px solid #1a6aaf;
}

.dropdown-level-start{
    background-color: #fff;
    width: 300px;
    padding: 5px 15px;
}

.dropdown-level-start a{
    display: block;
    font-size: 14px;
    color: #333E48;
    padding: 10px 15px 10px 5px;
    position: relative;
}

.dropdown-level-start li > div.m-item{
    position: relative;
}

.dropdown-level-start li a{
    border-top: 1px solid #ddd;
}

.dropdown-level-start li:first-child a{
    border-top: 0;
}

.dropdown-level-start li span{
    position: absolute;
    height: 100%;
    width: 10px;
    right: 5px;
    top: 12px;
    font-size: 12px;
    color: #aeaeae;
}

.dropdown-level-start li:hover a{
    background-color: #f5f5f5;
}

.dropdown-level-start .level2-title a{
    background: none !important;
}

.dropdown-level-start .level2-title > a:hover{
    background: #f5f5f5 !important;
}

.dropdown-menu-second ul{
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}

.dropdown-menu-second ul li{
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
}

.dropdown-menu-second ul li a{
    border: 0;
}

.dropdown-menu-second ul{
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown-menu-second ul li ul li{
    width: 100%;
    padding: 0 5px;
}


.dropdown-menu-second .dropdown-inner{
    display: flex;
    padding-top: 10px;
}

.dropdown-menu-second .menu-col{
    width: 50%;
}

.dropdown-menu-second .menu-col li{
    width: 100%;
    display: block;
    padding: 0 5px;
    margin-bottom: 10px;
}

.dropdown-level-start .level2-title > a{
    border-top: 0;
    font-weight: 600;
}

.dropdown-level-start .level2-title{
    border-top: 1px solid rgba(221,221,221, 0.5);
    margin: 0 10px;
}

.dropdown-level-start .level2-title:first-child{
    border-top: 0;
}

.dropdown-menu-second ul a{
    font-weight: normal;
    padding: 0;
}

.dropdown-menu-second ul a:hover{
    text-decoration: underline;
    background: none;
}

.dropdown-level-start li:hover .dropdown-menu-second{
    display: block;
}

.menu-all a{
    font-weight: 500 !important;
    color: #5d7184 !important;
}

.top-contacts{
	display: flex;
}

.phone-icons{
	font-size: 22px;
	margin:3px 18px 0 0;
	color: #333E48;
}

.top-contacts .phones a{
	display: block;
	color: #333E48;
	font-weight: 400;
	margin-bottom: 2px;
}

.cart-text{
	width: 42px;
	height: 42px;
	-webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	border-radius: 42px;
	background-color: #1a6aaf;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 18px;
	position: relative;
}

#header-cart{
    position: relative;
}

.dropdown-cart{
    position: absolute;
    background-color: #fff;
    border-top: 2px solid #1a6aaf;
    width: 300px;
    right: 0;
    top: 20px;
    padding: 10px 0;
    -webkit-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#header-cart:hover .dropdown-cart{
    top: 35px;
    opacity: 1;
    visibility: visible;
}

.small-cart-empty{
    text-align: center;
}

.dropdown-cart-inner{
    padding: 10px;
    font-size: 14px;
}

.cart-num{
	width: 18px;
	height: 18px;
	position: absolute;
	   -webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	right: -5px;
	top: -3px;
	background-color: #fff;
	text-align: center;
	line-height: 18px;
	color: #333E48;
	font-size: 12px;
	border: 1px solid #1a6aaf;
}

.header-bottom-right{
	display: flex;
}

#wishlist-total{
	margin-right: 25px;
	color: #333E48;
	font-size: 22px;
	display: flex;
	align-items: center;
}

.account-top{
	margin-right: 25px;
	display: flex;
    position: relative;
}

.account-top a{
	color: #333E48;
	font-size: 22px;
	display: flex;
	align-items: center;
}

.cart-top{
	display: flex;
}

.cart-price{
	display: flex;
	align-items: center;
	margin-left: 20px;
}

.language-wrap{
    position: relative;
    margin-right: 25px;
    padding-right: 20px;
}

.language-dropdown,
    .account-dropdown{
    position: absolute;
    background-color: #fff;
    border-top: 2px solid #1a6aaf;
    width: 100px;
    left: -15px;
    top: 25px;
    padding: 10px 0;
    -webkit-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    box-shadow: 0 0 12px rgb(0 0 0 / 15%);
     -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
        -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  opacity: 0;
  visibility: hidden;
}

.language-wrap:hover .language-dropdown,
    .account-top:hover .account-dropdown{
    top: 35px;
    opacity: 1;
    visibility: visible;
}

.language-dropdown li a,
    .account-dropdown li a{
    color: #333E48;
    font-weight: 600;
    font-size: 14px;
    display: block;
    padding: 5px 15px;
    text-transform: uppercase;
}

.language-dropdown li a:hover,
    .account-dropdown li a:hover{
    background-color: #f8f9fa;
}

.current-lang{
    display: flex;
    height: 42px;
    align-items: center;
    color: #333E48;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding-right: 20px;
    text-transform: uppercase;
}

.current-lang i{
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 16px;
}

.account-dropdown{
    width: 200px;
    z-index: 1000;
    left: auto;
    right: -100px;
}

.account-dropdown li a span{
    display: inline-block;
    min-width: 20px;
    font-size: 12px;
    color: #1a6aaf;
}

.top-social{
    display: flex;
    justify-content: space-between;
    margin-left: 20px;
}

.top-social a{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    width: 42px;
    height: 42px;
      -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    border-radius: 42px;
    margin: 0 5px;
    font-size: 18px;
    color: #1a6aaf;
      -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
}

.top-social a:hover{
    border-color: #1a6aaf;
    background-color: #1a6aaf;
    color: #fff;
}

.breadcrumb{
    display: flex;
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #333e48;
    flex-wrap: wrap;
}

.breadcrumb li{
    display: flex;
    margin-bottom: 10px;
}

.breadcrumb a{
    color: #333e48;
}

.breadcrumb a:hover{
    text-decoration: underline;
}

.breadcrumb i{
    font-size: 10px;
    margin: 4px 10px 0 12px;
}

.content-wrapper{
    position: relative;
}

.two-cols{
    display: flex;
}

#column-left{
    flex-basis: 270px;
    margin-right: 30px;
    width: 270px;
}

.content-right{
    flex-grow: 1;
    max-width: 1100px;
}

.category-header{
    display: flex;
    color: #333e48;
}

h1.page-title{
    font-size: 25px;
    font-weight: 500;
    padding-bottom: 20px;
    color: #333e48;
}

.category-header h1.page-title{
    flex-grow: 1;
}

.result-items{
    font-size: 14px;
    margin-top: 10px;
}

.categories-list{
      -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #ddd;
    margin-bottom: 40px;
}

.categories-list ul ul{
    display: none;
}

.categories-list ul li{
    border-top: 1px solid #ddd;
    font-size: 14px;
    position: relative;
}

.show-submenu{
    position: absolute;
    right: 12px;
    top: 12px;
    color: #333e48;
    cursor: pointer;
}

.categories-list li.active ul{
    display: block;
    padding-top: 5px;
}


.categories-list ul li:first-child{
    border: 0;
}

.categories-list ul li a{
    color: #333e48;
    display: block;
    padding: 14px 20px 14px 0;
    margin: 0 15px;
}

.categories-list ul li a.active{
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}

.categories-list ul li.active .show-submenu{
       -moz-transform: rotate(-180deg);
     -o-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}

.categories-list ul ul li{
    border: 0;
    padding: 0;
} 

.categories-list ul ul li a{
    padding: 7px 0 7px 20px;
    display: block;
    position: relative;
}

.categories-list ul ul li a:before{
    content: "\f058";
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #d1d1d1;
    font-family: "Font Awesome 6 Sharp";
}

.categories-list ul ul li a.active{
    border-bottom: 0;
}

.categories-list ul ul ul li a:before{
    display: none;
}

.categories-list ul ul ul li a{
    padding-right: 15px;
}

.categories-list ul ul{
    padding-bottom: 10px;
}

.categories-list ul ul li.active .show-submenu{
    top: 7px;
}

#display-control{
    display: flex;
     -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #efefef;
    padding: 6px 20px;
}

.product-style{
    flex-grow: 1;
}

.product-style .btn-group{
    display: flex;
}

#button-grid,#button-list{
    font-size: 24px;
    border: 0;
    background: none;
    color: #aabccc;
    font-weight: bold;
    display: flex;
    width: 35px;
    height: 35px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#button-grid.active,
    #button-list.active,
    #button-grid:hover,
    #button-list:hover{
    color: #5189b9;
}

#input-sort, #input-limit{
    display: block;
    height: 35px;
     -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    border: 1px solid #ddd;
    padding: 0 28px 0 12px;
    color: #333e48;
     background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center;
    background-size: 8px 10px;
    -webkit-appearance: none;
    margin-left: 20px;
}

#product-list{
    display: flex;
    flex-wrap: wrap;
}

#product-list.product-list{
    display: block;
}

#product-list .description{
    display: none;
}

.product-thumb{
    flex-basis: 20%;
    width: 20px;
    padding-top: 20px;
    height: 350px;
    position: relative;

}

.categories-top{
    margin: 30px 0;
}

.categories-top ul{
    display: flex;
    flex-wrap: wrap;
}

.categories-top ul li{
    margin: 0 10px 10px 0;
}

.categories-top a{
    display: block;
    font-size: 14px;
    padding: 8px 15px;
    color: #333e48;
    font-weight: 500;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
}

.categories-top a.active{
    background-color: #1a6aaf;
    color: #fff;
    border-color: #1a6aaf;
}

.product-thumb:hover{
    -webkit-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    box-shadow: 0 0 12px rgb(0 0 0 / 15%);
}

.product-thumb:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 70%;
    right: 0;
    top: 10%;
    background-color: #eaeaea;
}

.product-thumb:hover:after{
    display: none;
}

.product-thumb:hover .thumb-bottom-hover{
    display: block;
}

.product-thumb:hover .addtocart-btn button{
    background-color: #1a6aaf;
}

.product-thumb:nth-child(5n):after{
    display: none;
}

.product-thumb .image{
    width: 90%;
    height: 160px;
    margin: 15px auto 20px auto;
    text-align: center;
}

.product-thumb .image img{
    max-width: 100%;
    max-height: 100%;
}

.product-name{
    padding: 0 15px;
    height: 60px;
    overflow: hidden;
}

.product-name a{
    font-size: 14px;
    color: #0062bd;
    font-weight: 600;
    line-height: 18px;
}

.price-wrapper{
    display: flex;
    margin: 0 15px;
    align-items: center;
}

.price-wrapper .price{
    flex-grow: 1;
}

.price-wrapper .price-new{
    font-size: 20px;
    font-weight: 400;
    color: #333e48;
}

.addtocart-btn button{
    width: 34px;
    height: 34px;
    display: flex;
    border: 0;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    background-color: #eaeaea;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
}

.addtocart-btn button span{
    display: none;
}

.thumb-bottom{
    margin: 8px 15px;
    border-top: 1px solid #eaeaea;
    padding: 8px 0;
    display: flex;
}

.thumb-bottom .thumb-wishlist{
    border: 0;
    background: none;
    color: #8598a9;
    cursor: pointer;
    font-size: 13px;
}

.thumb-bottom div{
    flex-grow: 1;
    line-height: 15px;
}

.thumb-bottom .thumb-wishlist i,
    .thumb-review i{
    margin-right: 5px;
}

.thumb-review{
   font-size: 13px;
   color: #8598a9;
}

.thumb-bottom .thumb-wishlist:hover,
    .thumb-review:hover{
    color: #4f6273;
}

.thumb-bottom-hover{
    display: none;
    padding-top: 8px;
}

.product-thumb .product-price{
    font-size: 20px;
    margin-top: 0;
}

.product-thumb .price-special-wrap{
    margin-top: 0;
    display: block;
}

.product-thumb  .price-new{
    color: #cd2a29;
}

.product-thumb  .price-old{
    padding-top: 0;
    font-size: 16px;
}

#product-list.product-list .image{
    max-width: 25%;
}

#product-list.product-list .product-thumb:after{
    display: none;
}

#product-list.product-list .product-thumb{
    display: flex;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eaeaea;
}

#product-list.product-list .product-thumb:hover{
    box-shadow: none;
}

#product-list.product-list .thumb-bottom-hover,
    #product-list.product-list .addtocart-btn button span{
    display: block;
}

#product-list.product-list .product-thumb > .product-name,
    #product-list.product-list .addtocart-btn i{
    display: none;
}

#product-list.product-list .addtocart-btn button{
    width: 100%;
    background-color: #1a6aaf;
    height: 43px;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 600;
}

#product-list.product-list .addtocart-btn button:hover{
    background-color: #0d79d5;
}

#product-list.product-list .description .product-name{
    padding: 0;
    margin-bottom: 20px;
    height: auto;
    overflow: unset;
    font-size: 15px;
}

#product-list.product-list .thumb-bottom{
    border-top: 0;
    padding-top: 0;
}

#product-list.product-list .description .product-name a{
    font-size: 15px;
}

#product-list.product-list form{
    width: 30%;
    margin-left: 40px;
}

#product-list.product-list .description{
    display: block;
    flex-grow: 1;
    font-size: 14px;
    color: #687e93;
    line-height: 22px;
}

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

.product-sku span{
    text-transform: uppercase;
    font-size: 13px;
}

#product-list.product-list .price-wrapper{
    display: block;
}

.rating{
    width: 100px;
    display: flex;
}

.rating .fa-stack{
    position: relative;
}

.rating .fa-regular.fa-star{
    color: #efefef;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.rating .fa-solid.fa-star{
    color: #fed700;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.pagination-wrapper{
    display: flex;
    margin: 40px 0;
}

.pagination-list{
    flex-grow: 1;
}

.pagination{
    display: flex;
}

.pagination .page-link{
    display: flex;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    border: 1px solid #e7e7e7;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #5d7184;
}

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

.pagination li.active .page-link,
    .pagination .page-link:hover{
    background-color: #1a6aaf;
    border-color: #1a6aaf;
    color: #fff;
    font-weight: 500;
}

.pagination-result{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333e48;
}

footer{
    border-top: 1px solid #eeeeee;
    padding: 30px 0;
    margin-top: 30px;
    background-color: #f8f8f8;
}

.footer-wrapper{
    display: flex;
}

.footer-menu{
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    margin: 0 50px;
    padding-top: 10px;
    color: #333e48;
}

.footer-menu a:hover,
   .rating-buttons a:hover{
    text-decoration: underline;
}

.footer-bottom{
    background-color: #eaeaea;
    padding: 12px 0;
}

.copyright{
    font-size: 14px;
}

.footer-phones .phones a{
    display: block;
    font-size: 18px;
    color: #333E48;
    margin-bottom: 6px;
}

.footer-social{
    display: flex;
    margin-top: 20px;
}

.footer-social a{
    color: #1a6aaf;
    font-size: 18px;
    margin:0 7px;
}

.footer-social a:hover{
    color: #1f91f4;
}

.footer-menu-title{
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 15px;
}

.footer-menu a{
    color: #333e48;
    font-size: 14px;
}

.footer-menu li{
    margin-bottom: 8px;
}

.footer-contacts{
    margin-top: 25px;
}

.footer-logo{
    margin-right: 50px;
}

.product-top{
    display: flex;
    padding-top: 25px;
}

.product-images{
    width: 45%;
    margin-right: 5%;
}

.product-info{
    width: 50%;
}

.product-info h1{
    font-size: 25px;
    color: #333e48;
    padding-bottom: 15px;
    border-bottom: 1px solid #F4F4F4;
    margin-bottom: 15px;
}

.product-info-wrap{
    padding-left: 5px;
}

.product-info-list li{
    margin-bottom: 8px;
    color: #333e48;
    font-size: 14px;
    position: relative;
}

.info-manufacturer a{
    color: #0062bd;
}

.product-price{
    font-size: 35px;
    color: #333e48;
    margin-top: 20px;
}

.rating-wrap{
    display: flex;
    margin-bottom: 15px;
}

.rating-buttons{
    margin: 7px 0 0 15px;
    font-size: 14px;
}

.rating-buttons a{
    color: #333e48;
}

.product-button-wrap{
    display: flex;
    margin-top: 20px;
}

.quantity-inner{
    border: 1px solid #ddd;
    height: 45px;
     -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    padding: 0 25px;
}

#button-cart{
    display: block;
    border: 1px solid #1783e1;
    height: 45px;
     -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-color: #1783e1;
    color: #fff;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 10px 0 20px;
    cursor: pointer;
}

#button-cart:hover,
    .wishlist-addtocart:hover{
    background-color: #1a6aaf;
    border-color: #1a6aaf;
}

#button-cart span{
    padding-left: 10px;
}

#button-cart i{
    font-weight: 500;
    font-size: 14px;
}

.wish-list-btn,
    #wish-list-btn{
    display: block;
    border: 1px solid #ddd;
    height: 45px;
    width: 45px;
     -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-color: #f8f8f8;
    color: #1a6aaf;
    font-size: 16px;
    cursor: pointer;
}

.wish-list-btn:hover,
    #wish-list-btn:hover{
    background-color: #1a6aaf;
    color: #fff;
    border-color: #1a6aaf;
}

.quantity-inner{
    display: flex;
}

.quantity-inner > div{
    flex-grow: 1;
}

.quantity-inner #input-quantity{
    display: block;
    height: 45px;
    border: 0;
    text-align: center;
    font-size: 18px;
    color: #333e48;
}

.quantity-count{
    padding-top: 12px;
}

.quantity-count a{
    display: block;
    font-weight: 900;
    max-height: 3px;
    color: #333e48;
    height: 3px;
    line-height: 0;
    margin-bottom: 7px;
}

.quantity-count i{
    font-weight: 900;
    font-size: 12px;
}

.quantity-count a:hover{
    color: #1a6aaf;
}

.stock-status{
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
}

.stock-status span{
    display: block;
    width: 8px;
    height: 3px;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 1px;
    background-color: #42df2d;
}

.stock-info{
    display: inline-block;
    position: relative;
    padding-right: 15px;
}

.low-stock span{
    background-color: #f59c28;
}

.low-stock span:first-child{
    background-color: #c0c0c0;
}

.not-in-stock span{
    background-color: #c0c0c0;
}

.not-in-stock span:last-child{
    background-color: #ff1800;
}

.price-special-wrap{
    display: flex;
    margin-top: 20px;
}

.price-new{
    font-size: 35px;
    color: #cd2a29;
    margin-right: 20px;
}

.price-old{
    font-size: 22px;
    padding-top: 10px;
    color: #555;
    text-decoration: line-through;
}

.main-image{
    height: 350px;
    text-align: center;
}

.main-image img{
    max-width: 100%;
    max-height: 100%;
}

.image-thumbs{
    display: flex;
    margin: 30px 0;
}

.image-thumbs a{
    display: flex;
    width: 80px;
    height: 80px;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #eee;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
     -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
}

.image-thumbs a:hover{
    -webkit-box-shadow: 0 0 15px rgb(23 131 225 / 15%);
    -moz-box-shadow: 0 0 15px rgb(23 131 225 / 15%);
    box-shadow: 0 0 15px rgb(23 131 225 / 15%);
}

.image-thumbs a img{
    max-width: 80%;
    max-height: 80%;
}

.product-tabs .nav-tabs{
    display: flex;
    margin-top: 25px;
}

.product-tabs .nav-tabs li{
    margin-right: 15px;
}

.product-tabs .nav-link{
    padding: 8px 20px;
    border: 1px solid #eee;
    display: flex;
    justify-content: space-between;
     -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #333e48;
    background-color: #eee;
}

.product-tabs .nav-link span{
    margin-left: 10px;
}

.product-tabs .nav-link i{
    font-size: 16px;
    font-weight: normal;
    margin-top: 2px;
}

.product-tabs .nav-link.active{
    font-weight: bold;
    background-color: #1a6aaf;
    color: #fff;
    border-color: #1a6aaf;
}

.tab-pane{
    display: none;
}

.tab-pane.active{
    display: block;
}

.tab-content{
    padding: 30px;
    margin-top: 20px;
    border: 1px solid #ddd;
     -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 40px;
}

#tab-description,
    #tab-features,
    #tab-manual,
    #tab-product-configuration{
    font-size: 15px;
    color: #777;
    line-height: 22px;
}

.dowload-item{
    display: flex;
    margin-bottom: 8px;
}

.dowload-item > div{
    width: 20px;
    margin-right: 10px;
    color: #1a6aaf;
}

.dowload-item a{
    font-size: 15px;
    color: #333e48;
    padding-top: 1px;
}

.dowload-item a:hover{
    text-decoration: underline;
}

.form-review-top{
    display: flex;
}

.review-statistic{
    flex-grow: 1;
}

.review-form{
    margin: 0 40px;
    width: 40%;
}

.review-form h2{
    font-size: 20px;
    font-weight: 600;
    color: #333e48;
    margin-bottom: 25px;
}

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

.review-row-inner{
    display: flex;
}

.review-input{
    flex-grow: 1;
}

.review-row label{
    min-width: 120px;
    font-weight: bold;
    color: #333e48;
}

.review-input input[type=text],
    .review-input textarea{
    height: 45px;
    width: 100%;
     -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    border: 1px solid #ddd;
    padding-left: 15px;
    box-sizing: border-box;
}

.review-input textarea{
    height: 120px;
    padding-top: 15px;
     -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.feedback-text-note{
    font-size: 14px;
    text-align: right;
    margin-top: 10px;
    color: #777;
}

.rating-inputs{
    height: 0;
    overflow: hidden;
}

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

.rating-line a{
    color: #ddd;
}

.rating-line a.active{
    color: #fed700;
}

#button-review{
    height: 45px;
    background-color: #efecec;
     -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    border: 0;
    padding: 0 20px;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #333e48;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#button-review span{
    padding-left: 10px;
}

#button-review i{
    color: #1a6aaf;
    margin-top: 2px;
}

#button-review:hover{
    color: #fff;
    background-color:#1a6aaf;
}

#button-review:hover i{
    color: #fff;
}

.invalid-feedback{
    font-size: 14px;
    text-align: right;
    margin-top: 5px;
    color: #cf1515;
}

.msg-success{
    background-color: #f4fff7;
    margin-bottom: 20px;
    padding: 15px 15px 15px 40px;
     -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    color: #333e48;
    position: relative;
    line-height: 22px;
    border: 1px solid #78dc92;
}

.msg-success i{
    color: #47ea71;
    position: absolute;
    left: 15px;
    top: 18px;
    font-size: 16px;
}

.averege-rating{
    font-size: 14px;
    font-weight: bold;
    color: #8e8e8e;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.averege-rating span{
    font-size: 30px;
    font-weight: 700;
    display: block;
    color: #333e48;
}

.statistic-row{
    display: flex;
    width: 340px;
    margin-bottom: 15px;
}

.statistic-stars{
    font-size: 14px;
    color: #fed700;
}

.statistic-stars .not-active{
    color: #efefef;
}

.statistic-line{
    width: 150px;
    flex-grow: 1;
    margin: 0 15px;
}

.statistic-line div{
    background-color: #f3f3f3;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 10px;
    width: 100%;
    margin-top: 6px;
}

.statistic-value{
    font-size: 14px;
    font-weight: 600;
    color: #b6b6b6;
    width: 15px;
    text-align: center;
}

#review{
    margin-top: 60px;
}

.review-item{
    background-color: #fbfbfb;
     -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 80%;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.review-info{
    display: flex;
    font-size: 14px;
    padding-bottom: 8px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f6f1f1;
}

.review-info .author{
    margin-left: 10px;
    padding:0 10px;
    border-left: 1px solid #f6f1f1;
    border-right: 1px solid #f6f1f1;
    font-weight: 600;
    padding-left: 25px;
    position: relative;
}

.review-info .date-added{
    padding-left: 15px;
    position: relative;
}

.review-info .author i,
    .review-info .date-added i{
    font-size: 11px;
    margin-right: 10px;
    color: #333e48;
    position: absolute;
    left: 0;
    top: 3px;
}

.review-info .author i{
    left: 8px;
    top: 4px;
}

.review-rating{
    font-size: 12px;
    line-height: 12px;
}

.review-rating span{
    width: 12px;
    height: 12px;
}

.rating-wrap-item{
    flex-grow: 1;
    display: flex;
    margin-top: -3px;
    justify-content: flex-end;
}

.review-rating .fa-stack-1x{
    color: #fed700;
}

.review-text{
    font-size: 14px;
    color: #333e48;
    margin-bottom: 10px;
}

.small-cart-row-top,
   .small-cart-row-botom{
    display: flex;
}

.small-cart-name{
    flex-grow: 1;
    margin-left: 10px;
}

.small-cart-name a{
    color: #333e48;
}

.small-cart-row-botom{
    margin: 10px 0;
    padding: 3px 8px;
    background-color: #f7f7f7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
      color: #333e48;
}

.small-cart-total{
    flex-grow: 1;
    margin: 0 10px;
    font-size: 14px;
    text-align: right;
}

.small-cart-remove{
    margin-top: -1px;
}

.small-cart-remove button{
    border: 0;
    color: #e56464;
    background: none;
    cursor: pointer;
}

.small-cart-remove button:hover{
    color: #f13b3b;
}

.small-cart-remove button i{
    font-size: 11px;
}

.cart-small-result{
    padding: 10px 0 5px 0;
}

.cart-small-result td{
    padding: 2px 0;
}

.small-cart-buttons{
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.checkout-btn{
    background-color: #1783e1;
    color: #fff;
    padding: 8px 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
}

.checkout-btn:hover{
    background-color: #1a6aaf;
}

.category-wall{
    margin: 30px 0;
}

.category-wall-wrap{
    display: flex;
    flex-wrap: wrap;
}

.category-block{
    flex-basis: 25%;
    margin-bottom: 20px;
}

.category-block-inner{
    border: 1px solid #eee;
    width: 95%;
    display: block;
    margin: 0 auto;
    min-height: 150px;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
     -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
}

.category-block-inner:hover{
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}

.category-block-name{
    text-align: center;
    display: block;
     font-size: 18px;
    color: #333e48;
    font-weight: 600;
}

.category-block-img{
    min-height: 80px;
    display: flex;
    justify-content: center;align-items: center;
}

.new-products{
    display: flex;
}

.new-products .description{
    display: none;
}

.products-module .module-title,
    .module-block .module-title{
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 8px;
    font-size: 22px;
    font-weight: 600;
    color: #333e48;
    text-align: center;

}

.module-block .module-title{
    text-align: left;
}

.products-module .module-title span,
    .module-block .module-title span{
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.module-block .module-title span{
    padding: 0;
}

.products-module .module-title span:before,
    .module-block .module-title span:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -9px;
    height: 2px;
    width: 100%;
    border-bottom:2px solid #1a6aaf;
}

.products-module .module-title span:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -11px;
    height: 4px;
    width: 10px;
    left: 50%;
    margin-left: -5px;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1a6aaf;
}

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

.products-module .product-thumb:after{
    display: block;
} 

.products-module .product-thumb:last-child:after,
    #form-register .d-none{
    display: none;
} 

.register-hidden,
    .button-register-wrap{
    height: 0;
    overflow: hidden;
}

.checkout-wrapper{
    display: flex;
}

.checkout-products-wrap{
    background-color: #f5f5f5;
     -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 30px 15px 15px 15px;
    margin-left: 30px;
}

.bgblack{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.6;
    z-index: 500;
    background-color: #000;
    display: none;
}


.message{
    width: 500px;
    position: absolute;
    top: 250px;
    left: 50%;
    margin-left: -200px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 600;
    -webkit-box-shadow: 0 0 25px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 0 25px rgb(0 0 0 / 25%);
    box-shadow: 0 0 25px rgb(0 0 0 / 25%);
    display: none;
}

.message-inner{
    padding: 30px 25px 20px 25px;
    position: relative;
    color: #0062bd;
    font-size: 15px;
    text-align: center;
}

.message-inner a{
    color: #0062bd;
    font-size: 15px;
}

.message-inner a:hover{
    color: #1a6aaf;
}

.close-btn{
    position: absolute;
    right: 15px;
    top: 10px;
    color: #333e48;
}

.close-btn i{
    color: #333e48;
}

.close-btn:hover i{
    color: #1783e1;
}

.message-btn{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.message-btn a,
    .message-btn button{
    height: 33px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    background-color: #1783e1;
    border: 1px solid #1783e1;
    color: #fff !important;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin: 0 10px;
    font-size: 14px;
    cursor: pointer;
    font-family: "Inter", sans-serif;
}

.message-btn button{
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #333e48 !important;
     height: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

.message-btn a:hover{
    background-color: #1a6aaf;
}

.message-btn button:hover{
    background-color: #efecec;
}

.info-message{
    background-color: #f9f9f9;
    color: #333e48;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 40px;
    font-size: 14px;
    border-left: 4px solid #cbcbcb;
}

.info-message a{
    color: #1a6aaf;
}

.checkout-info{
    width: 55%;
}

.checkout-title{
    border-bottom: 1px solid #dadada;
    color: #333e48;
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 35px;
    position: relative;
}

.checkout-title span{
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
}

.checkout-title span:after{
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -1px;
    background-color: #1a6aaf;
}

.order-type{
    display: flex;
    border: 1px solid #dadada;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    background-color: #f5f5f5;
    margin-bottom: 30px;
}

.order-type .form-check{
    margin-right: 15px;
    font-size: 15px;
    display: flex;
}

.order-type label{
    margin: 8px 0 0 10px;
}

.checkout-row{
    display: flex;
    flex-wrap: wrap;
}

.checkout-col{
    width: 50%;
    margin-bottom: 20px;
}

.checkout-col:nth-child(odd){
    width: 45%;
    margin-right: 5%;
}

.checkout-col label,
    .textarea-row label,
    #form-login label,
    #form-register label,
    .contact-form label,
    .account-col label{
    display: block;
    color: #333e48;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}

.checkout-col input,
    .textarea-row textarea,
    #form-login input,
    #form-register input[type=text],
    #form-register input[type=password],
    #form-register input[type=email],
    #form-register input[type=tel],
    .contact-form input[type=text],
    .contact-form input[type=email],
    .contact-form textarea,
    .account-col input[type=text],
    .account-col input[type=email],
    .account-col input[type=tel],
    .account-col input[type=password]{
    height: 45px;
    display: block;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    border: 1px solid #ddd;
    width: 100%;
    padding-left: 15px;
    box-sizing: border-box;
}

#checkout-shipping-method{
    margin-bottom: 40px;
}

#form-register{
    margin-bottom: 20px;
}

#checkout-shipping-method .form-check,
    #checkout-payment-method .form-check{
    margin-bottom: 10px;
}

#checkout-payment-method{
    margin-bottom: 100px;
}

.checkout-product-row{
    display: flex;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.checkout-product-info{
    flex-grow: 1;
    margin-left: 25px;
}

.checkout-product-name a{
    color: #333e48;
}

.checkout-product-name a:hover,
    .login-bottom div a:hover{
    text-decoration: underline;
}


.checkout-product-price,
    .vaoucher-amount,
    .total-price{
    width: 120px;
    text-align: right;
}

.checkout-product-buttons{
    display: flex;
    padding-top: 10px;
}

.cp-quantity-inner{
    display: flex;
    background-color: #fff;
    height: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding: 0 20px;
}

.cp-quantity-inner input[type=text]{
    height: 35px;
    border: 0;
    text-align: center;
}

.cp-quantity-inner .quantity-count{
    padding-top: 7px;
}

.checkout-product-remove{
    margin-left: 25px;
    height: 35px;
    display: flex;
    align-items: center;
}

.checkout-product-remove button{
    background: none;
    border: 0;
    display: flex;
    font-size: 14px;
     color: #e56464;
    font-family: "Inter", sans-serif;
    align-items: center;
    cursor: pointer;
}

.checkout-product-remove button i{
    font-size: 14px;
    margin-right: 10px;
}

.checkout-product-remove button:hover{
    color: #f14141;
}

.voucher-wrap{
    margin: 15px 0;
}

.voucher-row{
    display: flex;
    margin-bottom: 10px;
}

.voucher-description,
    .total-name{
    flex-grow: 1;
    font-size: 14px;
}

.total-row{
    display: flex;
    margin-bottom: 12px;
}

.checkout-product-total,
    .payment-info-text{
    border-bottom: 3px solid #ddd;
    margin-bottom: 25px;
}

.additional-info{
    margin-top: 40px;
}

.textarea-row textarea,
    .contact-form textarea{
    height: 140px;
     -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.checkout-product-confirm{
    display: flex;
    justify-content: center;
}

.checkout-product-confirm button{
    height: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-color: #1783e1;
    color: #fff;
    padding: 0 20px;
    font-family: "Inter", sans-serif;
    border: 0;
    font-size: 16px;
    cursor: pointer;
}

.checkout-product-confirm button:hover{
    background-color: #1a6aaf;
}

.checkout-edit-btn, 
    #shipping-addresses,
    #shipping-existing{
    width: 0;
    height: 0;
    overflow: hidden;
}

#form-register .invalid-feedback{
    text-align: left;
    padding-left: 15px;
}

.payment-info-text{
    font-size: 14px;
    padding-bottom: 14px;
}

.payment-info-title{
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.paymeny-custom-text{
    padding: 8px 0;
}

.account-row{
    display: flex;
}

.account-block{
    flex-basis: 40%;
    width: 40%;
    position: relative;
}

#account-login .account-row{
    padding: 40px 0;
}

.account-block-inner{
    width: 80%;
    padding-top: 40px;
}

#account-login .account-block:first-child:after{
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color:#ddd;
}

#account-login .account-block:nth-child(2){
    flex-basis: 50%;
    width: 50%;
}

#account-login .account-block:nth-child(2) .account-block-inner{
    margin-left: 100px;
}

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

.grey-btn{
    display: inline-block;
    height: 45px;
    padding: 0 20px;
     -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-color: #efecec;
    border: 0;
    min-width: 100px;
    font-size: 14px;
    cursor: pointer;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    color: #000;
    line-height: 45px;
    text-align: center;
}

.grey-btn:hover{
    background-color: #000;
    color: #fff;
}

.login-bottom{
    display: flex;
}

.login-bottom div{
    flex-grow: 1;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.login-bottom div a{
    color: #333e48;
    font-size: 14px;
}

.register-intro-text{
    margin: 25px 0;
    font-size: 14px;
    line-height: 22px;
}

.register-wrap{
    width: 50%;
    margin: 40px auto;
}

.account-col-check{
    display: flex;
    margin-bottom: 20px;
}

.account-col-check label{
    padding-left: 15px;
}

#search-dropdown{
    position: absolute;
    left: 20px;
    top: 45px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    width: calc(100% - 40px);
    padding: 20px 0;
    box-sizing: border-box;
    display: none;
    z-index: 1000;
}

#search-dropdown.show{
    display: block;
}

#search-dropdown li{
    list-style: none;
    margin-bottom: 8px;
    padding: 3px 20px;
}

#search-dropdown li:hover{
    background-color: #f8f9fa;
}

#search-dropdown li a{
    display: flex;
}

#search-dropdown li a .simage{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 15px;
}

#search-dropdown li a .simage img{
    max-width: 90%;
    max-height: 90%;
}

#search-dropdown li a .sname{
    flex-grow: 1;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #333E48;
}

.item-text{
    font-size: 15px;
    color: #333E48;
    line-height: 22px;
}

.item-text p{
    padding-bottom: 20px;
}

.item-text h3{
    font-weight: 600;
    font-size: 18px;
    color: #434343;
    padding-bottom: 20px;
}

.item-text ul{
    padding-bottom: 20px;
}

.item-text ul li{
    margin-bottom: 10px;
    padding-left: 15px;
    position: relative;
    line-height: 20px;
}

.item-text ul li:before{
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    left: 0;
    top: 6px;
     -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #1a6aaf;
}

.search-panel{
    border: 1px solid #ddd;
     -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 30px;
    padding: 20px;
}

.search-panel-search{
    display: flex;
}

.search-panel-search .col:first-child{
    flex-grow: 1;
}

.search-panel-search .col{
    display: flex;
}

.search-panel-search .col div{
    flex-grow: 1;
    margin-left: 20px;
}

.search-panel-search input{
    width: 100%;
    height: 35px;
    border: 1px solid #ddd;
     -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding-left: 15px;
    box-sizing: border-box;
}

.search-panel-search label{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    min-width: 60px;
}

.search-panel-category{
    height: 0;
    width: 0;
    overflow: hidden;
}

#button-search.grey-btn{
    height: 35px;
     -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    line-height: 35px;
}

.category-posts .post-layout{
    margin-bottom: 40px;
}


.category-posts .post-thumb{
    display: flex;
}

.category-posts .post-thumb-desc{
    flex-grow: 1;
}

.category-posts .post-thumb img{
    max-width: 100%;
    max-height: 100%;
}

.category-posts .post-thumb .image{
    margin-right: 20px;
    width: 370px;
    min-width: 370px;
}

.category-posts .post-thumb .title a{
    color: #434343;
    font-size: 25px;
}

.category-posts .post-thumb .title{
    margin-bottom: 10px;
}

.category-posts .post-thumb-heading,
    .title-information{
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.category-posts .post-thumb-info{
    color: #878787;
    font-size: 13px;
}

.category-posts .short-description{
    color: #747474;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
}

.btn-more{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    background-color: #333e48;
     -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
}

.btn-more:hover{
    background-color: #525b63;
}

.divide{
    position: relative;
    padding: 0 7px;
}

.divide:before{
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    display: block;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #878787;
    left:5px;
    top: 6px;
    margin-left: -3px;
}

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

.bm-post-info .post-thumb-info{
    font-size: 14px;
    color: #878787;
}

.bm-post-info .divide{
    padding: 0 10px;
}

.bm-post-info .divide:before{
    left: 6px;
}

.bm-post-content .description{
    font-size: 15px;
    color: #747474;
    line-height: 24px;
    font-weight: 500;
}

.bm-post-content .description p{
    padding-bottom: 30px;
}

.bm-post-content .description h3{
    color: #434343;
    font-size: 18px;
    padding-bottom: 10px;
}

.bm-post-content .description h4{
    color: #434343;
    font-size: 16px;
    padding-bottom: 10px;
}

.bm-post-content .description ul,ol{
    list-style-position: inside;
    padding-bottom: 15px;
}

.bm-post-content .description li{
    margin-bottom: 5px;
    position: relative;
}

.bm-post-content .description a,
    .success-text a{
    color: #1a6aaf;
    font-weight: 500;
}

.bm-post-content .description a:hover,
    .success-text a:hover{
    text-decoration: underline;
}

.bm-post-content .description ul li{
    padding-left: 25px;
}

.bm-post-content .description ul li:before{
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    display: block;
     -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #1a6aaf;
    left:9px;
    top: 7px;
}

.bm-post-content .description ol ul{
    margin: 10px 0 0 15px;
}

.bm-post-content .description blockquote{
    margin-bottom: 30px;
    margin-top: 10px;
    position: relative;
    font-style: italic;
    display: inline-block;
    background-color: #efefef;
     -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 30px 30px  20px 50px;
}

.bm-post-content .description blockquote:before {
    color: #a7a7a7;
    content: "\f10d";
    font-style: normal;
    font-variant: normal;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 500;
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 25px;
    box-sizing: border-box;
    line-height: 1;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.post-navigation{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    display: flex;
}

.post-nav-right{
    flex-grow: 1;
    text-align: right;
}

.post-navigation a{
    color: #434343;
}

.post-navigation a i{
    font-size: 16px;
    padding-top: 2px;
}

.post-nav-left i{
    margin-right: 5px;
}

.post-nav-right i{
    margin-left: 5px;
}

.post-author{
    display: flex;
    padding-top: 5px;
}

.author-image{
    width: 150px;
    margin-right: 15px;
}

.author-image img{
    max-width: 100%;
    max-height: 100%;
}

.author-name{
    font-size: 15px;
    font-weight: 500;
    color: #434343;
}

.author-name span{
    display: block;
    font-weight: 400;
    padding-top: 3px;
    color: #1a6aaf;
}

.article-footer{
    display: flex;
}

.tag{
    margin-left: 80px;
    max-width: 600px;
}

.tags-wrap a{
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 8px 15px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    color: #565656;
}

.tags-wrap a:hover{
    background-color: #1a6aaf;
    border-color: #1a6aaf;
    color: #fff;
}

.right-col #content{
    flex-grow: 1;
}

.right-col #column-right{
    width: 300px;
    min-width: 300px;
    margin-left: 40px;
}

.right-col .products-module .body-inner{
    width: auto;
}

.right-col .products-module .new-products{
    display: block;
}

.right-col .products-module .product-thumb{
    width: 100%;
    height: auto;
}

.right-col .products-module .product-thumb:hover{
    box-shadow: none;
}

.right-col .products-module .product-thumb-top{
    display: flex;
    flex-direction: row-reverse;
}

.right-col .products-module  .product-thumb .image{
    width: 60px;
    min-width: 60px;
    margin: 0;
    height: auto;
}

.right-col .products-module .module-title{
    text-align: left;
}

.right-col .products-module .module-title span:after,
    .right-col .products-module  .product-thumb form,
    .products-module .product-thumb:after{
    display: none;
}


.right-col .products-module .module-title span{
    padding: 0;
}

.article-row{
    display: flex;
    margin-bottom: 20px;
}

.article-row-img{
    min-width: 75px;
    flex-basis: 75px;
    margin-right: 15px;
    margin-top: 6px;
}

.article-row-img img{
    max-width: 100%;
    height: auto;
}

.article-row-name{
    flex-grow: 1;
}

.article-row-name a{
    font-size: 14px;
    color: #333e48;
}

.article-row-name a:hover{
    color: #1a6aaf;
}

.article-row-date{
    margin-top: 6px;
    font-size: 13px;
    color: #5d7184;
    font-weight: 500;
}

.success-text{
    font-size: 15px;
    color: #333E48;
    line-height: 22px;
    margin-bottom: 20px;
}

.contact-block{
    display: flex;
    flex-direction: row-reverse;
    padding-top: 60px;
}

.contact-form{
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
}

.contact-info{
    flex-basis: 50%;
    max-width: 50%;
}

#form-contact{
    width: 80%;
}

.map{
    margin: 40px 0;
}

.contacts-address{
    font-size: 15px;
    color: #333e48;
    margin-bottom: 20px;
}

.contact-title{
    font-weight: 700;
     font-size: 15px;
    color: #333e48;
    margin-bottom: 15px;
}

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

.contact-item a,
    .contact-item .text{
    display: block;
    margin-bottom: 5px;
     font-size: 15px;
    color: #333e48;
}

.contact-item a:hover{
    text-decoration: underline;
}

.contact-title i{
    font-size: 13px;
    color: #434343;
    margin-right: 5px;
    width: 15px;
}

.account-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 40px;
}

.account-wrapper .account-item{
    flex-basis: 16%;
}

.account-wrapper a{
    display: flex;
    border: 1px solid #ddd;
    width: 100%;
    min-width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 30px;
    padding-top: 10px;
    color: #333e48;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
}

.account-wrapper a:hover{
    -webkit-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    box-shadow: 0 0 12px rgb(0 0 0 / 15%);
}

.account-image{
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #1a6aaf;
}

.account-page .content-wrapper{
    padding-top: 40px;
}

.account-menu li{
    border-bottom: 1px solid #ddd;
}

.account-menu li a{
    display: block;
    padding: 14px 0;
    font-size: 15px;
    color: #333e48;
    position: relative;
}

.account-menu li a span{
    position: absolute;
    right: 0;
    color: #cccfd1;
    width: 18px;
    text-align: center;
}

.account-menu li a:hover span,
    .account-menu li.active a span{
    color: #333e48;
}

.account-menu li.active a{
    font-weight: 700;
}

.account-page #column-left{
    width: 300px;
    margin-right: 40px;
}

.order-item{
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 30px;
    display: flex;
}

.order-item .order-number,
    .order-col-title{
    font-size: 15px;
    color: #333e48;
    margin-bottom: 5px;
}

.order-item .order-state{
    font-size: 14px;
    color: #5d7184;
    font-weight: 500;
}

.order-item .order-price{
    font-size: 15px;
    color: #434343;
    font-weight: 500;
}

.order-col-info{
    flex-grow: 1;
}

.order-col-more{
    display: flex;
    min-width: 250px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

.order-col-more a{
    color: #333e48;
}

.order-col-more a span{
    margin-right: 7px;
    font-size: 13px;
}

.order-col-more a:hover{
    color: #1a6aaf;
}

.single-order-info table{
    border-collapse: collapse;
    width: 100%;
}

.single-order-info table td{
     border: 1px solid #ddd;
     padding: 8px 10px;
     font-size: 14px;
}

.single-order-info table td:first-child{
    width: 180px;
    background-color: #f0f0f0;
}

.single-order-products .checkout-product-img{
    width: 80px;
}

.single-order-products .checkout-product-img img{
    max-width: 100%;
}

.single-product-attr{
    font-size: 14px;
    margin-top: 5px;
}

.single-product-attr span{
    font-weight: 600;
    color: #5d7184;
}

.single-order-products .checkout-product-info{
    display: flex;
}

.single-product-quantity{
    margin-top: 8px;
    color: #777;
    font-size: 14px;
}

.single-order-products .checkout-product-name{
    flex-grow: 1;
}

.single-product-price{
    min-width: 100px;
    font-size: 15px;
    font-weight: 600;
    text-align: right;
}

.single-order-products .checkout-product-total{
    border: 0;
}

.single-order-products .total-price{
    font-size: 15px;
    font-weight: 600;
}


.buttons-hidden{
    height: 0;
    width: 0;
    overflow: hidden;
}

.order-item-image{
    width: 80px;
    margin-right: 15px;
}

.order-item-image img{
    max-width: 100%;
    max-height: 100%;
}


.order-col-name a{
    font-size: 18px;
    color: #333e48;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.order-col-attr{
    font-size: 14px;
    margin-bottom: 5px;
}

.order-col-attr span{
    font-weight: 500;
}

.wishlist-price{
    width: 180px;
}

.wishlist-price .price-new,
    .wishlist-price .product-price{
    font-size: 20px;
    display: block;
}

.wishlist-price .price-old{
    font-size: 16px;
    display: block;
}

.wishlist-price .price-special-wrap{
    display: block;
}

.order-col-buttons button{
    display: flex;
    width: 100px;
    height: 35px;
    border: 0;
    margin: 5px 0;
     -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    align-items: center;
    justify-content: center;
}

.order-col-buttons form{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wishlist-addtocart{
    background-color: #1783e1;
    color: #fff;
}

.wishlist-remove:hover{
    background-color: #fc7676;
    color: #fff;
}

.transaction-info{
    background-color: #efefef;
      -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.account-form-wrap{
    width: 60%;
}

.account-form-button{
    display: flex;
}

.account-col.account-check{
    display: flex;
    flex-direction: row-reverse;
}

.account-col.account-check label{
    flex-grow: 1;
    margin-left: 5px;
}

.manufacturers-slider{
    border: 1px solid #ddd;
     -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 20px 0;
}

.manufacturers-slider .slide{
    text-align: center;
}

.manufacturers-slider .slide a{
    display: inline-block;
}

.manufacturers-title{
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333e48;
}

.manufacturers-slider img{
    max-width: 100%;
     filter: gray; 
    -webkit-filter: grayscale(1); 
     filter: grayscale(1); 
}

.manufacturers-slider .slide:hover img{
    -webkit-filter: grayscale(0);
    filter: none;
}

.alphabet{
    display: flex;
    margin-bottom: 30px;
}

.alphabet div:first-child{
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #333e48;
}

.alphabet-list{
    display: flex;
    margin-left: 10px;
}

.alphabet-list a{
    border: 1px solid #ddd;
    padding: 3px 8px;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    color: #333e48;
    font-weight: 500;
    margin-right: 4px;
}

.alphabet-wrap h2{
    display: block;
    font-size: 18px;
    color: #333e48;
    margin-bottom: 10px;
}

.alphabet-brands{
    margin-bottom: 20px;
    font-size: 16px;
}

.alphabet-brands .alphabet-item{
    color: #333e48;
    margin-bottom: 5px;
}

.alphabet-brands a{
    color: #333e48;
}

.alphabet-brands a:hover{
    text-decoration: underline;
}

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

.home-articles .articles-wrap{
    display: flex;
    justify-content: space-between;
}

.home-articles .article-row{
    margin: 0 10px;
    flex-basis: 24%;
    flex-direction: column;
}

.home-articles .article-row-img{
    display: block;
    height: 180px;
    min-height: 180px;
    margin-bottom: 15px;
}

.home-articles .article-row-img img{
    width: 100%;
    height: 100%;
     -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.home-articles .article-row-date{
    margin: 0 0 10px 10px;
}

.home-articles .article-row-name{
    margin-left: 10px;
    margin-bottom: 10px;
    height: 60px;
    overflow: hidden;
}

.home-articles .article-row-name a{
    font-size: 16px;
    font-weight: 500;
}

.article-row-readmore{
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
}

.article-row-readmore a{
    color: #333e48;
    position: relative;
    padding-right: 20px;
}

.article-row-readmore a:hover{
    color: #0062bd;
}

.article-row-readmore i{
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 14px;
}

.articles-title{
    position: relative;
}

.all-articles{
    position: absolute;
    right: 3px;
    top: 15px;
    color: #0062bd;
    font-size: 14px;
}

.all-articles:hover{
     color: #333e48;
}

.home-text{
    margin: 60px 0;
}

.home-text h1{
    display: block;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 25px;
}

.home-text p{
    font-size: 14px;
    color: #434343;
    padding-bottom: 10px;
    line-height: 22px;
}

.carousel img,
    .article-image img{
    max-width: 100%;
}

.cart-button-wrap{
    display: flex;
}

.filter-price{
    height: 15px;
    width: 96%;
    margin:5px 0 0 5px;
    position: relative;
}

.filter-title{
    font-weight: 600;
    color: #333e48;
    font-size: 14px;
    margin-bottom: 20px;
}

.filter-inner{
    padding-top: 20px;
}

.filter-section{
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

#price-slider{
    height: 6px;
    width: 100%;
      -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #eaeaea;
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
}

.ui-slider-range{
     height: 6px;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #aaa;
    position: absolute;
    left: 0;
    top: 0;
}

.ui-slider-handle{
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #1a6aaf;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    top: -5px;
    margin-left: -5px;
    font-size: 0;
    background-color: #fff;
    cursor: pointer;
}

.price-values{
    font-size: 14px;
    color: #7b7b7b;
    margin-top: 10px;
    font-weight: 500;
}

.checkbox-item .checkbox-wrapper{
    width: 0;
    height: 0;
    overflow: hidden;
}

.filter-item{
    display: flex;
    margin-bottom: 8px;
}

.filter-item a > span{
    display: flex;
    width: 11px;
    height: 11px;
    border: 2px solid #ddd;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin:1px 10px 0 0;
    justify-content: center;
    align-items: center;
    font-size: 8px;
    color: #fff;
}

.filter-item .checkbox-item.active > span{
    background-color: #1a6aaf;
    border-color: #1a6aaf;
    color: #fff;
}

.checkbox-item .checkbox-wrapper{
    visibility: hidden;
    border: 0 !important;
}


.filter-item label{
    flex-grow: 1;
    font-size: 14px;
    color: #333e48;
}

.price-accept{
    display: block;
    margin-top: 15px;
    border: 1px solid #ddd;
    height: 35px;
    text-align: center;
    line-height: 35px;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #333e48;
    font-size: 14px;
    font-weight: 600;
}

.price-accept:hover{
    background-color: #efecec;
}

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

.active-filters a{
    display: inline-block;
    font-size: 13px;
    color: #333e48;
    border: 1px solid #dcdcdc;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 10px 3px 25px;
    margin-bottom: 6px;
    position: relative;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
}

.active-filters a:hover{
    -webkit-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    box-shadow: 0 0 12px rgb(0 0 0 / 15%);
}

.active-filters a:hover span{
    color: #dc3545;
}

.active-filters a strong{
    font-weight: 500;
}

.active-filters a span{
    position: absolute;
    left: 5px;
    top: 3px;
}

.loader{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    display: none;
    background-color: rgba(255, 255, 255, 0.7);
}

.loader div{
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background: url(../images/loader.svg);
}

.no-result{
    margin-top: 80px;
    text-align: center;
    color: #333e48;
}

.no-result span{
    display: block;
    font-size: 24px;
    margin-bottom: 8px;
}

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

.category-description-inner{
    height: 80px;
    overflow: hidden;
    font-size: 14px;
    color: #555;
    line-height: 22px;
    position: relative;
}

.category-description-inner p{
    padding-bottom: 15px;
}

.category-cover{
    position: absolute;
    width: 100%;
    height: 37px;
    left: 0;
    bottom: 0;
    background: url(../images/category_cover.png);
}

.category-description-bottom{
    display: flex;
    justify-content: flex-end;
}

.category-description-bottom a{
    font-size: 13px;
    color: #333e48;
    font-weight: 500;
}

.category-description-bottom a span{
    padding-right: 5px;
}

.category-description-bottom a i{
    font-size: 10px;
}

.category-description-bottom a:hover{
    color: #1a6aaf;
}

.category-description-inner.active{
    overflow: visible;
    height: auto;
}

.category-description-inner.active .category-cover{
    display: none;
}

.category-description-bottom a.active i{
     -moz-transform: rotate(180deg);
             -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
}

.shipping-desc{
    margin-top: 15px;
    width: 50%;
    display: none;
}

.shipping-select{
    margin-bottom: 8px;
}

.shipping-select .select2-container{
    width: 100% !important;
}

#shipping-new{
    /*display: none !important;*/
}

.slide{
    float: left;
}

.slider-wrapper .slide img{
    height: 500px;
}

.slide img{
    display: block;
    max-width: 100%;
}

.slick-list{
    overflow: hidden;
}

.slick-slider{
    position: relative;
}

.slick-arrow{
    position: absolute;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    top: 50%;
    z-index: 100;
    font-size: 0;
    cursor: pointer;
    background: none;
    border: 0;
}

.slick-prev{
    left: 15px;
}

.slick-next{
    right: 15px;
}

.slick-next:before{
    content: "\f105";
    font-family: 'Font Awesome 6 Pro';
    font-size: 40px;
    color: rgba(26, 106, 175, 0.8);
    font-weight: bold;
}

.slick-prev:before{
    content: "\f104";
    font-family: 'Font Awesome 6 Pro';
    font-size: 40px;
    color: rgba(26, 106, 175, 0.8);
    font-weight: bold;
}

.slick-next:hover:before,
    .slick-prev:hover:before,
    .manufacturers-slider .slick-next:hover:before,
    .manufacturers-slider .slick-prev:hover:before{
    color: rgba(26, 106, 175, 1);
}

.slick-dots{
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: 20px;
}

.slick-dots li{
    margin: 0 3px;
}

.slick-dots li button{
    border: 0;
    font-size: 0;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #1a6aaf;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.slick-dots li.slick-active button{
   background-color: #fff;
}

.manufacturers-slider .slick-list{
    width: 90%;
    margin: 0 auto;
}

.manufacturers-slider .slick-next:before,
   .manufacturers-slider .slick-prev:before{
    font-size: 30px;
    color: rgba(0, 0, 0, 0.4);
}

.category-image{
    
}


@media screen and  (max-width: 1440px) {
    .body-inner{
        width: 95%;
    }
}

@media screen and  (max-width: 1366px) {
    .product-thumb{
        flex-basis: 25%;
    }

    .filter-container .product-thumb:nth-child(5n):after{
        display: block;
    }

    .products-module .product-thumb:last-child,
       .filter-container .product-thumb:nth-child(4n):after{
        display: none;
    }
}

@media screen and  (max-width: 1240px) {
    .sub-menu ul li{
        margin-right: 30px;
    }
}

@media screen and  (max-width: 1200px) {
    .top-contacts,
        .top-social,
        .sub-menu,
        #header-cart .cart-price,
        .products-module .product-thumb:nth-child(5),
        .home-articles .article-row:last-child,
        .product-style .btn-group{
        display: none;
    }

    .filter-container #column-left{
        display: none;
    }

    .products-module .product-thumb{
        flex-basis: 25%;
    }

    .home-articles .article-row{
        flex-basis: 33%;
    }

    .category-block-name a{
        font-size: 16px;
    }

    .header{
        padding-bottom: 0;
    }

    .header .body-inner{
        width: 100%;
    }

    .header-bottom{
        background-color: #1a6aaf;
        color: #fff;
        padding: 0 2.5%;
        height: 50px;
    }

    .header-top{
        width: 95%;
        margin: 0 auto;
    }

    .menu-button{
        border: 0;
        height: 50px;
    }

    .main-menu{
        flex-grow: 1;
        position: unset;
    }

    .menu-dropdown{
        display: block;
        left: -120%;
        top: 0;
        height: 100%;
        border-top: 0;
        z-index: 1200;
    }

    .dropdown-level-start{
        padding: 5px 0;
    }

    .dropdown-level-start a{
        padding: 15px;
    }

    .dropdown-menu-second{
        position: relative;
        left: 0;
        width: 100%;
        padding: 0;
        border-top: 0;
    }

    .dropdown-menu-second .dropdown-inner{
        flex-direction: column;
        padding-top: 0;
    }

    .dropdown-menu-second .menu-col{
        width: 100%;
    }

    .dropdown-menu-second .menu-col .level2-title > a{
        padding: 10px 0 10px 5px !important;
    }

    .dropdown-menu-second .menu-col .level2-title{
        margin: 0;
        padding: 0 10px;
    }

    .dropdown-level-start .level2-title:first-child{
         border-top: 1px solid rgba(221,221,221, 0.5);
    }

    .dropdown-level-start li span{
        right: 10px;
        z-index: 1000;
    }

    .dropdown-level-start li i{
        -moz-transform: rotate(90deg);
             -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        color: #212121;
        position: absolute;
        font-size: 12px;
        top: 5px;
    }

    .dropdown-level-start li .m-item.active i{
        -moz-transform: rotate(-90deg);
             -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
    }

    .search-wrapper{
        margin: 0 0 0 40px;
    }

    .menu-icon{
        margin-top: 8px;
    }

    .menu-text{
        margin-left: 0;
    }

    #header-cart{
        justify-self: flex-end;
    }

    .current-lang,
        .cart-top,
        .cart-text{
        height: 50px;
    }

    .current-lang,
        .account-btn i,
        #wishlist-total i{
        color: #fff;
    }

    .current-lang i{
        top: 20px;
    }

    .account-btn i,
        #wishlist-total i{
            font-size: 17px;
        }

    .cart-num{
        top: 22px;
    }    

    #wishlist-total{
        margin-right: 12px;
    }

    .footer-wrapper,
        .two-cols.right-col,
        .checkout-wrapper{
        flex-direction: column;
    }

    .footer-logo{
        margin:0 0 20px 0;
        text-align: center;
    }

    .footer-social{
        justify-content: center;
    }

    .product-tabs .nav-tabs{
        flex-wrap: wrap;
    }

    .product-tabs .nav-tabs li{
        margin-bottom: 10px;
    }

    .two-cols.right-col #column-right{
        width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }

    .two-cols.right-col #column-right .product-name{
        flex-grow: 1;
    }

    .account-page #column-left,
        .checkout-info{
        width: 100%;
        margin: 0 0 40px 0;
    }

    .checkout-products-wrap{
        margin-left: 0;
    }

    .header.opened{
        position: unset;
    }

   /* .header.opened:before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 1000;
        background-color: rgba(0,0,0, 0.6);
    }*/

}

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

    .product-thumb{
        flex-basis: 33.33%;
    }

    .category-block{
        flex-basis: 50%;
    }

    .home-articles .article-row{
        flex-basis: 45%;
        margin-bottom: 40px;
    }

    .new-products,
        .home-articles .articles-wrap,
        .footer-menu,
        .pagination-wrapper,
        .form-review-top{
        flex-wrap: wrap;
    }

    .products-module .product-thumb{
        flex-basis: 33.3%;
    }

    .filter-container .product-thumb:nth-child(5n):after{
        display: block;
    }

    .filter-container .product-thumb:nth-child(3n):after{
        display: none;
    }

    .products-module .product-thumb:nth-child(5),
        .products-module .product-thumb:last-child,
        .home-articles .article-row:last-child,
        .filter-container .product-thumb:nth-child(4n):after{
        display: block;
    }

    .footer-menu-col{
        flex-basis: 50%;
        margin-bottom: 40px;
    }

    .footer-menu-col ul,
        .footer-menu-title{
        padding-left: 20%;
    }

    .pagination-wrapper,
        .product-top,
        .form-review-top,
        .category-posts .post-thumb,
        .contact-block{
        flex-direction: column;
    }

    .pagination,
        .image-thumbs{
        justify-content: center;
    }

    .pagination-result{
        margin-top: 30px;
        justify-content: center;
    }

    .product-images{
        width: 100%;
        margin: 0 0 30px 0;
    }

    .product-info{
        width: 100%;
        margin-bottom: 40px;
    }

    .review-item,
        .review-form,
        .contact-info,
        .contact-form,
        #form-contact{
        width: 100%;
    }

    .contact-info,
        .contact-form{
        min-width: 100%;
        margin-bottom: 40px;
    }

    .review-form{
        margin: 0;
    }

    .category-posts .post-thumb .image{
        width: auto;
        margin-bottom: 25px;
    }

    .slider-wrapper .slide img{
        height: 300px;
    }
}

@media screen and  (max-width: 768px) {
     .category-block{
        flex-basis: 100%;
    }

    .filter-container .product-thumb:nth-child(even):after{
        display: none;
    }


    .products-module .product-thumb,
        .product-thumb{
        flex-basis: 50%;
    }

    .home-articles .article-row{
        flex-basis: 100%;
        padding: 0 15%;
    }

    .footer-menu-col{
        flex-basis: 100%;
        text-align: center;
    }

    .footer-menu-col ul,
        .footer-menu-title{
            padding: 0;
        }

    .footer-menu-title{
        margin-bottom: 10px;
    }    

    .product-tabs .nav-tabs li{
        flex-basis: 50%;
        max-width: 50%;
        margin-right: 0;
        padding: 0 10px;
        box-sizing: border-box;
    }    

    .product-tabs .nav-tabs li a span{
        flex-grow: 1;
    }

    .order-item{
        flex-direction: column;
    }

    .order-col-price{
        margin: 15px 0;
    }
}

@media screen and  (max-width: 568px) {
    .products-module .product-thumb,
        .home-articles .article-row,
        .product-thumb{
        flex-basis: 100%;
        padding: 0 10%;
    }

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

    .filter-container .product-thumb:after,
        .result-items{
        display: none;
    }

    #display-control{
        margin-bottom: 30px;
    }

    .right-col .products-module .product-thumb{
        padding: 0;
    }

    .category-posts .post-thumb .image{
        margin-right: 0;
    }

    .checkout-product-row,
        .single-order-products .checkout-product-info{
        flex-direction: column;
    }

    .single-order-products .checkout-product-info{
        margin: 15px 0 0 0;
    }

    .single-product-price{
        margin: 15px 0;
        text-align: left;
    }

    .order-item-image{
        margin-bottom: 15px;
    }

    .message{
        width: 90%;
        margin-left: -45%;
    }

    .slider-wrapper .slide img{
        height: 250px;
    }

}

@media screen and  (max-width: 480px) {
    .header-top{
        flex-wrap: wrap;
        flex-direction: column;
    }

    .search-wrapper{
        margin: 0;
    }

    #logo{
        text-align: center;
        margin-bottom: 10px;
    }
}

@media screen and  (max-width: 380px) {
    .header-top,
        .product-button-wrap,
        .review-row-inner.row-col{
        flex-wrap: wrap;
        flex-direction: column;
    }

    .search-wrapper{
        margin: 0;
    }

    #logo{
        text-align: center;
        margin-bottom: 10px;
    }

    .menu-text,
    #input-limit{
        display: none;
    }

    #header-cart{
        margin-right: 10px;
    }

    .pagination,
        .review-info{
        flex-wrap: wrap;
    }

    .product-tabs .nav-tabs li{
        flex-basis: 100%;
        max-width: 100%;
    }    

    .statistic-row{
        width: 100%;
    }

    .statistic-line{
        width: 100px;
    }

    .quantity-wrapper{
        width: 140px;
        margin-bottom: 10px;
    }

    .cart-button-wrap #button-cart{
        margin-left: 0;
    }

    .review-info .date-added{
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 8px;
        margin-left: 8px;
    }

    .review-info .author{
        margin-left: 0;
        border: 0;
    }

    .review-row-inner.row-col label{
        margin-bottom: 8px;
    }

    .category-posts .post-thumb .image{
        min-width: 100px;
    }

    .slider-wrapper .slide img{
        height: 200px;
    }

}