/*
Theme Name: ASLC Web & Digital
Theme URI: https://aslc-web.com
Version: 2.0
Description: Thème pour et par ASLC, et ses clients
Author: Siegfried Lefez
Template: Divi
*/

/*X Horizontal Scroll bar*/
#page-container {overflow:hidden;}

/*Scrollbar style*/
body::-webkit-scrollbar {
width: 8px;}
body::-webkit-scrollbar-track {
background: #060505;}
body::-webkit-scrollbar-thumb {
background-color: #AAAAAA;
border-radius: 20px;}

/* --- Mobile Menu --- */
/*Ajouter une ombre portée et des coins arrondis au menu mobile*/
.et_mobile_menu{
	margin-top: 15px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.21) 0px 15px 30px;}

/*Espacement autour des éléments du menu mobile*/
.et_mobile_menu li a{
	padding: 13px 5%;
	margin: 10px 0;}

/*Masquer le sous-menu sur mobile*/
#page-container .mobile_nav li ul.hide {
	display: none !Important;}

/*Positionnement et transparence arrière-plan élément menu parent sur mobile.*/
#page-container .mobile_nav .menu-item-has-children {
	position: relative;}
#page-container .mobile_nav .menu-item-has-children > a {
	background: transparent;}

/*Style icônes à droite*/
#page-container .mobile_nav .menu-item-has-children > a + span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	z-index: 3;}
.menu-closed{
	border-left:1px solid #eee;}

/*Style de l'icône de bascule du sous-menu dans le menu mobile*/
#page-container span.menu-closed:before {
	content: "\22";
	display: block;
	color: #000;
	font-size: 14px;
	font-family: ETmodules;
	transition:.3s ease;
	background:rgba(212,152,45,0.39);
	color:#AAAAAA;
	text-align: center;
	border-radius: 100px;
	width:26px;}
#page-container span.menu-closed.menu-open:before {
	content: "\22";
	transform:rotate(180deg);
	background:#AAAAAA;
	color:#fff;}

/* --- Header Codes - En-tête principal --- */
.aslc-custom-dropdown-content{
-webkit-animation: scale-in-tr 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: scale-in-tr 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

@-webkit-keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;}
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;}}

@keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;}
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;}}

.link-effect a {
	cursor: pointer;
	padding-bottom:5px;
	transition: all 0.2s linear;
	background: linear-gradient(to bottom, #AAAAAA 0%, #AAAAAA 98%);
	background-size: 0px 2px;
	background-repeat: no-repeat;
	background-position: left 100%;}
.link-effect a:hover {
	background-size: 100% 2px;}
.link-effect-white a {
	cursor: pointer;
	padding-bottom:5px;
	transition: all 0.2s linear;
	background: linear-gradient(to bottom, #fff 0%, #fff 98%);
	background-size: 0px 2px;
	background-repeat: no-repeat;
	background-position: left 100%;}
.link-effect-white a:hover {
	background-size: 100% 2px;}

/*Animation et style du menu déroulant Main Header - Desktop*/
.et-menu-nav .nav li li {
	padding: 0 !Important;}

/*Modifier la largeur du sous-menu*/
.et-menu-nav .nav li ul{
	width:250px !Important}

/*Supprimer l'arrière-plan par défaut au survol du lien du menu déroulant*/
.et-menu-nav .nav ul li a:hover {
	background-color: transparent;}

/*Pour ajouter plus de marge et d'espacement autour des éléments de menu*/
.et-menu-nav .et-menu li li a{
	padding:10px 20px;
	margin:3px 0;}

/*Flèche lien actif du menu déroulant*/
.et_pb_menu .nav li ul.sub-menu li.current-menu-item a:before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	top: 0;
	bottom: 0;
	left: 0px;
	transition: all .2s ease-in-out;
	background: #AAAAAA !Important;
	width:4px;
	border-radius: 0px 3px 3px 0px;}

/*Ligne survol sous-menu*/
.et-menu-nav .et-menu li li a:before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	top: 0;
	bottom: 0;
	left: 0px;
	transition: all .2s ease-in-out;
	border-radius: 0px 3px 3px 0px;}
