.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: bottom}
#content_header{ padding: 5px 0; width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 900}
#logo_int{ display: block; opacity: 0}
#access{ text-align: right}
#access li{ display: inline-block; margin: 0 10px}
#access li a{  font-weight: bold; color: #b10201; font-size: 17px }
#access li:last-child{ margin-right: 0}
#access .display_table_cell{  vertical-align: middle}
#about{ margin: 45px 0}
#summary_about{}
#summary_about .display_table_cell{ vertical-align: middle!important}
.summary_about{padding-right: 35px}
.summary_about h1{ color:#b10201; text-transform: uppercase; font-weight: bold}.summary_about h2{ color:#b10201; }
.shared{ text-align: center;}
#banner,body,html{ width: 100%; height: 100%;font-family: 'Montserrat', sans-serif;}
        #banner{ background: url(../images/banner.jpg); background-attachment: fixed; background-size: cover; position: relative}
#logo{ display: table; position: absolute; top: 40px; left: 10%}
        .content_banner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%}
        .content_banner h1{color: #fff; font-weight: bold; }
        .content_banner h1 span{display: block}
        a:hover{border: none; text-decoration: inherit!important}
        .summary_slider {margin-bottom: 5%}
        .summary_slider a{ display: table; margin: 20px auto; background:#b10201; color: #fff; padding: 5px 15px; border-radius: 5px}
        
        #contacto{ padding: 70px 0}
        .container_dda{padding: 0 5%}
        .contacto_left h3{ color: #000; font-weight: 900; font-size: 30px; margin-bottom: 30px}
#estatutos{margin: 35px 0; padding: 30px 0 55px 0; background: #000}
#estatutos h2{ margin-bottom: 40px; color: #fff}
#estatutos ul{ margin: 0 }
#estatutos ul li{ margin-bottom: 10px }
#estatutos ul li a{ background:#b10201; color: #fff; border-color: #b10201!important;  }

.contacto_left{ padding-right: 10%}
.contacto_left p,.contacto_left li{font-size:18px}
.form_dda { margin: 0 auto;transition: all 400ms ease-out;}
.form_dda .header_section{ margin: 0 auto}
.form_dda .header_section p{ text-align: center; padding: 0 15%}
	.form_dda{}
		.form_dda .item_form{  margin-bottom: 10px}
			.form_dda input,.form_dda textarea,.form_dda select{ background: none; font-size:14px; border-radius: 5px; min-height:25px; padding: 5px 10px!important; border: 1px solid #000;  width:100%; margin-bottom:5px;color:#000 !important;font-family: #000 !important; }
			.form_dda input:focus,.form_dda textarea:focus{ outline: none; color:#000 !important}
		
			.form_dda textarea{ max-height:100px !important; height:100px !important;}
			
		.form_dda input.btn_dda{ background: #b10201; display: table; width: auto!important;margin: 10px 0; text-align: center;  border: none; padding: 3px 35px!important; color: #fff!important; font-size: 13px; border-radius: 5px; text-transform: uppercase; margin-top: 0}
			
			.form_dda input:focus::-webkit-input-placeholder { color:#000; }
			.form_dda input:focus::-moz-placeholder { color:#000; } 
			.form_dda input:focus::-ms-input-placeholder { color:#000; } 
			.form_dda input:focus::-o-placeholder { color:#000; }

            .form_dda input::-webkit-input-placeholder { color:#000;font-family: #000 !important; }
			.form_dda input::-moz-placeholder { color:#000;font-family: #000 !important; } 
			.form_dda input::-ms-input-placeholder { color :#000;font-family: #000 !important; } 
			.form_dda input::-o-placeholder { color:#000;font-family: #000 !important; }

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

            .form_dda textarea::-webkit-input-placeholder { color:#000;font-family: #000 !important; }
			.form_dda textarea::-moz-placeholder { color:#000; font-family: #000 !important;} 
			.form_dda textarea::-ms-input-placeholder { color:#000;font-family: #000 !important; } 
			.form_dda textarea::-o-placeholder { color:#000; font-family: #000 !important;}


            .cargando {display: none;text-align: center;width: 95%;}
            .resultado{	color: #000;font-weight: 600;text-align: center;width: 95%; clear: both}
            .item_form .g-recaptcha{transform:  scale(.8) translateX(40px)}
            .item_form .g-recaptcha iframe{  margin: 0}
ul{ margin: 0!important; padding: 0}
ul li{list-style: none!important}
#content_footer{background: #b10201; padding: 10px 0}
#logo_foo{ display: table; margin: 0 auto; opacity: 0}
.foo_left{}
.foo_left ul{ margin: 0;}
.foo_left ul li{  color: #fff!important; font-size: 12px}
#anchor_text .display_table_cell, .foo_left .display_table_cell{ vertical-align: middle!important}
#anchor_text{}
#anchor_text a{ display: table; color: #fff!important; font-size: 12px}
#anchor_text a span,#anchor_text a i{ display: inline-block; vertical-align: middle}
#anchor_text a span{ margin-right: 10px}
#anchor_text a i img{ width: 75px}


#menu:focus{outline: none!important}
#menu{ background: none; width: 35px; height: 35px; border-radius: 100%;display: none;border: none;position: relative; z-index: 500; margin: 0 15px}
#lineas_menu{ width: 35px; height: 35px; position: relative; margin: auto}
.linea_menu{ background: #b10201!important; display: block; width: 85%; height: 2px; margin: 6px 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: #b10201!important; }


@media only screen and (max-width: 768px){
    .summary_about{padding-right: 0}
    #f_about{ margin: 20px 0}
    #menu{ display: block}
    #access{ position: fixed; display: none; background: #fff; padding: 35px 0}
    #access li{ display: block; margin-bottom: 10px}
    .content_banner h1{font-size: 20px}
    #logo{ width: 80px; top: 20px; left: 20px}
    .container_dda{ padding: 0 15px}
    .contacto_left{ margin-bottom: 35px; padding-right: 0; text-align: center}
    .foo_left,#anchor_text{ text-align: center!important}
    #anchor_text a,.foo_left{ margin: 10px auto}
    #anchor_text a{float: inherit!important}
    #estatutos ul li{ display: block; margin-bottom: 10px}
    #estatutos ul li a{ width: 100%; white-space: initial}
    #contacto{ margin-top: 30px}
}