/**
* Template Name: MyResume - v2.2.0
* Template URL: https://bootstrapmade.com/free-html-bootstrap-template-my-resume/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*

Kolyy classes

*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html{
	height: 100%;
	background-color: #f5eee6;
	font-size: 50%;
	overflow: auto;
}

body {
  background-color: #f5eee6;
  height: 100%;
  font-family: 'Poppins', sans-serif;
  overflow: auto;
}

a:hover {
  text-decoration: none;
}

.gary_color{
	font-size: 13px;
	color: #74827c !important;
	padding-right: 20px;
}
.left_tag{
	display: inline-block;
	margin-right: 25px;
	width:125px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 15px;
}

.box_info{
	margin-left: 20px;
	margin-right: 20px;
	padding: 20px;
	border: 1.5px solid black;
	border-radius: 10px;
	width: auto;
	max-width: 390px;
}

#main_div{
	opacity: 1;
}

.underlined{
	text-decoration: underline;
}

.color_kolyy{
	color: #c4a465 !important;
}

.color_kolyy_blue{
	color: black !important;
}

.bg1{
	/*background: url("/assets/img/bg1_land.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;*/
  	height: 100vh;
}
.bg2{
	/*background: url("/assets/img/bg2_land.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;*/
  	height: 100vh;
}
.bg3{
	/*background: url("/assets/img/bg3_land.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;*/
  	height: 100vh;
}
.bg4{
	/*background: url("/assets/img/bg4_land.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;*/
  	height: 100vh;
}

.bg_onboard{
	background-color: #9ec6c6;
}

.bg_stripe{
	/*background-color: white !important;
	background: url("/assets/img/bg_onboard.jpg") center center fixed; */
}

h1{
	color: black !important;
	margin-bottom: 35px !important;
	padding-right: 30px;
	padding-left: 30px;
	font-weight: 600;
}

h2{
	color: black !important;
	margin-bottom: 6px !important;
	font-weight: 600;
}

select{
	font-size: 170%;
}

.kolyy_table{
	margin:0 auto;
	font-size: 160%;
}

