/* @override 
	http://ew.com/css/custom.css?*
	http://www.esenworld.com.ar/css/custom.css?*
	http://esenworld.com.ar/css/custom.css?*
	http://ew.sendero.com.ar/css/custom.css?*
	https://ew.sendero.com.ar/css/custom.css?*
*/

/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* Colores: 
	NARANJA-Oscuro:		#E6671E;
	NARANJA-Claro:		#EA870E;
	Celeste:				#6ABDB0;
	AZUL:				#216A97;

*/


:root {
/*	TONOS DE AZUL - VERDE
	--path-fill-1: #6ABDB0;
	--path-fill-2: #52A1A8;
	--path-fill-3: #39869F;
	--path-fill-4: #216A97;*/
/* 	TODA LA GAMA DE COLORES */
	--path-fill-1: #E6671E;
	--path-fill-2: #EA870E;
	--path-fill-3: #6ABDB0;
	--path-fill-4: #216A97;
	--color-title: #fff;
	--color-menu: #fff;
	--font-size-slider: 2vmax;
	--font-size-header-1: 2vmax;
	--font-size-menu: 3vmax;
	--theme-bg: #6ABDB0;
}


/* ----------------------------------------------------------------
	Fonts

	Replace your Fonts as necessary
-----------------------------------------------------------------*/



body,
small,
#primary-menu ul ul li > a,
.wp-caption,
.feature-box.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a { font-family: 'Montserrat', sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6,
#logo,
#primary-menu ul li > a,
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a,
#top-search form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.counter,
label,
.nav-tree li a,
.wedding-head .first-name,
.wedding-head .last-name { font-family: 'Montserrat', sans-serif; }

.entry-meta li,
.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span { font-family: 'Montserrat', sans-serif; }

.font-body { font-family: 'Montserrat', sans-serif !important; }

.font-primary { font-family: 'Montserrat', sans-serif !important; }

.font-secondary { font-family: 'Montserrat', sans-serif !important; }


/* ----------------------------------------------------------------
	You can change your Font Specific Settings here
-----------------------------------------------------------------*/


body { line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	line-height: 1.5;
}

/*p {	font-weight: 300;}*/

#logo {
	font-size: 36px;
	line-height: 100%;
}

#primary-menu ul li > a {
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#primary-menu ul ul li > a {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
}

#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase !important;
	line-height: 1.3 !important;
}


.button.button-desc {
	font-size: 22px;
	line-height: 1;
}

.button.button-desc span {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	font-style: italic;
	text-transform: none;
}


.counter {
	font-size: 42px;
	font-weight: 600;
}

label {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.before-heading {
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
}



/* / Fonts ---------------------------------------------------------------- */
	




/* ----------------------------------------------------------------
	Colors
	Aplicado --path-fill-1
-----------------------------------------------------------------*/


::selection { background: var(--path-fill-1); }

::-moz-selection { background: var(--path-fill-1); }

::-webkit-selection { background: var(--path-fill-1); }

.color, .color span { color: var(--path-fill-3) !important; }

.color2, .color2 span { color: var(--path-fill-1) !important; }




a,
h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge),
.header-extras li .he-text span,
#primary-menu ul li:hover > a,
#primary-menu ul li.current > a,
#primary-menu div ul li:hover > a,
#primary-menu div ul li.current > a,
#primary-menu ul ul li:hover > a,
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover,
#top-cart > a:hover,
.top-cart-action span.top-checkout-price,
.breadcrumb a:hover,
.portfolio-filter li a:hover,
.portfolio-desc h3 a:hover,
.portfolio-overlay a:hover,
#portfolio-navigation a:hover,
.entry-title h2 a:hover,
.entry-meta li a:hover,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover,
.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover,
.comment-content .comment-author a:hover,
.product-title h3 a:hover,
.single-product .product-title h2 a:hover,
.product-price ins,
.single-product .product-price,
.feature-box.fbox-border .fbox-icon i,
.feature-box.fbox-border .fbox-icon img,
.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img,
.process-steps li.active h5,
.process-steps li.ui-tabs-active h5,
.team-title span,
.pricing-box.best-price .pricing-price,
.btn-link,
.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider,
.clear-rating-active:hover { var(--path-fill-1); }

.color,
.top-cart-item-desc a:hover,
.portfolio-filter.style-3 li.activeFilter a,
.faqlist li a:hover,
.tagcloud a:hover,
.dark .top-cart-item-desc a:hover,
.iconlist-color li i,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
.overlay-menu #primary-menu.dark > ul > li:hover > a,
.overlay-menu #primary-menu.dark > ul > li.current > a,
.nav-tree li:hover > a,
.nav-tree li.current > a,
.nav-tree li.active > a { var(--path-fill-1); }