.et-menu-nav .et-menu li li a:hover:before {
	background: #AAAAAA;
	width:4px;}

/*Ajouter une animation d'entrée et de sortie au menu déroulant*/
/*Entrée*/
.et-menu-nav .et-show-dropdown .sub-menu{
-webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
/*Sortie + Box-shadow & radius*/
.et-menu-nav .sub-menu{
	box-shadow: 0px 5px 40px #0000002b !Important;
	border-radius:8px;
-webkit-animation: fade-out-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: fade-out-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
/*Ajouter une flèche comme indicateur au menu déroulant*/
.et-menu-nav .sub-menu:after {
	content: '';
	display: block;
	position: absolute;
	left: 11%;
	top: -22px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	z-index: 1;}
/*Keyframes pour animation entrée du menu déroulant*/
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;}
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;}
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}}
/*Keyframes pour animation sortie du menu déroulant*/
@-webkit-keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;}}
@keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;}}

.et_pb_button_module_wrapper{
	transition:all .3s ease !Important;}
.et_pb_equal_columns>.et_pb_column{
	margin-top:auto;
	margin-bottom:auto;}

.inline-buttons-row .et_pb_button_module_wrapper{
	display:inline-block;}

.et_pb_main_blurb_image{
	transition:.3s ease;}

.service-card:hover .et_pb_main_blurb_image{
	transform:scale(0.90) !Important}

.feature .et_pb_animation_off{
	background: #AAAAAA;
	padding: 10px;
	border-radius: 10px;
	transition:.3s ease;}
.feature:hover .et_pb_animation_off{
	box-shadow: 35px -15px 0px #AAAAAA1f, -25px 15px 0px #AAAAAA1f;
	transform:scale(1.2)}

.aslc-testimonial .et-pb-controllers a {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	margin: 0 15px;
	transition:.3s ease;}
.aslc-testimonial .et-pb-controllers a:hover {
	opacity: 1;
	transform:scale(0.90)}
.aslc-testimonial .et-pb-controllers .et-pb-active-control {
	width: 100px;
	height: 100px;
	margin-bottom: -5px;
	box-shadow:0px 1px 20px #0000002b;}
.aslc-testimonial .et_pb_slide_description {
	text-shadow: none!Important;
	margin-bottom: 20px!Important;}
.aslc-testimonial .et-pb-active-slide .et_pb_slide_description {
	animation-name: fadeIn;}

@media (max-width: 980px) {
.aslc-testimonial .et-pb-controllers a {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	margin: 0 10px;}
.aslc-testimonial .et-pb-controllers .et-pb-active-control {
	width: 60px;
	height: 60px;
	margin-bottom: -5px;
	box-shadow:0px 1px 20px #0000002b;}
.aslc-testimonial .et-pb-controllers {
	bottom: 10%;}}

@media (max-width: 767px) {
.aslc-testimonial .et-pb-controllers {
	bottom: 20%;}
.aslc-testimonial .et_pb_slide_description {
	margin-bottom: 50px!Important;}}

.aslc-view-button{
	opacity:0;
	-webkit-animation: fade-out-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: fade-out-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.aslc-column:hover .aslc-view-button{
	opacity:1;
	-webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;}
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;}
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}}

@-webkit-keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;}}

@keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;}}

mark-shy-text{
	background: #AAAAAA1a !Important;
	color: #AAAAAA !Important;
	padding: 10px 25px;
	border-radius: 100px;
	margin-bottom:10px;
	font-weight:bold;}

.aslc-faq .et_pb_toggle_title:before {
	content: "\4c" !Important;
	font-weight: 900;
	transition:.3s ease;}

