p {
    color: #828282;
}

.m-0 {margin: 0px !important}
.m-5 {margin: 5px !important}
.m-10 {margin: 10px !important}
.m-15 {margin: 15px !important}
.m-20 {margin: 20px !important}
.m-30 {margin: 30px !important}
.m-40 {margin: 40px !important}
.m-50 {margin: 50px !important}
.m-60 {margin: 60px !important}
.m-70 {margin: 70px !important}
.m-80 {margin: 80px !important}
.m-90 {margin: 90px !important}
.m-100 {margin: 100px !important}
.m-110 {margin: 110px !important}
.m-120 {margin: 120px !important}
.m-130 {margin: 130px !important}
.m-140 {margin: 140px !important}
.m-150 {margin: 150px !important}
.m-160 {margin: 160px !important}
.m-170 {margin: 170px !important}
.m-180 {margin: 180px !important}
.m-190 {margin: 190px !important}
.m-200 {margin: 200px !important}

/*
 * 1.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-0 {padding: 0!important;}
.p-5 {padding: 5px !important}
.p-10 {padding: 10px !important}
.p-15 {padding: 15px !important}
.p-20 {padding: 20px !important}
.p-30 {padding: 30px !important}
.p-40 {padding: 40px !important}
.p-50 {padding: 50px !important}
.p-60 {padding: 60px !important}
.p-70 {padding: 70px !important}
.p-80 {padding: 80px !important}
.p-90 {padding: 90px !important}
.p-100 {padding: 100px !important}
.p-110 {padding: 110px !important}
.p-120 {padding: 120px !important}
.p-130 {padding: 130px !important}
.p-140 {padding: 140px !important}
.p-150 {padding: 150px !important}
.p-160 {padding: 160px !important}
.p-170 {padding: 170px !important}
.p-180 {padding: 180px !important}
.p-190 {padding: 190px !important}
.p-200 {padding: 200px !important}

/*
 * 1.3 -> Margin top
 * -----------------------------------------------
*/
.mt-0 {margin-top: 0!important;}
.mt-5 {margin-top: 5px !important}
.mt-10 {margin-top: 10px !important}
.mt-15 {margin-top: 15px !important}
.mt-20 {margin-top: 20px !important}
.mt-30 {margin-top: 30px !important}
.mt-40 {margin-top: 40px !important}
.mt-50 {margin-top: 50px !important}
.mt-60 {margin-top: 60px !important}
.mt-70 {margin-top: 70px !important}
.mt-80 {margin-top: 80px !important}
.mt-90 {margin-top: 90px !important}
.mt-100 {margin-top: 100px !important}
.mt-110 {margin-top: 110px !important}
.mt-120 {margin-top: 120px !important}
.mt-130 {margin-top: 130px !important}
.mt-140 {margin-top: 140px !important}
.mt-150 {margin-top: 150px !important}
.mt-160 {margin-top: 160px !important}
.mt-170 {margin-top: 170px !important}
.mt-180 {margin-top: 180px !important}
.mt-190 {margin-top: 190px !important}
.mt-200 {margin-top: 200px !important}

/*
 * 1.4 -> Margin right
 * -----------------------------------------------
*/
.mr-0 {margin-right: 0!important;}
.mr-5 {margin-right: 5px !important}
.mr-10 {margin-right: 10px !important}
.mr-15 {margin-right: 15px !important}
.mr-20 {margin-right: 20px !important}
.mr-30 {margin-right: 30px !important}
.mr-40 {margin-right: 40px !important}
.mr-50 {margin-right: 50px !important}
.mr-60 {margin-right: 60px !important}
.mr-70 {margin-right: 70px !important}
.mr-80 {margin-right: 80px !important}
.mr-90 {margin-right: 90px !important}
.mr-100 {margin-right: 100px !important}
.mr-110 {margin-right: 110px !important}
.mr-120 {margin-right: 120px !important}
.mr-130 {margin-right: 130px !important}
.mr-140 {margin-right: 140px !important}
.mr-150 {margin-right: 150px !important}
.mr-160 {margin-right: 160px !important}
.mr-170 {margin-right: 170px !important}
.mr-180 {margin-right: 180px !important}
.mr-190 {margin-right: 190px !important}
.mr-200 {margin-right: 200px !important}

