/*
Theme Name:   IT2B Theme
Theme URI:    http://it2b.es
Description:  IT2B Theme based on Divi from Elegant Themes
Author:       it2b, Fiona Marí, Ángela Russi, Alejo Palacio, Luis Mas
Author URI:   http://it2b.es
Template:     Divi
Version:      1.0.0
Text Domain:  it2b-theme
*/

/*
# Fonts
# Typography
# General styles
# Buttons
# Forms
# Header
# Footer
	## Contact info table
	## Fixed contact
# Home
	## Services section
	## Text slider
	## Clients section
# Testimonial Module
# Blog module
# Team module
# Projects
	## Projects archive
	## Projects single
		### Categories list single project
		### Tag list single project
		### Scroll indicator
# Service pages
	## Process page
# Clients slider
# Blog grid (blog, archive & search)
# Page 404
# Slider Carousel logos
# WooCommerce
# Animations
*/

/* TEMP */
.et-cart-info {
	display: none !important;
}
/* Temp video with text */
@media ( max-width: 1366px ) and ( min-width: 981px ) {
	.home .et_pb_section_video_bg .mejs-video {
		right: 0;
		left: auto;
		max-width: 100%;
	}
	.mejs-mediaelement * {
		max-width: 50vw !important;
		background-color: #fcfcfd;
	}

}
@media screen and ( max-width: 980px ) {
	.home .et_pb_fullwidth_header_0 {
		padding: 47% 0 0;
	}
	.home .et_pb_section_video_bg .mejs-video {
		right: 0;
		left: auto;
		max-width: 100%;
	}
	.mejs-mediaelement * {
		max-width: 100vw !important;
		background-color: #fcfcfd;
	}

}

/* # Fonts */
@font-face {
	font-family: 'smileyfont';
	src:  url('fonts/smileyfont.eot?5aeax5');
	src:  url('fonts/smileyfont.eot?5aeax5#iefix') format('embedded-opentype'),
	url('fonts/smileyfont.ttf?5aeax5') format('truetype'),
	url('fonts/smileyfont.woff?5aeax5') format('woff'),
	url('fonts/smileyfont.svg?5aeax5#smileyfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="smiley-"]::before, [class*=" smiley-"]::before {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'smileyfont' !important;
	speak: none;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.smiley-sunglasses::before {
	content: '\e900';
}
.smiley-glasses::before {
	content: '\e901';
}
.smiley-moustache::before {
	content: '\e902';
}
.smiley-amused::before {
	content: '\e903';
}
.smiley-grinning::before {
	content: '\e904';
}
.smiley-grinning2::before {
	content: '\e905';
}
.smiley-grinning-eyes::before {
	content: '\e906';
}
.smiley-laughing::before {
	content: '\e907';
}
.smiley-laughing2::before {
	content: '\e908';
}
.smiley-laughing3::before {
	content: '\e909';
}
.smiley-winking::before {
	content: '\e90a';
}
.smiley-winking2::before {
	content: '\e90b';
}
.smiley-smiling::before {
	content: '\e90c';
}
.smiley-smiling2::before {
	content: '\e90d';
}
.smiley-smiling3::before {
	content: '\e90e';
}

/* # Typography */
body,
.main-font,
input,
select,
textarea {
	font-weight: 400;
}
h1 {
	font-size: calc(30px + 1vw);
}
h2 {
	font-size: calc(20px + 1vw);
}
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
}
.et_pb_team_member_description h4 {
	font-size: calc(20px + 1vw);
}
.secondary-font {
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
}
a {
	font-weight: 600;
}
small,
.small {
	font-size: 14px;
}
.et_pb_module .title-xl {
	font-size: 74px;
	line-height: 1;
}
.uppercase {
	text-transform: uppercase;
}
#et-top-navigation {
	font-weight: 500;
}
.et_mobile_menu {
	font-family: 'Comfortaa', sans-serif;
}
.txt-yw {
	color: #f3c806;
}
@media screen and ( min-width: 1025px ) {
	.et_pb_column_1_3 h1,
	.et_pb_column_1_4 h1 {
		font-size: 35px;
	}
	.et_pb_module .title-lg {
		font-size: 54px;
	}
}
@media screen and ( max-width: 767px ) {
	body {
		font-size: 16px !important;
	}
	.et_pb_post h2 {
		font-size: calc(20px + 1vw);
		padding-bottom: 10px;
	}
	.et_pb_module .title-xl {
		font-size: 50px;
		line-height: 1;
	}
}

/* # General styles */
.main-color {
	color: #ffd100;
}
.container {
	width: 90%;
}
.hidden {
	display: none !important;
}
.center-items {
	align-items: center;
}
.overflow-visible {
	overflow: visible !important;
}
.pagination a {
	display: block;
	padding: 10px;
	border: 3px solid;
	font-size: 20px;
	font-weight: 600;
}
#left-area ul.icon-list {
	list-style-type: none;
}
.entry-content ul ul {
	list-style-type: circle;
}
.icon-list li::before {
	font-family: 'ETmodules';
	margin-right: 10px;
	margin-left: -22px;
}
.icon-list.check li::before {
	content: '\e052';
	color: #00aec7;
}
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom .moove-gdpr-info-bar-container {
	padding: 40px;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-right-content {
	background-color: #fff;
}
#hubspot-messages-iframe-container.widget-align-right {
	z-index: 9899;
}
@media screen and ( min-width: 981px ) {
	/* .et_pb_row.et_pb_row_fullwidth,
	.et_pb_specialty_fullwidth>.et_pb_row {
		width: 90% !important;
		max-width: 90% !important;
	} */
	/* .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
		margin-top: -30px !important;
	} */
	.small-divider .et_pb_top_inside_divider {
		width: 50%;
	}
	.popup-desktop-image {
		display: block;
	}
	.popup-mobile-image {
		display: none;
	}
}
@media ( max-width: 1280px ) and ( min-width: 981px ) {
	.et_pb_row {
		width: 95%;
	}
}
@media screen and ( max-width: 980px ) {
	.et_pb_row:not(.et_pb_row_fullwidth),
	.et_pb_specialty_fullwidth>.et_pb_row,
	.service-progress-section .et_pb_row {
		width: 90% !important;
	}
	.service-progress-section .et_pb_row {
		max-width: 90%;
	}
	.mobile-hide {
		display: none !important;
	}
	.mobile-image-top .et_pb_row {
		display: flex;
		flex-direction: column-reverse;
	}
	.mobile-image-top .et_pb_image {
		margin-bottom: 30px !important;
	}
	.popup-desktop-image {
		display: none;
	}
	.popup-mobile-image {
		display: block;
	}
}
@media (max-width:767px ) {
	body .one_half {
		width: 100%;
		float: none;
    	margin-right: 0;
	}
}