.aslc-faq.et_pb_toggle_open .et_pb_toggle_title:before{
	transform: rotate(180deg);
	content: "\22" !Important;
	color: #AAAAAA !Important}

mark-history{
	background:rgba(212,152,45,0.23);
	color:#AAAAAA;
	padding:10px 20px;
	border-radius:100px;}

.row-after-testimonials{
	text-align:center;}

.member-bio, .member-social-media-follow, .member-about-button{
	opacity:0;}

.member-card:hover .member-bio{
	opacity:1;
	-webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

.member-card:hover .member-social-media-follow{
	opacity:1;
	-webkit-animation: fade-in-bottom 0.7s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.7s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

.member-card:hover .member-about-button{
	opacity:1;
	-webkit-animation: fade-in-bottom 0.9s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.9s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;}
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;}
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}}

.service-card-2:hover .et_pb_blurb h4{
	color:#fff !Important}
.service-card-2:hover .et_pb_blurb strong{
	color:#fff !Important}
.service-card-2:hover .et_pb_blurb_description{
	color:#fff !Important}
.service-card-2:hover .et_pb_main_blurb_image{
	background:#fff;
	width:50px;
	padding:10px;
	border-radius:5px;
	box-shadow:0px 2px 10px rgba(0,0,0,0.36);}

.active-img{
	transform:scale(1.1);
	transition: all .3s ease;}
.active-img:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 35%);
	z-index:10;
	border-radius:10px;}
.active-img:after{
	content: '';
	position: absolute;
	width: 90%;
	height: 90%;
	border: 1px solid #fff;
	z-index: 10;
	border-radius: 10px;
	left: 10px;
	top: 4.7%;
	transition: all .3s ease;}

@media only screen and ( max-width: 479px ) {
.active-img:after{
	display:none;}
.active-img{
	transform:scale(1.05);}}
.not-active-text{
	display:none !Important;}
.active-text{
	display:block !Important;
	-webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;}
  100% {
    opacity: 1;}}
@keyframes fade-in {
  0% {
    opacity: 0;}
  100% {
    opacity: 1;}}

.active-tab .et_pb_main_blurb_image {
	background: rgba(244,178,176,0.18);
	border-radius: 10px;}
.active-tab.et_pb_blurb h4 {
	color:#AAAAAA !Important;}

.active-link-application:before{
	content:"";
	position:absolute;
	top:60px;
	left:-16px;
	display:block;
	width:135px;
	border-radius:3px 3px 0px 0px;
	background: #AAAAAA;
	border:2px solid #AAAAAA;
	transition:.3s ease;}
.active-link:after{
	content:"";
	position:absolute;
	top:60px;
	left:-8px;
	display:block;
	width:135px;
	border-radius:3px 3px 0px 0px;
	background: #AAAAAA;
	border:2px solid #AAAAAA; 
	transition:.3s ease;}

.aslc-active-switch-button.et_pb_button{
	color: #AAAAAA !Important;
	background:#fff !Important;
	box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.11);}

.active-blog.et_pb_button{
	color: #AAAAAA !Important;
	background:#fff !Important;
	box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.11);}

.aslc-blog-content{
	position: absolute;
	bottom: -10%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 30px;
	z-index: 1;}

.aslc-blog-latest .et_pb_blog_grid article {
	position: relative;}
.aslc-blog-latest .et_pb_blog_grid .et_pb_post {
	padding: 0px;}
.aslc-blog-latest .et_pb_image_container {
	margin: 0;}
.aslc-blog-latest .et_pb_post .entry-featured-image-url {
	margin: 0;}
.aslc-blog-latest .entry-featured-image-url::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);}
	
@media only screen and ( max-width: 479px ) {
.aslc-blog-content{
	bottom:-45%;}}
.aslc-blog-list .entry-featured-image-url  {
	width: 25%;
	float: left;
	margin-bottom: 0!Important;}
.aslc-blog-list .entry-title,
.aslc-blog-list .post-meta,
.aslc-blog-list .post-content {
	width: 75%;
	float: left;
	padding-left: 10px;
	margin-top:-5px;}
