/*
Update: 7-2021
Author: StiM
Ver: 

*/

@font-face {font-family:"Hotel Coral Essex";src:url("Hotel_Coral_Essex.eot?") format("eot"),url("Hotel_Coral_Essex.woff") format("woff"),url("Hotel_Coral_Essex.ttf") format("truetype"),url("Hotel_Coral_Essex.svg#HotelCoralEssex") format("svg");font-weight:normal;font-style:normal;}



.ib-section
{
    display:inline-block;
    vertical-align: top;    
    }

.ib-textcenter
{
    text-align:center; 
    }



.ib-title 
{
    
	font-size:2.5em;

}

.ib-subtitle 
{
	/*font-family: 'Bangers';*/
	font-family: 'Luckiest Guy';	
	
	font-size:1.8em;
	letter-spacing:1px;
}

.ib-handwritten:first-child{
font-family: 'Hotel Coral Essex';
    font-size: 2em;
    position: absolute;
    font-weight: 100;
    color: rgb(0 0 0 / 80%);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(-20deg);
    letter-spacing: 1px;
    padding-top: 10px;
    position: absolute;
    font-size: 1em;
    text-align: center;
    padding: 0 2.5em;
    border-radius: 10px;
    background-color: rgb(0, 0, 0);
    color: rgb(220 24 133);
    border: solid 6px rgb(220 24 133);
    z-index:1;
    box-shadow: #0000008c 4px 4px 7px 1px;
    left: 0px;
    bottom:0;

}


.ib-handwritten{
font-family: 'Hotel Coral Essex';
    font-size: 2em;
    position: absolute;
    font-weight: 100;
    color: rgb(0 0 0 / 80%);
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    letter-spacing: 1px;
    padding-top: 10px;
    position: absolute;
    font-size: 1em;
    text-align: center;
    padding: 2.5em;
    border-radius: 3em;
    background-color: rgb(0, 0, 0);
    color: rgb(220 24 133);
    border: solid 5px rgb(255 204 2);
    box-shadow: #0000008c 4px 4px 7px 1px;
    z-index:-1;
}

.ib-description
{
	font-family: 'Tahoma';
	font-size:1.5em;
	letter-spacing:1px;
	/*text-shadow: 2px 2px 4px gray;*/
	}
	