#primary-menu.style-3 > ul > li.current > a,
#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a,
#top-cart > a > span,
#page-menu-wrap,
#page-menu ul ul,
#page-menu.dots-menu nav li.current a,
#page-menu.dots-menu nav li div,
.portfolio-filter li.activeFilter a,
.portfolio-filter.style-4 li.activeFilter a:after,
.portfolio-shuffle:hover,
.entry-link:hover,
.sale-flash,
.button:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime),
.button.button-dark:hover,
.promo.promo-flat,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img,
.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i,
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.i-rounded:hover,
.i-circled:hover,
ul.tab-nav.tab-nav2 li.ui-state-active a,
.testimonial .flex-control-nav li a,
.skills li .progress,
.owl-carousel .owl-dots .owl-dot,
#gotoTop:hover,
.dark .button-dark:hover,
.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.dark .i-rounded:hover,
.dark .i-circled:hover,
.dark ul.tab-nav.tab-nav2 li.ui-state-active a,
.dark .tagcloud a:hover,
.ei-slider-thumbs li.ei-slider-element,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus,
.nav-pills .show > .nav-link,
.checkbox-style:checked + .checkbox-style-1-label:before,
.checkbox-style:checked + .checkbox-style-2-label:before,
.checkbox-style:checked + .checkbox-style-3-label:before,
.radio-style:checked + .radio-style-3-label:before,
input.switch-toggle-flat:checked + label,
input.switch-toggle-flat:checked + label:after,
input.switch-toggle-round:checked + label:before,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor,
.entry:after { background-color: var(--path-fill-1); }

.bgcolor,
.button.button-3d:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime):hover,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover,
.owl-carousel .owl-nav [class*=owl-]:hover,
.page-item.active .page-link,
.page-link:hover,
.page-link:focus,
.irs-bar,
.irs-from,
.irs-to,
.irs-single,
.irs-handle > i:first-child,
.irs-handle.state_hover > i:first-child,
.irs-handle:hover > i:first-child { background-color: var(--path-fill-1) !important; }

#primary-menu.style-4 > ul > li:hover > a,
#primary-menu.style-4 > ul > li.current > a,
.top-cart-item-image:hover,
.portfolio-filter.style-3 li.activeFilter a,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.cart-product-thumbnail img:hover,
.feature-box.fbox-outline .fbox-icon,
.feature-box.fbox-border .fbox-icon,
.dark .top-cart-item-image:hover,
.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider,
.dark .cart-product-thumbnail img:hover,
.heading-block.border-color:after { border-color: var(--path-fill-1); }

.top-links ul ul,
.top-links ul div.top-link-section,
#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content,
#primary-menu.style-6 > ul > li > a:after,
#primary-menu.style-6 > ul > li.current > a:after,
#top-cart .top-cart-content,
.fancy-title.title-border-color:before,
.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul,
#primary-menu.dark ul li .mega-menu-content,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
#primary-menu.dark ul li .mega-menu-content.style-2,
.dark #top-cart .top-cart-content,
.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a { border-top-color: var(--path-fill-1); }

.irs-from:before,
.irs-to:before,
.irs-single:before { border-top-color: var(--path-fill-1) !important; }

#page-menu.dots-menu nav li div:after,
.title-block { border-left-color: var(--path-fill-1); }

.title-block-right { border-right-color: var(--path-fill-1); }

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6,
.more-link,
.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a { border-bottom-color: var(--path-fill-1); }

.border-color,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.tagcloud a:hover,
.page-item.active .page-link,
.page-link:hover,
.page-link:focus { border-color: var(--path-fill-1) !important; }

.fbox-effect.fbox-dark .fbox-icon i:after,
.dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px var(--path-fill-1); }

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px var(--path-fill-1); }


@media only screen and (max-width: 991px) {

	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a,
	#primary-menu ul ul li:hover > a,
	#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a,
	#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: var(--path-fill-1) !important; }

	#page-menu nav { background-color: var(--path-fill-1); }

}


/* / Colors ---------------------------------------------------------------- */












.slider-logo {
	max-width: 70%;
	width: 400px;

}

/* SLIDER AJUSTES DE PANTALLA CHICA*/
@media only screen and (max-height: 700px) and (min-width: 900px) {
	.slider-caption p {
		font-size: 1em !important;
	}
	.slider-caption p br:first-child {
		display: none !important;
	}
	.slider-logo {
		max-height: 50vh !important;
	}
	.slider-caption {
		padding-bottom: 50px !important;
	}

}









.dropshadow {
	-webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.5));      
	filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.5));  	
}

.one-page-arrow {
	display: block !important;	/* Responsive.css:1075 */
	background-color: rgba(0, 0, 0, .3) !important;
	border-radius: 20px;
	border: 2px solid rgba(255, 255, 255, .50);
	height: 60px;
	padding-top: 15px;
} 

