.call_whatsapp/*

Theme Name: Mantys Store 
Version: 1.0
Description: Mantys Shop
Author: Simbolo Interactivo
Template: mantys

*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


* { margin:0; padding:0; }

html{ margin:0 !important;height: 100%;}
body {background: #f7f7f7!important; font-family: 'Montserrat', sans-serif !important;  margin:0; padding:0 !important; color: #485933;font-weight: 400!important; position:relative; font-size:15px!important; width:100%;height: 100%;}
h1, h2, h3, h4, h5, h6 { margin: 0!important; color:#333!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 }
input, input[type="text"], input[type="file"],button { background: none; border: none;color:#000 }
nav ul{ margin:0 !important; padding:0 !important}
ul, li{ list-style: none}
a {text-decoration:none!important; color:#000; font-size:15px;/*-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 { text-decoration:none!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;}
.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: #000!important}
.shared li{ display: inline-block}
.shared li a{ display: block; margin: 0 2px}
.shared li a i{font-size: 13px; }

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

/******************************* HEADER *****************************/
#content_header{ background: #fff}
#content_header.header_fixed{ width: 100%; top: 0; left: 0; position: fixed; z-index: 600}
#header_top{ padding-bottom: 5px; padding-top: 5px;}
#header_left a#logo_top{ display: table; width: 95%; margin: 0; padding: 5px;}

#descargar_cata{ display: inline-block; vertical-align: middle; margin-left: 15px}
#descargar_cata a{ display: block; font-size: 16px; font-weight: 700; background: #a9ce37; color: #485933; padding: 5px 10px; border-radius: 5px;}
#descargar_cata a i,#descargar_cata a span{ display: inline-block; vertical-align: middle}
#descargar_cata a i{ margin-right: 10px; font-size: 17px}
#descargar_cata a:hover{ background: #485933; color:#fff!important }
#access{ text-align: right}

#access #cerrar_menu{ position: absolute; top: 35px; right: 35px; color: #fff!important}
#access #cerrar_menu i{ font-size: 35px}
#access .menu-menu-principal-container{ }
#access .menu-menu-principal-container .menu_ppal{ }
#access li{ display:inline-block; vertical-align: middle; margin: 0 10px; position: relative}
#access li a,#access li .btn_menu{text-transform: uppercase; font-weight: 500; color: #485933; font-size: 14px;padding:5px 10px; cursor: pointer; border-radius: 5px; position: relative}