/* # Buttons */
body .et_pb_button {
	font-weight: 600;
	border-color: transparent !important;
}
.et_pb_with_border .et_pb_contact_form input[type="submit"] {
	border-color: transparent;
}
body .et_pb_button.btn-purple {
	background-color: #80225f;
	border-color: #80225f;
}
body .et_pb_button.btn-purple:hover {
	color: #80225f !important;
	border-color: #80225f !important;
}
body .et_pb_button.btn-blue {
	background-color: #00aec7;
	border-color: #00aec7;
}
body .et_pb_button.btn-blue:hover {
	color: #00aec7 !important;
	border-color: #00aec7 !important;
}
body .et_pb_button.btn-grey {
	background-color: #54585a;
	border-color: #54585a;
}
body .et_pb_button.btn-grey:hover {
	color: #54585a !important;
	border-color: #54585a !important;
}
a.big-button, a.icon-button, a.small-button {
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	border: 2px solid;
	background: transparent;
	font-size: 20px;
	font-weight: 500 !important;
	transition: .5s;
}
a.bigwhite, a.smallwhite {
	color: #fff;
	text-shadow: 0 2px 0 rgba(0,0,0,0.15);
}
a.bigwhite:hover, a.smallwhite:hover {
	background-color: rgba(255,255,255,.2);
	border-color: transparent;
}
a.bigpurple, a.smallpurple {
	color: #7b1266 !important;
}
a.bigpurple:hover, a.smallpurple:hover {
	background: #7b1266 !important;
	border-color: #7b1266;
	color: #fff !important;
}
a.bigpink, a.smallpink {
	color: #c295c0 !important;
}
.small-button.round {
	height: 45px;
	width: 45px;
	border-radius: 45px;
}
body.et_pb_button_helper_class .et_pb_bg_layout_dark .et_pb_button {
	border-color: #fff;
	background-color: #fff;
	color: #54585a;
	padding: 0.3em 1em;
    border-radius: 0;
}
body.et_pb_button_helper_class .et_pb_bg_layout_dark .et_pb_button:hover {
	border-color: #fff !important;
	color: #fff !important;
	background-color: transparent;
}

/*
# Forms
*/
.et_pb_contact p input,
.et_pb_contact p textarea,
.et_pb_contact p input[type=checkbox]+label i,
input[type=checkbox] + .wpcf7-list-item-label i {
	background-color: #f8f8f8;
	border-bottom: 2px solid;
	border-radius: 5px;
}

#yellow-button p input {
	background-color: #f3c806;
	height: 38px;
	padding: 0;
}

#yellow-button p input:hover {
	background-color: rgba(255,255,255,0);
}

input[type=checkbox] + .wpcf7-list-item-label i {
	content: '';
	position: relative;
	display: inline-block;
    width: 18px;
    height: 18px;
	margin-right: 6px;
	vertical-align: middle;
    font-style: normal;
}
input[type=checkbox]:checked + .wpcf7-list-item-label i::before {
	content: '\f147';
    width: 17px;
    height: 17px;
	vertical-align: top;
	font-family: dashicons;
    font-size: 17px;
    line-height: 17px;
    color: #ffd100;
}
input.text:focus,
input.title:focus,
input:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
	border-color: #ffd100 !important;
}
.et_pb_contact p .et_contact_error {
	border-width: 2px !important;
	border-color: transparent transparent #c77a7a transparent !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #666;
}
:-moz-placeholder { /* Firefox 18- */
	color: #666;
}
[data-id="acceptance"] .et_pb_contact_field_options_title {
	display: none;
}
.et_pb_contact_field .wpcf7-list-item {
	margin: 0;
}
.wpcf7-submit.et_pb_button:hover {
	padding: .3em 1em;
}
p.et_pb_contact_field.small {
	margin: 0;
}
/*
# Header
*/
#top-menu li.current-menu-item:not(.menu-item-object-custom) > a {
	font-weight: 600;
}
#top-menu-nav > ul > li > a:hover {
	opacity: 1;
}
.nav li ul,
#top-menu li li a {
	width: 300px;
	font-size: 13px;
}
#top-menu li li {
	padding: 0;
}
.nav ul li a:hover {
	background: rgba(255,255,255,0);
	opacity: 1;
}
@media screen and (min-width: 981px) {
    .et_fullwidth_nav #main-header .container,
	.et_fullwidth_secondary_nav #top-header .container {
        width: 90%;
		padding-left: 0;
        padding-right: 0;
    }
    #top-menu li {
        padding-right: 16px;
    }
	#top-menu li > a::before {
		content: '';
		position: absolute;
		top: 15%;
		left: 0;
		width: 30px;
		height: 30px;
		border-radius: 15px;
		background-color: rgba(255,209,0,.2);
		opacity: 0;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		z-index: -1;
	}
	#top-menu > li:nth-child(4n+1) > a::before {
		background-color: rgba(128,34,95,.2); /* purple */
	}
	#top-menu > li:nth-child(4n+2) > a::before {
		background-color: rgba(0,174,199,.2); /* blue */
	}
	#top-menu > li:nth-child(4n+3) > a::before {
		background-color: rgba(85,89,91,.2); /* grey */
	}
	#top-menu > li:nth-child(4n+4) > a::before {
		background-color: rgba(255,209,0,.2); /* yellow */
	}
	#top-menu li > a:hover::before,
	#top-menu li > a:focus::before {
		opacity: 1;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1);
	}
}
@media all and (min-width: 980px){
	#et-info {
		float: right;
	}
}
/* Setting the breakpoint of the mobile menu */
@media only screen and ( max-width: 1151px ) {
	#top-menu-nav, #top-menu {display: none;}
	#et_top_search {display: none;}
	#et_mobile_nav_menu {display: block;}
}
.et-social-icons li {
	margin-left: 15px;
}

