/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
	background-color:rgba(177, 13, 232, .3);
}

header>.container{
	text-shadow: 0px 0px 15px #632648;
}

header{
	background-size: 500px;
	background-position-y: 70px;
	background-repeat: no-repeat;
	min-height: 700px;
}

.logo-title{
	font-family: 'Prociono', serif !important;
	font-variant: small-caps;
	font-weight: bolder;
	letter-spacing: .1em;
	text-shadow: 5px 5px 5px grey;
}

.slogan{
	font-size:1.5em !important;
}

.slogan:hover{
	color:#632648 !important;
}

.quotes{
	color: #FFF;
	width:75%;
	float: right;
	/*border: 1px solid blue;*/
	/*padding-top: 0px !important;*/
	padding-top:30px !important;
}

div.quoteDiv{
	/*display: none;*/
	width: 100%;
	font-size: 2em;
	/*margin-top:60px;*/
}

.navbar-default.navbar-shrink .slogan {
    font-size: 1.5em;
    display: none;
}

div.page-scroll{
	cursor: pointer;
}

#easytone{
	background-color: rgba(99,38,72,.05);
}

#powertone{
	background-color: rgba(99,38,72,.2);
}

i.fa-plus:before{
	content: "Ver detalles";
}

i.fa-plus{
	font-size:1em;
}

div.row{
	margin-bottom:30px;
}

div.portfolio-item{
	width:32%;
	margin:5px;
	border-radius:10px;
	box-shadow: 0px 0px 3px black;
}

div.portfolio-item:hover{
	cursor:pointer;
	background-color: #d8a6ea;
	border-radius:10px;
	box-shadow: 0px 0px 15px black;
}

div.portfolio-item>a>img{
	width:100%;
	max-height: 480px;
}

div.infoPopup{
	border: 1px solid #632648;
	border-radius:5px;
	background-color: white;
	color: #632648;
	font-weight: bold;
	position:absolute;
	margin:5px;
	padding:10px;
	font-size:1.5em;
	text-shadow:none;
}

::selection {
  color: white;
}

div.pop-left{
	left:10px;
}

div.pop-right{
	right:10px;
}

div.locationInfo>p{
	font-size:1.3em;
}

.enfasis{
	font-weight: bolder;
	font-size:1.5em;
	text-shadow: 0.1em 0px 0.1em #632648;
	text-transform: uppercase;
}

div.oferta>hr{
	border:2px solid white;
	width:calc(100% - 115px);
	width:-moz-calc(100% - 115px);
	width:-webkit-calc(100% - 115px);
	width:-o-calc(100% - 115px);
	float:left;
}

div.offer-container{
	display: flex;
	justify-content:space-around;
}

div.oferta{
	min-height:60px;
	min-width: 20%;
	max-width: 30%;
	/*background-color: #0090ff;*/
	background-color: #E7B6F8;
	background-image: url("../img/oferta.png");
	background-repeat: no-repeat;
	/*background-size: 50%;*/
	background-position: top right;
	/*border: 1px solid #632648;*/
	box-shadow: 0px 0px 10px black;
	color:white;
	position: relative;
}

div.oferta.header-offer{
	max-width: none;
	width: 250px;
	right: 0px;
}

div.offer-container.header-offer{
	position: absolute;
	right: 20px;
	box-shadow: 0px 0px 20px blue;
}

div.offer-container.header-offer{    
  background-color: gray;
  animation: shadowThrob 0.9s infinite;
  animation-direction: alternate;
  -webkit-animation: shadowThrob 0.9s ease-out infinite;
  -webkit-animation-direction: alternate;
}
@keyframes shadowThrob {
  0% {box-shadow: 0 0 50px 10px rgba(65,12,190, 0.9);}
  100% {box-shadow: 0 0 50px 10px rgba(190,12,65, 0.2);}
}
@-webkit-keyframes shadowThrob {
  0% {box-shadow: 0 0 50px 10px rgba(190,12,65, 0.9);}
  100% {box-shadow: 0 0 50px 10px rgba(65,12,190, 0.2);}
}

div.oferta>div.of-header{
	width:100%;
	float:left;
}

div.oferta>div.of-content{
	width:100%;
	float:left;
}

p.of-titulo{
	float: left;
	width:calc(100% - 115px);
	width:-moz-calc(100% - 115px);
	width:-webkit-calc(100% - 115px);
	width:-o-calc(100% - 115px);
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 4px;
	margin-top: 4px;
	font-size: 1.2em;
	text-align: center;
	color:#632648;
}

h1.of-porcentaje{
	margin:0px;
	padding:0px;
	max-width:110px;
	text-align:right;
	float: right;
}
h1.of-porcentaje:after{
	content: "%"
}

p.of-text{
	width: 100%;
	padding:3%;
	color:#632648;
	text-align: center;
}

#ofertas{
	/*background-color: #f5ff8c;*/
	background-color: white;
	
}

#accordion p, #accordion li{
	font-size: 1.2em;
}

.ui-accordion-header{
	font-size:1.7em !important;
	color: #632648;
}

.ui-accordion-header-active{
	border: 1px solid #632648; 
}

.ui-state-focus{
	border: 1px solid #632648 !important;
}

.ui-state-hover{
	border: 1px solid #632648 !important;
	background-color: #E7B6F8 !important;
}

.blink{
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


/* IMAGE GALLERY */

div#pics a div.photo{
	float:left;
	position:relative;
	border:1px solid black;
	width:220px;
	height:220px;
	margin:5px;	
}

div#pics a div.photo img{
	position:absolute;
	margin: auto;
	top:0;
	bottom: 0;
	right:0;
	left:0;
}

.left-text{
	text-align: left; 
}

li.masajes-li{
	font-size: 1.3em;
	font-weight: bold;
}