[class~=site-header] [class~=site-logo] img {
    max-height: 110pt;
}
.site-logo{
	
}
.site-logo a{
	display: block;
	margin-bottom: -90px;
}
.block-sliders .item-content .item-info .description-slider, [class~=block-sliders] [class~=item-content] [class~=item-info] [class~=subtitle-slider] {
    color: #fff;
}
[class~=block-sliders][class~=layout-2] [class~=item-content] [class~=item-info] [class~=title-slider], [class~=block-sliders][class~=layout-3] [class~=item-content] [class~=item-info] [class~=title-slider] {
    color: #fff;
	text-shadow: 0px 0px 22px rgba(0, 0, 0, 1);
}
[class~=block-sliders] i[class~=slick-arrow], [class~=block-product-cats] ul li a:hover,
[class~=block-sliders][class~=layout-2] [class~=item-content] [class~=item-info] [class~=title-slider], [class~=block-sliders][class~=layout-3] [class~=item-content] [class~=item-info] [class~=title-slider] {
    color: #ffffff;
}
[class~=block-sliders] i[class~=slick-arrow]{
	border-color: #FFF;
}
.intro-text{
	font-size: 17px;
}

.blkImgCat{
	margin-bottom: 30px;
	position: relative;
}
	.blkImgCat .holdImg{
		position: relative;
		z-index: 0;
		height: 350px;
	}
		.blkImgCat .holdImg > img{
			object-fit: cover;
			width: 100%; height: 100%;
		}
	.blkImgCat  .holdTxt{
		position: absolute;
		bottom: 0;
		left: 10px;
		right: 10px;
		padding: 15px 10px 10px;
		background-color: rgba(0,0,0,0.4);
		z-index: 10;
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}
		.blkImgCat:hover  .holdTxt{
			padding: 15px 10px 30px;
		}
		.blkImgCat  .holdTxt h1{
				font-size: 24px;
				color: #fff;
			margin-top: 0;
				margin-bottom: 10px;
			}
		.blkImgCat  .holdTxt .btnProd{
				display: inline-block;
				border: 1px solid #fff;
				padding: 7px 15px;
				text-align: center;
				color: #fff;
				font-size: 12px;
				text-transform: uppercase;
				margin-bottom: 10px;
			-webkit-transition: all 200ms ease-out;
			-moz-transition: all 200ms ease-out;
			-ms-transition: all 200ms ease-out;
			-o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
			}
				.blkImgCat  .holdTxt .btnProd:hover{
					background-color: rgba(0,0,0,0.4);
				}


.modal .nav-tabs .nav-link{
	font-size: 15px;
	font-weight: 700;
}
.modal .nav-tabs .nav-link.active {
    color: #3a87bf;
}
.modal hr {
    border-top: 1px solid rgb(0 0 0 / 30%);
}
.modal .nav-link {
    padding: .5rem 0.5rem;
}

.tab-content{
	padding:15px;
}

.holdLogo{
	border: 1px solid #626262;
	margin-bottom: 15px;
}

.modal a.btn{
	border: 1px solid #626262;
	text-align: center;
	font-size: 11px;
	display: block;
	margin-bottom: 15px;
}

.singProd{
	border: 1px solid #626262;
	margin-bottom: 20px;
	display: block;
}
.singProd > img{
	width: 100%;
}

.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);
  }

.w100{
	width:  100% !important;
}

body[class~=home][class~=title-2] [class~=section] [class~=block-title] h2, [class~=button-outline] {
    color: #000000;
}
body[class~=home][class~=title-2] [class~=section] [class~=block-title] h2{
	text-transform: none;
	font-size: 35px;
}
.d-M-ghost{display: block !important;}
.d-ghost{display: none !important;}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 800px;
    }
}



@media screen and (max-width: 1440px) {
	.site-navigation ul > li.level-0 {
		padding-left: 6.5pt;
	}
	.site-navigation ul > li.level-0 {
		padding-right: 6.5pt;
	}
}
@media screen and (max-width: 1299px) {
	.site-navigation ul > li.level-0 {
		padding-left: 5.5pt;
	}
	.site-navigation ul > li.level-0 {
		padding-right: 5.5pt;
	}
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 991px) {
	.d-ghost{display: block !important;}
	.d-M-ghost{display: none !important;}
}
@media screen and (max-width: 768px) {
	
	.block-sliders.layout-2 .item-content .item-info .title-slider {
        font-size: 40px;
	}
	
}
@media screen and (max-width: 425px) {

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

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

}



.mypage-alo-phone-2 {
        position: fixed;
        left: -20px;
        visibility: visible;
        background-color: transparent;
        width: 110px;
        height: 110px;
        cursor: pointer;
        bottom: 35px !important;
    }
    .mypage-alo-ph-circle-fill-2 {
        width: 60px;
        height: 60px;
        top: 28px;
        left: 28px;
        position: absolute;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background-color: #38bd4b;
        opacity: .75 !important;
    }
    .mypage-alo-ph-img-circle-2 {
        width: 30px;
        height: 30px;
        top: 43px;
        left: 43px;
        position: absolute;
        background: rgba(30,30,30,.1) url(../img/whatsapp-logo.png) no-repeat center center;
        background-color: rgba(30,30,30,.1);
        background-size: auto auto;
        background-color: rgba(30,30,30,.1);
        background-size: auto auto;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        opacity: .7;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        background-color: #27b43e;
        background-size: 70%;
      }
.mypage-alo-ph-img-circle-2 img{
	width: 26px;
	height: 26px;
}