/*
 * 1.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-0 {margin-bottom: 0!important;}
.mb-5 {margin-bottom: 5px !important}
.mb-10 {margin-bottom: 10px !important}
.mb-15 {margin-bottom: 15px !important}
.mb-20 {margin-bottom: 20px !important}
.mb-30 {margin-bottom: 30px !important}
.mb-40 {margin-bottom: 40px !important}
.mb-50 {margin-bottom: 50px !important}
.mb-60 {margin-bottom: 60px !important}
.mb-70 {margin-bottom: 70px !important}
.mb-80 {margin-bottom: 80px !important}
.mb-90 {margin-bottom: 90px !important}
.mb-100 {margin-bottom: 100px !important}
.mb-110 {margin-bottom: 110px !important}
.mb-120 {margin-bottom: 120px !important}
.mb-130 {margin-bottom: 130px !important}
.mb-140 {margin-bottom: 140px !important}
.mb-150 {margin-bottom: 150px !important}
.mb-160 {margin-bottom: 160px !important}
.mb-170 {margin-bottom: 170px !important}
.mb-180 {margin-bottom: 180px !important}
.mb-190 {margin-bottom: 190px !important}
.mb-200 {margin-bottom: 200px !important}

/*
 * 1.6 -> Margin left
 * -----------------------------------------------
*/
.ml-0 {margin-left: 0!important;}
.ml-5 {margin-left: 5px !important}
.ml-10 {margin-left: 10px !important}
.ml-15 {margin-left: 15px !important}
.ml-20 {margin-left: 20px !important}
.ml-30 {margin-left: 30px !important}
.ml-40 {margin-left: 40px !important}
.ml-50 {margin-left: 50px !important}
.ml-60 {margin-left: 60px !important}
.ml-70 {margin-left: 70px !important}
.ml-80 {margin-left: 80px !important}
.ml-90 {margin-left: 90px !important}
.ml-100 {margin-left: 100px !important}
.ml-110 {margin-left: 110px !important}
.ml-120 {margin-left: 120px !important}
.ml-130 {margin-left: 130px !important}
.ml-140 {margin-left: 140px !important}
.ml-150 {margin-left: 150px !important}
.ml-160 {margin-left: 160px !important}
.ml-170 {margin-left: 170px !important}
.ml-180 {margin-left: 180px !important}
.ml-190 {margin-left: 190px !important}
.ml-200 {margin-left: 200px !important}

/*
 * 1.7 -> Padding top
 * -----------------------------------------------
*/
.pt-0 {padding-top: 0!important;}
.pt-5 {padding-top: 5px !important}
.pt-10 {padding-top: 10px !important}
.pt-15 {padding-top: 15px !important}
.pt-20 {padding-top: 20px !important}
.pt-30 {padding-top: 30px !important}
.pt-40 {padding-top: 40px !important}
.pt-50 {padding-top: 50px !important}
.pt-60 {padding-top: 60px !important}
.pt-70 {padding-top: 70px !important}
.pt-80 {padding-top: 80px !important}
.pt-90 {padding-top: 90px !important}
.pt-100 {padding-top: 100px !important}
.pt-110 {padding-top: 110px !important}
.pt-120 {padding-top: 120px !important}
.pt-130 {padding-top: 130px !important}
.pt-140 {padding-top: 140px !important}
.pt-150 {padding-top: 150px !important}
.pt-160 {padding-top: 160px !important}
.pt-170 {padding-top: 170px !important}
.pt-180 {padding-top: 180px !important}
.pt-190 {padding-top: 190px !important}
.pt-200 {padding-top: 200px !important}

/*
 * 1.8 -> Padding right
 * -----------------------------------------------
*/
.pr-0 {padding-right: 0!important;}
.pr-5 {padding-right: 5px !important}
.pr-10 {padding-right: 10px !important}
.pr-15 {padding-right: 15px !important}
.pr-20 {padding-right: 20px !important}
.pr-30 {padding-right: 30px !important}
.pr-40 {padding-right: 40px !important}
.pr-50 {padding-right: 50px !important}
.pr-60 {padding-right: 60px !important}
.pr-70 {padding-right: 70px !important}
.pr-80 {padding-right: 80px !important}
.pr-90 {padding-right: 90px !important}
.pr-100 {padding-right: 100px !important}
.pr-110 {padding-right: 110px !important}
.pr-120 {padding-right: 120px !important}
.pr-130 {padding-right: 130px !important}
.pr-140 {padding-right: 140px !important}
.pr-150 {padding-right: 150px !important}
.pr-160 {padding-right: 160px !important}
.pr-170 {padding-right: 170px !important}
.pr-180 {padding-right: 180px !important}
.pr-190 {padding-right: 190px !important}
.pr-200 {padding-right: 200px !important}