/*
# Footer
*/
#main-footer {
	-webkit-box-shadow: inset 0px 10px 0px 0px #ffd100;
	box-shadow: inset 0px 10px 0px 0px #ffd100;
}
#main-footer > .container {
	width: 100%;
	max-width: 100%;
}
.footer-widget .et_pb_widget {
	float: none;
}
#footer-widgets .footer-widget a {
	text-decoration: underline;
}
@media screen and ( max-width: 980px ) {
	.footer-widget:nth-child(n) {
		width: 100% !important;
	}
}
/* ## Contact info table */
.contact-info {
	margin-top: 20px;
}
.contact-info strong {
	display: block;
	text-transform: uppercase;
}
.contact-info .et-icons {
	font-size: 40px;
}
.contact-info th {
	width: 70px;
	padding-left: 0 !important;
}
.contact-info th::before {
	font-family: "ETmodules";
	font-style: normal;
}
th.icon_pin::before {
	content: '\e081';
}
th.icon_phone::before {
	content: '\e090';
}
th.icon_email::before {
	content: '\e076';
}
th.icon_clock::before {
	content: '\e06b';
}
th.icon_car::before {
	content: '';
	display: block;
	width: 25px;
	height: 20px;
	background: url('images/car.png') no-repeat center center;
}
.contact-info td {
	padding: 10px 0;
}
#footer-widgets .et_pb_social_media_follow li:first-child {
    padding-left: 0;
}
#footer-widgets .et_pb_social_media_follow li::before {
    display: none;
}
#footer-widgets  .et_pb_social_media_follow li a.icon::before {
    color: #ffd100;
    font-size: 30px;
}
.row-footer-logos .et_pb_image {
	filter: grayscale(1);
	transition: .5s;
}
.row-footer-logos .et_pb_image:hover {
	filter: grayscale(0);
}
/* ## Fixed contact */
.fixed-contact p[data-id="acceptance"] input[type=checkbox]+label i {
  height: 10px;
  background-color: transparent;
  border-bottom: 1px solid #fff;
}
body #page-container .fixed-contact .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button::after {
	font-size: 45px !important;
	line-height: initial;
	margin-left: 0;
	transition: 1s;
	top: 6px;
	right: 50%;
	transform: translateX(50%);
}
.fixed-contact .et_pb_button {
	min-height: 46px;
	min-width: 80px;
	padding-right: .7em !important;
	font-size: 0;
	transition: .5s;
}
.fixed-contact .et_pb_button:hover {
	font-size: 20px;
}
body #page-container .fixed-contact .et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button:hover::after {
	font-size: 0 !important;
	right: -80px;
	top: -20px;
}
.fixed-contact .et-pb-contact-message {
	color: #fff;
	font-size: 13px;
	line-height: 1.3;
}
.fixed-contact {
	position: fixed;
	bottom: 0;
	right: 0;
	max-width: 320px;
	border-radius: 40px;
	-webkit-transform: translate(-20px, -20px);
    -ms-transform: translate(-20px, -20px);
	transform: translate(-20px, -20px);
	z-index: 100;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.fixed-contact.closed {
	-webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
}
.action-button {
	position: absolute;
	right: calc(100% + 40px);
	bottom: -20px;
	margin-bottom: 0 !important;
	padding: 5px;
	border-radius: 50px;
	background-color: #53585a;
	color: #fff;
	cursor: pointer;
}
.fixed-contact.closed .action-button {
	width: 200px;
	min-height: 72px;
	-webkit-animation: pulse 5s infinite cubic-bezier(.66,0,0,1);
	animation: pulse 5s infinite cubic-bezier(.66,0,0,1);
}
.action-button h6 {
	padding-bottom: 0;
	color: #fff;
	line-height: 1.4;
}
.action-button h6 span {
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.action-button:hover h6 span {
	opacity: 0;
	-webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
	transform: scale(0.3);
}
.action-button h6::after {
	content: attr(data-hover);
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	transform: translateY(-50%);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
	transition: all .4s;
}
.action-button:hover h6::after {
	left: 50px;
	opacity: 1;
}
.fixed-contact:not(.closed) .action-button h6 {
	display: none;
}
.fixed-contact.closed .action-button .et_pb_code_inner {
	padding: 10px;
}
.action-button .et_pb_code_inner {
	border: 2px solid #fff;
	border-radius: 50px;
	overflow: auto;
}
#footer-widgets .footer-widget .fixed-contact .et-pb-icon {
	vertical-align: middle;
	font-size: 30px;
	text-decoration: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.fixed-contact.closed .et-pb-icon {
	float: left;
	padding-right: 10px;
}
.fixed-contact .et-pb-icon::before {
	content: '\4d';
}
.fixed-contact.closed .et-pb-icon::before {
	content: '\e066';
}
#footer-widgets .fixed-contact a {
	color: #fff !important;
}
.project .et-pb-icon {
	padding: 15px;
	border-radius: 100%
}

/*
# Home
*/
/* ## Services section */
.services-wrap .et_pb_blurb_container h2 {
	padding-bottom: 30px;
	/* font-size: calc(18px + 1vw); */
}
.services-wrap .et_pb_column {
	display: flex;
	flex-direction: column;
	padding: 40px 2%;
}
.services-wrap .et_pb_blurb + .et_pb_button_module_wrapper {
	margin-top: auto;
}
.services-wrap .et_pb_button {
	width: 100%;
	font-size: 18px;
}
@media screen and ( max-width: 980px ) {
	.services-row {
		display: flex;
		flex-direction: column;
	}
	.services-row .marketing-column {
		order: -1;
	}
}
/* ## Text slider */
.et_pb_slide_description .et_pb_more_button {
	margin-bottom: 10px;
	margin-top: 30px;
}
.et-pb-controllers .et-pb-active-control {
	background-color: #666 !important;
}

/* ## Clients section */
.clients-wrap h2{
	color: #ffd100 !important;
}
.clients-wrap .et_pb_promo {
	position: relative;
	min-height: 200px;
	height: 100%;
	padding: 0 0 0 20%;
	border-left: 3px solid #ffd100;
	background-position: -1.5% 10px !important;
	background-size: 18% !important;
	text-align: right;
}
.clients-wrap .et_pb_promo_button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-left: 0 !important;
	border: none !important;
}
.clients-wrap .et_pb_promo_button::after {
	display: none;
}
.clients-wrap .et_pb_promo_button:hover {
	background: transparent !important;
}
/******************************************************/
/* Comentado temporalmente - Por ahora no habrá link */
/*.clients-wrap .et_pb_promo h2:before {
content: '\4c';
font-family: ETmodules!important;
vertical-align: middle;
margin-right: -30px;
visibility: hidden;
opacity: 0;
vertical-align: bottom;
transition: .5s;
}
.clients-wrap .et_pb_promo:hover h2:before{
margin-left: 0;
margin-right: 10px;
opacity: 1;
visibility: visible;
}
@media screen and ( min-width: 769px ) {
.clients-wrap .et_pb_promo p {
opacity: 0;
position: relative;
top: -30px;
line-height: 1.4em;
transition: .5s;
}
.clients-wrap .et_pb_promo:hover p {
opacity: 1;
top: 0;
}
}*/
/******************************************************/

