/*
 Theme Name:   Claroflex v1.0
 Theme URI:    https://claroflex.com
 Description:  Claroflex Theme
 Author:       Claroflex
 Author URI:   https://claroflex.com
 Template:     prague
 Version:      2.3.2
 License:      Copyright Claroflex
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Claroflex
*/

/* MENU */

/* SUBMENU */

/* BUTTON */

/* Theme Options Custom CSS */
/*ESTILOS NUEVOS*/

/* Si se actualiza algún elemento de página o entrada, hay que volver a
guardar estos cambios para que sobreescriban los estilos predeterminados */

h1, h2, h3, h4, h5, h6, p, span, a { font-weight: 300 !important; }
h1, h1 a { font-family: Roboto !important; }
h2, h2 a { font-family: Roboto !important;color: #fe2833 !important; }
h3, h3 a { font-family: Roboto !important;color: #fe2833 !important; }
h4, h4 a { font-family: Roboto !important;color: #fe2833 !important; }
h6 { line-height: 1.2em !important; }

h3, .title_box p {
    font-size: 1.3em !important;
    font-weight: 300 !important;
    font-family: 'Roboto', sans-serif !important;
    line-height: 1.2em !important;
}
p {
    font-size: 1em;
    font-family: 'Roboto', sans-serif !important;
    line-height: 1.2em !important;
}

.margin-bottom-2em { margin-bottom: 2em; }
.margin-bottom-3em { margin-bottom: 3em; }
.margin-bottom-4em { margin-bottom: 4em; }
.margin-top-0 { margin-top: 0;}
.margin-bottom-0 { margin-bottom: 0;}
.margin-top-0 { margin-top: 0em !important;}
.margin-bottom-0 { margin-bottom: 0em !important; }
.padding-bottom-0 { padding-bottom: 0em !important; }

.text-red { color: #FE2833; }
span.text-red {line-height: normal !important;}
.text-white { color: #FFFFFF; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }


/** barra de navegación **/

.prague-header.simple.sticky-menu { background-color: transparent; }

/* Fijarlo a negro
.prague-header.simple.sticky-menu { background-color: #111; }
*/

/* para cambiar la letra a negro cuando la barra es transparente
header.prague-header.light .main-menu li a { color: black; opacity: 0.85; }
header.prague-header.light.scroll .main-menu li a { color: white; }
*/


header.prague-header.light .sub-menu li a { color: white; }
.main-menu li a span { font-size: 1em; }
header.prague-header { padding: 14px 30px; }

/* header tittle with freatured image */
.project-detail-parallax-item .detail-parallax-item-header{
    max-width: fit-content;
    flex-direction: column-reverse;
}
.project-detail-parallax-item .detail-parallax-item-header .detail-parallax-item-header-title{
    margin-bottom: 30px;
}
.project-detail-parallax-item .detail-parallax-item-header .detail-parallax-item-header-subtitle{
    margin-bottom: 30px;
    word-spacing: -1px;
    letter-spacing: 0px;
    font-size: 2.5em !important;
}
.project-detail-parallax-item .detail-parallax-item-header .detail-parallax-item-header-subtitle, .page-title .description {
    font-size: 2em;
}
.page-title .description p, .top-banner .content .description p { opacity: 1; }
.project-detail-parallax-cover .detail-parallax-item-bg.js-detail-parallax-item-bg{
    filter: brightness(0.4);
}
/* end header tittle with freatured image */


/** Caja de títulos recuadro rojo **/
.title_box {
    margin: 2em auto !important;
    border: 2px solid #FE2833 !important;
    padding: 30px;
    width: 100%;
}
.title_box p {
    text-align: center;
    color: #FE2833;
    font-size: 1.3em;
    line-height: 1.3em;
}
@media (min-width: 992px) { .title_box { margin: 4em auto !important; width: 70%; max-width: 679px; } }

.title_elements {
    margin-top: 2.5em;
    margin-bottom: 2em;
}


/* header image pivot */
.post-614 .post-image {
    display: none;
}
/* end header image pivot */


/* construction and designer pages*/

.inverted-border-radius { border-radius: 81% 0 0 0/390% 0 0 82% !important; top:unset !important; }
.prague_blog .blog-post:nth-child(even) .blog-list-img { border-radius: 0 0 81% 0/0 82% 390% 0 !important; }
.my-margin1 { margin-top: 60px; }
.form-contacto { margin-top: 1em; }
.form-contacto label { display: none !important; }


@media only screen and (max-width: 767px) {
    .inverted-border-radius { border-radius: 0 !important; top: 0 !important; }
    .prague_blog .blog-post:nth-child(even) .blog-list-img { border-radius: 0 !important; }
    .my-margin1 { margin-top: 0px; }
}


.vc_custom_1648735768752 {
    padding-top: 3.6rem;
    padding-left: 12.5rem;
    padding-right: 12.5rem;
    padding-bottom: 3.6rem;
    margin-left: 5rem;
    margin-right: 5rem;
}

.vc_custom_1648735768752 {
    padding-left: 1.5rem;
    padding-top: 1rem;
    padding-right: 1.5rem;
    padding-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

@media (min-width: 401px) {
    .vc_custom_1648735768752{
        padding-left: 1.5rem;
        padding-top: 1rem;
        padding-right: 1.5rem;
        padding-bottom: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }
}
@media (min-width: 1001px){
    .vc_custom_1648735768752{
        padding-top: 1rem;
        padding-left: 6.5rem;
        padding-right: 6.5rem;
        padding-bottom: 1rem;
        margin-left:1.2rem;
        margin-right:1.2rem;
    }
}
/* end of construction and designer pages*/


.prague_list .project-list-item .project-list-outer .project-list-wrapper .project-list-category:after {
    background-color: #FE2833;
}
.a-btn-arrow-2 {
    color: #FE2833 !important;
}
.a-btn-arrow-2 .arrow-right, .a-btn-arrow-2 .arrow-right:before, .a-btn-arrow-2 .arrow-right:after{
    background-color: #FE2833 !important;
}
/* counter main page*/
.prague-counter .numbers svg mask .title{
font-size: 0.6rem;
}
/* end counter main page*/
/* transition */
.prague-loader-bar, .prague-loader .prague-loader-bar:after{
    background-color:#FE2833 !important;
    color: white !important;
    width: 45% !important;
    font-weight: 300 !important;
    font-family: 'Roboto', sans-serif !important;

}
/* end transition */



/* arrows link projects */
.prague_list .project-list-item .project-list-outer .project-list-wrapper .project-list-link {
    color:#FE2833;
}
.prague-pricing-wrapper.featured_image .prague-pricing-link{
    visibility: visible;
    color:#FE2833;
}
.a-btn-arrow-2 .arrow-right{
    visibility: visible;
    background-color: #FE2833;
}
.a-btn-arrow-2 .arrow-right:before{
    visibility: visible;
    background-color: #FE2833;
}
.a-btn-arrow-2 .arrow-right:after{
    visibility: visible;
    background-color: #FE2833;
}
/* end arrows link projects */

/*footer*/
.prague-footer:before{
border-top: 1px solid black;
background-color:rgba(0,0,0,0.1);
}
.prague-footer .footer-top-content .prague-footer-main-block .footer-main-content p  {
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 300;
    color: white;
}
.prague-footer-info-block .footer-info-block-content p {
    font-size: 0.7rem;
    margin-top: 5rem;
}
/*end footer*/

/* products */
.project-detail-parallax-item .detail-parallax-item-header {
    background-color:transparent !important;
}
/*end products*/

/*about banner*/
#about-us-separator {
    font-size:52px;
}
/* end about banner*/

/* section selector */
.section-selector-title {
    z-index:1;
}
.section-selector .vc_btn3.vc_btn3-style-outline-custom {
    border:  rgba(255,255,255,0.1);
}
.section-selector .vc_general.vc_btn3, .section-selector .vc_general.vc_btn3:before {
    background: rgba(46, 46, 46, 0.60);
}

/* end section selector*/

/* Vertical Menu */
.align-center {
	text-align: center;
	margin-top: 30px;
}

.align-center a {
	text-decoration: none;
	color: #1498db;
}

.align-center a:hover {
	text-decoration: underline;
}

.show-menu {
	position: fixed;
	cursor: pointer;
	width: 34px;
	height: 34px;
	top: 20px;
	left: 25px;
	background-color: #fff;
	padding: 10px 7px;
	z-index: 9999999;
	border-width: 1px;
	border-style: solid;
	border-color: #939393;
}

@media (max-width: 767px) {
	.show-menu {
		top: 14px;
		left: 20px;
	}
}

.show-menu:before, .show-menu:after {
	content: '';
	position: absolute;
	opacity: 0;
	height: 1px;
	width: 30px;
	top: 50%;
	left: 50%;
	background-color: #111;
	margin: -1px 0 0 -15px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.show-menu.open:before {
	opacity: 1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.show-menu.open:after {
	opacity: 1;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.show-menu span {
	display: block;
	float: left;
	width: 100%;
	height: 1px;
	background-color: #111;
	margin: 1.5px 0;
	border-radius: 2px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.show-menu.open span {
	opacity: 0;
}

.wrap-menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 650px;
	background-color: #fff;
	z-index: 999999;
	min-height: 100%;
	padding: 145px 10px 175px 160px;
}

.menu-nav {
	position: absolute;
	top: 145px;
	right: 10px;
	bottom: 175px;
	left: 160px;
	overflow-y: auto;
}

.menu-vertical-menu-container ul li a {
	float: left;
	width: 100%;
	cursor: pointer;
	outline: none !important;
}

.menu-vertical-menu-container ul li span {
	float: left;
	width: 100%;
	display: block;
	position: relative;
}

.menu-vertical-menu-container > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 280px;
	display: block;
	float: left;
}

.menu-vertical-menu-container > ul > li {
	padding: 10px 0;
	float: left;
	width: 100%;
}

@media ( max-width: 767px ) {
	.menu-vertical-menu-container > ul > li > span > a {
		line-height: 12px !important;
	}
	.menu-vertical-menu-container ul li a {
		float: none !important;
		width: 100%;
		cursor: pointer;
		outline: none !important;
	}
}

.menu-vertical-menu-container > ul > li > span > a {
	position: relative;
	font-size: 16px;
	text-decoration: none;
	font-weight: 300;
	z-index: 9;
	color: #858585;
	padding: 10px 0;
	padding-right: 60px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	line-height: 20px;
}

.menu-vertical-menu-container > ul > li > span > a:hover {
	color: #ff2736;
}

.menu-vertical-menu-container > ul > li.current-menu-item > span > a {
	color: #ff2736;
}

.menu-vertical-menu-container > ul > li.menu-item-has-children > span i {
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	position: absolute;
	right: 25px;
	top: 13px;
	font-style: normal;
	color: #858585;
	line-height: 1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.menu-vertical-menu-container > ul > li.menu-item-has-children.open > span i, 
.menu-vertical-menu-container > ul > li.current-menu-ancestor:not(.close) > span i {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menu-vertical-menu-container > ul > li.menu-item-has-children > span i:before {
	content: '+';
	font-weight: bold;
}

.menu-vertical-menu-container > ul > li > ul.sub-menu {
	border-left: 1px solid #d3d3d3;
	padding: 0 0 0 28px;
	display: none;
	list-style: none;
	margin: 0;
	float: left;
	width: 100%;
}

.menu-vertical-menu-container > ul > li.current-menu-ancestor > ul.sub-menu {
	display: block;
}

.menu-vertical-menu-container > ul > li > ul.sub-menu > li  {
	padding: 5px 0;
	float: left;
	width: 100%;
}

.menu-vertical-menu-container > ul > li > ul.sub-menu > li > span > a {
	position: relative;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
	z-index: 9;
	color: #858585;
	padding: 5px 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.menu-vertical-menu-container > ul > li > ul.sub-menu > li > span > a:hover {
	color: #ff2736;
}

.menu-vertical-menu-container > ul > li > ul.sub-menu > li.menu-item-has-children > span > a {
	padding-right: 15px;
}

.menu-vertical-menu-container > ul > li > ul.sub-menu > li.menu-item-has-children > span i {
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	position: absolute;
	right: 7px;
	top: 3px;
	font-style: normal;
	color: #858585;
	line-height: 1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.menu-vertical-menu-container > ul > li > ul.sub-menu > li.menu-item-has-children.open > span i, 
.menu-vertical-menu-container > ul > li > ul.sub-menu > li.current-menu-ancestor:not(.close) > span i {
	top: 7px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.menu-vertical-menu-container > ul > li > ul.sub-menu > li.menu-item-has-children > span i:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -3px 0 0 -3px;
	width: 6px;
	height: 6px;
	border-bottom: 2px solid #858585;
	border-right: 2px solid #858585;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu-vertical-menu-container > ul > li > ul.sub-menu ul.sub-menu {
	padding: 10px 0 0px 28px;
	display: none;
	list-style: none;
	margin: 0;
	float: left;
	width: 100%;
}

.menu-vertical-menu-container > ul > li > ul.sub-menu .current-menu-ancestor ul.sub-menu {
	display: block;
}

.menu-vertical-menu-container > ul > li > ul.sub-menu ul.sub-menu > li > span > a {
	position: relative;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	z-index: 9;
	color: #000;
	padding: 2px 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.menu-vertical-menu-container > ul > li > ul.sub-menu ul.sub-menu > li > span > a:hover {
	color: #ff2736;
}

.menu-foot {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 175px;
	padding: 0  15px 0 160px;
	border-top: 1px solid #f0f0f0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.menu-foot-tit {
	margin-bottom: 10px;
	margin-top: 10px;
	color: #8f8f8f;
	font-weight: 300;
}

.menu-foot-phone {
	padding: 8px 0;
	float: left;
	width: 100%;
}

.menu-foot-phone a {
	color: #ff2f47;
	font-weight: 300;
	font-size: 18px;
	padding-left: 35px;
	display: block;
	position: relative;
	text-decoration: none;
}

.menu-foot-phone i {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
}

.menu-foot-mail {
	float: left;
	width: 100%;
	padding: 8px 0;
}

.menu-foot-mail a {
	text-decoration: none;
	color: #8f8f8f;
	padding-left: 35px;
	display: block;
	position: relative;
	text-decoration: none;
}

.menu-foot-mail i {
	position: absolute;
	left: 0;
	top: 35%;
	margin-top: -7px;
}

@media (max-width: 1200px) {

.wrap-menu {
	padding: 0;
	width: 40%;
}

.menu-nav {
	left: 60px;
}

}

@media (max-width: 992px) {

.wrap-menu {
	padding: 0;
	width: 350px;
}

.menu-nav {
	left: 60px;
}

.menu-vertical-menu-container > ul {
	width: 100%;
}

.menu-foot {
	padding-left: 60px;
}

}

/*NUEVO ATIC 2023*/
.prague-header .prague-logo {
    margin-left: 60px!important;
}
.new-menu-pc .wrap-menu.custom-left-menu{
	display: block!important;
	z-index: 31;
	width: 380px; 
}

.new-menu-pc .wrap-menu.custom-left-menu .menu-nav{
	width: 315px;
	left: 90px;
	top: 102px;
	margin-bottom: 10px;
}

.new-menu-pc .wrap-menu.custom-left-menu .menu-nav a{
	padding: 0px 0px;
	font-size: 15px;
}

.new-menu-pc .wrap-menu.custom-left-menu .menu-nav #menu-vertical-menu{
	width: auto;
	display: flex;
	flex-wrap: wrap;
}

.new-menu-pc .wrap-menu.custom-left-menu .menu-foot{
	bottom: 10px;
	padding: 0 15px 0 90px;
}

.new-menu-pc .menu-foot-tit{
	margin-bottom: 2px;
	margin-top: 2px;
}

.new-menu-pc .menu-foot-phone,
.new-menu-pc .menu-foot-mail{
	padding: 5px 0px;
}

.new-menu-responsive{
	display: none;
}

.with-left-menu, .with-left-menu + footer{
	width: calc(100% - 380px);
	margin-left: 380px;
}

.with-left-menu .container{
	width: 100%!important;
}

.with-left-menu .vc_row.wpb_row.vc_row-fluid{
	padding: 0px 40px;
	display: contents;
}

.with-left-menu .vc_row.wpb_row.vc_row-fluid.lateral{
	margin: 0 40px;
}

/*Bloque perfil*/
#profile-container h3{
	font-weight: 400!important;
	font-size:20px!important;
}
.header-profile-block{
    border-right: 3px solid #E8E8E8;
    margin-right: 0px!important;
}

.header-profile-block .menu-item{
	color: #595959;
    padding: 10px 40px;
}

.header-profile-block .menu-item.active{
	color: #fe2833;
    background-color: #f2f2f2;
    border-right:3px solid #fe2833;
}

.header-profile-block .menu-item:hover,
.header-profile-block .menu-item:hover:before{
	color: #fe2833;
}

.header-profile-block .profile-menu-profile:before {
	display: none;
	font: normal normal normal 14px/1 FontAwesome;
    content: "\f007";
    font-size: 16px;
    margin-right: 8px;
    color: black;
}
.profile-menu-profile{
	display: none;
}

.header-profile-block .profile-menu-settings:before {
	display: none;
	font: normal normal normal 14px/1 FontAwesome;
    content: "\f013";
    font-size: 16px;
    margin-right: 8px;
    color: black;
}
.profile-menu-settings{
	display: none;
}

.header-profile-block .profile-menu-notifications:before {
	display: none;
	font: normal normal normal 14px/1 FontAwesome;
    content: "\f0eb";
    font-size: 16px;
    margin-right: 8px;
    color: black;
}
.profile-menu-notifications{
	display: none;
}

.header-profile-block .profile-menu-newsletter:before {
	display: none;
	font: normal normal normal 14px/1 FontAwesome;
    content: "\f0e0";
    font-size: 16px;
    margin-right: 8px;
    color: black;
}
.profile-menu-newsletter{
	display: none;
}

.header-profile-block .menu-item.active:before{
	color: #fe2833;
}

#profile-container form,
#promo-container{
	margin-bottom: 25px;
}

#promo-container h3{
    margin-bottom: 30px;
    margin-top: 50px;
}

#promo-container img{
	width: 100%;
}

#promo-container .vc_row.wpb_row.vc_row-fluid{
	padding: unset;
    margin-left: -40px;
}

#promo-container .vc_row.wpb_row.vc_row-fluid a{
	color: #fe2833;
	font-size: 16px;
	font-weight: 400!important;
}

#promo-container .col-link-download{
	margin-top: 10px;
}

#promo-container .fa-arrow-right:before {
    content: "\f061";
    margin-left: 10px;
}

.header-profile-block div.vc_col-sm-8 {
	margin-top: 50px;
	margin-bottom: 40px;
}

#profile-container .upload-avatar-container {
    display: flex;
    align-items: center;
    margin-left: 35px;
}

#profile-container .upload-avatar-button {
    padding: 8px 12px;
    cursor: pointer;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-weight: normal;
    transition: background-color 0.2s ease, border-right 0.2s ease, color 0.2s ease;

}

#profile-container .upload-avatar-button:hover {
    background-color: #f2f2f2;
    border-right: 3px solid #fe2833;
    color: #fe2833;
}