.ib-backgroundyellow{  background-color:#ffee02;}
.ib-backgroundblack{  background-color:#000;}

.ib-image{ width:200px; float:left; margin-right:10px;}	
.ib-rotate{ transform: rotate(-15deg);}

.ib-box400
{
	display:inline-block;
	width:200px;
	height:200px;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.ib-img400
{
	height:200px;
	position :absolute ;
	left:-40%;
	}

	
	
.ib-roundboxblack
{
	background-color:#000;
	display:inline-block;
	padding:20px;
	
	-moz-border-radius:50%;
	border-radius: 50%;
}

.ib-roundbox
{
	display:inline-block;
	padding:20px;
	
	-moz-border-radius:50%;
	border-radius: 50%;
}


	
.ib-boxblack
{
	background-color:#000;
	/*border:dashed 10px #ffee02;*/
	display:inline-block;
	width:200px;
	height:130px;
	-moz-border-radius:20px;
	border-radius: 20px;
padding:0 10px 20px 20px   ; 
	
	text-align:center;
	vertical-align :middle ;
	
	}
.ib-boxwhite
{
	padding:10px;
	background-color:#fff;
	width:100px;
	line-height:100px;
	width:100px;
	text-align:center;
	vertical-align:middle;
	-moz-border-radius:20px;
	border-radius: 20px;

	}
/* --------------------------------------------------------------- 
 rgb(68, 68, 68)
*/	

.title  { font-size:1.1em; 
          font-family:Arial;
          }

.white {color:#fff;}

.ib-yellow
{
	color:#ffcc02;
	text-shadow: 3px 2px 6px rgb(0, 0, 0);
}
.ib-black{
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 7px rgb(0, 0, 0);
}

	
/* --------------------------------------------------------------- */	
.ib-welcome
{
	font-family: Tahoma ; /*'Bangers', cursive;*/
	font-size:2.0em;
	text-align:left;
	/*text-shadow: 2px 2px 4px rgb(255, 238, 2);*/
	text-shadow: 2px 2px 4px rgb(0, 0, 0);
	z-index:3;
	}

.ib-menu
{
	margin:auto;
	width:400px;
	
	
}


           
/* ----------------------------------------------------------------  */         

.ib-logo  
{
	position:fixed;
	left:-50px; top:100px;     
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
  

@media screen and (max-width: 1024px) {

}  	      

  	    
	
	
.background-wrapper {
    background: url(../images/main-background.jpg) repeat-y rgb(124, 98, 77) fixed;
    background-size: cover;
    background-repeat:repeat ;
}	        



.ib-area
{
	vertical-align :top;
	width:200px; 
	/*margin-right:30px;*/

	min-height: 200px;
	display:inline-block ;
	position:relative ;	
	background-color:rgba(0,0,0,0.4);

}	


.ib-school

{
	background-image : url(../images/maestro/1.jpg);
	background-repeat :no-repeat;
	background-position : center top;
	   
}

.ib-bar
{
	background-image : url(../images/1_bar.jpg);
	background-repeat :no-repeat;
	background-position : center top;
}

.ib-rent
{
	background-image : url(../images/rent/3.jpg);
	background-repeat :no-repeat;
	background-position : -100px top;
	
}



.ib-rotation-20{
	-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
}

.ib-rotation-40
{
		
	-ms-transform: rotate(-40deg); /* IE 9 */
    -webkit-transform: rotate(-40deg); /* Chrome, Safari, Opera */
    transform: rotate(-40deg);
}

.ib-position-1
{
	position:absolute ;
	left:-60%;
	top:20px;
}


ul li 
{
	list-style-type:none ;
	
}


.ib-social
{
	color:rgb(0, 0, 0);
	text-shadow: 2px 2px 4px rgb(255, 238, 2);
}
	
	
.topbar
{
	top:0;
	position :fixed;
	width:100%; 
	margin:auto; 
	padding-top:20px; 
	padding-bottom:20px; 
	/*background-color:rgba(254, 237, 2, 1);*/
	background-color:rgba(0, 0, 0, 0.5);
	}



.ib-imagetile 
{
    vertical-align: top;
    display: inline;
    /* float: left; */
    margin-right: 1em;
    margin-bottom: 1.5em;
    border-radius: 10px;
    box-shadow: #7b7b7b 2px 2px 4px 2px;
}



.ib-buttonsmall input[type=button]
{
    box-shadow: 2px 2px 5px #111;
    height: 30px;
    font-size: 10px;
    padding: 1px;
    min-height: 30px;
    
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;    
    
}


 
.ib-buttonnormal input[type=button] {
    height: 30px;
    font-size: 10px;
    padding: 1px;
    min-height: 30px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    background-color: #ddd;
    min-width: 80px;
    font-size: 12px;
    border: 1px solid #ccc;
    color: #333;
    text-transform: capitalize;
    font-family: arial;
    font-weight: bold;
}




.ib-buttonnormalyellow input[type=button]
{
    background-color :#ffee02;
    border: 1px solid #ffcc02;
}





.myformcontainer
{
	    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 50;
    width: 800px;
    margin: auto;

}





/*--------------------------*/
 

.container {
  width: 200px;
  
  margin: 0 auto 0;
}

.pulse-button {


  position: relative;
  width: 200px;
  height: 200px;
  border: none;
  box-shadow: 0 0 0 0 rgba(254, 203, 2, 1);
  border-radius: 50%;
  background-color: rgb(254, 203, 2);
  background-image: url(../images/tag/snowboarderYellow.png);
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
border: solid 8px #C79E00;

  
}

.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}


@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

/*
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
*/