/*

Theme Name: Centro de remates Hijo
Version: 1.0
Description: Tema hijo de A theme
Author: Simbolo Interactivo
Template: auctioncenter

*/
@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');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


* { margin:0; padding:0; }

html{ margin:0 !important;height: 100%;}
body {background: #fff!important; font-family: 'Montserrat', sans-serif !important;  margin:0; padding:0 !important; color: #8a8b8c;font-weight: 400!important; position:relative; font-size:15px!important; width:100%;height: 100%;}
h1, h2, h3, h4, h5, h6 { margin: 0!important; color:#183d87!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:#183d87 }
nav ul{ margin:0 !important; padding:0 !important}
ul, li{ list-style: none}
a {text-decoration:none!important; color:#183d87; 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: #183d87!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{  position: fixed; width: 100%; top: 0; left: 0; z-index: 600; padding: 0; overflow: hidden}
.mod_header{position: relative; z-index: 10}
.bg_header_right,.bg_header_left{top: -20px; position: absolute;width: 0;height: 0;border-style: solid;z-index: 1; }
.bg_header_left{ left: -30%;border-color:  transparent rgba(235,193,45,.85) transparent transparent;transform: rotate(-5deg) }
.bg_header_right{ right: -30%;border-color: rgba(235,193,45,.85) transparent transparent transparent;transform: rotate(5deg) }

.mod_nav{ margin-top: 35px}
.menu_access{ margin: 0!important}
.menu_access li{ display: inline-block; vertical-align: middle; margin: 0 10px}
.menu_access li a{display: block;color:#2d2d2d; font-weight: bold;; padding: 5px 20px; border-radius: 50px}
.menu_access li a:hover,.menu_access li.active  a{ background:#183d87; color: #fff }
#header_center a{ display: block; width: 80%; margin: 0 auto}
/********* SLIDER ************/
.home_page{height: 100%}
#slider{}
.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: #183d87!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: #183d87!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: #333!important; position: relative}
.summary_slider .cont_text{ padding: 35px;position: relative; z-index: 90}

.entry_slider.pull-center{ width: 80%!important; margin: 0 auto!important;text-align: center!important}
.entry_slider.pull-center a.btn_dda{margin: 20px auto!important}
.summary_slider p{ color: #fff!important; font-size: 45px; margin-bottom: 35px; font-weight:800; line-height: 1em; font-family: 'Roboto', sans-serif;letter-spacing: 2px;}
.summary_slider p span{ }

.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 #183d87}
.carousel_indicators li:hover, .carousel_indicators li.active{  transform: scale(1.3)}

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

#bullets_slider{ text-align: left;margin: 0;left: 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 #183d87}
#bullets_slider li:hover, #bullets_slider li.active{transform: scale(1.6);opacity: 1}


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

/*********SECTIONS GRAL************/
.header_top{position: relative}
.header_top #redes_top_slide{ top: 45%; z-index: 800}
.header_top .summary_banner{margin-top: 15%}
.header_top .summary_banner h1,.header_top .summary_banner h2{ font-size: 55px; color: #fff!important; font-weight: bold; text-shadow: 1px 2px 3px rgba(0,0,0,.5)}
.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{ margin: 45px 0}
.linea_title{ display: block; width: 80%; height: 10px; background:rgba(235,193,45,1); margin: 5px auto; position: relative}
.linea_title:before{content: ''; background: #183d87; width: 35%; height: 100%; display: block; position: absolute; left: 0; top: 0}
.header_section h3{font-weight:800; font-size: 35px; display: table;letter-spacing: 1.5px; 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 #183d87;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}
.cat_interna .header_section{ margin: 55px 0}
.single_general .container_dda,.page_general .container_dda{ }

.page_general .container_dda{}
.page_general .container_dda .entry_content{}
.entry_content .header_internas { text-align: left !important; position: relative;}
.entry_content .header_internas:after{content: ''; background: #183d87; display: block; width: 33%; height: 2px; margin-bottom: 15px}
.entry_content .header_internas h1{ color: #2b2b2b !important; font-weight: 600; padding: 55px 0 20px 0; font-size: 40px}
.entry_content{}
.entry_content iframe{ margin: 10px auto; width: 100%}
.entry_content h2,.entry_content h3,.entry_content h4,.entry_content h5,.entry_content h6{ font-weight: bold; margin-bottom: 15px!important}
.entry_content p{ font-weight: normal; font-size: 18px; color: #000}
 .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 #183d87 !important;}
 .owl-pagination div:hover,.owl-pagination div.active{ background: #183d87; transform: scale(1.2)}

.owl-buttons{}
.owl-buttons div{ background: #183d87; 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: #183d87; color: #fff; font-weight: bold;border-radius: 50px; padding: 3px 25px; box-shadow: 1px 2px 4px rgba(0,0,0,.5)}
.btn_center{ display: table; margin: 10px auto}
.btn_dda:hover,.hover_amarillo:hover{background: #ebc12d!important; color: #183d87!important}


/************FORMATO formularios***************/
.form_dda{}
.form_dda .item_input{ background: #fff!important;color:#404040!important; width: 100%; border:  solid 3px #183d87 !important;text-transform: uppercase; display: block; margin-bottom: 30px; padding:15px 25px; border-radius: 45px}
.form_dda .textarea_input {  }
.form_dda .textarea_input textarea{ max-height: 80px; height: 80px;  }
.form_dda .btn_dda{ background: #183d87; margin-top: 0px; color: #fff!important; text-transform: uppercase; padding: 10px 55px}
.form_dda .btn_dda:hover{ background: rgba(235,193,45,1)!important; color: #183d87!important;}
.cargando {display: none;text-align: center;width: 95%;}
.resultado{	color: #fff;font-weight: 600;text-align: center;width: 95%; clear: both; padding: 10px}

.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; }

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


/*form wpforms*/
input#wpforms-326-field_1,
input#wpforms-326-field_4, 
input#wpforms-326-field_7,
input#wpforms-326-field_8 { background: #fff!important; color: #404040!important; width: 100%;  border: solid 3px #183d87 !important;  text-transform: uppercase; display: block;  margin-bottom: 30px; padding: 15px 25px; border-radius: 45px;  height: 57px; }
textarea#wpforms-326-field_2{background: #fff!important; color: #404040!important; width: 100%;  border: solid 3px #183d87 !important; text-transform: uppercase; display: block; margin-bottom: 30px;
padding: 15px 25px;border-radius: 45px;}
button#wpforms-submit-326 {background: #183d87; margin-top: 0; color: #fff!important; text-transform: uppercase; border-radius: 50px; box-shadow: 1px 2px 4px rgba(0,0,0,.5); 
padding: 10px 55px;border:none;}
button:hover#wpforms-submit-326{background: rgba(235,193,45,1)!important; color: #183d87!important;border:none;}


#page_contacto{ margin: 45px 0}
/*******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 5px} 
.redes_sociales a{ display: block; text-align: center; }
.redes_sociales a{ position: relative; color: #183d87!important;  }
.redes_sociales a:before{ font: normal normal normal 25px/1 FontAwesome;content: "\f415"; color: #fff!important;  display: block; line-height: 35px;  border-radius: 80px;background: #183d87;width: 35px; height: 35px; }
.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"; background: #275099}
.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 "; background: #FD1D1D}
.redes_sociales a[href*="linkedin.com"]:before {content: "\f0e1 "; background: #0e76a8}
.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 "; background: #00aaff}
.redes_sociales a[href*="vimeo.com"]:before {content: "\f27d ";}
.redes_sociales a[href*="youtube.com"]:before {	content: "\f16a ";}


/*******ABOIUT********/
#about{ position: relative}
#about.section_home{}
#about.section_home .content_banner{ background: rgba(0,0,0,0.3)}
#about.section_home h2{ display: table; font-size: 60px; font-weight: 700; color: #fff!important}
#about.section_home p{ color: #fff; font-size: 30px; line-height: 36px; font-weight: 700; margin: 20px 30% 20px 0}
#about.section_home a{padding: 10px 15px}
/*******CLIENTES********/
#clientes{}
.client{ }
.client{ margin: 10px;box-shadow: 0px 4px 7px rgba(0,0,0,.7);; overflow: hidden}
.client img{ width: 100%}
/*******CSS SUSCRIBETE********/

#suscribete{ padding: 20px 0}
#suscribete .container_dda{ padding: 0 5%}
#suscribete h3{color: #000!important; margin-top: 7px!important; font-size: 18px}
#suscribete #form_news input{ display: inline-block; vertical-align: middle}
#suscribete #form_news input.new_email{ border: 1px solid #ccc; padding: 6px 5px 6px 35px; border-radius: 50px; width: 80%; position: relative}
#suscribete #form_news input.new_email;before{ content: '\f003'; font-family: 'FontAwesome'; display: inline-block;color: #666}
#suscribete #form_news input.btn_dda{ padding: 6px 10px }

/*******CONTACTO********/

#cto_site{}
#cto_site .content_banner{ background: rgba(0,0,0,0.3)}
#cto_site .content_banner .link_map{ background: #183d87; color: #fff; position: absolute; top: 0; left: 7%; display: table; font-weight: bold; padding: 5px 20px; border-radius: 0px 0px 5px 5px}
#cto_site .header_section{ margin-top: 0px!important}
#cto_site .header_section h2{ color: #fff; font-size: 40px;font-weight: 700; letter-spacing: 1.5px; display: table; margin: 0 auto!important; color: #fff!important}
/* section#cto_site {margin-bottom: 110px;} */
section#cto_site img {height: 700px;object-fit: cover;}



/*******CSS BlOG********/
.archive_blog{}
#list_blog{ transform: translateY(-2%)}
.item_blog.first_item  { margin-top:40px }
.item_blog.full_item  {margin-bottom: 45px }
.img_blog{ display: block}
.item_blog .summary_blog{ padding: 45px 0}
.item_blog .summary_blog h2{margin-bottom: 20px!important}
.item_blog .summary_blog h2 a{ color: #000; font-size: 30px; font-weight: 900; line-height: 33px}
.item_blog .summary_blog a.btn_dda{ }

#single_blog #title_blog{ margin: 45px 0!important}
#content_c_blog{margin: 55px 5% }
.item_c_blog {padding: 0 10px}

.summary_more_blog h2{ color: #000!important; font-size: 30px; font-weight: 900; line-height: 33px; margin-bottom: 15px!important}
.item_c_blog.item_2 .summary_more_blog { padding-bottom: 35px!important }
.item_c_blog.item_1 .summary_more_blog { padding-top: 35px!important }
/*******CSS FOO********/

#content_footer{background: rgba(235,193,45,1); padding: 70px 0 0 0; position: relative; /*margin-top: 60px;*/}
#content_footer h4{ font-weight: 700; font-size: 16px; margin-bottom: 15px!important}
#foo_center{ border-left: 3px solid #183d87;border-right: 3px solid #183d87}
#redes_foo.redes_sociales li{ display: block; margin: 0 0 10px 0}
#redes_foo.redes_sociales li a{ text-align: left}
#redes_foo.redes_sociales li a:before{ line-height: 35px; text-align: center; margin-right: 10px}
#redes_foo.redes_sociales li a:before,#redes_foo.redes_sociales li a span{ display: inline-block; vertical-align: middle}
#content_footer .address{ margin: 0; border-left: 3px solid #183d87; padding-left: 25px!important}
#content_footer .address li{color: #183d87;; margin-bottom: 10px}
#content_footer .address li i,#content_footer .address li div{ display: inline-block; vertical-align: middle}
#content_footer .address li i{ width: 25px; margin-right: 5px; text-align: center}
#content_footer .address li i:before{ font-size: 24px}
#content_footer .address li div span{ display: block; }
#foo_right p{ color:#183d87; }
#foo_right p,#content_footer .address li div span,#redes_foo.redes_sociales li a span{ font-size: 12px }
#foo_bottom{  padding: 15px 0; text-align: center}
#foo_bottom a{color: #183d87; font-weight: bold}

#access{text-align: center;display: none; padding: 10px}
#access a{ display: block; margin: 5px auto;color: #000;font-weight: 700; font-size: 18px;padding: 10px 0; border-bottom: 1px solid #183d87}
#menu{ display: none}
    #menu:focus{outline: none!important}
#menu{ width: 35px; height: 35px; border: none;position: relative; top: 10px; display: none; vertical-align: middle;z-index: 500; margin: 0 15px; float: right}
#lineas_menu{ width: 35px; height: 35px; position: relative; margin: auto}
.linea_menu{ background: #fff!important; display: block; width: 85%; height: 3px; margin: 7px 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: #fff!important; }

.carousel_caption{background: rgb(0 0 0 / 0.2);}
.cont-flex{display:flex; justify-content:center;align-items: center;}
a.y-modal{height: 27px!important;margin: 0px 2px;}
a span.y-galeria{margin: 0px 2px;}

li#all_tax { display: none; }


@media only screen and (max-width: 1150px){
    #about.section_home p{ font-size: 25px; margin: 10px 20% 10px 0}
}
@media only screen and (max-width: 990px){
    .container {width: 95%!important;}
    .menu_access li{margin: 0 5px}
    .menu_access li a{padding: 5px 10px;}
    .header_section h3{ font-size: 30px}
    #foo_center .col-sm-7, #foo_center .col-sm-5{ } 
}
@media only screen and (max-width: 900px){
    .foo_left{display: none}
    .foo_center{width: 66.66666667%!important}
    .foo_right{width: 33.33333333%!important}
    #foo_center .col-sm-7, #foo_center .col-sm-5{  } 
    .form_dda .item_input{margin-bottom: 15px;padding: 8px 10px;font-size: 13px; border-radius: 20px}
    .form_dda  textarea{ max-height: 100px; height: 100px;  }
    #redes_foo.redes_sociales li a:before{ margin-right: 5px}
    #content_footer .address li i{width: 25px;}
    #content_footer .address li i:before{font-size: 25px;}
    #content_footer .address li div span,#foo_right p{ font-size: 11px}
    #content_footer .address{ min-height: 185px}
}
@media only screen and (max-width: 850px){
    #content_header{background: rgba(235,193,45,1);; padding: 5px 0}
    .bg_header_left,.bg_header_right{  display: none!important}
    .mod_nav,#header_left{ display: none}
    #menu{ display: block}
    #slider .entry_slider .display_table_cell{ vertical-align: bottom!important}
    .entry_slider.pull-center,.entry_slider.pull-center,.entry_slider.pull-center{width: 100%!important}
    .summary_slider p {font-size: 35px;margin-bottom: 35px;}
    #about.section_home .content_banner{ text-align: center}
        #about.section_home h2{ display: table; margin: 0 auto!important;font-size: 45px; font-weight: 700; color: #fff!important}
        #about.section_home p{ font-size: 20px; line-height: 22px; margin: 10px auto}
        #about.section_home a{padding: 10px 15px; display: table; margin: 10px auto}
    #redes_top_slide{display: none}
}

@media only screen and (max-width: 768px){
    .foo_center{width: 75%!important}
    .foo_right{width: 25%!important}
    #redes_foo.redes_sociales li a span{ font-size: 13px}
    #content_footer .address{ padding-left: 10px}
}
@media only screen and (max-width: 767px){
    .owl-buttons{ display: none}
    #cto_mb .header_section h2{color: #000!important}
    #cto_mb .link_map {background: #183d87;color: #fff;display: table;font-weight: bold; margin: 0 auto;padding: 5px 20px;border-radius: 5px 5px 0px 0px;}
    .foo_center{width: 100%!important}
    .foo_right{width: 100%!important}
    #redes_foo.redes_sociales li a span{ font-size: 13px}
    #foo_center{ border-left: none!important; border-right: none!important}
    #content_footer .address{ padding: 20px 0px!important; border-left: none!important; border-top: 2px solid #183d87 }
    #redes_foo.redes_sociales { margin-bottom: 15px}
    #redes_foo.redes_sociales li a span{ display: none}
    #redes_foo.redes_sociales li{ display: inline-block; vertical-align: middle}
    #redes_foo.redes_sociales, #redes_foo.redes_sociales ul {text-align: center}
	.cont-flex { flex-direction: column; }
	a span.y-galeria {margin: 5px 2px;}
	a.y-modal {margin: 5px 2px;}

}