#profile-container .arrow-icon {
    margin-right: 8px;
}

#profile-container .upload-avatar-container input[type="file"] {
    display: none;
}

#profile-container #selectedFileName,
#profile-container #selectedFileNames {
    min-height: 20px; /* Adjust the value as needed */
    margin-bottom: 20px;
    display: inline-block; /* Ensures it doesn't affect the layout too much */
}

#profile-container .upload-image-button {
    padding: 8px 12px;
    cursor: pointer;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    margin-top: 20px;    
    width: fit-content;
    display: flex;
    align-items: center;
    font-weight: normal;
    transition: background-color 0.2s ease, border-right 0.2s ease, color 0.2s ease;
}

#profile-container .upload-image-button:hover {
    background-color: #f2f2f2;
    border-right: 3px solid #fe2833;
    color: #fe2833;
}

#profile-container .gallery-container {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    padding: unset;
}

#profile-container .gallery-image {
    flex: 0 0 calc(33.3333% - 20px); /* Adjust the percentage width based on your layout needs */
    margin: 10px; /* Adjust margin to your liking */
    overflow: hidden;
    position: relative;
}

#profile-container .gallery-image .image-container {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}

#profile-container .gallery-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Add a smooth transition effect */
}

#profile-container .gallery-image .vc_column-inner{
	padding: unset;
}