/*
# Testimonial Module
*/
.et_pb_testimonial_author {
	font-weight: 500;
	text-align: left;
}
.et_pb_testimonial_meta {
	font-size: 16px !important;
	text-align: left;
}
.et_pb_testimonial::before {
	background-color: #f3f3f3;
	color: #ffd100;
	z-index: 10;
}
.et_pb_testimonial_portrait {
	background-size: contain !important;
}
.et_pb_testimonial .et_pb_testimonial_portrait {
	background-color: #fff;
}

/*
# Blog module
*/
.et_pb_blog_grid .post-meta {
	font-size: 13px !important;
}
.et_pb_blog_grid .et_pb_post {
	border: none;
}
@media screen and ( max-width: 767px ) {
	.home .et_pb_blog_grid .column article:nth-child(4),
	.home .et_pb_blog_grid .column article:nth-child(5),
	.home .et_pb_blog_grid .column article:nth-child(6) {
		display: none;
	}
}
/* Overlay */
.et_pb_blog_grid .et_pb_has_overlay .et_overlay {
	z-index: 3;
	opacity: .6;
}
.et_pb_blog_grid .et_pb_has_overlay:hover .et_overlay {
	opacity: 0;
}

/*
# Team module
*/
.et_pb_team_member {
	text-align: center;
}
.et_pb_team_member:nth-child(even) .et_pb_team_member_image {
	float: right;
}
.team_member_image {
	max-width: 300px !important;
	margin-bottom: 10px;
	border-radius: 50%;
	overflow: hidden;
}
.team_member_image .et_pb_image_wrap::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
}
.overlay-yw .et_pb_image_wrap::after {
	background-color: rgba(255, 209, 0, .2);
}
.overlay-pu .et_pb_image_wrap::after {
	background-color: rgba(128, 34, 95, .2);
}
.overlay-bu .et_pb_image_wrap::after {
	background-color: rgba(0, 174, 199, .2);
}
.overlay-gy .et_pb_image_wrap:after {
	background-color: rgba(84, 88, 88, .2);
}

/* Accordion module */
h5.et_pb_toggle_title {
	font-size: 20px;
}
.et_pb_toggle_open .et_pb_toggle_title,
.et_pb_toggle_open h5.et_pb_toggle_title {
	font-weight: 700;
	color: #f3c808;
}
.et_pb_toggle_title::before {
	color: #f3c808;
}
.et_pb_toggle_close {
	background-color: #fff;
}