.kolyy_table td{
	min-width:80px;
	max-width: 300px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.table_prewrap{
	white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.row_contrast{
	background-color: #87a8a4;
}

.table_title{
	font-weight: 700;
	font-size: 120%;
	margin-bottom: 10px;
}


.separator{
	height: 1.8px;
	width: 270px !important;
	background-color: #9ec6c5 !important;
	clear: both;
	display: block;
	margin-bottom: 22px;
	margin-top: 22px;
}

.header{
	/*background-color:  #e8e8e8;*/
	margin-bottom: 20px;
}

.hidden{
	display: none;
}

.no_hidden{
	display: block;
}

.container{
	width:70%;
}

.extra-high{
	font-size: 320%;
}

.main_text{
	color: #30373d;
	margin-top: 25px;
	margin-bottom: 65px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 155%;
}

.main_text2{
	color: #30373d;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 155%;
}


.alert_dialog{
	width: 90%;
	font-size: 145%;
	max-width: 650px;
}

.log_out{
	float: right;
	padding: 10px;
}

.email_foot{
	float: left;
	margin:auto !important;
	height: 100%;
}

.main_container{
	padding-bottom: 105px !important;
	opacity: 0;
	-webkit-transition: all 1s 0s ease;
	-moz-transition: all 1s 0s ease;
	-o-transition: all 1s 0s ease;
	transition: all 1s 0s ease;
	background: rgba(0,0,0,0) !important;
}

.separator{
	width:100%;
	max-width: 350px;
	background-color: #30373d;
	height:1px;
	border-radius: 2px;
}

.menu_desktop{
	display: block;
}

.menu_responsive{
	display: none;
}

.header_text2{
	display: inline-block;
	margin: 0 auto;
}

.desplegable3{
	background-color: white;
	border: 3px;
	width:350px;
	z-index: 2;
	border-color: #30373d;
	border-radius: 45px;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 15px;
}

.desplegable2{
	background-color: white;
	border: 3px;
	width:100%;
	z-index: 2;
	border-color: #30373d;
	border-bottom-right-radius: 35px;
	border-bottom-left-radius: 35px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 15px;
	margin-bottom: 25px;
}

.desplegable{
	background-color: white;
	border: 3px;
	display: none;
	z-index: 2;
	border-color: #30373d;
	border-radius: 45px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 15px;
	margin-top: 10px;
}

.header_container{
	padding: 10px;
}

a:hover, a:visited, a:link, a:active{
    text-decoration: none;
    color: #cd8e11 !important;
}

.hoverable:hover{
	cursor: pointer;
}

/* LOGOS / Images */

.default_icon{
	width: 60px;
	height:auto;
}

.default_icon2{
	width: 34px;
	height:auto;
}

.default_icon:hover,.default_icon2:hover {
	cursor: pointer;
}

.img_admin{
	width: 65px;
	height: 65px;
	display: inline-block;
	border-radius: 65px;
	margin-right: 10px;
	object-fit: cover;
	overflow: hidden;
	float: left;
}

.img_list{
	width:75px;
	height:75px;
	object-fit: cover;
	border-radius: 75px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: -10px;
	overflow: hidden;
	display: inline-block;
}

.img_list2{
	width:75px;
	height:75px;
	object-fit: cover;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: -10px;
	display: inline-block;
}

.header_icon{
	margin-bottom: 3px !important;
	width: 35px;
	height: auto;
}

.top_logo{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 120px;
	display: inline-block;
	clear: both;
}

.top_logo_stripe{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 85px;
	display: inline-block;
	clear: both;
}

.name_pet{
	font-size: 215%;

}

.container_pet{
	margin-bottom: 55px;
	max-width: 320px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.modal-backdrop {
   background: rgba(76, 87, 87, 0.5) !important;
}

.has-float-label{
	width:315px;
}

.resend_text{
	text-decoration: underline;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left: 10px;
	padding-right: 10px;
}

.iti__flag-container{
	margin-top: 13px;
	margin-left: 15px;
}

.footer{
	width: 100%;
	padding:19px;
	padding-top: 35px;
	padding-bottom: 35px;
	font-size: 155%;
	margin-top: 105px;
	background-color: #d8d8d8;
	opacity: 0.86;
}

.footer_box1{
	max-width: 180px;
	display: inline-block;
	margin-right: 50px;
	text-align: left;
}

.footer_img{
	width: 35px;
	height: 35px;
	margin-right: 6px;
}

.lost_name{
	font-size: 170% !important;
	font-weight: 500;
}

.lost_date{
	font-weight: 500;
	float:right;
	font-size: 170%;
}

.main_box{
	width:315px;
	background-color: #dfdfdf;
	border-radius: 3.1vh;
	overflow: auto;
	margin-bottom: 9px;
	padding: 10px;
}

.main_box:hover{
	-webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.22); 
	box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.22);
	cursor: pointer;
}

.main_box_title{
	font-size: 250%;
	text-align: left;
	float: left;
	margin-left: 21px;
	color: #30373d;
	vertical-align: middle;
	display: inline-block;
	margin-top: 15px;
}

.main_box_img{
	width:60px;
	height:60px;
	object-fit: cover;
	border-radius: 100px;
	overflow: hidden;
	display: inline-block;
	margin-left: 15px;
	margin-bottom: 0;
	display: inline-block;
	float: left;
	/*border: 2.3px solid #c4a465;*/
}

.main_box_arrow{
	width:27px;
	height: auto;
	margin-right: 5px;
	margin-top: 17px;
	float:right;
	vertical-align: middle;
}

.lost_box_detail{
	width: 90%;
	background-color: #dfdfdf;
	border-radius: 4.2vh;
	overflow: auto;
}

.lost_row_detail{
	display: block;
	width:100%;
	color:black !important;
	font-size: 185%;
	clear:right;
	text-align: left;
}

.lost_box{
	width: 90%;
	min-width: 345px;
	max-width: 485px;
	min-height: 125px;
	height: auto;
	padding:15px;
	background-color: #dfdfdf;
	border-radius: 4.7vh;
	overflow: auto;
	margin-bottom: 12px;
}

.lost_details{
	display: inline-block;
	width:75%;
	float: left;
}

.lost_image{
	width:100px;
	height:100px;
	float:left;
	object-fit: cover;
	border-radius: 100px;
	display: inline-block;
	margin-right: 13px;
	margin-top: 3px;
	margin-bottom: 14px;
}

.lost_row{
	display: block;
	width:100%;
	color:black !important;
	font-size: 175%;
	clear:right;
	text-align: left;
}

.event_icon{
	width: 28px;
	height: auto;
	float: right;
	margin-left: -24px; 
}

.event_box{
	width:100%;
	max-width: 450px;
	background-color: #dfdfdf;
	color:white !important;
	font-size: 145%;
	border-radius: 4.7vh;
	padding: 18px;
	border:0px;
	overflow: auto;
	margin-bottom: 11px;
}

.event_box:hover{
	-webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.22); 
	box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.22);
	cursor: pointer;
}