.profile-image-link .profile-image {
    border-radius: 50%;
    transition: transform 0.3s ease-in-out;
}

#profile-container .gallery-image:hover img,
.profile-image-link img.profile-image:hover {
    transform: scale(1.1); /* Add a slight scale effect on hover */
}

#profile-container .gallery-image .delete-image {
    cursor: pointer;
}

#profile-container .gallery-image .delete-image:hover{
	color:#fe2833;
}

header:not(.scroll).prague-header.light:not(.always_dark) .main-menu li a{
	color: unset!important;
}

.prague-header.light .main-menu li li a{
	color: white!important;
}

.header-user-notifications{
    background-color: red;
    position: relative;
    border-radius: 25px;
    color: white;
    padding: 4px 8px;
    right: 15px;
    bottom: 10px;
    font-size: 10px!important;
}

.header-notification-list{
    width: 250px;
    max-height: 50vh;
    min-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px!important;
}

.header-notification-list a{
	text-align: end;
}

.header-notification-list li{
	word-wrap: break-word;
	margin-bottom: 20px;
}

.header-notification-list li span{
	display: block;
	white-space: normal;
    color: #e0e0e0;
    border-bottom: 1px solid #b0b0b0;
    padding-bottom: 15px;
}

.header-notification-list li a {
    padding: unset!important;
}