.aslc-blog-list .et_pb_post {
	margin-bottom: 27px;
	-webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

.aslc-blog-grid .et_pb_post {
	display: flex;
	flex-direction: column;
	position: relative;}
.aslc-blog-grid .et_pb_image_container, .aslc-blog-grid .entry-featured-image-url {
	order: 2;}
.aslc-blog-grid .entry-title {
	order: 3;}
.aslc-blog-grid .post-meta {
	order: 1;
	z-index: 1;
	margin: -10px 0px -13px -5px;}
.aslc-blog-grid .post-meta a, .et_pb_portfolio_item .post-meta a{
	background: #AAAAAA;
	padding: 6px 15px;
	color: #fff !Important;
	border-radius: 5px;
	margin-left: -10px;
	margin-right: 10px;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	transition:.2s ease;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;}

.et_pb_portfolio_item .post-meta a{
	position: relative;
	left: 10px;
	top: 10px;
	margin-left: -6px !Important;
	margin-right: 7px !Important;}

.aslc-blog-grid .post-meta a:hover, .et_pb_portfolio_item .post-meta a:hover{
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);}

.aslc-blog-grid .published{
	background: #fff;
	position: absolute;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0px 5px 20px #0000001a;
	top: 155px;
	right: -18px;
	font-weight: bold;
	color: #000;
	letter-spacing: 1px;}

.aslc-blog-grid .post-content {
	order: 4;}

.aslc-sidebar .widget_categories ul li a{
	color:#000 !Important;}
.aslc-sidebar .widget_categories ul li:hover a{
	color:#AAAAAA !Important;}
.aslc-sidebar .widget_categories ul li {
	margin-bottom: .5em;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #eee;
	padding: 20px 20px;
	transition: .2s;}
.aslc-sidebar .widget_categories ul li:hover {
	padding: 20px 40px;}
.aslc-sidebar .widget_categories ul li a:before {
	font-family: 'ETmodules';
	content: "\24";
	font-size: 18px;
	position: absolute;
	opacity: 0;
	font-weight: 600;
	left: 0;
	transition: .1s;}
.aslc-sidebar .widget_categories ul li:hover a:before {
	opacity: 1;
	left: 15px;
	transition: .3s;
	color: #AAAAAA;}

.aslc-category a, .aslc-tags a{
	background: #AAAAAA;
	color:#fff;
	padding: 6px 15px;
	border-radius: 5px;
	margin-left: -10px;
	margin-right: 20px;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	transition:.2s ease;}
	
.aslc-category a:hover, .aslc-tags a:hover{
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);}

.aslc-tags a{
	margin:0 0 0 10px !Important}

.nav-label{
	position: relative;
	top: 13px;
	left: -2px;}
    
@media only screen and ( max-width: 479px ) {
.nav-label{
	top: 0px;}
#respond .comment-form-comment {
	width: 100% !Important;
	margin-right:0px;}}

.nav-next .nav-label{
	left:-10px;}

.aslc-comments, .aslc-article{
	animation:.3s}

#commentform input[type=email], #commentform input[type=text], #commentform input[type=url], #commentform textarea{
	transition:.3s ease !Important;}

#respond .comment-form-comment {
	width: 50%;
	float: left;
	margin-right:30px;}

.logged-in #respond .comment-form-comment {
	width: 100% !Important;
	margin-right:0;}

#commentform textarea {
	height: 195px!Important;}

.comment-form-cookies-consent{
	margin-top:15px;}

.active-link-read:after{
	content:"";
	position:absolute;
	top:60px;
	left:13px;
	display:block;
	width:135px;
	border-radius:3px 3px 0px 0px;
	background: #AAAAAA;
	border:2px solid #AAAAAA; 
	transition:.3s ease;}
.active-link-discussion:after{
	content:"";
	position:absolute;
	top:60px;
	right:-11px;
	display:block;
	width:135px;
	border-radius:3px 3px 0px 0px;
	background: #AAAAAA;
	border:2px solid #AAAAAA; 
	transition:.3s ease;}

.highlights-section ::-webkit-scrollbar {
	width: 10px;
	height: 10px;}
