/* Add here all your css styles (customizations) */

.florence-bg-orange {
	background-color: #ec5411 !important;	
}
::selection {
	background-color: rgba(239, 96, 36, 0.8) !important
}
.nav-link {
	color: #fff !important;
}
.dropdown-item .nav-link {
	color: #fff !important;	
}
.g-bg-orange--hover:hover {
	background-color: #ee6123 !important;
}
.dropdown-item:focus, .dropdown-item:hover {
    background: #ee6123 !important;
    transition: 0.2s ease-in;
}
.dropdown-item .nav-link:hover {
	color: #fff !important;	
}
.g-bg-orange-opacity-0_8 {
    background-color: rgba(239, 96, 36, 0.8) !important;
}
.btn-orange {
	background-color: #ee6123 !important;	
	color:#fff;
}
.text-center {
	text-align: center !important;
}
.nowrap {
	white-space: nowrap !important;
}
.slider-transparent-text {
	font-family: inherit !important;
    /*font-size: 30px !important;*/
    background: linear-gradient(to right, #00000017, #565656bf, #00000017) !important;
    color: #ececec !important;
}
.no-border td{
	border: 0px !important;
}

.no-padding td {
	padding: 0px !important;
}

@media screen and (min-width: 1024px) {
    .logo {
		position: absolute !important;
		width: 200px;
		top:-29px;
    }

    .logo_ {
		position: relative; !important;
		width: 200px;
    }

    .pl-240 {
    	padding-left: 240px;
    }

    .ml-15{
		margin-left: 15px;
	}

	.pl-20{
		padding-left: 20px;
	}

	.pt-46{
		padding-top: 46px;
	}

	.hg-450{
		height: 450px;
	}
	.fz-30 {
		font-size: 35px;
	}

	.pf{
		left: 25px;
	}

	.pf-15{
		left: 15px;
	}

	.pr{
		padding-right: 20px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.logo {
		position: absolute !important;
		width: 180px;
		top:-10px;
    }

}

@media screen and (min-width: 768px){
	.pr{
		padding-right: 15px;
	}
}

@media screen and (min-width: 426px) and (max-width: 768px) {
 	.logo {
		position: relative;
	    height: 68px;
	    width: 110px;
    }

    .logo_ {
		position: relative;
	    height: 55px;
	    width: 110px;
    }   
    .u-header__section {
		padding-top:0px !important;
		padding-bottom:0px !important;
    }

    .pl-240 {
    	padding-left: 177px;
    }

    .pt-46{
		padding-top: 26px;
	}
}

@media screen and (min-width: 376px) and (max-width: 425px) {
 	.logo {
		position: relative;
	    height: 70px;
	    width: 120px;
    }

    .logo_ {
		position: relative;
	    height: 70px;
	    width: 120px;
    }   
    .u-header__section {
		padding-top:0px !important;
		padding-bottom:0px !important;
    }

    .pl-240 {
    	padding-left: 150px;
    }   
}

@media screen and (max-width: 375px) {
    .logo {
		position: relative;
	    height: 70px;
	    width: 120px;
    }

    .logo_ {
		position: relative;
	    height: 70px;
	    width: 120px;
    }   
    .u-header__section {
		padding-top:0px !important;
		padding-bottom:0px !important;
    }

    .pl-240{
    	padding-left: 100px;
    }

    .fz-30 {
    	font-size: 25px;
    }
      
}

/* Animation Hover Gallery*/
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(239, 96, 36, 0.8) !important;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
z-index: 2;
}

.title{
	height: 100%;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 25px;
}

.hovereffect img {
display:block;
position:relative;

-webkit-transition:all 0.4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:19px;
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
top:40%;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:115px 0 0;
padding:7px 14px;
}

.hovereffect span.info:hover {
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s
}
/* End Gallery Hover */

.fn-color-white{
	color: #fff;  
}

a p.black{
	color: black;
}

/* Scroll Product Detail */
.scroll-product-detail {
	height: 350px;
	overflow-x:hidden;
	overflow-y: auto;  
	padding-right: 5px;
}