.header-notification-list .fa.fa-trash{
    position: relative;
    right: 4px;
}

@media (max-width: 1667px),
(max-height: 800px){
	.prague-services-wrapper {
	    min-height: 290px;
    }
    
    .new-menu-pc .wrap-menu.custom-left-menu .menu-nav{
		width: 290px;
	}
	
	with-left-menu, .with-left-menu + footer{
		padding: 2rem;
	}
	
	.with-left-menu .prague-shortcode-content-wrapp{
		padding: 0 2rem;
	}
	
}

@media (max-width: 1490px){
	.with-left-menu .prague-services-wrapper {
	    min-height: 315px;
	    padding: 46px 35px 50px 35px;
    }
}

@media (max-width: 1360px){
	.with-left-menu .prague-services-wrapper {
	    min-height: 315px;
	    padding: 46px 25px 50px 25px;
    }
    
	.new-menu-pc .wrap-menu.custom-left-menu{
		display: block!important;
		z-index: 31;
		width: 350px;
	}
	
	.new-menu-pc .wrap-menu.custom-left-menu .menu-foot{
		bottom: 10px;
	}
	
	.new-menu-pc .wrap-menu.custom-left-menu .menu-nav{
		width: 260px;
		top: 130px;
	}
	
	.with-left-menu{
		width: calc(100% - 350px);
	}

	.with-left-menu .vc_row.wpb_row.vc_row-fluid{
		padding: 0px 20px;
	}

	.with-left-menu .vc_row.wpb_row.vc_row-fluid.lateral{
		margin: 0 20px;
	}
}