/*
 * 1.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-0 {padding-bottom: 0!important;}
.pb-5 {padding-bottom: 5px !important}
.pb-10 {padding-bottom: 10px !important}
.pb-15 {padding-bottom: 15px !important}
.pb-20 {padding-bottom: 20px !important}
.pb-30 {padding-bottom: 30px !important}
.pb-40 {padding-bottom: 40px !important}
.pb-50 {padding-bottom: 50px !important}
.pb-60 {padding-bottom: 60px !important}
.pb-70 {padding-bottom: 70px !important}
.pb-80 {padding-bottom: 80px !important}
.pb-90 {padding-bottom: 90px !important}
.pb-100 {padding-bottom: 100px !important}
.pb-110 {padding-bottom: 110px !important}
.pb-120 {padding-bottom: 120px !important}
.pb-130 {padding-bottom: 130px !important}
.pb-140 {padding-bottom: 140px !important}
.pb-150 {padding-bottom: 150px !important}
.pb-160 {padding-bottom: 160px !important}
.pb-170 {padding-bottom: 170px !important}
.pb-180 {padding-bottom: 180px !important}
.pb-190 {padding-bottom: 190px !important}
.pb-200 {padding-bottom: 200px !important}

/*
 * 1.10 -> Padding left
 * -----------------------------------------------
*/
.pl-0 {padding-left: 0!important;}
.pl-5 {padding-left: 5px !important}
.pl-10 {padding-left: 10px !important}
.pl-15 {padding-left: 15px !important}
.pl-20 {padding-left: 20px !important}
.pl-30 {padding-left: 30px !important}
.pl-40 {padding-left: 40px !important}
.pl-50 {padding-left: 50px !important}
.pl-60 {padding-left: 60px !important}
.pl-70 {padding-left: 70px !important}
.pl-80 {padding-left: 80px !important}
.pl-90 {padding-left: 90px !important}
.pl-100 {padding-left: 100px !important}
.pl-110 {padding-left: 110px !important}
.pl-120 {padding-left: 120px !important}
.pl-130 {padding-left: 130px !important}
.pl-140 {padding-left: 140px !important}
.pl-150 {padding-left: 150px !important}
.pl-160 {padding-left: 160px !important}
.pl-170 {padding-left: 170px !important}
.pl-180 {padding-left: 180px !important}
.pl-190 {padding-left: 190px !important}
.pl-200 {padding-left: 200px !important}
.bgCover{background-size: cover !important;}
.bgCenter{background-position: center center !important;}
.bgNoRepeat{background-repeat: no-repeat !important;}
.h100{height: 100% !important;}
.w100{width: 100% !important}
.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}

.fs-10{font-size: 10px;}
.fs-15{font-size: 15px;}
.fs-20{font-size: 20px;}
.fs-25{font-size: 25px;}
.fs-30{font-size: 30px;}
.fs-35{font-size: 35px;}
.fs-40{font-size: 40px;}
.fs-45{font-size: 45px;}
.fs-50{font-size: 50px;}
.fs-55{font-size: 55px;}
.fs-60{font-size: 60px;}

.float-left{float:left!important}
.float-right{float:right!important}
.float-none{float:none!important}
@media (min-width:576px){
	.float-sm-left{float:left!important}
	.float-sm-right{float:right!important}
	.float-sm-none{float:none!important}
	
	.text-sm-left{text-align: left !important;}
	.text-sm-right{text-align: right !important;}
}
@media (min-width:768px){
	.float-md-left{float:left!important}
	.float-md-right{float:right!important}
	.float-md-none{float:none!important}
	
	.text-md-left{text-align: left !important;}
	.text-md-right{text-align: right !important;}
}
@media (min-width:992px){
	.float-lg-left{float:left!important}
	.float-lg-right{float:right!important}
	.float-lg-none{float:none!important}
	
	.text-lg-left{text-align: left !important;}
	.text-lg-right{text-align: right !important;}
}
@media (min-width:1200px){
	.float-xl-left{float:left!important}
	.float-xl-right{float:right!important}
	.float-xl-none{float:none!important}
	
	.text-xl-left{text-align: left !important;}
	.text-xl-right{text-align: right !important;}
}