#internas #access li a, #internas #access li .btn_menu{color: #485933!important}
.btn_menu{ padding-right: 35px!important}
#access li:last-child{margin-right: 0!important}
li .btn_menu .arrow_menu{ color: #fff!important; font-style: normal!important; width: 30px; height: 30px; position:absolute; text-align: center;top: 0px; bottom: 0; right: -22px; margin: auto 0;}

li.active .btn_menu .arrow_menu:after{content:"\f106 "!important; }

li.active ul.sub-menu li a{background: transparent!important; color: rgb(256 256 256)!important}

.btn_menu .arrow_menu:after{ content:"\f107";font-family: 'FontAwesome'; color: #f79821!important; font-size: 28px; line-height: 30px; display:block; vertical-align: middle}

/* #access ul > li.active a,#access ul > li:hover a,#access ul > li .btn_menu:hover,#access ul > li.active > .btn_menu{ background: #a9ce37} */
li.active .btn_menu .arrow_menu:after { color: #485933!important}
#access li .btn_menu:hover .arrow_menu:after{ color: #485933!important}
#internas #access li .btn_menu .arrow_menu:after{ color: #485933!important}
#access ul .sub-menu{ background: #485933!important; display: none; border-radius: 0px 0px 5px 5px; box-shadow: 0px 10px 10px rgba(0 0 0 / 50%); position: absolute; width: auto;left: 0; padding:10px!important; z-index: 300;
height: auto!important;/*width: 330px;left: -50%;*/}
#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; text-transform: none!important; font-size: 15px!important; font-weight: 600; text-align: left; padding: 5px;}
#access ul .sub-menu li.see_all { background: #485933; text-align: center}
#access ul .sub-menu li.see_all a{ display: block; text-align: center; color: #000!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  #000!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: #485933!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: #485933!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;}


#access ul .sub-menu li a:hover, #access ul .sub-menu li .btn_menu:hover{background: #a9ce37!important;color: #485933!important;}
#menu:focus{outline: none!important}
#menu{ background: none; display: none;border: none;position: relative; z-index: 500; margin: 0px}
#lineas_menu{ width: 30px;  position: relative; margin: auto}
.linea_menu{ background: #485933; display: block; width: 96%; height: 3px; margin: 4px auto;transition: all 400ms ease-out;}
#menu:hover .linea_2{ margin: 4px auto}

#lineas_menu,#menu h6{ vertical-align: middle; display: inline-block;}
#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: #485933; }

#redes_top_menu{}
#redes_top_menu ul{ text-align: left!important}
#redes_top_menu li{ display: inline-block; vertical-align: middle}
#redes_top_menu li a{width: 30px; height: 30px; color: #485933}
/********* SLIDER ************/
.home_page{}
#slider{ margin-top: 55px}
.slider_full.carousel,.slider_full .item,.slider_full .active,.slider_full .carousel-inner { height: 100%;}
.slider_full .fill {width: 100%;height: 100%; }


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

.carousel-control{ position: absolute; top: 0; bottom: 0; margin: auto;width: 55px; height: 55px; color: #000!important; background: none!important; text-shadow: none; opacity: 1}
.carousel-control.left{ left: 5%}
.carousel-control.right{ right: 5%}

.carousel-control.left i,.carousel-control.right i{ font-size: 70px; color: #000!important }

#slider img{width: 100%}
#slider .carousel_caption{}

#slider .entry_slider{ position: relative;display: table; width: 45%;  height: 100%; margin: 0;text-align: left;transition: all 400ms ease-out;}
#slider .entry_slider .display_table_cell{  vertical-align: middle}
#slider .entry_slider .summary_slider{  }
.summary_slider h3{ color: #fff!important; position: relative; text-transform: uppercase; font-size:28px; margin-bottom: 10px!important }
.summary_slider .cont_text{ padding: 35px;position: relative; z-index: 90}

.summary_slider p{ color: #fff!important; font-size: 35px; font-weight:800; line-height: 1em}
.summary_slider p span{ background: #333; display:block;45px !important; padding: 10px 15px; margin-left: -15px}

.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{ background: #fff; opacity: 1; display: inline-block; border-radius: 30px; width: 10px !important; height: 10px !important; margin: 0 5px; cursor: pointer; border: 2px solid #ecb0b8}
.carousel_indicators li:hover, .carousel_indicators li.active{  transform: scale(1.3)}

#slider a.btn_dda{ border-radius:  100px; box-shadow: inset 1px 2px 3px rgba(0,0,0,.3);  background: #333!important; color: #fff!important; padding: 10px 40px; font-size: 16px; margin-top: 35px; text-transform: uppercase; font-weight: bolder}

#bullets_slider{ text-align: center;margin: 0;right: 45px; }
#bullets_slider li{ background: #fff; opacity: .5; display: inline-block; border-radius: 30px; width: 10px !important; height: 10px !important; margin: 0 5px; cursor: pointer; border: 2px solid #ecb0b8}
#bullets_slider li:hover, #bullets_slider li.active{transform: scale(1.6);opacity: 1}


#redes_top_slide{ position: absolute; bottom: 25px; right: 10%; margin: 0 auto; display: table; width:auto}
#redes_top_slide ul{ text-align: center!important}
#redes_top_slide li{ display: inline-block; vertical-align: middle}
#redes_top_slide li a{width: 45px; height: 45px}
#redes_top_slide li a:before{ line-height: 45px}

/*********SECTIONS GRAL************/
.header_top{position: relative; margin: 50px 0 }
.header_top h1{ color:#485933!important; font-weight: 900; font-size: 47px; text-shadow: 1px 2px 3px rgba(0,0,0,0.5);position: relative;
top: 100px;}
.header_top h1 span {background: #a9ce37; padding: 5px 10px; border-radius: 5px;}
.container{position: relative}
.container_dda{ position: relative; padding: 0 5%}
.content_banner{ width: 100%; height: 100%; position: absolute; top: 0; left: 0}
.section_home{ position: relative}
.header_section{position: relative; padding: 55px 0}
.header_section h4{font-size: 22px; color: #485266!important}
.header_section h3,.header_section h2{font-weight: 900; font-size: 35px; color: #000!important}
.mod_right,mod_left{position: relative}
.title_home{ display: table;font-size: 35px;color: #009494 !important; position: relative; font-weight: 500; padding: 40px 45px; margin-bottom: 45px!important}
.title_home:before{ content:''; display: block;border: 3px solid #ff3800;width: 70%;height: 100%;position: absolute;top: 0;right: 0;}
.title_home span{ display: block;transform: translateX(-10%);  background: #fff;}
.title_home span:first-child{padding-top: 3px}
.title_home span:last-child{padding-bottom: 3px}
.benner_fixed{ background-attachment: fixed!important; background-size: 100%!important}


.single_page{ margin-bottom: 90px}
.single_page .entry_content{}
.single_page .entry_content p{ font-size: 18px}

#dos_col{}
#dos_col .entry_content{ padding: 0 10%}
#dos_col .entry_content .summary_mod .summary_foo{ margin: 30px auto;background: #fff; padding: 20px 20px 20px 20%; box-shadow: 2px 3px 4px rgba(6,6,6,.45) }
.summary_mod .summary_foo p{ color: #000; font-weight: 700; font-size: 20px}

.mod_about .summary_mod{ padding: 25px 10% 0 10%}
.mod_about .summary_mod .header_section{margin-bottom: 30px}
.mod_about .summary_mod .header_section h2{ font-weight: 900}


 .owl-pagination{ text-align: center; margin: 15px auto}
.owl-pagination div{display: inline-block;vertical-align: middle;width: 10px;height: 10px;margin-right: 10px;border-radius: 50%;border: 1px solid #ff3500 !important;}
 .owl-pagination div:hover,.owl-pagination div.active{ background: #ff3500; transform: scale(1.2)}

.owl-buttons{}
.owl-buttons div{ background: #333; color: #fff!important; width: 45px; height: 45px; text-align: center; border-radius: 100%; position: absolute; top: 25%;}
.owl-buttons div i{line-height: 45px}
.owl-buttons div.owl-prev{ left: 45px;}
.owl-buttons div.owl-next{ right: 25px }

.btn_dda{ background: #485933; color: #fff; font-weight: bold;text-transform: uppercase;border-radius: 5px; margin: 0px; padding: 5px 35px; display: table; width: auto}
.btn_dda:hover{  background: #a9ce37; color: #485933!important }
.btn_center{ margin: 0 auto!important}

/************FORMATO formularios***************/
.form_dda{}
.form_dda .item_form{ margin-bottom: 15px}
.form_dda .wpcf7-form-control-wrap{ background: #fff; width: 100%; margin: 0 5px;border:1px solid #485933;display: block; margin-bottom: 25px; border-radius: 5px;text-shadow: 1px 2px 3ps rgba(0,0,0,0.5)text-shadow: 1px 2px 3ps rgba(0,0,0,0.5); box-shadow: 2px 3px 4px rgba(6,6,6,.35)}
.form_dda .wpcf7-form-control-wrap label{font-weight: normal; font-size: 13px}
.form_dda .wpcf7-form-control-wrap input,.form_dda .wpcf7-form-control-wrap textarea,.form_dda .wpcf7-form-control-wrap select{ width: 100%; padding:15px  10px; border: none;  border-radius: 5px; color:#404040!important; font-size: 14px; font-weight: 500 } 
.form_dda  textarea{ max-height: 140px; height: 140px; border: none}
.form_dda .btn_dda{ background: #485933; color: #fff; border-radius: 30px; margin: 0px; padding: 5px 15px; display: table; width: auto}
.form_dda .btn_dda:hover{}
.cargando {display: none;text-align: center;width: 95%;}
.resultado{	color: #404040;font-weight: 600;text-align: center;width: 95%; clear: both}
.form_dda .item_form.acepto_term a,.form_dda .item_form.acepto_term span{color: #183d87!important; font-size: 13px!important}

.form_dda input:focus::-webkit-input-placeholder { color:#404040; }
.form_dda input:focus::-moz-placeholder { color:#404040; } 
.form_dda input:focus::-ms-input-placeholder { color:#404040; } 
.form_dda input:focus::-o-placeholder { color:#404040; }

.form_dda input::-webkit-input-placeholder { color:#404040; }
.form_dda input::-moz-placeholder { color:#404040; } 
.form_dda input::-ms-input-placeholder { color :#404040; } 
.form_dda input::-o-placeholder { color:#404040; }


.form_dda textarea:focus::-webkit-input-placeholder { color:#404040; }
.form_dda textarea:focus::-moz-placeholder { color:#404040; } 
.form_dda textarea:focus::-ms-input-placeholder { color:#404040; } 
.form_dda textarea:focus::-o-placeholder { color:#404040; }

.form_dda textarea::-webkit-input-placeholder { color:#404040; }
.form_dda textarea::-moz-placeholder { color:#404040; } 
.form_dda textarea::-ms-input-placeholder { color:#404040; } 
.form_dda textarea::-o-placeholder { color:#404040; }

.form_dda select::-webkit-input-placeholder { color:#404040; }
.form_dda select::-moz-placeholder { color:#404040; } 
.form_dda select::-ms-input-placeholder { color:#404040; } 
.form_dda select::-o-placeholder { color:#404040; }

input:-internal-autofill-selected { background: none!important}


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

.redes_sociales ul {list-style: none; text-align: left; margin: 0;display: flex;}
.redes_sociales li { display: inline-block; vertical-align: middle; margin: 0 5px} 
.redes_sociales a{ display: block; text-align: center; }
.redes_sociales a{ position: relative; color: #485933; background: #fff; width: 35px; height: 35px;border-radius: 100%;  }
.redes_sociales a:before{ font: normal normal normal 22px/1 FontAwesome;content: "\f415"; color: #485933;  display: block; line-height: 30px;  }
.redes_sociales a:hover:before{ }
.name_insta{ display: table; margin: 10px auto; font-size: 18px; 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: "\f09a"; }
.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: "\f16a ";}





#content_slide.container_dda,#container_dda.container_dda{ padding: 0 3%}

/*******BANNER CENTER********/

#mod_center_banner{}
#mod_center_banner p{text-align: justify}
.summary_banner{ margin-left: 3%; border: 2px solid #a9ce37; padding: 20px 35px; border-radius: 15px; display: table; width: 38%}
.summary_banner h2{  color: #a9ce37!important; font-size: 40px; margin-bottom: 10px!important; font-weight: 800}
.summary_banner p{ color: #fff;font-size: 22px; font-weight: 500}

/*******BANNER banner_destacados********/
#banner_destacados{ margin: 55px 0}
#featured_left{position: relative; z-index: 90}
#banner_destacados .featured_summary:before{ content: ''; background:#ebebeb; height: 100%; width: 30%; position: absolute; top: 0; left: -30%  }
#banner_destacados .featured_summary{background: #ebebeb; padding: 55px 0 55px 15%;; position: relative}

#banner_destacados .featured_summary h2{ color: #485933!important; font-size: 40px; line-height: 35px; font-weight: 500; margin-bottom: 30px!important}
#banner_destacados .featured_summary h2 span,#banner_destacados .featured_summary h2 div{ display: block; }
#banner_destacados .featured_summary h2 div{ display: table;margin-bottom: 10px; font-size: 20px; background:#485933; color: rgb(256 256 256); line-height: 22px; padding: 2px 10px; transform: rotate(-5deg)}
#banner_destacados .featured_summary h2 b{ font-weight: 800; display: block; text-transform: uppercase}

#banner_destacados .featured_summary a.btn_dda{background: #a9ce37;color: #485933!important;}
.linea_featured{content: ''; background:#485933; height: 4px; width:120%; position: absolute;right: 0% }
.linea_featured.linea_top{top: 30px; }
.linea_featured.linea_bottom{ bottom: 30px}


/*******TESTIMONIOS********/
#testimonios{ margin-bottom: 130px}
#testimonios .container_dda{ padding: 0 10%}
.item_testimonio{ border: 1px solid #ebebeb;  padding: 30px 30px 70px 30px; position: relative}
.item_testimonio h3{ font-weight: 700; margin-top: 15px!important}
.item_testimonio .img-circle{ display: table;  position: absolute; bottom: -40px; left: 0; right: 0; margin: 0 auto}

/*******CSS BlOG********/

#blog.section_home{ }

#blog.section_home .header_section h3{}
#blog.section_home .header_section h4{}

#blog.section_home .container_carousel{ padding: 0 2.5%}
#blog.section_home .item_blog{ background: #fff; margin: 0 10px;padding: 5px;}
#blog.section_home .item_blog p{text-align:justify}
#blog.section_home .item_blog h2{ font-size: 16px; font-weight: bold; margin: 10px 0!important; line-height: 18px }

.item_blog{position: relative}
.item_blog .content_banner{ background: rgba(0,0,0,.6)}

#list_blog{  margin-bottom: 70px}
#list_blog .item_blog{ margin-bottom: 35px; background: #fff; padding: 20px; box-shadow: 2px 3px 4px rgba(6,6,6,.35);border-bottom: 2px solid #485933}
.item_blog  .summary_blog p{ margin: 15px 0; font-weight: 400; text-align: justify; }
.item_blog h2{ font-size: 18px; font-weight: 600; padding: 0 0px 20px 0px; color: #485933!important}
.item_blog .btn_blog{ display: block}
.summary_blog .date_post{ display: block; margin: 10px auto}

#vista_single{ padding-bottom: 55px}
.article_blog{ margin-right: 35px}
#vista_single header{ margin-bottom: 30px; text-align: center; position: relative}
#vista_single header h1{ font-weight: bold; color: #485933!important; margin-bottom: 15px}
#vista_single header p{ padding: 0 10%; color: rgb(102 102 102);margin-top: 15px; font-size: 18px}
#vista_single header:after{content: ''; background:#a9ce37; width: 55%; margin: 10px auto 0 auto; height: 2px; display: block}
#img_blog{ position: relative; margin-bottom: 30px; padding: 0}
#img_blog:after{    content: '';display: block;width: 100%;height: 100%;border: 2px solid #485933;position: absolute;top: 10px;right: -10px;z-index: -1;}


#footer_blog{  margin-top: 45px; margin-bottom: 35px}
.pagination_post{}
.pagination_post li{display: inline-block; vertical-align: middle; margin: 0 15px}
.pagination_post li a{ color: #485933!important; display: block; border: 1px solid #485933; padding: 3px 15px}
.pagination_post li a i,.pagination_post li a span{vertical-align: middle; display: inline-block}
.pagination_post li a i{ margin: 0 5px; font-size: 17px}

.shared{ text-align: left;}
.shared h5{ color: #485933!important; font-size: 18px; font-weight: bold; margin-bottom: 10px!important}
.shared h5,.shared ul{ display: inline-block}
.shared li{ display: inline-block; text-align: center}
.shared li a{ display: block; margin: 0 2px; width: 35px; height: 35px; background: #485933; color: rgb(256 256 256)!important}
.shared li a i{font-size: 17px; line-height: 35px }

#blog_sidebar h4.widget_title {font-weight: 500; font-size: 17px; text-transform: uppercase;line-height: normal;color: #485933!important; position: relative; margin-bottom: 15px}
#blog_sidebar h4.widget_title:after{content: ''; background:#a9ce37; width: 100%; margin: 5px auto ; height: 2px; display: block}

.entry_content .alignleft{ margin: 0px 15px 10px 0}
.entry_content .alignright{ margin: 0px 0px 15px 15px}
.entry_content ul{margin: 15px 0 15px 15px; list-style: disc}
.entry_content ul li{list-style: disc; margin-bottom: 5px}
.entry_content h2,.entry_content h1,.entry_content h3,.entry_content h4,.entry_content h5, .entry_content h3{color: #485933!important;; margin-bottom: 10px!important; font-weight: 600}
.entry_content p { font-size: 17px; line-height: 29px}

#blog.section_home{ margin-bottom: 70px}
/*******CTO********/

#cto{position: relative; padding-bottom: 70px;}
#page_cto_text{ padding-top: 30px}
#page_cto_mapa{}
#page_cto_mapa #address_cto{text-align: center; margin: 0 0 35px 0}
#page_cto_mapa #address_cto li{ width: 30%}
#page_cto_mapa #address_cto li i,#page_cto_mapa #address_cto li div,#page_cto_mapa #address_cto li{ display: inline-block; vertical-align: middle}
#page_cto_mapa #address_cto li i{ width: 65px; height: 65px; background-size: cover!important; background-repeat: no-repeat}
#page_cto_mapa #address_cto li div{ text-align: left; padding-left: 10px}
#page_cto_mapa #address_cto li div span,#page_cto_mapa #address_cto li div span a{color: #485933!important; display: block; font-size: 15px; font-weight: 600}

#page_cto_text{}
#page_cto_text .summaty_cto{ padding-right: 24px}
#page_cto_text .summaty_cto p{ font-size: 20px;text-align:justify;}
#page_cto_text .form_dda{ padding: 0 40px}
/*******CSS SUSCRIBETE********/

#suscribete{ background: #efefef; padding: 35px;}
#suscribete .mod_left h3{ font-weight: 700; font-size: 18px; text-transform: uppercase}
.mod_left #form_news{ background: #fff; padding: 0px 0 0 35px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0,0,0,.2)}
.mod_left #form_news input{ display: inline-block; vertical-align: middle}
.mod_left #form_news input[type='email']{ width: 64%}
.mod_left #form_news input.btn_dda{ border-radius: 5px; padding:10px; width: 35%; color: #fff; text-align: center;font-weight: bold}

/*******CSS FOO********/

#content_footer{padding: 55px 0 0 0 }
#content_footer p,#content_footer li, #content_footer a{ color: #485266!important}
#foo_left p{ margin-top: 20px; margin-right: 15%}
#foo_center{ border-left: 1px solid #485266;border-right: 1px solid #485266; padding: 7%;height:175px}
/* #foo_center::after{ content:''; border-left: 1px solid #485266;border-right: 1px solid #485266; padding: 7%;position: absolute;top: 35%;right: 0;
height: 30%;margin-top: auto;margin-bottom: auto;} */
#foo_center ul{ margin: 0!important;display: flex;flex-direction: column;}
#foo_center ul li{ margin-bottom: 10px}
#foo_center ul li i,#foo_center ul li span{ display: inline-block; vertical-align: middle}
#foo_center ul li i{ margin-right: 10px; width: 25px; text-align: center}
#foo_center ul li a,#foo_center ul li i,#foo_center ul li span,#foo_center ul li {color: #485933!important;display: inline;}
#foo_bottom{margin-top: 35px; margin-bottom: 10px; text-align: center}
#foo_bottom p,#foo_bottom #redes_foo{ display: inline-block; vertical-align: middle!important}
#foo_bottom p a{ color: #333!important;}
#foo_bottom p{ margin-right: 15px}
#foo_right h3{ text-transform: uppercase; color: #485266!important; margin-top: 25%!important}


#anchor_text{ margin-top: 20px; margin-bottom: 20px}
.call_whatsapp{ display: none !important; background: #00bb2d; text-align: center;width: 50px; height: 50px; border-radius: 100%; position: fixed;  bottom: 55px; right: 10px; margin: auto}
.call_whatsapp i{ font-size: 30px; color: #fff; line-height: 50px}
.call_whatsapp span{display: none}

img.img-footer{width: 50%;}
#cont_dos_columnas {height: auto!important;}

#form_add_carrito {display: flex;align-items: center;}
.add-to-enquiry-single { background-color: #485933 !important;color: #ffffff !important;padding: 5px 10px;border: 1px solid #485933;
border-radius: 5px;font-weight: 700;text-transform: uppercase;width: 120px;}
a.pisol-view-cart {font-size: 16px;font-weight: 700;background: #a9ce37;color: #485933;padding: 5px 10px;border-radius: 5px;height: 34px;
 margin-left: 10px;} 
.pi-quantity { background: white;}
input.pi-form-control {padding: 10px;border: 1px solid #ccc;}
.btn_descarga a{font-size: 16px;font-weight: 700; background: #a9ce37;color: #485933;padding: 5px 10px;border-radius: 5px;}
li.cat-item.cat-item-65.current-cat-parent {display: none;}

#list_document p{display: inline-block;vertical-align: middle;margin-left: 10px;font-weight: 600;color: #333;}
#list_document i {color: #485933;}
a.woocommerce-catalog-mode-cart-enquiry-button.button.alt {background: #485933;font-weight: bold;text-transform: uppercase; border-radius: 5px;
margin: 0px; padding: 5px 35px;width: auto;}

span.woocommerce-Price-amount.amount{display: none;}
ul.page-numbers {display: flex;justify-content: center;}
a.prev.page-numbers,a.next.page-numbers {color: #485933;background: #a9ce37;padding: 0px 5px;}
a.inactive {  background: #485933; color: #fff;margin: auto 5px; padding: 0px 5px;}
ul.page-numbers li span.current {background: #a9ce37;color: #485933;margin: auto 5px; padding: 0px 5px;}
ul.page-numbers li a:focus, ul.page-numbers li a:hover { color: #fff;font-weight: 500;}

/***woocommerce***/
.woocommerce-notices-wrapper{display:none;}
li.cat-item.cat-item-65 { display: none;}
li.cat-item.cat-item-75 {  display: none;}
#info_adicional {display: none;}

.wa__btn_popup .wa__btn_popup_txt {right: 0!important; background-color: #2db742; line-height: normal; text-align: center; font-weight: bold; font-size: 15px;color: #ffffff;
border-radius: 50px;letter-spacing: normal;}
.wa__btn_popup {  left: 88%!important;}
.wa__btn_popup .wa__btn_popup_icon:before { left: -70px!important;}
.wa__btn_popup .wa__btn_popup_icon { width: 50px; height: 50px;}
.wa__btn_popup .wa__btn_popup_icon:after { left: -38%;}
.wa__btn_popup .wa__btn_popup_txt span{position: relative;left: 15px;}

@media only screen and (max-width: 1440px){
   .wa__btn_popup .wa__btn_popup_icon:before {left: -92px!important;}
	.wa__btn_popup .wa__btn_popup_icon:after {left: -34%;}
}

@media only screen and (max-width: 1366px){
	.wa__btn_popup .wa__btn_popup_icon:before {left: -105px!important;}
	.wa__btn_popup .wa__btn_popup_icon:after {left: -32%;}
}

@media only screen and (max-width: 1350px){
  #access li {margin: 0 5px;}
}
@media only screen and (max-width: 1280px){
    #access li a, #access li .btn_menu { padding: 5px; font-size: 14px}
    .summary_slider p {color: #fff!important;font-size: 25px;font-weight: 800;line-height: 1em;}
	.wa__btn_popup .wa__btn_popup_icon:before { left: -116px!important;}
	.wa__btn_popup .wa__btn_popup_icon:after { left: -32%;}
}

@media only screen and (max-width: 1100px){
    #access { background: #d7d7d7; display: none; position: fixed; right: 0; width: 40%; padding: 30px; z-index: 301}
    #access li{ display: block; margin-bottom: 10px}
    #access li a, #access li .btn_menu{ font-size: 20px}
    #header_right{ text-align: right}
    #menu{ display: inline-block}
    #access ul .sub-menu{position: relative; left: inherit; right: 0; top: inherit!important; width: 100%; text-align: right}
    #access ul .sub-menu li,#access ul .sub-menu a{ text-align: right}
    
    .summary_banner{ width: 100%}
}
@media only screen and (max-width: 1024px){
    .container_dda{ padding: 0 15px}
	.wa__btn_popup .wa__btn_popup_icon:before { left: -117px!important;}
}

}
@media only screen and (max-width: 980px){
    #page_cto_mapa #address_cto li i{ width: 40px; height: 40px}
    #page_cto_mapa #address_cto li div span{ font-size: 12px}
}
@media only screen and (max-width: 767px){
    #top_right{ height: auto!important}
    #redes_top_menu li a{ width: 30px; height: 30px;}
    #access { width: 90%}
    #mod_center_banner{}
    #mod_center_banner img{border-radius: 15px 15px 0px 0px}
    #mod_center_banner .content_banner{ position: relative}
    #mod_center_banner .content_banner .summary_banner{ margin-left: 0; padding: 10px; border-top: 0px solid transparent;  border-radius: 0px 0px 15px 15px}
    #mod_center_banner .content_banner .summary_banner p{ color:#000; font-size: 18px}
    #banner_destacados{ margin-bottom: 0}
    
    #blog.section_home .header_section{margin-top: 0px; padding-top: 0}
    #suscribete{ padding: 15px 0}
    .mod_left #form_news{ padding: 0!important; margin-top: 10px}
    .mod_left #form_news input.btn_dda{ width: 34%}
    #suscribete .mod_left h3{ text-align: center}
    
    #dos_col .entry_content{ padding: 0!important}
    .mod_about .summary_mod{ padding: 10px 0}
    #dos_col .entry_content .summary_mod .summary_foo{padding: 10px}
    .summary_mod .summary_foo p{font-size: 18px}
    .header_top{ margin-top: 10px; margin-bottom: 30px}
    .header_top h1{ font-size: 15px;top: 25px;}
    .form_dda .wpcf7-form-control-wrap{margin-bottom: 10px}
    #page_cto_text{padding-top: 0}
    #page_cto_text .summaty_cto{ padding: 0!important}
    #page_cto_text .summaty_cto p{ font-size: 18px}
    #page_cto_text .form_dda{ padding: 10px 0}
    .single_blog .container_dda{ padding: 0}
    
    .article_blog{ margin-right: 0}
    #vista_single header h1{ font-size: 22px}
    #vista_single header p{ padding: 0}
    .footer_blog_right {margin-top: 20px}
    
    #foo_left{ text-align: center}
    #foo_left #logo_foo img{ display: table; margin: 0px auto}
    #foo_left p{ margin-right: 0!important}
    #foo_center{ border: none; padding: 10px 0}
    #foo_right h3{ margin-top: 30px!important; text-align: center; margin-bottom: 10px!important}
    #redes_foo{ text-align: center!important}
	#redes_foo.redes_sociales ul{text-align: center}
	#info_adicional {display: none;}
	.wa__btn_popup {left: 43%!important;}
	.wa__btn_popup .wa__btn_popup_icon:before {left: -80px!important;}
	.wa__btn_popup .wa__btn_popup_txt {font-size: 16px;}
	.wa__btn_popup .wa__btn_popup_icon:after {left: -36%;}
}