@import url('animate.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
html, body 	{height:100%!important; }
body		{background:#FFF; color:#7B3F01; font-size: 16px; font-weight:400; font-family: 'Open Sans', sans-serif; line-height:18px; }


a		{color:#ff0000;	text-decoration: none !important; cursor: pointer;}
a:focus	{outline: none;}
.no-gutter > [class*='col-']	{padding-right:0; padding-left:0;}



/*   CUSTOM --------------------------------------------- */
.page		{height:100%;}
.content	{display: none;}

#home		{background:#FFF}
#servicios	{background:#F9E9D9; min-height:100%}

#logo		{margin-top:-12%; margin-bottom:2%;}
#logo img	{width:40% ; height:auto ;}
#in-btn img, #back-btn img	{width:15% ; height:auto ;}
#back-btn	{margin-top:-15%;}

/* SERVICIOS ================================================== */

.serv-section	{padding-top:40px;}
ul 	{list-style-type: none;}

.col-xs-4	{text-align: center}

.servicio .wid-100 img		{border: none; width: 100%}
.servicio .icon 		{border: none; width: 30%; display: inline-block}


.servicio			{position: relative;}
.servicio .overlay	{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; border-radius: 0; background: #; vertical-align: middle; }
.servicio .serv-txt	{top: 0; background: #; width: 100%;  border-radius: 0;  margin-bottom: 0; padding: 0px; }
.servicio .serv-txt h4	{text-transform: uppercase; font-size:15px; font-weight: 700 }
.icon:hover				{border-radius: 100px; padding: 1px; border:3px solid #7B3F01; opacity:0.75}

/* MODAL ======= */

.close			{color: #CC0000; opacity: 1; font-size: 40px; font-weight: 700;}
.fa 				{color: #44AAAA}
.modal-body		{text-align: justify!important}

@media (min-width: 600px) {
.modal-dialog {margin-top:12%;}	
	
.modal-content	{width: 100%; padding-bottom:40%; height: 0; background-color: transparent; background-image: url(../img/bone-bg.png); background-size: 100% 100%; background-repeat:none; box-shadow: none; border: none ;}
.modal-header	{width: 80%; margin: 0px 0px 0px 10%; padding: 1% 0px 0px 0px; border-bottom: none;}
.modal-title	{margin-bottom: 1%; padding: 0px; background:#; font-size: 20px; font-weight: 700; color: #FFF; text-transform: uppercase}

.modal-body		{padding: 1% 7% 0; margin: 0px;}
.modal-body a	{text-decoration: none; color: #7B3F01}
.modal-body li	{margin-bottom: 1%}
.modal-backdrop	{opacity:0.75 !important;}
#myModal2 p		{line-height:22px}
#myModal3 ul li	{line-height:30px}
#myModal4 p		{line-height:28px}
#myModal5 p		{line-height:30px}
#myModal6 p		{line-height:20px}
#myModal7 p		{line-height:22px}
#myModal8 p		{line-height:26px}

}

@media (max-width: 559px) {
	.servicio .serv-txt h4	{font-size:12px!important;}

}

@media (max-width: 500px) {

	.servicio .serv-txt h4	{font-size:10px!important;}

}