.highlights-section ::-webkit-scrollbar-thumb {
	background-color: #d8d3d3;
	border-radius: 100px}

@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;  }}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;  }}


.aslc-portfolio .et_pb_portfolio_item, .aslc-portfolio-2 .et_pb_grid_item{
	margin-right: 30px !Important;
	border-radius:10px;
	box-shadow:0px 5px 20px rgb(0 0 0 / 6%);
	padding: 0 0 40px 0;
	transition:.2s ease;
	background: #fff;}

@media only screen and ( min-width: 768px ) {
.aslc-portfolio .et_pb_grid_item, .aslc-portfolio-2 .et_pb_grid_item {
	width: 30.333% !Important;
	margin: 0 3.5% 3.5% 0 !Important;}
.aslc-portfolio .et_pb_grid_item:nth-child(3n), .aslc-portfolio-2 .et_pb_grid_item:nth-child(3n) {
	margin-right: 0 !Important;}
.aslc-portfolio .et_pb_grid_item:nth-child(3n+1), .aslc-portfolio-2 .et_pb_grid_item:nth-child(3n+1) {
	clear: left;}
.aslc-portfolio .et_pb_grid_item:nth-child(4n+1), .aslc-portfolio-2 .et_pb_grid_item:nth-child(4n+1) {
	clear: unset !Important;}}

@media only screen and ( max-width: 479px ) {
.aslc-portfolio .et_pb_portfolio_item, .aslc-portfolio-2 .et_pb_grid_item{
	width: 91%!Important;}}
@media only screen and ( min-width: 480px ) and ( max-width: 555px ) {
.aslc-portfolio .et_pb_portfolio_item, .aslc-portfolio-2 .et_pb_grid_item{
	width: 43%!Important;}}
@media only screen and ( min-width: 556px ) and ( max-width: 666px ) {
.aslc-portfolio .et_pb_portfolio_item, .aslc-portfolio-2 .et_pb_grid_item{
	width: 44%!Important;}}
@media only screen and ( min-width: 667px ) and ( max-width: 767px ) {
.aslc-portfolio .et_pb_portfolio_item, .aslc-portfolio-2 .et_pb_grid_item{
	width: 45%!Important;}}
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
.aslc-portfolio .et_pb_portfolio_item, .aslc-portfolio-2 .et_pb_grid_item{
	width: 45%!Important;}}

.aslc-portfolio .et_pb_portfolio_item:hover, .aslc-portfolio-2 .et_pb_grid_item:hover{
	box-shadow:0px 10px 50px rgb(0 0 0 / 15%);
	transform:translate(0%,-3%)}

.aslc-portfolio .et_portfolio_image:hover:before, .aslc-portfolio-2 .et_portfolio_image:hover:before{
	content: "View Details";
	position: absolute;
	top: 45%;
	left: 32%;
	z-index: 2;
	background: #fff;
	border-radius: 100px;
	padding: 10px 20px;
	color: #000;
	font-weight: bold;
	box-shadow: 0px 2px 25px #0000004a;
	-webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;}
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;}
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}}

@media only screen and  (max-width: 767px){
.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
	width: auto !Important;}
.et_pb_portfolio_filters li a {
	padding: 7px 10px !Important;
	margin: 0 5px !Important;
	font-size: 10px !Important;}}

.et_pb_portfolio_filters li a {
	color: #AAAAAA !Important;
	border: 2px solid #AAAAAA !Important;
	border-radius: 5px !Important;
	padding: 13px 25px !Important;
	margin: 0 7px !Important;
	transition:.3s ease;
	margin-bottom:10px !Important;}