.logo-box{
	width: 140px;
}
.logo-box a{display: block;}
.logo-box a img{
	width: 100%;
}
.header-upper {
    padding: 10px 0px;
}
.handle-preloader .animation-preloader .spinner{
	text-align: center;
}
.handle-preloader .animation-preloader .spinner img{
	width: 80px;
    margin: 32px auto 35px;
}
.main-header .menu-right-content .btn-box a:hover {
    color: #7186e5;
}
.handle-preloader,
.header-style-two .menu-right-content .btn-box .theme-btn,
.header-style-two .header-lower .menu-right-content .btn-box:before,
.home_2 .theme-btn.btn-two{
    background: #28387b;
}
.home_2 .theme-btn.btn-two span:before {
    color: #28387b;
}
.header-style-two .main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > ul > li.dropdown > a:hover:after,
.header-style-two .main-menu .navigation > li > ul > li > ul > li > a:hover,
.home_2 .theme-btn.btn-two:hover{
    color: #7186e5;
}

.home_2 .preloader-close {
    color: #28387b;
}
.header-style-two .main-menu .navigation > li.current > a, .header-style-two .main-menu .navigation > li:hover > a,
.main-menu .navigation > li > a:before, .main-menu .navigation > li > a:after,
.main-menu .navigation > li > a:before, .main-menu .navigation > li > a:before{
    color: #28387b;
}

.banner-carousel .slide-item{
	height: calc(100vh - 150px);
}
.header-style-two .menu-right-content .btn-box .theme-btn span:before {
    background: #ffffff;
	color: #28387b;
}
.home_2 .theme-btn.btn-two{
	
}

@media (min-width: 1100px) {
	.header-upper .right-column{
		top: 15px;
	}
}
 

.header-upper .right-column .info-box .icon-box {
    color: #7186e5;
}

.header-upper .right-column .info-box span{
	font-size: 15px;
}

.banner-carousel .content-box h2{
	font-size: 50px;
	line-height: 55px;
}
.banner-carousel .slide-item{
	display: flex;
  justify-content: center;
  align-items: center;
}
.banner-carousel .slide-item .auto-container{
	
}


.banner-carousel .content-box{
	margin-left: 0;
}

.sec-title h2 {
    font-size: 38px;
    line-height: 50px;
}
.about-style-two .image-box {
    margin-right: 50px;
}
.about-style-two .content-box {
    padding-left: 50px;
}

.about-style-two .slider-content .owl-nav {
	display: none;
}
.home_2 .scroll-top {
    background: #28387b;
}
.scroll-top.open{
	bottom: 50px;
}
.home_2 .theme-btn.btn-one {
    background: #fff;
    color: #28387b;
}
.home_2 .theme-btn.btn-one:hover {
    background: #7289e7;
	color: #fff;
} 
.banner-carousel .content-box .theme-btn span:before {
    background: #28387b;
}
.theme-btn.btn-one:hover span:before {
    color: #7289e7;
}
.banner-carousel .owl-nav{
	bottom: 120px;
}
.banner-carousel .owl-nav button:hover {
    background: #7289e7;
    border-color: #7289e7;
}
.service-style-two{
	background-color: #D2D8F4;	
}
.header-upper .other-links li a:hover {
    background: #7289e7;
    border-color: #7289e7;
}
.banner-carousel .content-box h2 span:before {
    border-bottom: 5px solid #7289e7;
}
.home_2 .about-style-two .image-box .text-box h5:before,
.home_2 .sec-title .sub-title:before,
.home_2 .service-block-two .inner-box .image-box .image:after,
.home_2 .service-block-two .inner-box .lower-content:before{
    background: #7289e7;
}

.service-block-two .inner-box:hover .image-box h2 {
    right: 20px;
}
.service-block-two .inner-box .image-box .icon-box img{
	width: 60%;
}
.home_2 .service-block-two .inner-box .lower-content .btn-box a span:before {
    color: #28387b;
    border: 1px solid #28387b;
}
.home_2 .service-block-two .inner-box .lower-content .btn-box a:hover span:before {
    background: #7289e7;
	color: #FFFFFF;
    border: 1px solid transparent;
}
.home_2 .service-block-two .inner-box .lower-content .btn-box a:hover {
    color: #7289e7;
}
.shop-block-one .theme-btn {
    padding: 12px 20px;
	background-color: #28387b;
}

.shop-block-one .inner-box .image-box{
	min-height: 0;
}

.shop-block-one .inner-box .image-box .image{
	width: 100%;
	height: 420px;
	position: relative;
}
.our-shop .inner-box .image-box .image{
	height: 280px;
}

.our-shop .shop-block-one .inner-box .lower-content h4{
	font-size: 16px;
    line-height: 20px;
}

.shop-block-one .inner-box .image-box .image > img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	height: 100%;
	position: relative;
}

