/*
font-family: 'Montserrat', sans-serif
*/
html{ margin:0 !important;height: 100%;}
body { background: #fff; font-family: 'Montserrat', sans-serif!important;margin:0; padding:0 !important; color: #666 !important; font-weight: 400!important; position:relative; font-size:14px!important; line-height: 1em; width:100%;height: 100%;}
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif!important; margin: 0; color: #5e5e5e; font-weight: 400 }
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 }
input, input[type="text"], input[type="file"],button { background: none;border:none;color:#666 }
nav ul,ul{ margin:0 !important; padding:0 !important}
ul, li{ list-style: none}
a {text-decoration:none!important; color:#5e5e5e; 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: 'Montserrat', 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{transition: all 300ms ease-out;}
.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: #666!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; }

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 24
}

/********************fin Reset******************/
/*******PQRs********/
#list_pqrs{ margin: 55px auto}
.list_pqrs .card,.list_pqrs .card-header{ border-radius: 0}
.list_pqrs .card{ border: 1px solid #588097; margin-bottom: 10px}
.list_pqrs .card-header{  background: none; padding: 0}
.list_pqrs .card-header h3{ display: block; padding: 10px; cursor: pointer}
.list_pqrs .card-header h3[aria-expanded="true"]{ background:#588097; color: #fff }


#descargas{}
#descargas .item_descargas {margin-bottom: 30px}
#descargas .item_descargas .summary{ background: #3f5b6b; overflow: hidden;border-radius: 5px; padding: 5px 10px; position: relative;}

#descargas .item_descargas .summary i{position: relative;z-index: 90; color: #fff; font-size: 35px; margin-right: 10px}
#descargas .item_descargas .summary h2{  font-size: 20px; line-height: 22px; color: #fff; font-weight: 600}
#descargas .item_descargas .summary a{ font-size: 17px; background: #ff7f00; left: inherit;right: -120%;  color: #fff;z-index: 1; text-transform: uppercase;transition: all 400ms ease-out;display: flex;align-items: center;justify-content: center;}
#descargas .item_descargas .summary:hover a{left: inherit;right: 0%;transition: all 400ms ease-out;}

#list_cata .heading_catalogo{font-weight: bold; font-size: 35px; margin-bottom: 30px}
#list_cata .heading_catalogo i{ margin-right: 15px}
.item_cata_list{ margin-bottom: 40px}

/******************************* HEADER *****************************/
#page_general.page_constructor{ padding-top: 0!important}
#content_header{ background: #3f5b6b; width: 100%;top: 0px; left: 0; right: 0; margin: 0 auto;z-index: 9999;  z-index: 9991;  transition: all 400ms ease-out;}
#content_header .container_sblo{width: 90%}
#header_top{background: #d8dbe0; overflow: hidden}

#redes_top{ margin-left: 35px}
#btn_top_h li{margin-left: 35px}
#btn_top_h li a{ font-size: 13px;padding: 10px;font-weight: bold }
#btn_top_h li.btn_capacitate a{ }
#btn_top_h li.btn_capacitate a:hover{ background: #5e5e5e; color: #fff}
#btn_top_h li.btn_portal a{ background:#ff7f00; color: #fff; }
#btn_top_h li.btn_portal a:hover{ background:#3f5b6b; color: #fff; }
#btn_top_h li.btn_portal a img,#btn_top_h li.btn_portal a span{ display: inline-block; vertical-align: middle}
#btn_top_h li.btn_portal a img{ width: 25px;margin-right: 10px; filter: brightness(100) contrast(1);}
#rededes_top.redes_sociales a{ line-height: normal}
#header_right{ width: calc(100% - 140px) }
#header_bt{padding: 10px 0}
#h_top{position: relative}

#banner_descuento .summary h3 b{ font-size: 90px; position: relative; z-index: 90}

#h_top,#h_bt{ width: 100%}
#h_top{ background: #3f5b6b; padding-left: 5%}
.search_plugin{ width: 500px; margin-left: 15%; border-radius: 10px;  height: 40px; background: #fff}
.search_plugin form input[type=search].dgwt-wcas-search-input{ border: none; background: none; text-align: right; padding: 5px 40px 5px 10px!important;}
.search_plugin form .dgwt-wcas-ico-magnifier{ left: inherit; right: 10px}
#h_bt{ width: 100%}
#header_bt .container_sblo{}
#h_bt{ background: #fff}
#logo_top{position: relative; z-index: 99; width:  140px; margin-bottom: -20px; transform: translateY(-40px);background: #fff; border-radius: 0px 0px 10px 10px; padding: 10px;}
#logo_top a{  width: 100%; display: inline-block}
#access { margin-bottom: 15px; }
#access li{ position: relative;display: inline-block; vertical-align: middle}
#access a,.btn_menu{ font-weight: 400; color: #fff;text-transform: uppercase;font-size: 13px; margin-right: 15px}
#access a:hover,.btn_menu:hover{color:#0099cc;}

.btn_menu .arrow_menu {position: relative; display: inline-block; vertical-align: middle}

#access ul .sub-menu{background: #666; 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: #fff!important; font-size: 14px!important; font-weight: 500; text-align: left; padding: 5px 10px; position: relative}
#access li.menu_bg a{background:#fff; color: #666!important; font-size: 10px; padding: 5px 15px }
#access li.menu_bg a:hover{background:#666; 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{background: #666; color: #122815!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}


#access ul li  .btn_menu .arrow_menu{ }
#access ul li .btn_menu .arrow_menu:after{content:"+"!important; display: block; color: #fff!important}
#access ul li.active .btn_menu .arrow_menu:after{content:"-"!important;}



#shop_menu .add_menu a{ font-weight: 600!important  } 
.quadmenu-description{display: none!important}

/********* NEW HEADER ************/

/********* SLIDER ************/
.home_page{height: 100%}
.container_slider{ width: 95%; margin: 0 auto; position: relative; overflow: hidden}
.slider_full.carousel,.slider_full .item,.slider_full .active,.slider_full .carousel-inner { height: 100%;}
.slider_full .fill {width: 100%;height: 100%; }

.carousel_indicators{ position: absolute; width: auto; text-align: center;display: block; margin: 0 auto; bottom: 35px; left: 0; right: 0; z-index: 100}
.carousel_indicators li{ border:2px solid #666; display: inline-block; width: 15px !important; height: 15px !important; border-radius: 30px; margin: 0 5px; cursor: pointer}
.carousel_indicators li:hover, .carousel_indicators li.active{ background:#666}

.carousel_caption{ position: absolute; width: 100%; height: 100%; top: 0; left: 0}

#slider .carousel-control{ background:#666!important;position: absolute; top: inherit; bottom: 25px; margin:0;width: 35px; height: 35px; color: #666!important; text-shadow: none; opacity: 1; border-radius: 100%}
.carousel-control.left{ left: 35px!important; }
.carousel-control.right{right: 75px}

.carousel-control.left i,.carousel-control.right i{ font-size: 40px; color: #666!important; line-height: 35px }

#slider img{width: 100%}
#slider .carousel_caption{}
#slider .carousel_caption .display_table_cell{  vertical-align: middle;}
#slider .entry_slider{ display: table;padding: 0; margin-top: 70px; width: 55%;text-align: left;transition: all 400ms ease-out;}
#slider .entry_slider.pull-left{ text-align: left}
#slider .entry_slider.pull-right{ text-align: right; margin-right: 10%; float: right}
#slider .entry_slider h3{color: #3f5b6b; text-transform: uppercase;font-size: 20px; text-transform: uppercase;line-height: 25px; font-weight: 500; }
#slider .entry_slider h4{ color: #fff; font-size: 50px; line-height: 55px; font-weight: bold!important}
#slider .entry_slider h4 span{ color: #2473b8}

#slider .entry_slider a.btn_sblo{ background: #3f5b6b; color: #fff!important; border-radius: 80px; margin-top: 30px}

#bullets_slider{ text-align: left;margin: 0;left: 25%; bottom: 15px }
#bullets_slider:before{content: ''; transform: translateY(-7px);background: #fff; display: inline-block; vertical-align: middle; width: 70px; height: 2px; margin-right: 10px}
#bullets_slider li{ border:none; display: inline-block; width: auto!important; height: auto!important; border-radius: 0; margin: 0 5px; cursor: pointer; background:none; color: #fff!important; font-size: 30px}
#bullets_slider li:hover, #bullets_slider li.active{ background: none!important;  opacity: 1; transform: scale(1.1)}
.elipse_banner {width: 100%;position: absolute;left: 0;bottom: 0;}


#lista_experiencia{}
#lista_experiencia .video{ border-right: 1px solid #fff; padding: 20px 30px 20px 0}
#lista_experiencia .video .widget-title{ color: #fff!important; font-weight: 600;text-align: center}
#lista_experiencia .item_expe ul{ display: flex; flex-wrap: wrap; align-items: flex-start}
#lista_experiencia .item_expe ul li{ display: flex;width: calc(50% - 20px); margin: 0 10px 20px 10px; color: #3f5b6b; font-size: 19px; padding: 10px 10px; background: #fff; border-radius: 10px; line-height: 20px}
#lista_experiencia .item_expe ul li:nth-child(even){transform: translateY(50%)}

#metricas{}
#metricas h2.sow-headline{ text-transform: uppercase; font-size: 35px; font-weight: 800; margin: 0!important}
.item_metrica{text-align: center}
.item_metrica h3{ margin-top: 0!important; font-weight: bold; padding: 0 20%; color:#fff!important}
.item_metrica p{ margin-bottom: 0!important; font-weight: 500; font-size: 50px; color:#fff!important}

#metricas_home{padding: 80px 0;background-attachment: fixed!important; background-size: top center!important}
#metricas_home p{ color: #fff; font-size: 19px; font-weight: 600}
#metricas_home h3{font-size: 30px;font-weight: bold; color: #fff!important}
#metricas_home ul li span{font-size: 80px; display: table; margin: 0 auto 20px auto; font-weight:  600; line-height: 80px;    color: #fff;}
#metricas_home ul li p{ font-size: 17px}


/************FORMATO page***************/

#content_page{margin-top: 55px; margin-bottom: 70px }
#content_page .widget{ border: none}

/************FORMATO formularios***************/
.wpcf7{}
.wpcf7 .wpcf7-form-control-wrap{ overflow: hidden;width: 100%; position: relative;display: inline-block; margin-bottom: 5px}
.wpcf7 .wpcf7-form-control-wrap label{font-weight: normal; font-size: 13px}
.wpcf7 .wpcf7-form-control-wrap input,.wpcf7 .wpcf7-form-control-wrap textarea,.wpcf7 .wpcf7-form-control-wrap select{background: #fff;  width: 100%; color:#666!important; border: 1px solid #666; font-size: 17px;border-radius: 5px; font-weight: 500; padding: 8px 15px;font-family: 'Montserrat', sans-serif;} 
.wpcf7  textarea{ max-height: 140px; height: 140px; border: none; border-radius: 5px}
.wpcf7 .btn_sblo{ width: auto; background: #ff7f00; padding: 10px 35px!important}
.wpcf7 .btn_sblo:hover{}
.cargando {display: none;text-align: center;width: 95%;}
.resultado{	color: #666;font-weight: 600;text-align: center;width: 95%; clear: both}
.wpcf7 .item_form.acepto_term a,.wpcf7 .item_form.acepto_term span{color: #183d87!important; font-size: 13px!important}

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

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


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

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

.wpcf7 select::-webkit-input-placeholder { color:#666; }
.wpcf7 select::-moz-placeholder { color:#666; } 
.wpcf7 select::-ms-input-placeholder { color:#666; } 
.wpcf7 select::-o-placeholder { color:#666; }
.wpcf7 .ajax-loader{ display: none}
.wpcf7 [class*='acceptance']{border: none!important}
input:-internal-autofill-selected { background: none!important}
span.wpcf7-list-item {display: inline-block;margin: 0;}
.wpcf7 .wpcf7-list-item {display: block;margin-bottom: 0px;}
.wpcf7 .wpcf7-list-item label {position: relative;cursor: pointer;}
.wpcf7 .wpcf7-list-item input[type=checkbox] {/*position: relative;*/position: absolute;visibility: hidden;width: 20px;height: 20px;top: 0;left: 0;}
.wpcf7 .wpcf7-list-item input[type=checkbox] + span {}
.wpcf7 .wpcf7-list-item input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height: 15px;width: 15px;top: 5px;left: 0px;border: 1px solid rgb(51,51,51); border-radius: 3px}
.wpcf7 .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 .wpcf7-list-item input[type=checkbox]:checked + span:before {background: rgb(51,51,51);}
.wpcf7 .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{content: 'Ajuntar hoja de vida';visibility: visible;display: block;position: absolute;background: #666;color: #fff;    padding: 15px;  top: 0px; left: 0; width:100%; height: 100%; text-align: center}
.wpcf7-spinner{ display: none}
.requerido{position: absolute;color: #666; top: 5px; left: 3px;font-size: 17px; font-weight: bold}


#form_single{ background: #6c9cb8; padding: 10px 0px}
#form_single h4{ margin: 10px 0; color: #fff!important}
#form_single .wpcf7-list-item-label{ font-size: 10px; color: #fff}

/*********SECTIONS GRAL************/
figure{ margin: 0}
.bg_cover{ background-size: cover!important;}
.container_sblo{  width: 95%; margin: 0 auto;position: relative}
.content_banner,.btn_absoluto{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.btn_absoluto{z-index: 80}
.btn_sblo{display: table; background: #3f5b6b; font-weight: bold; border-radius: 10px; padding: 10px 25px; color: #fff!important; font-size: 14px; text-transform: uppercase}
.btn_sblo:hover{ background: #ff7f00; color: #fff!important} 
.btn_sblo span,.btn_sblo i{ display: inline-block; vertical-align: middle}
.btn_center{ margin: 20px auto; display: table}
.summary.d-table{ margin: 0 auto}
.section_home{ position: relative; padding:  0}
.title_section{ font-size: 45px; font-weight: 500; color:#ef8913; margin-bottom: 55px }
.row_center{ display: flex!important; flex-wrap: wrap; align-items: center}
.row_bottom{display: flex; flex-wrap: wrap; align-items: flex-end}
.row_top{display: flex; flex-wrap: wrap; align-items:flex-start}
.aling_center{justify-content: center}
.aling_right{justify-content:flex-end}

.header_section{ margin-bottom: 55px}
.header_section h1,.header_section h2,.header_section h3{ font-size: 45px; line-height: 45px; font-weight: bold; text-align: center; text-transform: uppercase} 
.header_section h1 span,.header_section h2 span,.header_section h3 span{ display: block}
.header_section .first_title{ color: #b8b8b8!important}
.header_section .second_title{ color: #3f5b6b!important}

.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{ padding-bottom: 35px}
.owl-dots{ display: none}
.owl-nav{}
.owl-nav button{ position: absolute; width: 30px; height: 30px; line-height: 30px; top: 0; bottom: 0; margin: auto}
.owl-nav .owl-prev{left: 30px }
.owl-nav .owl-next{right: 30px} 
#banner_top{position: relative; margin-bottom: 55px}
#banner_top.banner_full{ margin: 0!important; width: 100%; height: 100%}


.cant_product_banner{ text-transform: uppercase; color: #fff; font-weight: 600; font-size: 22px}
#banner_top .row_center{ justify-content: center; }
#banner_top h1,#banner_top h2, #banner_top h3{color: #0f6c7d; }
#banner_top h1 span,#banner_top h2 span, #banner_top h3 span,#banner_top h1 b,#banner_top h2 b, #banner_top h3 b{ display: block}

.title_linea{position: relative}
.title_linea:after{content: '';display: block;width: 55px;height: 3px;background: #ef8913;margin: 20px 0;}

.acordeon_sblo{ border-top: 1px solid #3f3f3f}
.acordeon_sblo .card{ border-radius: 0; border: none }
.acordeon_sblo .card h2,.acordeon_sblo .summary_cont{  border: 1px solid #3f3f3f; border-top: none;  }
.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}

/*********SECTION**page****************/
.single_page .section_header{margin-top: 55px}
.single_page .section_header h1{color: #fff!important; background: #2473b8; font-size: 35px; font-weight: bold; font-style: italic; display: table; padding: 5px 0px 5px 30px; margin-bottom: 20px; text-transform: uppercase}
.single_page  .section_header  h1 span{ width: 25%; transform: translateY(10px);display: inline-block; vertical-align: bottom}
.single_page article{ margin-top: 70px}
#productos article{ margin-top: 0!important}


/*********SECTION**HOME****************/

#banner_info{ background:#ff7f00; border-bottom: 3px solid #fff }
#banner_info_left{ background: #6c9cb8; border-radius: 0px  20px 20px 0px}
#banner_info_left .summary { padding: 45px 0 40px 10%}
#banner_info_left .summary h3{ font-size: 45px; line-height: 45px; color: #fff!important; font-weight: bold;; margin-left: 45px}
#banner_info_left .summary div{ width: 55%}
#banner_info_left .summary div a{margin-top: 10px; margin-left: 45px; font-size: 25px }
#redes_banner h3{font-size: 50px; line-height: 50px; color: #fff!important; font-weight: bold;; }
#redes_banner ul{ text-align: center; margin-top: 30px!important}
#redes_banner ul li{ margin: 0 10px}
#redes_banner ul li a:before{ font-size: 30px; color: #fff}
#redes_banner ul li:hover{ transform: scale(1.15)}

/****BLOG****/

#blog_home{ padding: 75px 0; background-size: cover!important; background-position: center top!important}
#blog_home header{}
#blog_home header h3{color: #232323!important; margin-bottom: 30px }
#blog_home header p{color: #666!important;}
.item_blog_home{ border-radius: 5px; background: #fff; position: relative}
.item_blog_home .summary{ padding: 10px}
.item_blog_home .summary h2{ font-size: 25px; margin: 10px 0; color: #232323!important; font-weight: bold}
.item_blog_home .summary p{ font-size: 17px; margin: 0; color: #666!important; }

/*********SECTION**BLOG****************/

#list_blog{ margin-top: 55px}
#list_blog .item_blog{ margin-bottom: 35px;}
#list_blog .item_blog figure{ margin-bottom: 15px}
#list_blog .item_blog figure a{ display: block; border-radius: 15px; overflow: hidden;}
.summary_blog{padding: 15px 0}
.summary_blog h2{ padding-right: 20%; font-weight: 600; margin-bottom: 15px}
.summary_blog p{text-align: justify}
#single_blog{ margin-bottom: 70px; position: relative; z-index: 300}
.single_blog h1{  font-size: 30px; line-height: 34px; padding-right: 10%; font-weight: 600; margin-bottom: 15px}
.entry_blog h2,.entry_blog h3,.entry_blog h4,.entry_blog h5,.entry_blog h6{ font-weight: 600; margin-bottom: 10px}
.entry_blog ul,.entry_blog ol{margin: 20px 25px}
.entry_blog ul li,.entry_blog ol li{ margin-bottom: 10px}

.entry_blog p{ text-align: justify}

.content_sidebar .widget{ display: block; background: #fff; border: 1px solid #000!important; padding: 10px; border: none; margin-bottom: 35px!important; margin-top: 0!important}
.content_sidebar .widget .widget_title{ font-size: 20px; color: #000; text-transform: uppercase; text-align: center;font-weight: bold}
.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: #cc0000}

#menu_categorias li{margin-bottom: 10px}
#menu_categorias li a{ display: inline-block;transition: all 400ms ease-out}
#menu_categorias li a:hover{ color: #000; 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: #000}
#more_blog.widget li a i{ width: calc(25% - 10px)}
#more_blog.widget li a span { width: calc(75%); margin-left: 10px; font-size: 15px; line-height: 17px}


#footer_blog{padding-bottom: 35px; padding-top: 35px}
.pagination_post{ width: 100%; display: flex; align-items: center; justify-content: space-between}
.pagination_post li{}
.pagination_post li a{display: table;border: 1px solid #3f5b6b;color: #3f5b6b;text-transform: uppercase;padding: 5px 10px;border-radius: 0px;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: #3f5b6b; color: #fff!important}


/****OFERTAS****/

.oferta {}
.oferta .sow-sub-headline{ font-size: 23px; line-height: 28px; text-transform: uppercase;font-weight: bold; padding: 0 20%}
.oferta h3.widget-title{ font-size: 17px; font-weight: bold; margin-bottom: 10px}
.oferta .textwidget p,.oferta .textwidget ul li{ font-size: 17px;  line-height: 20px }
.oferta .textwidget ul li{list-style: disc!important; margin-bottom: 10px}

/****CTZ****/

#ctz{}
#ctz .form_ctz{ background:#f6f6f6; padding: 40px 30px; width: 90%; transform: translateX(15%); position: relative; z-index:90;border-radius: 35px}
#ctz .form_ctz [class*='col-']{ margin-bottom: 10px}
#ctz .form_ctz textarea{ background: none!important;border: 1px solid #a5a5a5; border-radius: 15px}
#ctz .form_ctz input,#ctz .form_ctz select{ border: 1px solid #a5a5a5; border-radius: 80px; padding: 5px 10px; background: none}
#ctz .form_ctz input.btn_sblo{ width: 100%;color: #fff; background: #ff7f00!important; border: none}
#ctz .form_ctz input{ width: 100%}
#ctz .summary{ background:#6c9cb8; padding: 120px 15px 120px 10%}
#ctz .summary h1{ color: #fff; font-size: 35px; line-height: 35px; font-weight: bold}
#ctz .summary h3{ color: #fff; font-size: 28px; line-height: 45px; font-weight: bold}
#ctz .summary p{text-transform: uppercase; color: #fff; margin: 10px 0; font-size: 16px; }
#ctz .summary a{ color: #fff; background: #ff7f00;}
#ctz .summary ul{ margin-top: 35px!important}
#ctz .summary ul li { color: #fff!important;}
.summary ul.info_foo li{ margin-bottom: 10px}
.summary ul.info_foo li i, #ctz .summary ul li span{ display: inline-block; vertical-align: middle}
.summary ul.info_foo li i{ margin-right: 5px}
/****CTZ****/

#cliente{margin: 40px 0 70px 0}
#clientes header h3 span{ display: block} 
#c_clientes .item_client{padding: 0 10px}
#c_clientes .item_client img{ filter: grayscale(1)}

/****NEWSLETTER****/

#newsletter{ background: #f6f6f6; padding: 55px 0}
#newsletter .container_sblo{ width: 70%}
#newsletter header h3{ color: #333!important; font-size: 35px; line-height: 35px; font-weight: bold}
#newsletter header h3 span{ color: #6c9cb8!important}

#newsletter .news_form{position: relative; overflow: hidden}
#newsletter .news_form .wpcf7-form-control-wrap{ margin-bottom: 0!important}
#newsletter .news_form .btn_news{position: absolute;  background: #3f5b6b; height: 89%; border-radius: 0px 5px 5px 0; padding: 0 30px; color: #fff; right: 0;text-transform: uppercase}
/*******Redes********/
.redes_sociales{ padding: 0!important;}

.redes_sociales ul {list-style: none; text-align: left; margin: 0}
.redes_sociales li {display: inline-block; vertical-align: middle; margin: 0 2px} 

.redes_sociales a{background: #fff;  text-align: center; position: relative;width: 30px; height: 30px;border-radius: 100%;  }
.redes_sociales a:before{ font-family: "Font Awesome 5 Brands";content: "\f415"; color: #084974;  display: block; line-height: 30px;  }
.redes_sociales a:hover:before{ }
.name_insta{ display: table; margin: 10px auto; font-size: 16px; font-weight: bold}



.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_social{ }


/**********FOOTER****************/
#content_footer .container_sblo{ width: 90%}
#content_footer{ background: #f6f6f6; padding-top: 80px; padding-bottom: 30px}
#content_footer a, #content_footer ul li,#content_footer p{ font-weight: bold;color: #3f5b6b!important;font-size: 14px}
#content_footer .summary h4{ color: #3f5b6b; font-size: 19px;text-transform: uppercase; font-weight: bold; position: relative}
#content_footer .summary h4:after{ content: ''; background:#ff7f00; display: block; width: 35px; height: 3px; margin: 15px 0 }

#logo_bt{display: table; width: 170px; margin-bottom: 30px}

#foo_tp{ padding-bottom: 40px}
.info_foo h3{ font-size: 16px; font-weight: bold}
.menu_foo .menu_foo{column-count: 2}
.menu_foo li{ margin-bottom: 10px}
.menu_foo li a{ font-size: 14px}

.info_foo.info_2 { display: flex; align-items: center; flex-wrap: wrap}
.info_foo.info_2 h3{margin-bottom: 10px}
.info_foo.info_2 li {
    width: calc(33.33% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
}

/**********CCS*MB****************/
#menu:focus{outline: none!important}
    #menu{width: 40px; height: 40px; 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: flex-end;align-items: center;position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: auto}
    .linea_menu{ background: #3f5b6b; display: inline-block!important; text-align: right;width: 90%; height: 2px; margin: 3px 0;transition: all 400ms ease-out;}
.linea_1,.linea_3{ width: 70%}
    #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: #3f5b6b; }
.call_whatsapp{background: #25d366; width: 55px; height: 55px; border-radius: 100px; right: 10px; position: fixed; top: 0; bottom: 0; z-index: 90; margin: auto; color: #fff; line-height: 55px; font-size: 35px; text-align: center} 
.call_whatsapp span{ display: none}
/**********CCS*MB****************/

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

@media only screen and (max-width: 1280px){}
@media only screen and (max-width: 1170px){
    #content_header .container_sblo {width: 95%;}
}
@media only screen and (max-width: 1024px){
    #access a, .btn_menu{ font-size: 11px}
    .header_section h1, .header_section h2, .header_section h3{ font-size: 35px; line-height: 35px}
    #banner_info_left .summary h3,#redes_banner h3{ font-size: 35px; line-height: 35px}
    #ctz .summary{ padding: 55px 10%}
    #ctz .summary h2{ font-size: 30px; line-height: 30px}
    .form_ctz [class*='col-']{ -webkit-box-flex: 0;    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
    .form_ctz [class*='col-'] select{ width: 100%}
    #newsletter .container_sblo{ width: 90%}
    #foo_left #logo_bt{ margin-bottom: 15px}
    #foo_left p{ display: none}
    #foo_center{ -webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
    #foo_right{ margin-top: 40px; padding-top: 15px border-top: 1px solid #ededed;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}
   

@media only screen and (max-width: 1024px){
    #shop_menu{ display: none}}

@media only screen and (max-width: 980px){
    .container_slider{ width: 100%}
    .container{max-width: 95%}
    #nav_mb{padding: 5px 0; background: #3f5b6b; width: 100%; left: 0; bottom: 0; position: fixed; z-index: 999991}
    #nav_mb li{ width: calc(20%); display: flex; align-items: center;justify-content: center; flex-direction: column}
    #nav_mb li a{ display: flex; align-items: center;justify-content: center; flex-direction: column}
    #nav_mb li a span{display: table}
    #nav_mb li .text_menu,#nav_mb li a span{ font-size: 12px; color: #fff!important}
    #nav_mb li i,#nav_mb li .xoo-wsc-sc-bki{ color: #fff; font-size: 20px!important; }
    #nav_mb li .xoo-wsc-sc-bki{ color: #fff; font-size: 17px!important; display: block; margin-bottom: 3px}
    #redes_top a{ font-size: 22px }

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

}

@media only screen and (max-width: 767px){
    .container{ max-width: 100%}
    .header_section h1, .header_section h2, .header_section h3{ font-size: 30px; line-height: 30px}
    #banner_info{ margin: 35px 0}
    #banner_info_left{ border-radius: 0}
    #banner_info_left .summary{padding: 10px}
    #banner_info_left .summary i{width: 15%}
    #banner_info_left .summary div{width: 80%}
    #banner_info_left .summary div a{ float: inherit!important; margin: 10px auto 0 auto}
    #redes_banner{ padding: 30px 0!important}
    #ctz .summary{ padding: 30px 0; text-align: center}
    #ctz .summary h1{ font-size: 25px}
    #ctz .summary a{ display: table; margin: 0 auto}
    #ctz .form_ctz{ transform: translate(0)!important; width: 100%; margin: 10px auto; border-radius: 0}
    #ctz .summary ul li i{display: none}
    #foo_center{ -webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;; margin-top: 30px}
    #newsletter header h3{ margin-bottom: 20px}
    #content_footer{padding-top: 35px}
    #foo_left #logo_bt{ display: none}
    #foo_left .summary,#content_footer .summary h4{ text-align: center!important}
    #content_footer .summary h4:after{ margin: 10px auto}
    .menu_foo li{ text-align: center!important}
    .info_foo h3{ margin-bottom: 10px; text-align: center}
    .info_foo li i{display: none!important}
    .info_foo.info_2 li i{ display: inline-block!important}
    .info_foo.info_2 li{width: calc(50% - 10px);}
    .summary ul.info_foo li.w-100{text-align: center}
    .list_metrica{ justify-content: space-between!important}
    .list_metrica li{ width: calc(50% - 20px); margin: 0 10px}
    #area_woo button i img, #area_woo button i img,.ico_user{filter: brightness(0) contrast(0) !important;}
    
    .accordion_shop_mb{ z-index: 99991; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; padding-top: 45px;max-height: 100%;        overflow: auto;} 
    #cerrar_acor{ background: #3f5b6b; color: #fff; position: absolute; top: 10px; right: 10px; border-radius: 50px}
    #access{ z-index: 99991; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; }
    #access ul{ display: flex; flex-direction: column; padding-top: 45px!important}
    #access ul li{ margin-bottom: 10px}
    #access ul a{ color: #3f5b6b; font-size: 22px; line-height: 22px; font-weight: 600}
}

#header_mb{ background: #fff}
#access.access_mb{ display: none; background: #fff; height: 100%; position: fixed; left: 0; width: 100%}
#access.access_mb .menu-menu-mobil-container{width: 100%; height: 100%;}
#access.access_mb ul{ padding: 10px!Important}
#access.access_mb li{ display: block; margin-bottom: 5px; position: relative; border-bottom: 1px solid #3f5b6b}
#access.access_mb li a,#access.access_mb li .btn_menu {color: #3f5b6b!important; display: block; margin: 0 auto;font-size: 25px; padding: 10px; font-weight: bold}
#access.access_mb ul .sub-menu{ position: relative; width: 100%}

#access.access_mb .btn_menu .arrow_menu{ position: absolute; background: #3f5b6b; right: 0; top: 0; width: 35px; height: 35px;line-height: 35px;text-align: center;}

#access.access_mb ul .sub-menu li{ border-bottom-color: #fff}

#header_mb #logo_mb{width: 20%; padding: 5px; background: #fff; position: relative; z-index: 99}

#area_woo #menu{ display: inline-block}
#header_mb #menu_tax_header li a{ font-size: 8px}