.et_pb_portfolio_filters li a:hover {
	background-color: #AAAAAA1a !Important;}

.et_pb_portfolio_filters li a.active {
	background: #AAAAAA;
	border-radius: 5px;
	color: #fff !Important;
	border: 2px solid #AAAAAA;
	box-shadow: 0px 5px 13px rgb(0 0 0 / 20%);}

.et_pb_portofolio_pagination{
	border:none !Important;}
.et_pb_portofolio_pagination a {
	font-weight: 700;
	font-size: 15px;
	color: #000000!Important;
	padding: 10px 15px;
	border: 2px solid #AAAAAA;
	border-radius: 5px;
	transition:.3s ease;}
.et_pb_portofolio_pagination ul li a.active{
	background: #AAAAAA;
	color: #fff !Important;}

.demo-text{
	opacity:0;}
.image:hover .demo-text{
	opacity:1;
	transition: .2s ease;}
mark-showcase{
	background: rgba(244,178,176,0.2);
	padding:9px 30px;
	border-radius:100px;
	color:#AAAAAA;}
mark1-showcase{
	background: #AAAAAA;
	padding:9px 30px;
	border-radius:100px;
	color:#fff;}

.open:before{
	content:"\4d";
	position:absolute;
	font-family: ETmodules;
	z-index:999;
	background:#fff;
	padding:5px;
	font-size:30px;
	right:8px;
	color:#AAAAAA;
	font-weight:bold;}

.et_pb_video_play:before {
	font-family: ETmodules;
	content: "\45";
	background: #fff;
	color: #AAAAAA;
	font-size:60px;
	padding: 20px;
	border-radius:100px;
	box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.47), 0px 2px 20px rgba(0,0,0,0.28); 
	transition:.3s ease;}

.et_pb_video_play:hover:before {
	transform:scale(1.1) !Important;
	box-shadow: 0px 0px 0px 20px rgba(255,255,255,0.47), 0px 2px 40px rgba(0,0,0,0.28);}

#page-container {
	overflow-x: hidden; }

/*Keyframes for the Fade In Bottom Animation*/
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;}
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;}
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}}

.aslc-collection-card-content{
	opacity:0;}

.aslc-collection-card:hover .aslc-collection-card-content{
	opacity:1;
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

.slick-track{
	padding: 30px 0 0 25px ;}

@media only screen and ( max-width: 479px ) {
.slick-track{
	padding: 10px 0px !Important;}}

.slick-next::before {
	content: '\24' !Important;}

.slick-prev::before {
	content: '\23' !Important;}

.slick-next::before, .slick-prev::before  {
	font-family: ETModules !Important;
	opacity:1 !Important;
	font-weight: 900 !Important;}

.slick-prev, .slick-next{
	background: #AAAAAA !Important;
	width: 40px !Important;
	height: 40px !Important;
	border-radius: 100px !Important;
	box-shadow: 0px 5px 10px #0000002e !Important;
	transition:.2s ease !Important;}

.slick-prev:hover, .slick-next:hover{
	background: #AAAAAA !Important;
	box-shadow: 0px 5px 30px #00000054 !Important;
	transform:scale(1.1) translate(0, -50%) !Important;}

.aslc-category-section .slick-next{
	right:-40px !Important;}

.aslc-category-section .slick-prev{
	left:-40px !Important;}

@media only screen and ( max-width: 479px ) {
.aslc-category-section .slick-next{
	right:-15px !Important;}
.aslc-category-section .slick-prev{
	left:-15px !Important;}}

.active-testimonial-tab {
	box-shadow: 0px 10px 50px #0000001c;
	background: #fff;
	transition: .2s ease;}

.aslc-tab-testimonials-content-1, .aslc-tab-testimonials-content-2, .aslc-tab-testimonials-content-3{
	-webkit-animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";}
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;}
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;}

.aslc-search-close:after{
	content: "\4d";
	font-family: 'ETmodules';
	font-size: 26px;
	background: #eee;
	padding: 3px;
	position: absolute;
	top: 7px;
	margin-left: -7px;
	-webkit-animation: rotate-in-center 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rotate-in-center 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

@-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;}
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;}}

@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;}
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;}}

.dgwt-wcas-is-details .dgwt-wcas-suggestions-wrapp {
	z-index: 9999999999 !Important;}
