/*

font-family: 'Roboto', sans-serif;


*/

html{ margin:0 !important;height: 100%;}
body { background: #fff; font-family: 'Roboto', sans-serif!important;margin:0; padding:0 !important; color: #000000   !important; font-weight: 400!important; position:relative; font-size:14px!important; line-height: 20px; width:100%;height: 100%;}
h1, h2, h3, h4, h5, h6 { margin: 0; color: #000 ; font-weight: 400!important }
h1 { font-size:35px;}h2 { font-size:25px;}h3 { font-size:20px; }h4 { font-size:16px;  }
input:focus, select:focus, textarea:focus,.btn_cerra:focus,button:focus { outline:none!important }
input, input[type="text"], input[type="file"],button { background: none; border: none;color:#f48221  }
nav ul,ul{ margin:0 !important; padding:0 !important}
ul, li{ list-style: none}
a {text-decoration:none!important; color:#000 ; font-size:14px;/*-webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;*/ }
a:hover,.btn-link:hover { text-decoration:none!important;  }
p{font-family: 'Roboto', sans-serif!important; }
a img { border:none; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 800ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
a:hover img{-webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
:hover{}
.clear { clear:both; }
.no_padding{ padding:0}
.no_gutter > [class*='col-'] {  padding-right:0; padding-left:0;}
.display_table{ display: table; width: 100%; height: 100%}
.display_table_cell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle}
.shared{ text-align: center;}
.shared h5{ text-transform: uppercase; font-weight: bold!important; color: #f48221 !important}
.shared li{ display: inline-block}
.shared li a{ display: block; margin: 0 2px}
.shared li a i{font-size: 13px; }
i{ font-style: normal!important}
.hvr-bob{-webkit-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; }

img{height: auto!important}
.overflow_hidden{overflow: hidden}

.f_title{font-family: 'Roboto', sans-serif!important;text-transform: uppercase!important}
.f_cursiva{font-family: 'Roboto', sans-serif;!important;}
.f_general{font-family: 'Roboto', sans-serif!important;}

/********************fin Reset******************/


/******************************* HEADER *****************************/

#content_header{ background: rgba(256,256,256,000%); width: 100%; transition: all 400ms ease-out; padding:0;top: 0px; left: 0; right: 0; margin: 0 auto;z-index: 9999; position: fixed;width: 100%;   }
#content_header.header_fix{ transition: all 300ms ease-out;background: rgba(256,256,256,100%); box-shadow: 0px 0px 10px rgba(0,0,0,20%)}
#h_top{ padding-bottom: 10px; padding-top: 10px;background-image: linear-gradient(90deg, #72ca56 42%, #f48221 56%);}
#h_left,#h_right{ width: calc(30% - 30px); }
#h_center{ width: calc(40%); margin: 0 10px }
#logo_top{ display: block; width: 250px; margin: 0 auto;transition: all 500ms ease-out;}
 #content_header.header_fix #logo_top{ display: block; width: 180px; margin: 0 auto;transition: all 500ms ease-out;}
#logo_h{fill:#fff!important}
#logo_top img{width: 100%}
.page_interna #content_header {}

#menu_left_tp{}
#menu_left_tp li{ margin-right: 15px}
#menu_left_tp li a{background: #f48221; display: block; padding: 1px 15px; text-transform: uppercase;border-radius: 90px; color: #fff!important}
#menu_left_tp li  #btn_serach{ color: #f48221!important}



#access {width: 100%; padding: 5px 0; background: #fff}

#access ul.menu_top{ text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
#access li{ position: relative; margin-left: 5px}
#access a,.btn_menu{ color:#000 ; font-size: 14px; text-transform: uppercase;font-weight: 400!important;line-height: 14px; border-radius: 3px; padding: 5px 10px;border:1px solid transparent; cursor: pointer; display: block;font-family: 'Roboto', sans-serif!important;}
#access a:hover,.btn_menu:hover, #access ul li.current-menu-item a,#access ul li.current-menu-item .btn_menu{border:1px solid #302c2a; color: #302c2a!important}

.btn_menu i {position: relative; cursor: pointer;display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 24px; line-height: 14px}

#access ul .sub-menu{background: #fff ; display: none;position: absolute;min-width: 280px; left: 0; padding:  10px 5px!important; z-index: 300}
#access ul .sub-menu li{ display: block; vertical-align: middle;margin: 0px!important; }
#access ul .sub-menu li a,#access ul .sub-menu li .btn_menu{display: block; color: #f48221 !important; font-size: 14px!important; font-weight: 500; text-align: left; padding: 5px 10px; position: relative}
#access li.menu_bg a{background:#fff; color: #f48221 !important; font-size: 10px; padding: 5px 15px }
#access li.menu_bg a:hover{background:#f48221 ; color: #fff!important; font-size: 10px; }
#access ul .sub-menu li a:after,#access ul .sub-menu li .btn_menu:after{ display: none!important}
#access ul .sub-menu li:hover a,#access ul .sub-menu li:hover .btn_menu{border: 1px solid #f48221 ; color: #f48221!important }


#access ul .sub-menu li.see_all { background: rgba(142,142,142,100%); ; text-align: center}
#access ul .sub-menu li.see_all a{ display: block; text-align: center;color: rgba(250,250,250,100%)!important; font-weight: bold!important}
.sub-menu .btn_menu .arrow_menu{right: 10px!important; }
#access ul .sub-menu .sub-menu{ border-top: none; display: none;position: absolute; top: 60px!important; bottom: inherit!important; left: inherit!important; min-width: 230px!important; border-bottom: 1px solid  background: rgba(88,88,88,100%)!important; padding: 10px!important }
#access ul .sub-menu .sub-menu li{display: block; margin: 0!important}
#access ul .sub-menu .sub-menu li a{color: background: rgba(66 107 168 / 100%)!important}
.sub-menu li.active .btn_menu .arrow_menu:after{content:"\e682"!important;}

#access ul li .sub-menu li .btn_menu .arrow_menu{right: -10px!important;color: rgba(88,88,88,100%)!important; }
#access ul li .sub-menu li .btn_menu .arrow_menu:after{content:"\e688"!important;}
#access ul li .sub-menu li.active .btn_menu .arrow_menu:after{content:"\e682"!important;}

/********* SLIDER ************/

#slider { margin-top: 70px;}

/************FORMATO formularios***************/
.wpcf7-form{}
.wpcf7-form .wpcf7-form-control-wrap{ overflow: hidden;width: 100%; position: relative;display: inline-block; margin-bottom: 5px}
.wpcf7-form .wpcf7-form-control-wrap label{font-weight: normal; font-size: 13px}
.wpcf7-form .wpcf7-form-control-wrap input,.wpcf7-form .wpcf7-form-control-wrap textarea,.wpcf7-form .wpcf7-form-control-wrap select{background: #fff;  width: 100%; color:#f48221!important; font-size: 14px;border-radius:3px;border: 1px solid #bc9299; font-weight: 300; padding: 5px 20px;font-family: 'Roboto', sans-serif; text-transform: uppercase} 
.wpcf7-form  textarea{ max-height: 65px; height: 65px; }
.wpcf7-form .btn_sblo{ width: auto; border-radius: 5px!important; border: 1px solid #f48221!important; background: #f48221!important; color: #fff!important}
.wpcf7-form .btn_sblo:hover{}
.cargando {display: none;text-align: center;width: 95%;}
.resultado{	color: #f48221 ;font-weight: 600;text-align: center;width: 95%; clear: both}
.wpcf7-form .item_form.acepto_term a,.wpcf7-form .item_form.acepto_term span{color: #183d87!important; font-size: 13px!important}

.wpcf7-form input:focus::-webkit-input-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; }
.wpcf7-form input:focus::-moz-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; } 
.wpcf7-form input:focus::-ms-input-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; } 
.wpcf7-form input:focus::-o-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; }

.wpcf7-form input::-webkit-input-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; }
.wpcf7-form input::-moz-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; } 
.wpcf7-form input::-ms-input-placeholder { color :#f48221;font-family: 'Roboto', sans-serif; } 
.wpcf7-form input::-o-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; }


.wpcf7-form textarea:focus::-webkit-input-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; }
.wpcf7-form textarea:focus::-moz-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; } 
.wpcf7-form textarea:focus::-ms-input-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; } 
.wpcf7-form textarea:focus::-o-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; }