.event_date,.event_title,.event_detail{
	float:left;
	color:black !important;
	text-align: left;
	width: 100%;
}

.event_date{
	margin-bottom: 18px;
	font-size: 160%;
	font-weight: 550;
}

.event_title{
	margin-bottom: 2px;
	font-size: 135%;
	font-weight: 500;
}
.event_detail{
	font-weight: 400;
	font-size: 125%;
}

.event_image{
	width:90px;
	height:90px;
	margin-right: 20px;
	margin-left: 20px;
	object-fit: cover;
	border-radius: 140px;
	overflow: hidden;
	display: inline-block;
	float: left;
}

.event_add_img{
	float:right;
	width:60px;
	height:60px;
	vertical-align: middle !important;
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.event_header{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	min-width: 325px;
	max-width: 400px;
	overflow: auto;
}

.event_row_title{
	color:black !important;
	text-align: left !important;
	font-size: 270%;
	margin-top: 15px;
	width: 165px;
	clear:right;
	float:left;
}

.event_row_desc{
	color: black !important;
	text-align: left;
	font-size: 150%;
	margin-top: -6px;
	width: 65%;
	clear: right;
	float: left;
	font-weight: normal;
}

.button_kolyy_half3{
	width:100px;
	background-color: #c4a465;
	color:black;
	border-radius: 45px;
	font-size: 220%;
	padding-top: 8px;
	padding-bottom: 8px;
	border:0px;
	font-weight: 450;
}

#agenda_content{
	display: none;
}

.agenda_row{
	padding-top: 15px;
	padding-bottom: 15px;
	height: 60px;
}

.agenda_row:hover{
	opacity: 0.8;
}

.agenda_row_title{
	display: inline-block;
	float:left;
	color:white !important;
	text-align: left;
	font-size: 220%;
	margin-left: 11px;
	width: 170px;
	clear:right;
	margin-top: -10px;
}

.agenda_row_desc{
	float:left;
	color:white !important;
	text-align: left;
	clear:right;
	width: 170px;
	font-size: 150%;
	margin-left: 11px;
	display: inline-block;
	font-weight: normal;
}

.black_font{
	color: black !important;
}

.agenda_image{
	border-radius: 45px;
	width:60px;
	height: auto;
	margin-left: 15px;
	margin-top: -20px;
	margin-bottom: 0;
	display: inline-block;
	float: left;
}

.agenda_image_round{
	width:60px;
	height:60px;
	object-fit: cover;
	border-radius: 100px;
	overflow: hidden;
	display: inline-block;
	margin-left: 15px;
	margin-top: -20px;
	margin-bottom: 0;
	display: inline-block;
	float: left;
}

.agenda_arrow{
	width:32px;
	height: auto;
	margin-right: 10px;
	margin-top: -30px;
	float:right;
	position: relative;
}

.agenda_row_arrow{
	width:32px;
	height: auto;
	margin-right: 10px;
	float:right;
	margin-top: -25px;
	float:top;
}

.box_agenda{
	background-color: #c4dad9;
	padding: 15px;
	max-width: 450px;
	margin-top: 45px;
	margin-bottom: 45px;
	color: #449d9e;
	font-size: 170%;
	text-align:left;
	overflow: auto;
	display: block;
}

.box_agenda_p{
	display: inline-block;
	float: left;
	width: 85%;
}

.box_kolyy{
	width:315px;
	background-color: #9ec6c5;
	color:white !important;
	border-radius: 4.7vh;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 15px;
	border:0px;
	font-weight: 600;
}
/* Buttons */
.button_kolyy_half{
	width:150px;
	background-color: #c4a465;
	color:black;
	border-radius: 45px;
	font-size: 280%;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 15px;
	border:0px;
	font-weight: 700;
}
.button_kolyy_half2{
	width:140px;
	background-color: #c4a465;
	color:black;
	border-radius: 45px;
	font-size: 220%;
	padding-top: 12px;
	padding-bottom: 12px;
	border:0px;
	font-weight: 650;
}

.button_kolyy:focus, 
.button_kolyy_auto:focus, 
.button_kolyy2:focus, 
.button_kolyy_small:focus,
.button_kolyy_red:focus,
.button_kolyy_gray:focus,
.button_kolyy3:focus,
.button_kolyy_gray2:focus, 
.button_header:focus,
.button_kolyy_half:focus,
.button_kolyy_half2:focus,
.button_kolyy_half3:focus,
.button_kolyy_orange:focus{
	border:0px;
	outline:0;
}