.shop-block-one .inner-box .lower-content {
    padding: 22px 20px 21px 20px;
}
.contact-section .content-box {
	background: #28387b;
}
.contact-section .content-box p,
.contact-section .content-box .upper-box p, 
.contact-section .content-box .upper-box a, 
.contact-section .content-box .upper-box span{
	color: #fff;
}
.contact-section .content-box p a{
	 color: #7289e7;
}
.contact-section .content-box p a:hover{
	 color: #ffffff;
}
.home_2 .contact-section .content-box p a:hover {
    color: #d2d8f4;
}
.footer-style-two {
    background: #D2D8F4;
}
.footer-style-two .footer-bottom {
    border-top: none;
}
.footer-style-two p, .footer-style-two a{
	color: #28387b;
}
.theme-btn.btn-two {
    background: #28387b;
}
.theme-btn.btn-two span:before {
    color: #28387b;
}
.credits_link{
 color: #38B5E6 !important;
 font-weight: 700;
 font-family: sans-serif;
}

.credits_link:hover{
 color: #fff !important;
}

 .credits_link:before{
  content: "";
  vertical-align: middle;
  width:16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  background-image: url(https://www.clion.it/favicon-96x96.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;

  transition: all 450ms ease;
 }

  .credits_link:hover:before{
   transform: rotateZ(360deg) rotateY(360deg);
  }
.header-upper .right-column .info-box:before{
	display: none;
}
.modal-header{
	background: #28387b;
}
.modal-header h5.modal-title,
.modal-header .close{
	color: #ffffff;
}
@media screen and (max-width: 1440px) {

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


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

}
@media screen and (max-width: 991px) {
	.about-style-two .content-box {
		padding-left: 0px;
	}
	.header-upper .logo-box {
		padding-right: 0px;
		margin-right: 0px;
		border-right: none;
	}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 599px) {
	.header-upper .left-column, .header-upper .right-column {
			 justify-content: center !important;
	}
}
@media screen and (max-width: 320px) {

}
@media screen and (min-width: 320px) and (max-width: 990px) {
  

}

.switchLangIndex{
  position: fixed;
  z-index: 10000;
  right: 50%; 
  transform: translateX(580px);

	background-color: #fff;
/*	border-radius: 50px;*/
	border-radius: 0 0 12px 12px;
	padding: 2px 3px 2px 7px;
	width: 75px;
	display: block;
	margin-top: 8px;
	box-shadow: 0 0 0 2px #00000033;
	transition: all 350ms ease; 
	/*margin-left: auto;*/
	/*position: absolute;
	left: 0px;
	top: 6px;*/
/*	z-index: 101;*/
}

@media (max-width: 991px) {

  .switchLangIndex{
    left: 10px;
    transform: none;
    top: 0px;
  }

  .mobile-menu-visible .main-header{
    z-index: 10000;
  }
  
}  

.page-title .bread-crumb li:before{
	background-color: #fff;
	bottom: 11px;
}

.pagination li{
	margin-right: 6px;
}
.pagination li a{
	font-size: 15px; 
    height: 36px;
    width: 36px;
    line-height: 34px;
}

.page-title h1{
	font-size: 50px;
}

.page-title .bread-crumb li:last-child{
	margin-right: 0;
}

.switchLangIndex{
	margin-top: 0px;
	padding: 2px 0px 2px 0px;
	width: 130px; 
}
.switchLangIndex.mobile{
		display: none;
	}
.switchLangIndex.desktop{
	
}
img.switchLangIndex{
	margin-top: 2px;
}
.switchLangIndex #yt-widget .yt-button__icon_type_left,
.switchLangIndex #yt-widget .yt-servicelink{
	display: none !important;
}

.switchLangIndex #yt-widget .yt-button{
	border: none !important;
	height: 28px;
	line-height: 29px;
}

.switchLangIndex #yt-widget .yt-button_type_left {
    border-radius: 15px 0 0 15px;
	padding-left: 15px;
}
.switchLangIndex #yt-widget .yt-button_type_right {
    border-radius: 0 15px 15px 0;
}
.switchLangIndex #yt-widget.yt-state_mobile *,
.switchLangIndex #yt-widget * {
    font: 12px 'Poppins', sans-serif;
	line-height: 28px;
}