@media (max-width: 1250px){
	.prague-services-wrapper {
	    min-height: 315px;
	    padding: 46px 15px 50px 15px;
    }
}

@media (max-width: 1150px){
	.prague-services-wrapper {
	    min-height: 315px;
	    padding: 46px 8px 50px 8px;
    }
}

@media (max-width: 1100px) {
	
	/*NUEVO ATIC 2023*/
	.new-menu-pc{
		display: none;
	}
	
	.new-menu-responsive{
		display: block;
	}
	
	.with-left-menu{
		width: 100%;
		margin-left: unset;
	}

	.new-menu-responsive .wrap-menu {
		width: 100%;
	}
	
	.new-menu-responsive .menu-nav {
		top: 100px;
	}
	
	.new-menu-responsive .menu-vertical-menu-container > ul {
		width: 100%;
	}
	
	.new-menu-responsive .menu-foot {
		padding-left: 60px;
	}
	
	.new-menu-responsive .show-menu {
		width: 34px;
		height: 34px;
		padding: 10px 7px;
		/*top: 30px;*/
	}
	
	body.openMenu {
		overflow: hidden;
		position: relative;
		max-height: 100%;
		height: 100%;
	}
	
	.with-left-menu .vc_row.wpb_row.vc_row-fluid{
		padding: 0px 40px;
	}

	.with-left-menu .vc_row.wpb_row.vc_row-fluid.lateral{
		margin: 0 40px;
	}

	.vc_row-lateral{
		margin: 0 35px;
	}
	
	.prague-services-wrapper {
	    min-height: 280px;
    }

	.with-left-menu, .with-left-menu + footer{
		width: 100%;
		margin-left: 0px;
	}
	/*PERFIL*/
	#promo-container .vc_row.wpb_row.vc_row-fluid{
		padding: unset;
	}
}