.wpcf7-form textarea::-webkit-input-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; }
.wpcf7-form textarea::-moz-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; } 
.wpcf7-form textarea::-ms-input-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; } 
.wpcf7-form textarea::-o-placeholder { color:#f48221;font-family: 'Roboto', sans-serif; }

.wpcf7-form select::-webkit-input-placeholder { color:#f48221; }
.wpcf7-form select::-moz-placeholder { color:#f48221; } 
.wpcf7-form select::-ms-input-placeholder { color:#f48221; } 
.wpcf7-form select::-o-placeholder { color:#f48221; }

.wpcf7-form .ajax-loader{ display: none}
.wpcf7-form [class*='acceptance']{border: none!important}
input:-internal-autofill-selected { background: none!important}
span.wpcf7-list-item {display: inline-block;margin: 0;}
.wpcf7-form .wpcf7-list-item {display: block;margin-bottom: 0px;}
.wpcf7-form .wpcf7-list-item label {position: relative;cursor: pointer;}
.wpcf7-form .wpcf7-list-item input[type=checkbox] {/*position: relative;*/position: absolute;visibility: hidden;width: 20px;height: 20px;top: 0;left: 0;}
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span {}
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height: 15px;width: 15px;top: 0px;left: 0px;border: 1px solid rgb(51,51,51); border-radius: 3px}
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span:after {display: block;position: absolute;content: "";height: 15px;width: 15px;top: 0;left: 0;
visibility: hidden;font-size: 16px;text-align: center;line-height: 15px;}
.wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:before {background: rgb(51,51,51);}
.wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:after {visibility: visible;}
.wpcf7-list-item-label {margin-left: 25px; display: inline-block;}
.wpcf7-file{visibility: hidden;}
.wpcf7-file:after{ border-radius: 5px; content: 'Ajuntar hoja de vida en pdf';visibility: visible;display: block;position: absolute;background: #f48221 ;color: #fff;   line-height: 40px; font-weight: bold;text-transform: uppercase;top: 0px; left: 0; width:100%; height: 100%; text-align: center}


.requerido{position: absolute;color: #ff2e2a; top: 7px; left: 5px;font-size: 17px; font-weight: bold}
.wpcf7-spinner{ display: none}


/*********SECTIONS GRAL************/
.home_page{height: 100%}
figure{ margin-bottom: 0!important}
.bg_cover{ background-size: cover!important;}
.container_sblo{  width: 85%; margin: 0 auto;position: relative;padding-right: 15px;padding-left: 15px;}
.summary.container_sblo{width: 70%}
.content_banner,.btn_absoluto{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.btn_absoluto{z-index: 80}
.btn_sblo{display: table;background: #f48221; border:1px solid #f48221; color: #fff; padding: 3px 25px; border-radius: 3px; font-size: 14px; }
.btn_sblo:hover{ background: #72ca56; color: #fff!important;} 



.btn_sblo span,.btn_sblo i, a span, a i{ display: inline-block; vertical-align: middle}
.btn_sblo i, a i{margin-left: 10px}
.btn_center{ margin: 10px auto; display: table}
.summary.d-table{ margin: 0 auto}
.home_section{ position: relative; padding:  45px 0 0 0}
.header_section{padding: 55px 0}
.title_section{ font-size: 32px!important; font-weight: 400!important; font-family: 'Roboto', sans-serif!important; }
.title_section.f_cursiva{font-family: 'Roboto', sans-serif;!important; text-transform: inherit!important}
img.alignright { float: right; margin: 0 0 15px 15px; }
img.alignleft { float: left; margin: 0 15px 15px 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block;}
 
.h_100{height: 100%}
.ico_center{ display: table; margin: 0 auto}
#pagination{ text-align: center; margin: 45px auto}
#pagination ul{margin: ; padding: 0;}
#pagination ul li{ display: inline-block; vertical-align: middle}
#pagination ul li.page_start a,#pagination ul li.page_end a{ width: auto!important}
#pagination ul li.page_start{}
#pagination ul li.page_end{}
#pagination ul li a,#pagination ul li span{ border-radius: 3px; display: block;border: 1px solid rgb(0,0,0); color: rgb(0,0,0); line-height: 19px; padding: 2px 5px; height: 25px; width: 45px; margin: 0 2px}
#pagination ul li span.current,#pagination ul li:hover span,#pagination ul li:hover a{  background: rgb(0,0,0); color: #fff; }
#pagination ul li a,#pagination ul li a i{ font-size: 17px}

.owl-carousel .owl-stage-outer{}
.owl-dots{ display: flex; align-content: center; justify-content: center; margin-bottom: 30px; margin-top: 30px}
.owl-dot span{ width: 13px; height: 13px; display: block;border: 1px solid #f48221!important; border-radius: 20px; margin: 0 5px}
.owl-dot.active span{ background: #f48221}
.owl-nav{}
.owl-nav button{ background: #f48221!important; color: #fff!important; border-radius: 50px; position: absolute; width: 45px; height: 45px; line-height: 60px!important; top: 0; bottom: 0; margin: auto}
.owl-nav button:hover{ background: #f48221 !important}
.owl-nav .owl-prev{left: -45px }
.owl-nav .owl-next{right: -45px} 
#banner_top{position: relative; height: 200px; margin-bottom: 55px; background-position: center bottom!important; background-repeat: no-repeat!important; background-size: cover!important}
#banner_top h1,#banner_top h2,#banner_top h3{ color: #000; font-weight: 700!important; font-size: 30px!important;  text-transform: uppercase}
#banner_top .container_sblo{display: flex;width: 100%;flex-direction: column;justify-content: center;align-items: center;height: 100%;}


.acordeon_sblo{ }
.acordeon_sblo .card{ border-radius: 0; border: none }
.acordeon_sblo .card h2,.acordeon_sblo .summary_cont{  border: 1px solid #f48221 ; border-radius: 100px  }
.acordeon_sblo .card h2{ cursor: pointer;padding: 10px 15px 10px 45px; position: relative}
.acordeon_sblo .card h2:after{content: '+'; display: inline-block; position: absolute; width: 35px; height: 35px; right: 0; top: 0; bottom: 0; margin: auto}
.acordeon_sblo .card h2[aria-expanded="true"]:after{content: '-';}
.acordeon_sblo .summary_cont{padding: 20px 15px 20px 45px }
.summary_cont .summary{ padding-right: 10%}
.summary_cont .summary .sub_title{ margin: 10px 35% 35px 0%}
.summary_cont .summary ol,.summary_cont .summary ol li{list-style:decimal!important}
.summary_cont .summary ol,.summary_cont .summary ul{ margin-left: 40px}


.c_card .item_c{ margin: 0 15px; box-shadow: 0px 0px 10px rgba(6,6,6,20%); padding: 15px; border-radius: 15px }
.c_card .item_c i.ico_card{ display: table; width: 40px}
.c_card .item_c h2{ padding-right: 15%}




/*********SECTION**grls****************/

#promo_home{ width: 70%; margin-bottom: 45px; margin-top: 75px}

#promo_home .cont_banner .content_banner{ width: 380px; left: 5%; display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;align-content: flex-start;align-items: flex-start;}
#promo_home .cont_banner .content_banner h3{ text-transform:inherit!important; color: #fff!important; font-size: 32px!important;line-height: 32px}
#promo_home .cont_banner .content_banner a{ display: table; width: auto; text-transform: uppercase; margin-top: 20px}

/*********SECTION**ABOUT****************/
#about_home{padding: 55px 0}
#about_home .summary{ padding-left: 10%}
#about_home .summary h2,#about_home .summary h4,#about_home .summary p{color: #fff!important}
#about_home .summary h4{ margin-bottom: 30px; font-size: 32px!important; }
#about_home .summary p{}
#about_home .summary a{ margin-top: 35px}
#about_home figure{ padding-right: 10%}

#list_sedes{margin-top: 70px}
#list_sedes .row{justify-content: center}
#list_sedes [class*='col-']  { }  
#list_sedes .item_sede{width: 100%; padding: 10px; border-radius: 10px; border: 1px solid #ededed;  margin-bottom: 30px}
#list_sedes .item_sede h3{ width: 100%;  border-bottom: 1px solid #ededed; padding-bottom: 10px; margin-bottom: 10px}
#list_sedes .item_sede h3 i{ width: 55px; height: 55px;; background: #f48221; border-radius: 90px; text-align: center; line-height: 55px; color: #fff}
#list_sedes .item_sede h3 span{ width: calc(100% - 70px); font-weight: 600; font-size: 16px; margin-left: 10px; text-transform: uppercase}
#list_sedes .item_sede .summary{width: 100%}
#list_sedes .item_sede ul{ width: 100%}
#list_sedes .item_sede ul li{margin-bottom: 10px; padding-left: 10px}
#list_sedes .item_sede ul li i{ width: 35px; margin-right: 10px; height: 35px;; background: #f48221; border-radius: 90px; text-align: center; line-height: 35px; color: #fff}
#list_sedes .item_sede ul li span{ font-size: 18px}
#list_sedes .item_sede ul li .btn_sblo{}
#list_sedes .item_sede ul li .btn_sblo i,#list_sedes .item_sede ul li .btn_sblo span{ display: inline-block; vertical-align: middle}
#list_sedes .item_sede ul li .btn_sblo i{line-height: 25px; margin-left: 0!important}
#list_sedes .item_sede ul li .btn_sblo i svg { width: 25px ; height: 25px; margin-top: 5px}
#list_sedes .item_sede ul li .btn_sblo i svg path{ fill: #fff;}
#list_sedes .item_sede ul li .btn_sblo:hover i{ background: #fff}
#list_sedes .item_sede ul li .btn_sblo:hover i svg path{ fill: #f48221;}
/*********SECTION**Novedades****************/

#section_nove{ padding-bottom: 55px;background-position: top left!important; background-size: cover!important;background-attachment: fixed!important}
#section_nove header h3{ font-size: 22px; color:#fff!important}
#section_nove header h5{ font-size: 45px; color:#fff!important}
#novedades_c .item_nove{padding: 0 10%}
#novedades_c .item_nove i { width: 100px}
#novedades_c .item_nove h3{ color: #fff!important}

#marcas_home{}
#marcas_home{}
#marcas_home .summary {padding: 30px 20% 30px 55px}
#marcas_home .summary h2{ text-transform: uppercase; color:#f48221 !important; margin-bottom: 15px}
#marcas_home .summary h2 span{ display: block}
#marcas_home .summary h2 span.title_1{ display: block; font-size: 25px}
#marcas_home .summary h2 span.title_2{ font-weight: bold!important; font-size: 40px}

#list_brand{ display: flex; margin: 35px 0!important; flex-wrap: wrap;align-items: center; justify-content: flex-start}
#list_brand li{ width: calc(33.33% - 10px); margin-right: 10px; margin-bottom: 10px;transition: all 500ms ease-out;}
#list_brand li a{  display: block; text-align: center;padding: 5px 20px; font-size: 17px; background: #f48221; border-radius: 5px; color: #fff!important}
#list_brand li:hover{transform: translateY(-5px);transition: all 500ms ease-out;}
/*********SECTION**BLOG****************/

#list_blog{padding-top: 55px}
#list_blog.container_sblo{ width: 75% }
.item_blog{margin-bottom: 35px}
.summary_blog{ padding: 10px }
.item_blog header{margin-bottom: 10px}
.item_blog header h5{ font-size: 13px!important; display: table; font-weight: 700!important; color: #f48221}
.item_blog figure h2{ background:#f48221; color: #fff!important; text-align: center;font-size: 14px!important; font-weight: 400!important; bottom: 0; left: 0; width: 100%; padding: 5px 10px} 
.summary_blog .btn_sblo{}

.header_blog{margin-bottom: 35px}

#footer_blog{padding-bottom: 35px; padding-top: 35px}
.pagination_post { }
.pagination_post li{}
.pagination_post li a{display: table;border: 1px solid #f48221;color: #f48221;padding: 5px 10px;border-radius: 50px;font-size: 15px;transition: all 800ms ease-out;}
.pagination_post li a i,.pagination_post li a span{ display: inline-block; vertical-align: middle;}
.pagination_post li a i{ margin: 0 5px}
.pagination_post li a:hover{background: #f48221; color: #fff!important}
/***SIDEBAR****/
.content_sidebar .widget{ display: block; background: #fff; border: 1px solid #5e5e5e!important; padding: 10px; border: none; margin-bottom: 35px!important; margin-top: 0!important}
.content_sidebar .widget .widget_title{ font-size: 20px!importrant; margin-bottom: 10px!important; color: #f48221; text-transform: uppercase; text-align: center;font-weight: bold!important}
.content_sidebar .widget ul li{ position: relative;}
.content_sidebar .widget ul li:before{ content: '\f35a'; font-family:"Font Awesome 5 Free"; display: inline-block; vertical-align: middle; margin-right: 5px; color: #5e5e5e}
.content_sidebar .widget ul li a{ color: #f48221}

#menu_categorias li{margin-bottom: 10px}
#menu_categorias li a{ display: inline-block;transition: all 400ms ease-out}
#menu_categorias li a:hover{  color: #f48221; transform: translateX(10px);transition: all 400ms ease-out}
#more_blog.widget li{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ededed}
#more_blog.widget li:before{ display: none}
#more_blog.widget li a{ color: #f48221}
#more_blog.widget li a:hover{ }
#more_blog.widget li a i{ width: calc(25% - 10px)}
#more_blog.widget li a span { width: calc(70%); margin-left: 10px; font-size: 13px; line-height: 14px}


/*********SECTION**page****************/

#content_page{  padding-bottom: 0}

#page_general #banner_top{margin-bottom: 55px}

.entry_content{}
.entry_content h2,.entry_content h3,.entry_content h4,.entry_content h4,.entry_content h5{ font-weight: 600!important}
.entry_content .gallery a{ display: block; overflow: hidden;margin:2.5px; border: 1px solid #f48221;transition: all 250ms ease-out;}
.entry_content .gallery a img{ width: 100%; border: none!important;transition: all 250ms ease-out;}
.entry_content .gallery a:hover img{  transform: scale(1.05);transition: all 500ms ease-out;}
.entry_content .gallery a:hover{  transform: scale(1.1); box-shadow: 0px 0px 20px rgba(0,0,0,20%);transition: all 250ms ease-out;}
#gallery-1 .gallery-item{ margin: 0!important}
.entry_content ul{ margin-bottom: 30px!important; clear: both}
.entry_content ul li{position: relative; padding-left: 15px}
.entry_content ul li:before{ content: ''; background:#f48221; position: absolute; top: 7px; left: 0; display: block; vertical-align: top; width: 7px; height: 7px; border-radius: 20px}

.entry_content .elementor h2, .entry_content .elementor h3, .entry_content .elementor h4, .entry_content .elementor h4, .entry_content .elementor h5{ margin-bottom: 0!important}

.elementor-widget:not(:last-child){margin-bottom: 0!important}

/*******newsletter********/


/*******CTO********/

#cto{}
#cto.cto_home{margin-top: 55px; margin-bottom: 35px; background-position: top right!important; background-size: cover!important;background-attachment: fixed!important; padding: 40px 0}

#cto.cto_home .container{ background: rgba(256,256,256,15%); border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,10%)}

#cto header{padding-bottom: 35px}
#cto header h3,#cto header p{ color: #000!important}
#cto header p{ width: 44%; margin: 0 auto}
#cto.cto_home .cont_form{ padding: 0 20% 55px 20%}
#cto.cto_home .wpcf7-form,#form_trabaja .wpcf7-form{ display: flex; flex-wrap: wrap; align-items: center}
#cto.cto_home .wpcf7-form .btn_form{ background: #fff; text-transform: uppercase;padding: 5px 30px; border-radius: 3px}
.wpcf7-form .wpcf7-list-item input[type=checkbox]{width: 12px; height: 12px}
#cto.cto_home .wpcf7-form .wpcf7-list-item input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height: 12px;width: 12px;top: 0px;left: 0px;border: 1px solid rgb(256,256,256); border-radius: 0px}
#cto.cto_home .wpcf7-form .wpcf7-list-item input[type=checkbox] + span:after {display: block;position: absolute;content: "";height: 12px;width: 12px;top: 2px;left: 0;
visibility: hidden;font-size: 16px;text-align: center;line-height: 15px;}
#cto.cto_home .wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:before {background: rgb(256,256,256);}
#cto.cto_home .wpcf7-form .wpcf7-list-item label{ color: #000; text-transform: uppercase; font-size: 12px; line-height: 12px; margin-bottom: 0}


#form_trabaja{}
/*******Redes********/
.redes_sociales{ padding: 0!important;}

.redes_sociales ul {list-style: none;  margin: 0;display: flex; justify-content: center; align-items: center}
.redes_sociales li {} 

.redes_sociales a{ position: relative;  }
.redes_sociales a:before{ font-family: "Font Awesome 5 Brands";content: "\f415"; color: #fff;   }
.redes_sociales a:hover:before{ }
.text_redes{}
#redes_foo{ margin: 15px 0}
#redes_foo ul li{display: flex; justify-content: center; align-items: center; margin: 0 10px;}
#redes_foo ul li:last-child{border: none}
#redes_foo ul a{ background: none; width: 35px; height: 35px; border-radius: 55px; line-height: 35px; font-size: 18px}
#redes_foo ul a:before{ color: #fff!important; margin: 0 5px }


.redes_sociales a[href*="codepen.io"]:before {content: "\f1cb ";}
.redes_sociales a[href*="digg.com"]:before {content: "\f1a6 ";}
.redes_sociales a[href*="dribbble.com"]:before {content: "\f17d ";}
.redes_sociales a[href*="dropbox.com"]:before {	content: "\f16b ";}
.redes_sociales a[href*="facebook.com"]:before {content: "\f39e"; }
.redes_sociales a[href*="flickr.com"]:before {content: "\f16e ";}
.redes_sociales a[href*="foursquare.com"]:before {content: "\f180 ";}
.redes_sociales a[href*="plus.google.com"]:before {	content: "\f0d5";}
.redes_sociales a[href*="github.com"]:before {content: "\f09b";}
.redes_sociales a[href*="instagram.com"]:before {content: "\f16d "; }
.redes_sociales a[href*="linkedin.com"]:before {content: "\f0e1 "; }
.redes_sociales a[href*="pinterest.com"]:before {content: "\f231";}
.redes_sociales a[href*="getpocket.com"]:before {content: "\f265";}
.redes_sociales a[href*="f281 .com"]:before {content: "\f222";}
.redes_sociales a[href*="skype.com"]:before {content: "\f17e ";}
.redes_sociales a[href*="twitter.com"]:before {	content: "\f099 "; }
.redes_sociales a[href*="vimeo.com"]:before {content: "\f27d ";}
.redes_sociales a[href*="youtube.com"]:before {	content: "\f167 ";}

.text_redes{ display: none }


#seo{ margin-bottom: 30px}
#seo h1{ text-transform: uppercase; margin-bottom: 10px; font-size: 15px!important}
#seo ul li{margin: 0 5px;}
#seo ul li h2{ font-size: 14px!important;}

#wp_banner{padding: 70px 0}
#wp_banner .summary i{ margin-right: 15px; background: #fff; width: 60px; height: 60px; line-height: 25px; display: table;  border-radius: 90px}
#wp_banner .summary i svg{ width: 35px; display: table;margin: 9px  auto 0 auto}
#wp_banner .summary h3{ color: #fff!important}
#wp_banner .summary h3 span{ display: block}
#wp_banner .summary h3 span.title_1{  text-transform: uppercase; font-size: 20px}
#wp_banner .summary h3 span.title_2{  font-weight: bold!important;font-size: 30px}
.btn_wp{ background: #fff; padding: 10px; text-transform: uppercase; border-radius: 10px}
.btn_wp i{ width: 30px; height: 30px;}
.btn_wp i svg{ width: 30px; height: 30px;}
/**********FOOTER****************/
#content_footer{ background: #fff ; padding-top: 55px }
#logo_foo{ display: table; margin: 0 auto; width: 125px; text-align: center}

.info_cto h4,.menu_foo h4,#foo_4 h4{ color: #000!important; margin-bottom: 10px}
.menu_foo  a{ color: #000!important}
.menu_foo .foo_menu li a,.info_cto ul li { font-size: 12px; line-height: 12px; margin-bottom: 5px }
#foo_4 li{ font-size: 12px; line-height: 12px; margin-bottom: 5px}

#method_pay img{margin: 30px auto;}

.menu_foo.item_foo{ text-align: center}
.menu_foo.item_foo h4{ margin-bottom: 10px; font-size: 14px}
.menu_foo.item_foo ul{ display:flex; align-items: center; justify-content: center;}
.menu_foo.item_foo ul li{ margin: 0 10px;}
.menu_foo.item_foo ul li a{ font-size: 16px; border: 1px solid #000; padding: 5px 10px}

#anchor_tex{ padding: 20px 0; margin-top: 15px; }
#anchor_tex a,#anchor_tex p,#anchor_text span{ font-size: 11px; color: #000!important; margin: 0!important}
/**********CCS*MB****************/
#menu:focus{outline: none!important}
    #menu{width: 30px;height: 30px;  background: #f48221; border-radius: 100px; overflow: hidden;display: none; vertical-align: middle;border: none;position: relative; z-index: 9999; margin: 0px}
    #lineas_menu{ display: flex; flex-wrap: wrap; align-content:center;justify-content: center;align-items: center;position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: auto}
    .linea_menu{ background: #fff; display: inline-block; text-align: right;width: 65%; height: 2px; margin: 3px auto;transition: all 400ms ease-out;}

    #menu:hover .linea_2{ margin: 4px auto}
#menu.on{ }
    #menu.on .linea_2{ width: 0}
    #menu.on .linea_1{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; transform:rotate(45deg)}
    #menu.on .linea_3{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; transform:rotate(-45deg)}
    #menu.on .linea_menu{ background: #fff; }

.mbp p{
    margin-bottom: 0;
}


#pagina_error {
    height: 100vh;
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cont-404 {
 	display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
 
.cont-404 h2,
.cont-404 h1 {
    text-align: center;
}

ul.list a{
    color: #f48221;
}

/**********CCS*MB****************/

@media only screen and (max-width: 1440px){
#content_header .container_sblo {width: 90%;}
    
}

@media only screen and (max-width: 1350px){
#content_header .container_sblo {width: 95%;}
   
}
@media only screen and (max-width: 1280px){
   
    
}
@media only screen and (max-width: 1200px){
  
    
}
@media only screen and (max-width: 1170px){
   
   
    
}
@media only screen and (max-width: 1024px){
    #content_header{padding: 0!important}
    #content_header .container{border-radius: 0!important}
    #menu{ display: inline-block; margin-left: 15px}
    #h_right_2{width: calc(40%);}
    #access{  display: none; position: fixed; left: 0; width: 60%; right: 0; margin: 0 auto;background:#fff}
    #access ul.menu_top{padding: 25px 10px!important}
    #access li{ margin: 0 auto 5px auto;width: 50%}
}

@media only screen and (max-width: 980px){
    .container{ max-width: 100%; width: 100%}
     #access ul.menu_top{flex-direction: column; padding: 25px 10px!important}
}
@media only screen and (max-width: 768px){
     #access{ width: 75%; }
}

@media only screen and (max-width: 767px){
    #content_footer [class*='col-'],#about_home [class*='col-'],#marcas_home [class*='col-'],#cto.cto_home .wpcf7-form [class*='col-'], #form_trabaja .wpcf7-form [class*='col-'] {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    #slider{ position: relative}
    .container_sblo{ width: 100%}
    #h_left{width: calc(100%);}
    #menu_left_tp{justify-content: space-between;}
    #h_center{width: calc(50%  - 20px);}
    #logo_top{ width: auto!important}
    #logo_top .st0{fill:#fff;}
    #h_right{width: calc(50%);}
    .header_section{padding: 35px 0}
    .title_section{ font-size: 25px!important}
    #access{ width: 95%;}
    #access a, .btn_menu{text-transform: uppercase; font-size: 17px}

        #banner_top{height: 100px}
.elementor-150 .elementor-element.elementor-element-07bd446:not(.elementor-motion-effects-element-type-background), .elementor-150 .elementor-element.elementor-element-07bd446 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size: cover!important}
    #banner_top h1 span.f_cursiva {    font-size: 45px;    line-height: 45px; }
    #about_home .summary{padding: 0 0 35px 0}
    #cto.cto_home  .container{padding: 0}
    #cto.cto_home .cont_form {padding: 0 0% 55px 0%;}
    #cto header p{ width: 100%}
    #promo_home {width: 100%;margin-bottom: 20px;margin-top: 20px;}
    #promo_home .cont_banner .content_banner{ left: 0; width: 100%;text-align: center; padding: 10px;    align-items: center;}
    #promo_home .cont_banner .content_banner h3{font-size: 22px!important;line-height: 22px;}
    .form_boletin.container_sblo {width: 100%;margin-top: 35px;}
    .form_boletin .title_section {font-size: 20px!important;}
    #marcas_home .summary{padding: 30px 10px}
    .foo_nuby{padding-top: 10px; text-align: center}
    #list_brand{ justify-content: center}
    #list_brand li{ width: auto!important}
    #wp_banner .summary{ flex-direction: column; text-align: center; width: 100%}
    #wp_banner .summary i{ margin: 0 0 20px 0!important}
    .btn_wp{ display: table; margin: 20px auto}
    #marcas_home .summary h2{ text-align: center}
    #marcas_home .summary h4{margin: 20px auto; text-align: center}
    #marcas_home .summary .btn_sblo{ margin: 0 auto; display: table;}
    #list_sedes [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}

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

}