.switchLangIndex .eti{
	color: #000;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}
.switchLangIndex .holdFlag{
	border-radius: 50%;
	width: 23px;
	height: 23px;
	float: right;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.switchLangIndex:after{
	content: '';
	display: table;
	clear: both;
}


@media (max-width: 480px) {

  .switchLangIndex{
    line-height: 14px;
    padding-bottom: 0;
    width: 110px;
    left: auto;
    right: 10px;
    transform-origin: 100% 50%;
    top: -4px;
    border-radius: 0 0 20px 20px;
  }

  .switchLangIndex #yt-widget.yt-state_mobile *,
  .switchLangIndex #yt-widget * {
      font: 9px 'Poppins', sans-serif !important;
      line-height: 20px !important;
  }
 
  .switchLangIndex #yt-widget .yt-button{
    height: 20px;
  }

  #yt-widget .yt-button_type_close > .yt-button__icon {
      background-position: -75px -7px !important;
  }

  #yt-widget.yt-state_mobile .yt-button_type_close{
    height: 30px;
  }

    #yt-widget .yt-button__icon{
      width: 20px !important;
      height: 20px !important;
    }

    #yt-widget .yt-button__icon_type_right {   
       height: 20px !important;
        background-position: -30px -7px !important;
        padding-right: 14px !important;
    }
    
}  


@media (min-width: 1224px) {
	.header-style-two .header-upper .menu-right-content,
	.header-style-two .menu-right-content .search-box-outer{
		right: 60px;
	}
}

@media (min-width: 1500px) {
	.fixed-header .switchLangIndex{
		transform: translateX(680px);
	}
}

.banner-carousel .owl-dots{
	display: none !important;
}

.shop-page-section{
	padding-top: 44px;
}

.banner-carousel .owl-nav{
	max-width: 90%;
}

.banner-carousel .slide-item:before{
	display: none !important;
}

@media (max-width: 767px) {

	.header-style-two.fixed-header .header-lower .outer-container{
		position: fixed;
		border-bottom: 1px solid #ccc;
		background-color: #fff;
	}

	.mobile-menu .close-btn{
		color: #000;
	}

	.mobile-menu .menu-box{
		filter: invert(1);
	}

	.mobile-menu .menu-box img{
		filter: invert(1);
	}

	.logo-box{
		width: 100px;
	}

	body{
		font-size: 13px;
		line-height: 21px;
	}

	.shop-details {
		padding-top: 0;
	}

	.page-title h1{
		font-size: 28px;
	}

	.page-title .bread-crumb li{
		font-size: 11px;
    	line-height: 25px;
	}

	.scroll-top{
		right: 15px;
		width: 30px;
	    height: 30px;
	    line-height: 10px;
	    font-size: 12px;
	}	
}

.shop-sidebar{
	position: sticky;
	top: 100px;
}

.category-list li a > i.fas{
	position: absolute;
	right: 0;
	top: 5px;
}

.category-list li.active a > i.fas{
	transform: rotateZ(90deg);
}

ul.submenu{
	padding-left: 15px;
	padding-top: 10px;
	border-left: 1px solid #e2e2e2;
	margin-left: 10px;
	padding-top: 0;
	margin-top: 10px;
	display: none;
}

li.active ul.submenu{
	display: block;
}

li.active > a{
	color: #e4492e !important;
}

.submenu li{
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.category-list .submenu a{
	font-size: 70% !important;
}

.header-style-two .header-lower .menu-right-content .btn-box:before{
	display: none;
}

.boxed_wrapper{
	overflow: visible !important;
}

.btn-primary{
	background-color: #28387b;
	border-color: #28387b;
}

.project-details .image-box .image{
	height: auto;
	padding-bottom: 80%;
	position: relative;
	background-color: #f4f4f4;
}

	.project-details .image-box .image img{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}


@media (max-width: 991px) {

	body._opened_sidebar{
		overflow: hidden;
	}

	.shop-sidebar{
		position: fixed;
		z-index: 1000;
		width: 100%;
		top: 0;
		left: 0;
		height: 100vh;
		background-color: #fff;
		display: none;
	}

		.shop-sidebar .widget-content{
			max-height: calc(100vh - 84px);
    		overflow-y: auto;
		}

	.open_sidebar{
		display: block !important;
		position: fixed;
		z-index: 999;
		width: 100vw;
		left: 0;
		bottom: 0;
		border-top: 1px solid #ccc;
		border-radius: 0 !important;
	}

	._opened_sidebar .shop-sidebar{
		display: block;
	}

	.close_sidebar{
		display: block !important; 
		position: absolute;
		right: 20px;
		top: 10px;
		padding: 16px;
		cursor: pointer;
	}
	
}