/**PROFILE**/
@media (max-width:992px){
	#profile-container .gallery-image {
	    flex: 0 0 calc(50% - 20px);
	}
}

/**PROFILE**/
@media (max-width:768px){
	.header-profile-block{
		display: flex;
    	flex-direction: column-reverse;
	}
	
	.header-profile-block div.vc_col-sm-8 {
    	text-align: center;
    	margin-top: 50px;
    	margin-bottom: 40px;
	}

	#promo-container .vc_row.wpb_row.vc_row-fluid{
		padding: unset;
	    margin-left: -15px;
	}
	
	#profile-container .gallery-image {
        flex: 0 0 calc(100% - 20px);
	}
}

/* BUSCADOR NAV */
#ajaxsearchlite1{
	display: flex;
	width: 185px !important;
	border-left: 1px solid #E7E7E7;
	border-top: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	border-radius: 3px;
}

#ajaxsearchlite2{
	display: flex;
	width: 185px !important;
	border-left: 1px solid #E7E7E7;
	border-top: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	border-radius: 3px;
}

#ajaxsearchlite2_2{
	display: flex;
	width: 185px !important;
	border-left: 1px solid #E7E7E7;
	border-top: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	border-radius: 3px;
}

.probox{
	width: 185px !important;
}

.promagnifier{
	background: #FEFEFE !important;
	margin-left: 5px !important;
}

.innericon{
	display: flex !important;
	align-items: center;
}

.orig::placeholder{
	color: black !important;
}

.wpdreams_asl_results{
	background: #E7E7E7 !important;
	padding: 1px !important;
	border-radius: 3px !important;
}

.results{
	scrollbar-color: #E7E7E7 #FEFEFE !important;
}

div.asl_m .probox .proinput{
	margin: 0 !important;
	padding: 0 !important;
}

.main-menu{
	display: flex !important;
	gap: 35px !important;
}

.menu-item{
	a{
		display: ruby !important;
	}
}

.asl_w_container{
	margin-right: -35px !important;
}