/* # Projects */
/* ## Projects archive */
.post-type-archive-project #main-content .et_pb_section {
	background-color: #f2f2f2;
}
.archive-projects-container .et_pb_column_1_3:nth-child(3n) {
	margin-right: 0;
}
.archive-projects-container .et_pb_portfolio_item {
	margin: 0 auto 5.5%;
	border-radius: 20px;
	background-color: #fff;
	overflow: hidden;
}
.et_pb_portfolio_grid .et_pb_portfolio_item {
	padding: 20px;
	border-radius: 20px;
    background-color: #fff;
    overflow: hidden;
}
.et_pb_portfolio_grid .et_pb_portfolio_item > a {
	display: block;
	margin: -20px -20px 20px;
}
.et_pb_portfolio_item .et_overlay {
	border: none;
	background: rgb(245,201,5,.7);
}
.et_pb_portfolio_item .et_overlay::before {
	content: "\50";
	color: #fff;
}
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item .et_pb_module_header,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2 {
	margin-top: 0;
	font-size: 20px;
}
.et_pb_portfolio_item .post-meta,
.et_pb_portfolio_item .post-meta a {
	font-weight: 500;
	line-height: 1.3;
}
.et_pb_portofolio_pagination ul {
	display: flex;
	justify-content: center;
    gap: 10px;
}
.et_pb_portofolio_pagination li {
	min-width: 40px;
	padding: 5px;
    border-radius: 20px;
    text-align: center;
    background-color: #fff;
}
.et_pb_portofolio_pagination li.prev,
.et_pb_portofolio_pagination li.next {
	padding: 5px 10px;
}
.et_pb_portofolio_pagination a {
	font-weight: 500;
	transition: .3s;
}
.et_pb_portofolio_pagination a:not(.active) {
	color: #54585a;
}
.et_pb_portofolio_pagination a:hover {
	color: #ffd100;
}
@media screen and ( min-width: 981px ) {
	.archive-projects-container .et_pb_portfolio_item,
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item {
		width: 29.667%;
		margin-right: 5.5%;
	}
	.archive-projects-container .et_pb_portfolio_item:nth-child(3n),
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n) {
		margin-right: 0;
	}
}
@media ( max-width: 980px ) and ( min-width: 768px ) {
	.archive-projects-container .et_pb_portfolio_item,
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item {
		width: 47.25%;
		margin-right: 5.5%;
		float: left;
	}
	.archive-projects-container .et_pb_portfolio_item:nth-child(2n),
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and ( max-width: 767px ) {
	.archive-projects-container .et_pb_portfolio_item,
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item {
		max-width: 510px;
	}
}
.archive-projects-filters {
	text-align: center;
	margin-bottom: 50px;
}
.archive-projects-filters .et_pb_portfolio_filter {
	display: inline-block;
	margin: 5px;
}
.et_pb_portfolio_filter a {
	display: block;
	padding: .3em 1em;
	border-radius: 50px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.7em !important;
	background-color: #f3c806;
	color: #fff;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}
.et_pb_portfolio_filter a:hover {
	background-color: #54585a;
}
/* ## Projects single */
.project-screenshot {
	min-height: calc( 100vh - 280px );
	overflow: hidden;
}
.project-container .et_pb_image {
	margin-bottom: 0 !important
}
.project-screenshot .et_pb_image {
	position: relative;
	height: calc( 100% - 52px);
	max-height: 100% !important;
}
.project-screenshot .et_pb_image_wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: scroll;
	margin-right: 0px;
	margin-bottom: 0px;
}
.project-screenshot .et_pb_image_wrap img {
	display: block;
}
.project-screenshot .et_pb_button,
.project-link {
	width: 100%;
	text-align: center;
	color: #fff !important;
	background-color: #f3c806;
	border-color: #f3c806;
}
.project-screenshot .et_pb_button:hover,
.project-link:hover {
	background-color: rgba(244,200,6,.9);
}
.project-container .et_pb_blurb_content {
	max-width: 100%;
}
.data-sheet .et_pb_blurb_description > ul {
	padding: 0;
	list-style-type: none;
}
.data-sheet ul li {
	margin-bottom: 10px;
}
.data-sheet .data-title {
	font-family: 'Comfortaa',display;
	font-size: 14px;
	font-weight: 100;
	text-transform: uppercase;
}
.data-sheet ul ul {
	font-size: 18px;
	color: #ffd100;
}
.data-sheet ul a {
	color: #54585a;
	transition: color .3s;
}
.data-sheet ul a:hover {
	color: #ffd100;
}
.data-sheet ul ul a::after {
	content: '\e046';
	font-family: ETmodules;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
@media screen and ( max-width: 980px ) {
	.project-screenshot {
		height: calc( 100vh - 60px);
	}
	.project-container {
		display: flex;
		flex-direction: column-reverse;
	}
	.et_pb_row.project-container .et_pb_column.et-last-child,
	.et_pb_row.project-container .et_pb_column:last-child {
		margin-bottom: 60px;
	}
}
body:not(.et_mobile_device) .project-screenshot .et_pb_image::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 9;
	visibility: visible;
	opacity: .7;
	transition: all .5s;
}
body:not(.et_mobile_device) .project-screenshot:hover .et_pb_image::before {
	visibility: hidden;
	opacity: 0;
}
/* ### Categories list single project */
.project-cat-list > br:first-child {
	display: none;
}
.project-cat-list > .data-title:first-of-type:not(:last-of-type) {
	display: inline-block;
	margin-bottom: 10px;
}
.project-cat-list a + a::before {
	content: ', ';
	color: #54585a !important;
}
/* ### Tag list single project */
.project-tag-list a {
	font-size: 15px;
}
.project-tag-list a::before {
	content: '#';
}
/* ### Scroll indicator */
body.et_mobile_device .mouse-scroll-container {
	display: none !important;
}
.project-container .mouse-scroll-container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	padding: 10px;
	border-radius: 100px;
	background-color: #f3c803;
	transform: translateX(-50%) translateY(-50%);
	z-index: 10;
}
.mouse-scroll {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 100px;
}
.scroll-arrows {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	border-radius: 0 3px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: mouse-scroll 1s infinite;
	-moz-animation: mouse-scroll 1s infinite;
}
.scroll-arrows:first-child {
	margin-top: -3px;
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-webkit-animation-direction: alternate;
}
.scroll-arrows:nth-child(2) {
	margin-top: -6px;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-webkit-animation-direction: alternate;
}
.scroll-arrows:nth-child(3) {
	margin-top: -6px;
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-webkit-animation-direction: alternate;
}
.mouse {
	height: 42px;
	width: 24px;
	border-radius: 14px;
	border: 3px solid #fff;
}
.wheel {
	position: relative;
	display: block;
	width: 4px;
	height: 8px;
	border: 2px solid #fff;
	margin: 5px auto;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-animation: mouse-wheel 2s linear infinite;
	-moz-animation: mouse-wheel 2s linear infinite;
}

/* # Service pages */
/* ## Process page */
.page-id-6304 .et_pb_section:not(.service-progress-section),
.page-id-6399 .et_pb_section:not(.service-progress-section),
.page-id-6412 .et_pb_section:not(.service-progress-section),
.page-id-6608 .et_pb_section:not(.service-progress-section),
.page-id-6670 .et_pb_section:not(.service-progress-section),
.page-id-7384 .et_pb_section:not(.service-progress-section),
.service-progress-section > .et_pb_row:first-child {
	z-index: 10;
}
.service-progress-section::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #f2f2f2;
	-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
	clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.page-id-6412 #main-footer,