.dgwt-wcas-details-outside .dgwt-wcas-details-wrapp {
	z-index: 999999998 !Important;}

.aslc-active-faq{
	box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.04);
	transform: scale(1.1);
	border-radius:10px;}

.aslc-active-faq h3{
	color:#AAAAAA !Important;
	font-weight:700 !Important;
	transition:.2s ease;}

@media only screen and ( min-width: 1100px ) { 
.aslc-new-icon:before{
	content: "New";
	position: absolute;
	top:5px;
	font-size: 12px;
	right: -50px;
	background: #AAAAAA;
	color: #fff;
	padding: 0px 5px 10px 5px;
	height: 15px;
	width: 35px;
	text-align: center;
	transform: scale(.7);
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 3px;}
.main:before{
	right: -3px;
	top: -14px;
	padding: 3px 3px 3px 3px;
	text-align: center;
	transform: scale(.7);
	font-weight: 600;}}
    
.updated-text:before{
	content:"Updated" !Important;
	width: 55px;
	background: green;}

.all-pages, .the-new{
	color:#0000007a !Important;}
.all-pages:hover, .the-new:hover{
	color:#0000007a !Important;
	background:#AAAAAA !Important;}
.active-pages-toggle{
	background:#AAAAAA !Important;
	color:#fff !Important;
	box-shadow: 0px 5px 30px #00000036;}
.hide-dp{
	display:none;}
.userreviewswshk table{
	border:none !Important;}
.moc table.shop_table{
	border:none !Important;}

.et-menu-nav li.mega-menu>ul:after{
	display:none;}
.et-menu-nav li.mega-menu>ul{
	width:100% !Important;}
.et-menu-nav li.mega-menu.mega-menu-parent li>.sub-menu:after{
	display:none;}
.et-menu-nav li.mega-menu.mega-menu-parent li>.sub-menu {
	box-shadow: none !Important;
	background:transparent !Important;}

.monthly-button, .featured-button {
	z-index:20;}

.wshkcounters{
	display:none;}
.aslc-account-area .wshkcounters{
	display:block !Important;}

.et_pb_menu .et_mobile_menu {
    height: 530px;
    overflow: auto;}

.nav li li ul {
	left: 200px;}

.et-db #et-boc .et-l .et_pb_menu .mobile_nav li ul.hide {
	display: none !Important;}

.slick-slider{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
	   user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
        touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;}
.slick-list{	
position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;}
.slick-list:focus{
	outline: none;}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
      -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;}
.slick-track:before,
.slick-track:after{
	display: table;
	content: '';}
.slick-track:after{
	clear: both;}
.slick-loading .slick-track{
	visibility: hidden;}
.slick-slide{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;}
[dir='rtl'] .slick-slide{
	float: right;}
.slick-slide img{
	display: block;}
.slick-slide.slick-loading img{
	display: none;}
.slick-slide.dragging img{
	pointer-events: none;}
.slick-initialized .slick-slide{
	display: block;}
.slick-loading .slick-slide{
	visibility: hidden;}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;}
.slick-arrow.slick-hidden {
	display: none;}
@font-face{
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;
	src: url('./fonts/slick.eot');
	src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');}
.slick-prev,
.slick-next{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
	color: transparent;
	outline: none;
	background: transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
	opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
	opacity: .25;}
.slick-prev:before,
.slick-next:before{
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.slick-prev{
	left: -25px;}
[dir='rtl'] .slick-prev{
	right: -25px;
	left: auto;}
.slick-prev:before{
	content: '←';}
[dir='rtl'] .slick-prev:before{
	content: '→';}
.slick-next{
	right: -25px;}
[dir='rtl'] .slick-next{
	right: auto;
	left: -25px;}
.slick-next:before{
	content: '→';}
[dir='rtl'] .slick-next:before{
	content: '←';}
.slick-dotted.slick-slider{
	margin-bottom: 30px;}
.slick-dots{
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;}
.slick-dots li{
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{
	outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
	opacity: 1;}
.slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;}