@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Rufina:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Rufina:wght@400;700&display=swap');

/*
Nombre: Asesoria Magallanes
Fecha: Marzo'24
Autor: EticData
URL: https://eticdata.com/
-------------------------------------------------------------- */
*{ margin:0; padding:0 }
body { font-family:"Inter", sans-serif; font-size:16px; line-height:1.4em; font-weight:400; background:#ffffff; color:#353535; }
div { display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
p { font-family:"Inter", sans-serif; font-size:16px; line-height:1.4em; font-weight:400; color:#353535; -webkit-font-smoothing:antialiased; -webkit-text-shadow:rgba(0,0,0,.01) 0 0 1px; text-shadow:rgba(0,0,0,.01) 0 0 1px }
p a { display:inline; position:relative; color:inherit; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -ms-transition:all 200ms ease; -o-transition:all 200ms ease; transition:all 200ms ease; }
a,a:hover,a:visited,a:active,a:link { text-decoration:none; -webkit-font-smoothing:antialiased; -webkit-text-shadow:rgba(0,0,0,.01) 0 0 1px; text-shadow:rgba(0,0,0,.01) 0 0 1px; }
p a:active { position:relative; color:#ffbe06; }
p a:hover { color:#ffbe06; }
p a:hover::after { opacity:.2 }::selection{ color:#ffbe06; }
p::selection { color:#ffbe06; }

h1 { display:block; }
h2 { display:block; }
h3 { display:block; }
h4 { display:block; }
h5 { display:block; }
h6 { display:block; }
h1,h2,h3,h4,h5,h6 { color:#353535; -webkit-font-smoothing:antialiased; -webkit-text-shadow:rgba(0,0,0,.01) 0 0 1px; text-shadow:rgba(0,0,0,.01) 0 0 1px; }
h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{}::-webkit-input-placeholder { font-size:16px!important; font-weight:400; color:#353535!important }:-moz-placeholder{ font-size:16px!important; font-weight:400; color:#353535!important }::-moz-placeholder { font-size:16px!important; font-weight:400; color:#353535!important }:-ms-input-placeholder { font-size:16px!important; font-weight:400; color:#353535!important }::input-placeholder { font-size:16px!important; font-weight:400; color:#353535!important; } 

ul { list-style:none; margin-bottom:0; padding-left:0rem; }
ol { list-style:none; padding-left:0rem; }
li { font-family:"Inter", sans-serif; }
i, em { font-style:italic; }
strong { font-weight:bold; }
code, pre { background-color:#000000; border:1px dotted #D3D3D3; color:#ffffff; font:16px/20px "Inter", sans-serif; padding:0 5px; }
pre { margin-bottom:10px; margin-top:10px; }

dl { margin:0.8em 0 0.3em; color:#353535; font-family:"Inter", sans-serif; font-size:16px; font-weight:normal; line-height:1.4em; } 

img { margin:0; padding:0; height:auto; max-width:100%; border:none; }

.form-control { color:#db5246 }
section { display:block; position:relative; box-sizing:border-box; }
.clear { clear:both }
.clearfix::before,.clearfix::after { content:""; display:table; }
.clearfix::after { clear:both }
.clearfix { zoom:1 } 
.float_left { float:left }
.float_right { float:right }
.trans_200 {-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-ms-transition:all 200ms ease; -o-transition:all 200ms ease;transition:all 200ms ease}
.trans_300{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease; -ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.trans_400 {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease; -o-transition:all 400ms ease;transition:all 400ms ease}
.trans_500{-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease; -ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}
.fill_height { height:100% }

/* Estructura, Elementos
-------------------------------------------------------------- */
/* Elimina espacio entre columnas
--------------------------------------- */
.nopadding { padding:0!important; margin:0!important; }

aside,
details,
figcaption,
figure,
iframe,
summary { display:block; }

audio,
canvas,
video { display:inline-block; }

audio:not([controls]) { display:none; height:0; }
[hidden] { display:none; }

hr { border-style:solid; border-color:#353535; border-bottom:none; border-left:none; border-right:none; margin:20px 0 20px 0; width:100%; }

.space-20 { display:block; margin:0; padding:0; width:100%; height:20px; }
.space-30 { display:block; margin:0; padding:0; width:100%; height:30px; }
.space-40 { display:block; margin:0; padding:0; width:100%; height:40px; }
.space-50 { display:block; margin:0; padding:0; width:100%; height:50px; }
.space-60 { display:block; margin:0; padding:0; width:100%; height:60px; }
.space-70 { display:block; margin:0; padding:0; width:100%; height:70px; }
.space-80 { display:block; margin:0; padding:0; width:100%; height:80px; }
.space-90 { display:block; margin:0; padding:0; width:100%; height:90px; }
.space-100 { display:block; margin:0; padding:0; width:100%; height:100px; }

.video-container { position:relative; overflow:hidden; margin-bottom:30px; padding-bottom:56.25%; padding-top:30px; height:0; }
.video-container iframe,
.video-container object,
.video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.google-maps { position:relative; overflow:hidden; height:0; margin:50px 0 30px 0; padding-bottom:40%; }
.google-maps iframe { position:absolute; top:0; left:0; width:100%!important; height:100%!important; }

/* Tablas
-------------------------------------------------------------- */
table { width:100%; border-collapse:collapse; margin:1em 0; }
table caption { padding:1em 0; text-align:center; }
table img { left:0; top:0; }

thead { margin:0; padding:0; }
th { padding:12px; border:1px solid #e4e4e4; text-align:left; vertical-align:top; background:#f2f2f2; color:#212121; font-weight:400; }
tbody { margin:0; padding:0; }
td { padding:12px; border:1px solid #e4e4e4; text-align:left; vertical-align:top; background:none; color:#212121; font-weight:400;
}
/* Zebra striping */
tr:nth-of-type(odd) { background:none; }

.file { text-align:center; }

/* Header
--------------------------------------- */
.header { position:fixed; top:0; left:0; width:100%; background:#ffffff; z-index:10; }

/* Menu Superior
--------------------------------------- */
.top_nav { width:100%; height:50px; background:#1e1e27 }
.top_nav_left { height:50px; line-height:50px; font-size:13px; color:#ffffff; }
.top_nav_right { height:50px; line-height:50px; font-size:13px; color:#ffffff; text-align:right; }
.account { display:inline-block; position:relative; min-width:50px; padding-left:20px; text-align:center; vertical-align:middle; background:#1e1e27 }
.account>a { display:block; color:#ffffff; font-weight:400; height:50px; line-height:50px; font-size:13px }
.account>a>i { margin-left:8px }
.account:hover .account_selection { visibility:visible; opacity:1; top:100% }
.account_selection { display:block; position:absolute; right:0; top:120%; margin:0; width:100%; background:#fff; visibility:hidden; opacity:0; z-index:1; box-shadow:0 0 25px rgba(63,78,100,.15); -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -ms-transition:opacity .3s ease; -o-transition:opacity .3s ease; transition:all .3s ease }
.account_selection li { padding-left:10px; padding-right:10px; line-height:50px; }
.account_selection li a { display:block; color:#232530; border-bottom:solid 1px #ddd; font-size:14px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.account_selection li a:hover { color:#ffbe06 }
.account_selection li:last-child a { border-bottom:none; }
.account_selection li a i { margin-right:10px; }
.main_nav_container { width:100%; background:#ffffff; box-shadow:0 0 16px rgba(0,0,0,.15); }

/* Menu Principal
--------------------------------------- */
.logo_container { position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:15px }

.logo_container a { opacity:1; filter:alpha(opacity=100); }
.logo_container a:hover { opacity:0.65; filter:alpha(opacity=65); -webkit-transition:opacity 0.25s ease-in-out 0.25s; -moz-transition:opacity 0.25s ease-in-out 0.25s; -ms-transition:opacity 0.25s ease-in-out 0.25s; -o-transition:opacity 0.25s ease-in-out 00.25s; transition:opacity 0.25s ease-in-out 0.25s; }
@media (min-width:768px) and (max-width:991px) {}
@media (max-width:767px) { 
	.logo_container { left:20px }
	.logo_container img { max-width:80%; transition:all 0.3s ease; }
}

.navbar { width:auto; height:150px; float:right; padding:0; }
.navbar_menu li { display:inline-block }
.navbar_menu li a { display:block; color:#353535; font-size:14px; font-weight:400; text-transform:uppercase; padding:15px; -webkit-transition:color .3s ease; -moz-transition:color .3s ease; -ms-transition:color .3s ease; -o-transition:color .3s ease;transition:color .3s ease }
.navbar_menu li a:hover { color:#ffbe06 }

.currency { display:inline-block; position:relative; text-align:center;  }
.currency>a { display:block; color:#ffbe06; font-weight:400; font-size:14px; text-transform:uppercase; }
.currency>a>i { margin-left:8px }
.currency:hover .currency_selection { visibility:visible; opacity:1; top:100%; }
.currency_selection { display:block; position:absolute; right:0; top:120%; margin:0; width:120%; background:#fff; visibility:hidden; opacity:0; z-index:1; box-shadow:0 0 25px rgba(63,78,100,.15); -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -ms-transition:opacity .3s ease; -o-transition:opacity .3s ease; transition:all .3s ease }
.currency_selection li { padding:0 10px; line-height:50px; }
.currency_selection li a { display:block; color:#353535; border-bottom:solid 1px #ddd; font-size:14px; text-transform:uppercase; -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -ms-transition:opacity .3s ease; -o-transition:opacity .3s ease; transition:all .3s ease}
.currency_selection li a:hover { color:#ffbe06 }
.currency_selection li:last-child a { border-bottom:none }

.hamburger_container { display:none; margin-left:40px }
.hamburger_container i { font-size:40px; color:#000000; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease }
.hamburger_container:hover i { color:#ffbe06 }
.hamburger_menu { position:fixed; top:0; right:-400px; width:400px; height:100vh; background:rgba(255,255,255,.95); z-index:10;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.hamburger_menu.active { right:0 }
.fs_menu_overlay {position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:9; background:transparent; pointer-events:none;-webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -ms-transition:all 200ms ease; -o-transition:all 200ms ease; transition:all 200ms ease }
.hamburger_close { position:absolute; top:26px; right:10px; padding:10px; z-index:1}
.hamburger_close i { font-size:40px; color:#000000; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease }
.hamburger_close:hover i { color:#ffbe06 }
.hamburger_menu_content { padding-top:100px; width:100%; height:100%; padding-right:20px }
.menu_item { display:block; position:relative; border-bottom:solid 1px #ffbe06; vertical-align:middle }
.menu_item>a { display:block; color:#000000; font-weight:400; height:50px; line-height:50px; font-size:14px; text-transform:uppercase}
.menu_item>a:hover { color:#ffbe06 }
.menu_item>a>i { margin-left:8px; }
.menu_item.active .menu_selection { display:block; visibility:visible; opacity:1 }
.menu_selection { margin:0; width:100%; max-height:0; overflow:hidden; z-index:1; -webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease }
.menu_selection li { padding-left:10px; padding-right:10px; line-height:50px; }
.menu_selection li a { display:block; color:#353535; border-bottom:solid 1px #dddddd; font-size:14px; text-transform:uppercase;-webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -ms-transition:opacity .3s ease; -o-transition:opacity .3s ease;transition:all .3s ease }
.menu_selection li a:hover { color:#ffbe06 }
.menu_selection li:last-child a { border-bottom:none }

/* Main
-------------------------------------------------------------- */
main { width:100%; margin:150px 0 0 0; }
main img { max-width:100% }
@media (max-width:767px) { 
	main { margin:50px 0 0 0; }
}

/* Breadcrumbs
--------------------------------------- */
#breadcrumbs { margin:0; padding:18px 0; font-family:"Inter", sans-serif; font-size:13px; color:#353535; }
#breadcrumbs p { font-family:"Inter", sans-serif; font-size:13px; color:#353535; }
#breadcrumbs a { font-family:"Inter", sans-serif; font-size:13px; color:#353535; }
#breadcrumbs a:hover { color:#ffbe06; }
@media (max-width:767px) { 
	#breadcrumbs { display:none !important; }
}

/* Pagina Index
-------------------------------------------------------------- */
#index-intro { clear:both; margin:0; padding:75px 0; height:500px; background-image:url("../../assets/img/servicios.webp"); background-repeat:no-repeat; background-position:bottom center; background-size:cover; }
#index-intro h1 { margin:190px 0 20px 0; padding:20px 25px 25px 25px; font-family:"Playfair Display", serif; font-size:45px; color:#ffffff; font-weight:400; background-color:RGBA( 0 , 0 , 0, 0.5 ); }
@media (max-width:767px) { 
	#index-intro h1 { font-size:36px; }
}

#index-empresa { clear:both; margin:0; padding:100px 35px 100px 35px; text-align:center; }
#index-empresa h2 { margin:0 0 20px 0; font-family:"Playfair Display", serif; font-size:36px; color:#141d2a; font-weight:400; }

/* Content
-------------------------------------------------------------- */
#content { clear:both; margin:0; padding:100px 35px 100px 35px; }
#content h2 { display:block; margin:0 0 20px 0; font-family:"Playfair Display", serif; font-size:36px; font-weight:400; color:#353535; }
#content h3 { display:block; margin:0 0 20px 0; font-family:"Playfair Display", serif; font-size:18px; font-weight:400; color:#ffbe06; }
#content img { margin:0 0 20px 0; }

/* Empresa
-------------------------------------------------------------- */
#empresa-intro { clear:both; margin:0; padding:75px 0; height:500px; background-image:url("../../assets/img/empresa.webp"); background-repeat:no-repeat; background-position:bottom center; background-size:cover; }
#empresa-intro h1 { margin:190px 0 20px 0; padding:20px 25px 25px 25px; font-family:"Playfair Display", serif; font-size:45px; color:#ffffff; font-weight:400; background-color:RGBA( 0 , 0 , 0, 0.5 ); }
@media (max-width:767px) { 
	#empresa-intro h1 { font-size:36px; }
}

/* Servicios
-------------------------------------------------------------- */
#servicios-intro { clear:both; margin:0; padding:75px 0; height:500px; background-image:url("../../assets/img/contable.webp"); background-repeat:no-repeat; background-position:bottom center; background-size:cover; }
#servicios-intro h1 { margin:190px 0 0 0; padding:20px 25px 25px 25px; font-family:"Playfair Display", serif; font-size:45px; color:#ffffff; font-weight:400; background-color:RGBA( 0 , 0 , 0, 0.5 ); }
#servicios-intro h2 { margin:0 0 20px 0; padding:0 25px 25px 25px; font-family:"Inter", sans-serif; font-size:18px; color:#ffffff; font-weight:400; background-color:RGBA( 0 , 0 , 0, 0.5 ); }
@media (max-width:767px) { 
	#servicios-intro h1 { font-size:36px; }
}

#contable-intro { clear:both; margin:0; padding:75px 0; height:500px; background-image:url("../../assets/img/contable.webp"); background-repeat:no-repeat; background-position:bottom center; background-size:cover; }
#contable-intro h1 { margin:190px 0 0 0; padding:20px 25px 25px 25px; font-family:"Playfair Display", serif; font-size:45px; color:#ffffff; font-weight:400; background-color:RGBA( 0 , 0 , 0, 0.5 ); }
#contable-intro h2 { margin:0 0 20px 0; padding:0 25px 25px 25px; font-family:"Inter", sans-serif; font-size:18px; color:#ffffff; font-weight:400; background-color:RGBA( 0 , 0 , 0, 0.5 ); }
@media (max-width:767px) { 
	#contable-intro h1 { font-size:36px; }
}

#laboral-intro { clear:both; margin:0; padding:75px 0; height:500px; background-image:url("../../assets/img/laboral.webp"); background-repeat:no-repeat; background-position:center center; background-size:cover; }
#laboral-intro h1 { margin:190px 0 0 0; padding:20px 25px 25px 25px; font-family:"Playfair Display", serif; font-size:45px; color:#ffffff; font-weight:400; background-color:RGBA( 0 , 0 , 0, 0.5 ); }
#laboral-intro h2 { margin:0 0 20px 0; padding:0 25px 25px 25px; font-family:"Inter", sans-serif; font-size:18px; color:#ffffff; font-weight:400; background-color:RGBA( 0 , 0 , 0, 0.5 ); }
@media (max-width:767px) { 
	#laboral-intro h1 { font-size:36px; }
}

#fiscal-intro { clear:both; margin:0; padding:75px 0; height:500px; background-image:url("../../assets/img/fiscal.webp"); background-repeat:no-repeat; background-position:center center; background-size:cover; }
#fiscal-intro h1 { margin:190px 0 0 0; padding:20px 25px 25px 25px; font-family:"Playfair Display", serif; font-size:45px; color:#ffffff; font-weight:400; background-color:RGBA( 0 , 0 , 0, 0.5 ); }
@media (max-width:767px) { 
	#fiscal-intro h1 { font-size:36px; }
}

/* Legal
-------------------------------------------------------------- */
#content-legal { clear:both; margin:0; padding:100px 35px 100px 35px; }
#content-legal h1 { display:block; margin:0 0 50px 0; padding:0; font-family:"Playfair Display", serif; font-size:45px; font-weight:400; color:#353535; }
#content-legal h2 { display:block; margin:35px 0 20px 0; padding:0; font-family:"Playfair Display", serif; font-size:36px; font-weight:400; color:#353535; }
#content-legal h3 { display:block; margin:35px 0 20px 0; padding:0; font-family:"Playfair Display", serif; font-size:18px; font-weight:400; color:#353535; }

#content-legal ul { list-style-type:disc; margin:15px 0 15px 20px !important; }
#content-legal ol { list-style-type:square; margin:15px 0 15px 20px !important; }
#content-legal li { margin:0 0 10px 0 !important; padding:0; font-family:"Inter", sans-serif; font-weight:normal; color:#353535; line-height:1.4em; }
@media (max-width:767px) { 
	#content-legal h1 { font-size:36px; }
}

/* Contacto
-------------------------------------------------------------- */
#contacto-intro { clear:both; margin:0; padding:75px 0; height:500px; background-image:url("../../assets/img/contacto.webp"); background-repeat:no-repeat; background-position:center center; background-size:cover; }
#contacto-intro h1 { margin:190px 0 0 0; padding:20px 25px 25px 25px; font-family:"Playfair Display", serif; font-size:45px; color:#ffffff; font-weight:400; background-color:RGBA( 0 , 0 , 0, 0.5 ); }
@media (max-width:767px) { 
	#contacto-intro h1 { font-size:36px; }
}

/* Formulario
--------------------------------------- */
label { width:100%; margin:20px 0 5px 0; font-family:"Inter", sans-serif; color:#353535; font-size:1em; line-height:1.5em; text-decoration:none; }

button,
input,
select,
textarea { margin:0; vertical-align:baseline; *vertical-align:middle; }

button,
input { line-height:normal; *overflow:visible; }

button,
html input[type="button"] { border:none; background:none; cursor:pointer; -webkit-appearance:button; padding:0; }

button:hover,
html input[type="button"]:hover { -webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:0; }

button:focus,
html input[type="button"]:focus,
button:active,
html input[type="button"]:active { -webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:0; }

button::-moz-focus-inner { border:0; padding:0; }
input::-moz-focus-inner { border:0; padding:0; }

form input[type="text"],
form input[type="tel"],
form input[type="email"],
form input[type="url"],
form input[type="password"],
form select,
form textarea { padding:0.9em; border:1px solid #e4e4e4; width:100%; font-family:"Inter", sans-serif; font-size:1em; color:#353535 !important; -webkit-transition:background .2s ease-in-out, box-shadow .2s ease-in-out; -moz-transition:background .2s ease-in-out, box-shadow .2s ease-in-out; transition:background .2s ease-in-out, box-shadow .2s ease-in-out; }

form input[type="text"]:focus,
form input[type="tel"]:focus,
form input[type="email"]:focus,
form input[type="url"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus { color:#000000!important; background:#ffffff; box-shadow:inset 0 3px 5px 0 rgba(0,0,0,0.05), 0 1px 0 0 rgba(255,255,255,0.025), inset 0 0 2px 1px #f2f2f2; -webkit-appearance:none; }

form textarea { overflow:auto; padding:10px; vertical-align:top; }

form input[type="checkbox"],
form input[type="radio"] { box-sizing:border-box; padding:0; }

input[type="reset"],
input[type="submit"] { cursor:pointer; -webkit-appearance:button; padding:0.9em 1.8em 0.8em 1.8em; border:1px solid #ffbe06; border-radius:0; background-color:#ffffff; font-family:"Inter", sans-serif; font-size:1em; color:#353535!important; vertical-align:middle; text-align:center; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; }

input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="reset"]:active,
input[type="submit"]:active { background-color:#ffffff!important; color:#e4e4e4!important; }

.button { display:inline-block; margin:2em 0 0 0; padding:0.9em 1.8em 0.8em 1.8em; border:1px solid #ffbe06; border-radius:0; background-color:#ffffff; font-family:"Inter", sans-serif; font-size:1em; color:#353535!important; vertical-align:middle; text-align:center; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;
}
.button:hover,
.button:active,
.button:focus { background-color:#ffffff; color:#aeaeae; }


.section_title { display:inline-block; margin:50px 0 75px 0; text-align:center; }
.section_title h1 { display:inline-block }
.section_title h2 { display:inline-block }
.section_title::after { display:block; position:absolute; top:calc(100% + 13px); left:50%; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); width:60px; height:5px; background:#ffbe06; content:''; }

.banner { width:100%; margin:150px 0 0 0; }
.banner_item { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; justify-content:center; align-items:center; height:265px; background-repeat:no-repeat; background-size:cover; background-position:center center }
.banner_category { height:50px; background:#fff; min-width:180px; padding-left:25px; padding-right:25px }
.banner_category a { display:block; color:#1e1e27; text-transform:uppercase; font-size:22px; font-weight:600; text-align:center; line-height:50px; width:100%; -webkit-transition:color .3s ease; -moz-transition:color .3s ease; transition:color .3s ease }
.banner_category a:hover { color:#ffbe06 }

.product-item { height:380px; cursor:pointer }
.product-item::after { display:block; position:absolute; top:0; left:-1px; width:calc(100% + 1px); height:100%; pointer-events:none; content:''; border:solid 2px transparent; border-radius:3px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease }
.product-item:hover::after { box-shadow:0 25px 29px rgba(63,78,100,.15); }

.product { width:100%; height:340px; }
.product_image { width:100% }
.product_image img { width:100% }
.product_name { margin-top:27px; padding: 0 10px 0 10px; text-align:center; font-size:16px; line-height:20px; color:#282828; font-weight:500; }

.discount .product_info .product_price { font-size:16px }
.product_price { font-size:16px; color:#fe4c50; font-weight:600 }
.product_price span { font-size:12px; margin-left:10px; color:#ffbe06; text-decoration:line-through }
.product_bubble { position:absolute; top:15px; width:50px; height:22px; border-radius:3px; text-transform:uppercase }
.product_bubble span { font-size:12px; font-weight:600; color:#fff }
.product_bubble_right::after { content:' '; position:absolute; width:0; height:0; left:6px; right:auto; top:auto; bottom:-6px; border:6px solid }
.product_bubble_left::after { content:' '; position:absolute; width:0; height:0; eft:auto; right:6px; bottom:-6px; border:6px solid }
.product_bubble_red::after { border-color:transparent transparent transparent #fe4c50 }
.product_bubble_left::after { border-color:#51a042 #51a042 transparent transparent }
.product_bubble_red { background:#fe4c50 }
.product_bubble_green { background:#51a042 }
.product_bubble_left { left:15px }
.product_bubble_right { right:15px }

.button-01 { display:-webkit-inline-box; display:-moz-inline-box; display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex; flex-direction:column; justify-content:center; align-items:center; width:auto; height:40px; color:#fff; text-transform:uppercase; font-size:14px; font-weight:500; text-align:center; line-height:40px; background:#1e1e27; border-radius:3px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease;  transition:all .3s ease }

.red_button { display:-webkit-inline-box; display:-moz-inline-box; display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex; flex-direction:column; justify-content:center; align-items:center; width:auto; height:40px; background:#1e1e27; border-radius:3px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease }
.red_button:hover { background:#ffbe06!important }
.red_button a { display:block; color:#fff; text-transform:uppercase; font-size:14px; font-weight:500; text-align:center; line-height:40px; width:100% }

.shop_now_button { width:140px; margin-top:32px }

.add_to_cart_button { width:100%; visibility:hidden; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease }
.add_to_cart_button a { font-size:12px; font-weight:600 }
.product-item:hover .add_to_cart_button { visibility:visible; opacity:1 }

.favorite { position:absolute; top:15px; right:15px; color:#b9b4c7; width:17px; height:17px; visibility:hidden; opacity:0 }

/* Blog
--------------------------------------- */
#blog { margin-top:72px }
#blog_container { margin-top:53px }
#blog_item { height:255px; width:100%; text-align:center }

#blog_title { display:block; color:#282828; font-weight:500; line-height:1.25; margin-bottom:0; }
#blog_meta { display:block; font-size:12px; line-height:30px; font-weight:400; text-transform:uppercase; color:#51545f; margin-bottom:0; margin-top:3px; letter-spacing:1px }
#blog_more { font-size:14px; line-height:16px; font-weight:500; color:#282828; border-bottom:solid 1px #282828; margin-top:12px }
#blog_more:hover { color:#ffbe06 }

/* Secciones
-------------------------------------------------------------- */
/* Seccion Servicios
--------------------------------------- */
#caja-servicios { clear:both; margin:0; padding:75px 0 100px 0; background-color:RGBA( 0 , 0 , 0, 0.04 ); }
#caja-servicios h2 { margin:0 0 20px 0; font-family:"Playfair Display", serif; font-size:18px; color:#2d6c47; font-weight:400; }
#caja-servicios h3 { margin:0 0 20px 0; font-family:"Playfair Display", serif; font-size:30px; color:#141d2a; font-weight:400; }
#caja-servicios p { margin:20px 0 40px 0; font-family:"Inter", sans-serif; font-size:15px; color:#797979; }
#caja-servicios a { margin:0 0 20px 0; font-family:"Inter", sans-serif; font-size:13px; color:#353535; text-transform:uppercase; border-bottom:1px solid #353535; }
#caja-servicios a:hover { border-bottom:1px solid #e0e0e0; }

#caja-servicios .caja { margin:0; padding:30px 30px 10px 30px; }
#caja-servicios .caja i { margin:0; padding:0 0 20px 0; font-size:20px; color:#e0e0e0; }

@media (max-width: 767px) { 
	#caja-servicios .caja i { margin:0; padding:30px 0 20px 0; font-size:20px; color:#e0e0e0; }
}

/* Seccion ponerse en contacto
--------------------------------------- */
#contacto-2 { clear:both; display:block; margin:0; padding:75px 0; background-color:#141d2a; }
#contacto-2 h2 { display:block; margin:0; padding:0; font-family:"Playfair Display", serif; font-size:36px; color:#ffffff; font-weight:400; }
#contacto-2 .caja-contacto-2 { display:block; margin:0; padding:15px 0; font-family:"Inter", sans-serif; font-size:16px; color:#ffffff; font-weight:400; text-align:right; }
#contacto-2 .caja-contacto-2 i { margin:0 10px 0 30px; padding:0; font-size:18px; color:#ffbe06; }
@media (max-width: 767px) { 
	#contacto-2 { text-align:center !important; }
	#contacto-2 .caja-contacto-2 { margin:0; padding:20px 0 0 0; text-align:center !important; }
	#contacto-2 .caja-contacto-2 i { margin:0 10px 0 0; }
}

/* Seccion Kit Digital
--------------------------------------- */
#kit-digital { clear:both; display:block; margin:0; padding:75px 0; background-color:#ffffff; text-align:center; }
#kit-digital h3 { display:block; margin:0; padding:0; font-family:"Playfair Display", serif; font-size:24px; color:#141d2a; font-weight:400; }
@media (max-width: 767px) { 
	#kit-digital h3 { font-size:20px; }
}

/* Newsletter 
--------------------------------------- */
.newsletter { width:100%; background:#f2f2f2; margin-top:81px }
.newsletter_text { height:120px }
.newsletter_text h4 { margin-bottom:0; line-height:24px }
.newsletter_text p { margin-bottom:0; line-height:1.7; color:#51545f }
.newsletter_form { height:120px }
#newsletter_email { width:300px; height:46px; background:#fff; border:none; padding-left:20px }
#newsletter_email:focus { border:solid 1px #7f7f7f!important; box-shadow:none!important}:focus{outline:none!important }
#newsletter_email::-webkit-input-placeholder { font-size:14px!important; font-weight:400; color:#b9b4c7!important }
#newsletter_email:-moz-placeholder { font-size:14px!important; font-weight:400; color:#b9b4c7!important }
#newsletter_email::-moz-placeholder { font-size:14px!important; font-weight:400; color:#b9b4c7!important }
#newsletter_email:-ms-input-placeholder { font-size:14px!important; font-weight:400; color:#b9b4c7!important }
#newsletter_email::input-placeholder { font-size:14px!important; font-weight:400; color:#b9b4c7!important }

.newsletter_submit_btn { width:160px; height:46px; border:none; background:#ffbe06; color:#fff; font-size:14px; font-weight:500; text-transform:uppercase; cursor:pointer }
.newsletter_submit_btn:hover { background:#7f7f7f }

/* Buscador
--------------------------------------- */
#buscador { width:300px; height:46px; background:#fff; padding-left:20px; border:solid 1px #ffbe06!important; }
#buscador:focus { border:solid 1px #7f7f7f!important; box-shadow:none!important}:focus{outline:none!important }
#buscador::-webkit-input-placeholder { font-size:14px!important; font-weight:400; color:#ffbe06!important }
#buscador:-moz-placeholder { font-size:14px!important; font-weight:400; color:#ffbe06!important }
#buscador::-moz-placeholder { font-size:14px!important; font-weight:400; color:#ffbe06!important }
#buscador:-ms-input-placeholder { font-size:14px!important; font-weight:400; color:#ffbe06!important }
#buscador::input-placeholder { font-size:14px!important; font-weight:400; color:#ffbe06!important }

.search-btn { width:160px; height:46px; border:none; background:#ffbe06; color:#fff; font-size:14px; font-weight:500; text-transform:uppercase; cursor:pointer }
.search-btn:hover { background:#7f7f7f }

/* Footer
-------------------------------------------------------------- */
footer { clear:both; margin:0; padding:40px 0; border-top:1px solid #eaeaea; font-family:"Inter", sans-serif; font-size:15px; color:#353535; text-decoration:none; font-weight:400; }

footer h3 { margin:0 0 15px 0; font-family:"Playfair Display", serif; font-size:20px; color:#141d2a; }
footer p { font-family:"Inter", sans-serif; font-size:15px; color:#353535; text-decoration:none; font-weight:400; line-height:1.4em; }
footer a { font-family:"Inter", sans-serif; font-size:15px; color:#353535; text-decoration:none; font-weight:400; line-height:1.4em; }
footer a:hover { color:#ffbe06; }

footer .menu-footer { margin:0 !important; padding:0 !important; }
footer .menu-footer ul { list-style-type:none; margin:0; padding:0; }
footer .menu-footer li { margin:0; padding:0; }
footer .menu-footer li a { font-family:"Inter", sans-serif; font-size:15px; color:#353535; text-decoration:none !important; font-weight:400; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; }
footer .menu-footer li a:hover { color:#ffbe06; }

/* Redes Sociales
--------------------------------------- */
footer .social-icons { margin:0; padding:0; }
footer .social-icons ul { list-style:none; display:inline-block; margin:0; padding:0; }
footer .social-icons li { float:left; margin-right:8px; }
footer .social-icons li a { display:block; background-color:rgba(0,0,0,.6); border-radius:50%; color:#ffffff; height:36px; width:36px; font-size:20px; line-height:36px; opacity:0.8; text-align:center; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; }

footer .social-icons li:last-child { margin-right:0; }

footer .social-icons li a:hover { color:#ffffff; background-color:#ffbe06; opacity:1; -webkit-transform:scale(1.2); transform:scale(1.2); }

/* Copyright
--------------------------------------- */
footer .copy { margin:30px 0 0 0; padding:45px 0 0 0; border-top:1px solid #eaeaea; text-align:left; }

footer .copy p { font-family:"Inter", sans-serif; font-size:12px; color:#353535; line-height:1.2em; }
footer .copy a { color:#353535; text-decoration:none; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease;  transition:all 300ms ease; }
footer .copy a:hover { color:#ffbe06; text-decoration:none; }


/* Responsive
-------------------------------------------------------------- */	
@media only screen and (max-width:1600px){}
@media only screen and (max-width:1540px){}
@media only screen and (max-width:1380px){}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1199px){}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:991px){
	h1 { font-size:48px }
	h2 { font-size:36px }
	.shop_now_button { margin-top:26px }
	.grid-item { width:25% }
	.top_nav { display:none }
	.navbar_menu { display:none }
	.hamburger_container { display:block }
	
	.banner_item { height:160px }
	.banner_category { min-width:160px; height:40px }
	.banner_category a { font-size:16px; line-height:40px }
	.product-item { width:25% }
	
	.blog_item_col { margin-bottom:30px }
	.blog_item_col:last-child { margin-bottom:0 }
	.blog_item { height:440px }
	.blog_title { font-size:24px }
	
	.newsletter_text { height:auto; margin-top:30px }
	.newsletter_text p { margin-top:5px }
	.newsletter_form { height:auto; margin-top:30px; margin-bottom:40px }
	
}

@media only screen and (max-width:959px){}
@media only screen and (max-width:880px){}
@media only screen and (max-width:768px){}
@media only screen and (max-width:767px){
	h1 { font-size:36px }
	h2 { font-size:24px }
	h6 { font-size:12px }
	
	.hamburger_menu { right:-100%; width:100% }
	.hamburger_container { margin-left:20px }
	.hamburger_container i { font-size:40px }
	.hamburger_close { top:30px; right:10px }
	.hamburger_close i { font-size:40px }
	.hamburger_menu_content { padding-right:20px; padding-top:90px }
	
	.menu_top_nav { padding-left:20px; }
	.menu_item { border-bottom-color:rgba(181,174,196,.5) }
	.menu_item>a { margin-top:15px; font-size:16px; line-height:1.6em; height:35px }
	.menu_selection li a { margin-top:15px; font-size:16px; line-height:1.6em; height:35px }
	.navbar { height:120px }
	
	.product-item { width:50%; height:420px }
	.product { height:380px }
	.blog_item { height:calc((100vw - 30px)/1.37) }
	.cr { display:block; margin-right:0; margin-bottom:30px; font-size:13px }
	
	.shop_now_button { margin-top:23px }
	.red_button a { font-size:12px }
	.banner_item { margin-bottom:30px; height:210px }
	.checkout_items { width:15px; height:15px; font-size:10px }
	.shop_now_button { margin-top:15px; width:100px; height:35px }
	.red_button a { font-size:10px }
	.banner_item { height:calc((100vw - 30px)/2.6) }
	.grid_sorting_button { font-size:12px; padding-left:10px; padding-right:10px; min-width:60px; height:35px }
	
	.product-item { width:100%; height:auto }
	.product { height:auto }
	.product_name { font-size:14px }
	.add_to_cart_button { margin-top:20px }

	.section_title::after { top:calc(100% + 8px); height:3px }

	.blog_title { font-size:16px }
	.blog_meta { font-size:10px }
	.blog_more { font-size:12px; margin-top:5px }
	.blog_item { height:372px }
	
	.newsletter_form { margin-top:22px }
	.newsletter_text h4 { font-size:20px }
	.newsletter_text p { font-size:13px; margin-top:5px }
	.newsletter_submit_btn { font-size:12px }
	#newsletter_email { height:40px; width:100%; padding-left:15px }
	.newsletter_submit_btn { margin-top:15px; height:36px; width:130px }
	#newsletter_email::-webkit-input-placeholder { font-size:12px!important; padding-left:0 }
	#newsletter_email:-moz-placeholder { font-size:12px!important; padding-left:0 }
	#newsletter_email::-moz-placeholder { font-size:12px!important; padding-left:0 }
	#newsletter_email:-ms-input-placeholder { font-size:12px!important; padding-left:0 }
	#newsletter_email::input-placeholder { font-size:12px!important; padding-left:0 }
	
	footer { padding:45px 15px 45px 15px; }
	footer h3 { margin:35px 0 15px 0; }
	
	.menu-footer { margin-top:35px; }
	.social-icons { margin-top:35px; }
	
}