.button_kolyy4:focus{
	outline:0;
}
.button_kolyy_auto{
	background-color: #c4a465;
	color:black;
	border-radius: 45px;
	font-size: 170%;
	padding-top: 12px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 12px;
	border:0px;
	font-weight: 600;
}

.button_kolyy{
	width:315px;
	background-color: #c4a465;
	color:black;
	border-radius: 45px;
	font-size: 200%;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 15px;
	border:0px;
	font-weight: 600;
}

.button_kolyy_orange{
	width:315px;
	/*background-color: #57a7a8;*/
	background-color: #d79275;
	color:black;
	border-radius: 45px;
	font-size: 200%;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 15px;
	border:0px;
	font-weight: 600;
}

.button_kolyy_green{
	width:315px;
	background-color: #58a6a7;
	color:black;
	border-radius: 45px;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 15px;
	border:0px;
	font-size: 200%;
	font-weight: 600;
}

.button_kolyy_white{
	width:315px;
	background-color: white;
	color: #00c8c8;
	border-radius: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 16px;
	border:0px;
	font-size: 200%;
}

.button_kolyy2{
	width:315px;
	background-color: #9ec6c5;
	color:black;
	border-radius: 45px;
	font-size: 220%;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 15px;
	border:0px;
	font-weight: 500;
}

.button_kolyy3{
	width:190px;
	background-color: #9ec6c5;
	color:black;
	border-radius: 45px;
	font-size: 190%;
	padding-top: 9px;
	padding-bottom: 9px;
	border:0px;
	font-weight: 500;
}

.button_kolyy4{
	width:315px;
	background: rgba(76, 175, 80, 0);
	border:1.8px solid #9ec6c5;
	color: #9ec6c5;
	border-color: #9ec6c5;
	border-radius: 45px;
	font-size: 190%;
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 200%;
	font-weight: 600;
}

.button_kolyy_small{
	width:220px;
	background-color: #c4a465;
	color:black;
	border-radius: 45px;
	font-size: 170%;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 10px;
	border:0px;
	font-weight: 600;
}

.button_kolyy_red{
	width:220px;
	background-color: #d89375;
	color:black;
	border-radius: 45px;
	font-size: 140%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border:0px;
	font-weight: 600;
}

.button_kolyy_gray{
	width:220px;
	background-color: #b8c4cc;
	color:#30373d;
	border-radius: 45px;
	font-size: 140%;
	padding-top: 10px;
	padding-bottom: 10px;
	border:0px;
	font-weight: 600;
}

.button_kolyy_gray2{
	width:315px;
	background-color: #2d363d;
	color:black;
	border-radius: 45px;
	font-size: 155%;
	padding-top: 10px;
	padding-bottom: 10px;
	border:0px;
	margin-bottom: 10px;
	font-weight: 600;
}

.button_header{
	width:185px;
	background-color: #9ec6c5;
	color:#30373d;
	border-radius: 45px;
	font-size: 125%;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 15px;
	border:0px;
	font-weight: 600;
}

.button_header2{
	width: 145px;
	height: 35px;
	color:#30373d;
	border-radius: 35px;
	font-size: 165%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border:0px;
	font-weight: 600;
}

.button_header3{
	width: 100%;
	height: 50px;
	color:black;
	font-size: 210%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border:0px;
	font-weight: 600;
}

.input_kolyy{
	width:315px;
	border-radius: 45px;
	margin-bottom: 10px !important;
	font-size: 200%;
	z-index: 3 !important;
	/*background-color:rgba(20,66.7,66.7,0.85);*/
	background-color:#dfdfdf;
	opacity: 0.75;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 16px;
	padding-bottom: 16px;
	color: #30373d;
	border:0px;
	text-align: left;
}

.input_kolyy:focus,.input_kolyy_edit:focus{
	background-color:#afdfdf;
	border:0px;
	outline: none;
}

.input_kolyy_edit_no_bg:focus{
	border: 0px!important;
	border-bottom: 1px solid black !important;
	background-color:rgba(20,66.7,66.7,0);
	outline: none;
}

.input_kolyy_edit_no_bg{
	width:215px;
	font-size: 200% !important;
	background-color:rgba(20,66.7,66.7,0);
	padding-right: 10px !important;
	padding-left: 10px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	color: #30373d !important;
	border: 0px!important;
	border-bottom: 1px solid black !important;
	text-align: left !important;
}

.input_kolyy_edit{
	width:315px;
	border-radius: 45px !important;
	margin-bottom: 10px !important;
	font-size: 200% !important;
	/*background-color:rgba(20,66.7,66.7,0.85);*/
	background-color:#dfdfdf !important;
	opacity: 0.75 !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	padding-top: 29px !important;
	padding-bottom: 16px !important;
	color: #30373d !important;
	border:0px !important;
	text-align: left !important;
}