.page-id-6608 #main-footer,
.page-id-6670 #main-footer {
	position: relative;
	z-index: 10;
	box-shadow: none;
}
.stem-wrapper {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 5%;
}
.stem-wrapper .stem,
.stem-wrapper .stem-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
}
.stem-wrapper .stem {
	background: #545858;
	height: 100%;
}
.stem-wrapper .stem-background {
	background: #545858;
	height: 50%;
	transition-duration: .5s;
}
.stem-wrapper.color-blue .stem-background {
	background-color: #00aec7;
}
.stem-wrapper.color-yellow .stem-background {
	background-color: #ffd100;
}
.stem-wrapper.color-purple .stem-background {
	background-color: #80225f;
}
#blue.active h2 {
	color: #00aec7;
}
#yellow.active h2 {
	color: #f3c806;
}
#purple.active h2 {
	color: #80225f;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module.service-fase {
	position: relative;
	margin-bottom: 70px;
	padding-left: 110px;
	width: 50%;
	min-height: 40vh;
}
@media screen and ( max-width: 979px ) {
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module.service-fase {
		padding-left: 60px;
	}
}
.service-fase::before { /* icon */
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	height: 40px;
	width: 40px;
	background: transparent center/contain no-repeat;
}
.service-fase.analysis-icon::before {
	background-image: url('images/analisis-propuesta-valor-gy.png');
}
.service-fase.connecting-icon::before {
	background-image: url('images/cliente-ideal-gy.png');
}
.service-fase.development-icon::before {
	background-image: url('images/desarrollo-web-gy.png');
}
.service-fase.marketing-icon::before {
	background-image: url('images/marketing-digital-gy.png');
}
.service-fase.attract-icon::before {
	background-image: url('images/atraer.png');
}
.service-fase.convert-icon::before {
	background-image: url('images/convertir.png');
}
.service-fase.close-icon::before {
	background-image: url('images/cerrar.png');
}
.service-fase.love-icon::before {
	background-image: url('images/enamorar.png');
}
.service-fase.analysis-app-icon::before {
	background-image: url('images/analisis-app.png');
}
.service-fase.development-app-icon::before {
	background-image: url('images/desarrollo-app.png');
}
.service-fase.product-app-icon::before {
	background-image: url('images/producto.png');
}
.service-fase.launch-icon::before {
	background-image: url('images/puesta-en-marcha.png');
}
.service-fase.evolve-icon::before {
	background-image: url('images/evolucion.png');
}
.service-fase::after { /* stem-mask */
	content: '';
	position: absolute;
	top: 40px;
	bottom: -70px;
	left: 0;
	right: auto;
	display: block !important;
	width: 40px;
	background: transparent url('images/stem-mask-progress-gy.png') repeat-y top center;
}
.service-fase .et_pb_text_inner {
	transition: all .5s;
}
.service-fase:not(.active) .et_pb_text_inner {
	opacity: .5;
}
.service-fase:last-child {
	padding-bottom: 70px;
}
@media screen and ( min-width: 1367px ) {
	.service-fase .et_pb_text_inner {
		max-width: 65%;
	}
}
@media screen and ( min-width: 1024px ) {
	.stem-wrapper {
		left: 50%;
	}
	.stem-wrapper .stem,
	.stem-wrapper .stem-background {
		width: 58px;
		left: -30px;
	}
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module.service-fase {
		min-height: auto;
		width: 100%;
	}
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module.service-fase:nth-child(even) {
		float: left;
		padding-right: 110px;
		padding-left: 0;
		text-align: right;
	}
	.service-fase:nth-child(odd) {
		float: right;
	}
	.service-fase {
		max-width: 50% !important;
		clear: both;
		opacity: 1;
	}
	.service-fase::before {
		width: 60px;
		height: 60px;
	}
	.service-fase::after {
		top: 60px;
		width: 60px;
	}
	.service-fase:nth-child(even)::before,
	.service-fase:nth-child(even)::after {
		right: -30px;
		left: auto;
	}
	.service-fase:nth-child(odd)::before,
	.service-fase:nth-child(odd)::after {
		left: -30px;
	}
	.service-fase:nth-child(even) .et_pb_text_inner {
		margin-left: auto;
		margin-right: 0;
	}
}

/* # Clients slider */
/* slider logos general*/
.logo-slider .et_pb_slide_content img {
	display: inline-block;
	width: auto;
	max-height: 72px;
	vertical-align: middle;
}

.et-pb-active-slide .et_pb_slide_description {
	-webkit-animation-name: fadeRight;
	animation-name: fadeRight;
}
/* slider logos  querys*/
/* HOVER TRANSITION ONLY DESK*/
@media ( min-width: 1025px ) {
	.logo-slider .et_pb_slide_content img:hover {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
	.logo-slider .et_pb_slide_content img {
		transition: .8s;
	}
}
/*TABLET DESKTOP */
@media ( min-width: 701px ) {
	.logo-slider .et_pb_slide_content a {
		display: inline-block;
		width: 25%;
		padding-left: 30px;
	}
}
/* DISPOSITIVOS */
@media ( max-width: 700px ) {
	.logo-slider .et_pb_slide_content a {
		display: inline-block;
		width: 50%;
		padding-top: 15px;
		padding-left: 8px;
	}
}

/* # Blog grid (blog, archive & search) */
.blog #main-content,
.search #main-content,
.archive.category #main-content,
.archive.date #main-content {
	background-color: #f2f2f2;
}
.blog #left-area,
.search #left-area,
.archive.category #left-area,
.archive.date #left-area {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 60px;
	-moz-column-gap: 60px;
	column-gap: 60px;
}
.blog .et_pb_post > a,
.archive .et_pb_post > a,
.search .et_pb_post > a {
	margin: -20px -20px 10px;
	display: block;
}
.blog #left-area .et_pb_post,
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post {
	overflow: hidden;
	/* fix for Firefox */
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid-column;
	width: 100%;
	padding: 19px;
	background-color: #fff;
	word-wrap: break-word;
	display: inline-block;
}
.blog #left-area .et_pb_post h2,
.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 {
	font-size: 25px;
}
.blog #left-area .et_pb_post.format-link,
.blog #left-area .et_pb_post.format-quote,
.blog #left-area .et_pb_post.format-audio,
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio {
	padding: 0;
}
.blog .et_pb_post .et_pb_image_container,
.blog .et_pb_post .et_main_video_container,
.blog .et_pb_post .et_audio_content,
.blog .et_pb_post .et_pb_slider,
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
	margin: -20px -20px 10px;
}
.blog .et_pb_post.format-audio .et_audio_content,
.archive .et_pb_post.format-audio .et_audio_content {
	margin: 0px -38px 0px;
}
.blog .et_pb_post .et_pb_slider .et_pb_slide,
.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
	min-height: 180px;
}
.blog .pagination,
.archive .pagination,
.search .pagination {
	padding: 20px 0;
}
.cta-blog {
	text-align: center;
	padding: 20px;
	margin: 30px 0;
}
.bg-dark {
	color: #fff !important;
	background-color: #54585a;
}
.cta-blog h3 {
	color: inherit;
}
/* Monarch */
.single-post .et_pb_row:not(.et_pb_row_0):first-child {
	padding: 0;
}
.et_monarch .et_social_inline_top,
.et_monarch .et_pb_section .et_social_inline_top,
.et_monarch .et_pb_section .et_social_inline_bottom {
	margin-bottom: 0;
}
@media screen and ( min-width: 981px ) {
	.archive.tax-project_category #left-area,
	.archive.tax-project_tag #left-area {
		width: 100%;
		padding-right: 0;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}