section#slider {
	background-color: black;
}

#slide-video {
	position: fixed;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	object-fit:cover;
	min-height: 100%;
}
.video-background {
	background: #000000 url('/assets/videos/home-bg-cover.jpg') no-repeat center center;
	background-size: cover;
}

@media only screen and (max-width: 991px) {
	.video-background {
		background: #000000 url('/assets/videos/home-bg-cover-mobil.jpg') no-repeat center center;
	}
}


video::-webkit-media-controls,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}



#header-wrap {
	border-bottom: none !important;
}

#header,
#header .container,
#header-wrap {
	-webkit-transition: all 0.4s ease !important;
	-o-transition: all 0.4s ease !important;
	transition: all 0.4s ease !important;
	
}
#header .container {
	opacity: 0;
}
.device-xl #header.sticky-header .container,
.device-lg #header.sticky-header .container {
	opacity: 1;
}
#header.responsive-sticky-header .container {
	opacity: 1;
}

#header {
	border-bottom: none;
}

.hamburger {
	width: 50px;
	height: 50px;
/*	border-radius: 0;*/
	background-color: var(--path-fill-3);
}
#header.responsive-sticky-header .hamburger,
#header.sticky-header .hamburger {
	background-color: #fff;
}
.hamburger::after {
	width: 50px;
	height: 50px;
	border-radius: 0;
	border:none;
}
.hamburger i {
	font-size: 26px;
/*	color: var(--path-fill-1);*/
	color: #fff;
}
#header.responsive-sticky-header .hamburger i,
#header.sticky-header .hamburger i  {
	color: var(--path-fill-1);
}
@media (max-width: 991px) {
	header#header.static-sticky {
		position: absolute;
	}
}

header a.standard-logo img {
	max-width: 80%;
}

@media (min-width: 992px) {

	#header.transparent-header + #slider,
	#header.transparent-header + #page-title.page-title-parallax,
	#header.transparent-header + #google-map,
	#slider + #header.transparent-header {
		top: -80px;
		margin-bottom: -80px;
	}

	#header.transparent-header.floating-header + #slider,
	#header.transparent-header.floating-header + #google-map {
		top: -140px;
		margin-bottom: -140px;
	}

	#header.transparent-header + #page-title.page-title-parallax .container { padding-top: 80px; }

	#primary-menu ul li > a {
		padding-top: 29px;
		padding-bottom: 29px;
	}

	#top-search,
	#top-cart,
	#side-panel-trigger {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	#top-cart .top-cart-content { top: 50px; }

	#header,
	#header-wrap,
	#logo img { height: 80px; }

	#header.sticky-header:not(.static-sticky),
	#header.sticky-header:not(.static-sticky) #header-wrap,
	#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img { height: 80px; }

	#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
		padding-top: 29px;
		padding-bottom: 29px;
	}

	#header.sticky-header:not(.static-sticky) #top-search,
	#header.sticky-header:not(.static-sticky) #top-cart,
	#header.sticky-header:not(.static-sticky) #side-panel-trigger {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}

	#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content,
	#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div #top-cart .top-cart-content { top: 50px; }

}

/* FOOTER */
footer .counter span {
	font-weight: 500 !important;
}
footer h5 {
	font-weight: 600 !important;
}

/* /FOOTER */


/* CONTENIDO */

/* NOSOTROS */
body {
		background-color: #216A97;
}
#nosotros {
	position: relative;
	overflow: hidden;
/*	background-color: #00AA62;*/
/*	background-color: hsl(202, 65%, 68%);*/
	padding: 70px 0 30px 0;
}

canvas { /* Particles.js */
  display:block;
  position: absolute;
  top: 0;
  height: 100% !important;
}



/*  ---------------------------------------------------------------- 
	PARALLAX
------------------------------------------------------------------ */
.parallax .overlay {
	background-color: rgba(0, 0, 0, .6);
}



/*  ---------------------------------------------------------------- 
	CONTACT FORM
------------------------------------------------------------------ */

.border-form-control {
	height: 48px;
	padding: 8px 4px;
	font-size: 21px;
	letter-spacing: 1px;
	background-color: transparent !important;
	border-top: transparent;
	border-right: transparent;
	border-left: transparent;
	border-bottom-width: 1px;
	font-weight: 300;
}

.border-form-control::-moz-placeholder { font-weight: 300; }
.border-form-control:-ms-input-placeholder { font-weight: 300; }
.border-form-control::-webkit-input-placeholder { font-weight: 300; }

textarea.border-form-control {
	resize: none;
	overflow: hidden;
	word-wrap: break-word;
}
/* /CONTACT FORM  ****************************************************/



/*  ---------------------------------------------------------------- 
	FLEX SLIDER
------------------------------------------------------------------ */




/* /FLEX SLIDER  ****************************************************/