.input_kolyy_edit_no_label{
	width:315px;
	border-radius: 45px !important;
	margin-bottom: 10px !important;
	font-size: 200% !important;
	background-color:#dfdfdf !important;
	opacity: 0.75 !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
	color: #30373d !important;
	border:0px !important;
	text-align: left !important;
}

.input_kolyy_edit_forms{
	width: 90%;
	max-width:415px;
	border-radius: 45px !important;
	margin-bottom: 10px !important;
	font-size: 15px;
	background-color:#dfdfdf !important;
	opacity: 0.75 !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
	color: #30373d !important;
	border:0px !important;
	text-align: left !important;
}

.button_info{
	display: block;
	width:315px;
	border-radius: 45px;
	margin-bottom: 10px;
	font-size: 190%;
	background-color:#dfdfdf;
	opacity: 1;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 16px;
	padding-bottom: 16px;
	color: #30373d;
	border:0px;
	text-align: left;
}

.button_name{
	width: 200px !important;
	float:right;
	margin-bottom: 0px;
}

.padding_main{
	margin-bottom: 190px;
}

/* Modal show */
.modal {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}

.k_label{
		font-size: 15px;
		text-align: left;
		width: 100%;
		margin-bottom: 6px;
	}

	.k_input{
		width: 100%;
		float: left;
		border-radius: 9px;
		background-color: white;
		text-align: left;
		font-size: 17px;
		height: 50px;
		padding: 8px;
		padding-left: 15px;
		margin-bottom: 25px;
		border: 0px;
	}

	.kolyy_color{
		color:  #c4a465;
	}

	.kolyy_color:hover{
		color:  #c4a465 !important;
	}

	.k_box{
		padding: 20px;
		background-color: ##dddcdb !important;
		border-radius: 20px;
		max-width: 370px;
		float: center;
	}

/* Media css */

@media screen and (max-width: 640px) and (orientation: portrait) { 
  .bg1{
	background: transparent url("/assets/img/bg1.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  }
  .bg2{
	background: transparent url("/assets/img/bg2.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;  
  }
  .bg3{
	background: transparent url("/assets/img/bg3.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  }
  .bg4{
	background: transparent url("/assets/img/bg4.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  }
  
}

@media (max-width: 750px) {
  
	.button_header{
		background: rgba(0,0,0,0);
		padding: 0px;
	}
	.header_text{
		display: none;
	}
	.header_container{
		padding: 0px;
		padding-top: 7px;
		padding-right: 7px;
	}

	 .menu_desktop{
		display: none;
	}

	.menu_responsive{
		display: block;
	}
	.container{
		width:100%;
	}

	.top_logo{
		margin-top: 5px;
		margin-bottom: 5px;
		width: 110px;
	}

	.top_logo_stripe{
		margin-top: 5px;
		margin-bottom: 5px;
		width: 65px;
	}
 }

@media (max-width: 550px) {

	.event_row_title{
		width:150px;
	}
	.box_agenda_p{
		width: 80%;
		font-size: 91%;
	}
	.footer{
		padding-left:5px;
		padding-right:5px;
	}

	.footer_box1{
		margin-right: 22px;
	}

	.agenda_row_title{
		width: 150px;
	}
	.event_image{
		width:70px;
		height: 70px;
		margin-right: 10px;
		margin-left: 0px;
		margin-top: 10px;
	}

  .event_add_img{
  	width:45px;
  	height:45px;
  	margin-right: 10px;
  }

  	.lost_row{
  		font-size: 160% !important;
  	}

	.lost_name{
		font-size: 130% !important;
		font-weight: 700;
	}

	.lost_date{
		font-weight: 700;
		font-size: 130%;
	}

  .lost_details{
	width: 65%;
  }

  .lost_box{
  	max-width: 95%;
  	min-width: 95%;
  	padding:5px;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	height: auto;
  	min-height: auto;
  }

  .lost_image{
  	width: 85px;
  	height: 85px;
  	margin-top: 10px;
  }


  .email_foot {
    display: none;
  }

  .button_footer{
  	width: 135px;
  }

  .log_out{
	float: right;
	padding: 10px;
	}

   .main_container{
		padding-bottom: 60px !important;
	}

	.container_pet{
		margin-left: 0px;
		margin-right: 0px;
		display: block;
	}

	.desplegable{
		display: none;
	}

	.button_name{
		width: 190px !important;
	}

}