@media screen and (max-width: 980px) {
	.blog #left-area,
	.search #left-area,
	.archive #left-area {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 60px;
		-moz-column-gap: 60px;
		column-gap: 60px;
	}
	.et_monarch .et_social_left .et_social_network_label {
		display: none;
	}
	.et_social_mobile {
		display: none !important;
	}
}
.circle {
	display: inline-block;
	width: 40px;
	height: 40px;
	padding: 5px;
	border-radius: 40px;
	line-height: 32px;
	text-align: center;
	background-color: #ffd100;
}
@media screen and ( min-width: 768px ) {
	.archive.tax-project_category #left-area .et_pb_post,
	.archive.tax-project_tag #left-area .et_pb_post {
		float: left;
	}
}
@media screen and (max-width: 767px) {
	.blog #left-area,
	.search #left-area,
	.archive #left-area {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.blog .et_pb_post.format-audio .et_audio_content,
	.search .et_pb_post.format-audio .et_audio_content,
	.archive .et_pb_post.format-audio .et_audio_content {
		margin: 0;
	}

	.blog #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
	.search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
	.archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
	.blog #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
	.search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
	.archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total {
		min-width: 300px !important;
		width: 300px !important;
	}
}
.et_pb_button.return-projects::after {
	display: none;
}
.et_pb_button.return-projects::before {
	content: attr(data-icon);
	font-family: "ETmodules" !important;
	line-height: 1.7em;
	font-size: 1em !important;
	opacity: 0;
	margin-left: -1.3em;
	right: auto;
	display: inline-block;
}
.et_pb_button.return-projects:hover {
	padding-left: 2em;
	padding-right: 0.7em;

}
.et_pb_button.return-projects:hover::before {
	margin-left: .3em;
	right: auto;
	margin-left: -1.3em;
	opacity: 1;
}
.et_pb_portfolio_item .post-content {
	padding: 20px;
}

/*_______________________________________________________________________________________________ */

.plan-box-section h3{
	text-align:center;
}

.plan-box-section .et_pb_column:nth-child(1) ,
.plan-box-section .et_pb_column:nth-child(2) ,
.plan-box-section .et_pb_column:nth-child(3) ,
.plan-box-section .et_pb_column:nth-child(4){
	border: 2px solid #FFD100;
	transition: all 0.85s;
}

.plan-box-section .et_pb_column{
	display:flex;
	justify-content: center;
	flex-direction:column;

}

.plan-box-section .et_pb_button_module_wrapper{
	margin-top:auto;
	margin-bottom: 20px;

}
@media (min-width: 1024px){
	 .plan-box-section .et_pb_column:nth-child(2):hover{
		border-color: #80225f;
		-webkit-box-shadow: 9px 9px 28px -9px rgba(128,34,95,1);
		-moz-box-shadow: 9px 9px 28px -9px rgba(128,34,95,1);
		box-shadow: 9px 9px 28px -9px rgba(128,34,95,1);
	}


	.plan-box-section .et_pb_column:nth-child(1):hover,
	.plan-box-section .et_pb_column:nth-child(4):hover{
		border-color: #00AEC7;
		-webkit-box-shadow: 9px 9px 28px -9px rgba(0,174,199,1);
		-moz-box-shadow: 9px 9px 28px -9px rgba(0,174,199,1);
		box-shadow: 9px 9px 28px -9px rgba(0,174,199,1);
	}


	.plan-box-section .et_pb_column:nth-child(3):hover {
		border-color:#54585a;
		-webkit-box-shadow: 9px 9px 28px -9px rgba(84,88,90,1);
		-moz-box-shadow: 9px 9px 28px -9px rgba(84,88,90,1);
		box-shadow: 9px 9px 28px -9px rgba(84,88,90,1);
	}

	.service-fase-bullet ul {
		list-style: none;

	}

	.service-fase-bullet ul  li::after { /* bullet point */
	  display: inline-block;
	    content: '';
	    -webkit-border-radius: 0.375rem;
	    border-radius: 0.375rem;
	    height: 0.35rem;
	    width: 0.35rem;
	    margin-right: 0.5rem;
	    background-color: #54585a;
		margin-left:10px;
	}
	.service-fase-bullet ul  li{
		margin-top:10px;
	}

}


/* @media (min-width: 981px){

	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module{
		margin-bottom:0;
	}
} */
/* # Page 404 */
#canvas404 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* # Slider Carousel logos */
/* slider logos general*/
.logo-carousel {
	position: relative;
	overflow: hidden;
}
.logo-carousel::before,
.logo-carousel::after {
	content: '';
	position: absolute;
	width: 100px;
	height: 204px;
    background: -webkit-gradient(linear, left top, right top, from(#f2f2f2), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #f2f2f2 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, #f2f2f2 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, #f2f2f2 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 10;
}
.logo-carousel::before {
	left: 0;
	top: 0;
}
.logo-carousel::after {
	right: 0;
	top: 0;
	-webkit-transform: rotateZ(180deg);
	-ms-transform: rotate(180deg);
	transform: rotateZ(180deg);
	visibility: visible;
}
.logo-carousel.et_pb_row {
	padding: 0;
}
.logo-carousel .et_pb_column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.logo-carousel:hover .et_pb_column {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
.logo-carousel .et_pb_module.et_pb_image {
	text-align: center;
}
.logo-carousel .et_pb_image .et_pb_image_wrap {
	background-color: #ffffff;
	border-radius: 50%;
	padding: 20px;
}
.logo-carousel img {
	border-radius: 50%;
}
/* slider logos  querys*/
/* HOVER TRANSITION ONLY DESK*/
@media screen and ( min-width: 1024px ) {
	.logo-carousel .et_pb_image .et_pb_image_wrap:hover {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
	.logo-carousel .et_pb_image .et_pb_image_wrap {
		-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	}
}
@media screen and ( min-width: 768px ){
	.logo-carousel .et_pb_image .et_pb_image_wrap{
		width: 170px;
		height: 170px;
	}
	.logo-carousel .et_pb_column {
		min-height: 204px;
	}
	.logo-carousel .et_pb_column {
		-webkit-animation: slider-scroll 50s linear infinite;
		animation: slider-scroll 50s linear infinite;
}
}
 @media screen and ( max-width: 767px ) {
	.logo-carousel .et_pb_image .et_pb_image_wrap {
		width: 120px;
		height: 120px;
		padding: 5px;
	}
	.logo-carousel .et_pb_module.et_pb_image{
		padding-left: 15px;
	}
	.logo-carousel .et_pb_column {
		width: initial !important;
	}
	.logo-carousel {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
        -ms-touch-action: manipulation;
		touch-action: manipulation;
}
	.logo-carousel::-webkit-scrollbar {
		display: none;
	}
	.logo-carousel::before,
	.logo-carousel::after {
		display: none;
	}
}
/* Advanced services list */
.advanced-services-list ul {
	padding: 0;
    list-style-type: none;
}
.advanced-services-list li {
	position: relative;
	padding-left: 15px;
    margin: 1%;
}
/* .advanced-services-list li::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	width: 20px;
	height: 20px;
	border-radius: 20px;

} */
.advanced-services-list li:nth-child(4n+1) {
	border-left: 3px solid #00aec7;
}
.advanced-services-list li:nth-child(4n+2) {
	border-left: 3px solid #ffd100;
}
.advanced-services-list li:nth-child(4n+3) {
	border-left: 3px solid #80225f;
}
.advanced-services-list li:nth-child(4n+4) {
	border-left: 3px solid #54585a;
}
.advanced-services-list .icon {
	display: block;
	width: 52px;
	height: 52px;
	padding: 10px;
	border-radius: 30px;
}
.advanced-services-list .icon::before {
	content: '';
	display: block;
	display: block;
	width: 32px;
	height: 32px;
	background-image: url(images/sprite-services.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.advanced-services-list .icon.headless-cms::before {
	background-position: 0px 1px;
}
.advanced-services-list .icon.symfony::before {
	background-position: 0px -32px;
}
.advanced-services-list .icon.ptj::before {
	background-position: 0px -64px;
}
.advanced-services-list .icon.api::before {
	background-position: 0px -96px;
}
.advanced-services-list .icon.angular::before {
	background-position: 0px -128px;
}
.advanced-services-list li:nth-child(4n+1) .icon {
	background-color: #00aec7; /*bu*/
}
.advanced-services-list li:nth-child(4n+2) .icon {
	background-color: #ffd100; /*yw*/
}
.advanced-services-list li:nth-child(4n+3) .icon {
	background-color: #80225f; /*pu*/
}
.advanced-services-list li:nth-child(4n+4) .icon {
	background-color: #54585a; /*gy*/
}
.advanced-services-list h4 {
	font-weight: 900;
}
@media screen and ( min-width: 768px ) {
	.advanced-services-list ul {
		display: flex;
	    flex-wrap: wrap;
	}
	.advanced-services-list li {
		flex: 31% 1 0;
	}
}
/* # WooCommerce */
#left-area .product-cat-list {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	list-style-type: none;
	clear: both;
}
#left-area .product-cat-list li {
	padding-right: 20px;
}
#left-area .product-cat-list a {
	display: inline-block;
	padding: 0 10px;
	border-radius: 30px;
	border: 2px solid;
	font-size: 15px;
	color: #fff;
	background-color: #f3c806;
	transition: .3s;
}
#left-area .product-cat-list a:hover {
	background-color: #fff;
	color: #f3c806;
}
#left-area .product-cat-list li:nth-child(4n+2) a {
	background-color: #00aec7;
}
#left-area .product-cat-list li:nth-child(4n+3) a {
	background-color: #80225f;
}
#left-area .product-cat-list li:nth-child(4n+4) a {
	background-color: #54585a;
}
#left-area .product-cat-list li:nth-child(4n+2) a:hover {
	background-color: #fff;
	color: #00aec7;
}
#left-area .product-cat-list li:nth-child(4n+3) a:hover {
	background-color: #fff;
	color: #80225f;
}
#left-area .product-cat-list li:nth-child(4n+4) a:hover {
	background-color: #fff;
	color: #54585a;
}
.hero-travel-button-container .et_pb_text_inner {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.travel-services-row {
	font-size: 20px;
}
.travel-services-row .et_pb_column {
	padding: 20px;
}
.travel-services-row .et_pb_text {
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    font-weight: 500;
    text-align: center;
}
.travel-services-row .et_pb_text strong {
	color: #ffd100;
}
@media (min-width: 981px ) {
	.hero-travel {
		    display: flex;
    		align-items: flex-end;
	}
	.hero-travel-button-container {
		margin-bottom: 100px !important;
	}
	.hero-travel-button-container .et_pb_text_inner {
		flex-direction: row;
	}
	.travel-services-row {
		display: flex;
	}
	.travel-services-row .et_pb_text {
		min-height: 150px;
	}
	.travel-services-row .et_pb_column:not(:last-child) {
		border-right: 2px solid #f0cd31;
	}
}

/* # Animations */
/* Animation: Mouse wheel (used in Portfolio) */
@-webkit-keyframes mouse-wheel {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(6px);
		-ms-transform: translateY(6px);
		transform: translateY(6px);
	}
}
@-moz-keyframes mouse-wheel {
	0% { top: 1px; }
	25% { top: 2px; }
	50% { top: 3px;}
	75% { top: 2px;}
	100% { top: 1px;}
}
/* Animation: Mouse scroll (used in Portfolio) */
@-webkit-keyframes mouse-scroll {
	0%   { opacity: 0;}
	50%  { opacity: .5;}
	100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
@keyframes mouse-scroll {
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
/* Animation: Pulse */
@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1);
		        box-shadow: 0 0 0 0 rgba(0,0,0,1)
	}
	75% {
		-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.4);
		        box-shadow: 0 0 0 0 rgba(0,0,0,.4);

	}
	100% {
		-webkit-box-shadow: 0 0 0 30px transparent;
		        box-shadow: 0 0 0 30px transparent
	}
}
@keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1);
		        box-shadow: 0 0 0 0 rgba(0,0,0,1)
	}
	75% {
		-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.4);
		        box-shadow: 0 0 0 0 rgba(0,0,0,.4);

	}
	100% {
		-webkit-box-shadow: 0 0 0 30px transparent;
		        box-shadow: 0 0 0 30px transparent
	}
}
/* Scroll for slider */
@-webkit-keyframes slider-scroll {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(calc(-50%));
		transform: translateX(calc(-50%));
	}
}
@keyframes slider-scroll {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(calc(-50%));
		transform: translateX(calc(-50%));
	}
}

.transparentBlack { background-color: rgba(0,0,0,.50); }