/* CSS Document */

*				{padding: 0;
			 	margin: 0;
			 	}


h1 em			{
				position: absolute;
				left: -4000px;
				width: 900px;
				}



.hiddenpic		{display: none}

body			{padding: 0px 20px;
				background: #2693cc;
				 }
/* Resposive fontsize 
html { font-size: calc(1em + 1vw); }
*/






.header_desktop {display: none;}

.header		{display: block; padding: 0% 5% 0% 5%;  width: 100%;
						}


.mobile	{text-align: center}
.desktop	{text-align: center}



@media (min-width: 800px) 

{


 
  
.header_desktop {display: inline-block; padding: 0% 5% 0% 5%;  width: 90%; max-width: 1200px}

.header		{display: none}

h2	{font-size: 36px}


}



img.footerimage		{padding: 0% 2%;  width: 100%;}



/* Home page responsive containers */

.wrapper {
  max-width: 90%;
  margin: 2% auto 2% auto;
  height: auto;
  overflow:auto; 
}


.block_left {
  border: 1px solid #eee;
  margin: 20px 20px 30px 20px;
  border-radius: 25px; 
  text-align: center; 
  background-color: #13975d;
   padding: 8px;  
box-shadow: 3px 5px 10px -7px rgba(0,0,0,0.32);
-webkit-box-shadow: 3px 5px 10px -7px rgba(0,0,0,0.32);
-moz-box-shadow: 3px 5px 10px -7px rgba(0,0,0,0.32);
  
}


@media screen and (min-width: 700px) {

  
  .block_left  {
    float: left; 
    width: 40%;
	padding: 10px;
    margin:  2% 4% 0% 5.4% }
	

}



.block_right {
  border: 1px solid #eee;
  margin: 20px 20px 30px 20px;
  border-radius: 12px; 
  text-align: center; 
  background-color: #13975d;
box-shadow: 3px 5px 10px -7px rgba(0,0,0,0.32);
-webkit-box-shadow: 3px 5px 10px -7px rgba(0,0,0,0.32);
-moz-box-shadow: 3px 5px 10px -7px rgba(0,0,0,0.32);
  text-align: center; 
  width: 70%;
  max-width: 700px;
  margin: 40px auto;  
  padding: 40px 40px; 
}




.block_center {border: 0px solid #ddd;
  border-radius: 0px; 
  text-align:center;   
  overflow: hidden;
  padding: 10px 15px 20px 15px;
  margin: 0px auto;
  max-width: 700px;
}

.block_center h3	{font-size: 28px; text-shadow: 1.5px 1.5px 1.5px #111}

.block_left h3	{font-size: 28px; text-shadow: 1.5px 1.5px 1.5px #111; margin-bottom: 18px;}





@media screen and (min-width: 1300px) {

  .wrapper {
    max-width: 65%;
  }
  
}

@media screen and (min-width: 1800px) {

  .wrapper {
    max-width: 1100px;
  }
  
}




/* To make youtube video frame responsive */

.iframe-container iframe {border: 1px solid #fff; 
-webkit-box-shadow: 1px 2px 21px 4px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 2px 21px 4px rgba(0,0,0,0.15);
box-shadow: 1px 2px 21px 4px rgba(0,0,0,0.15);}

.iframe-container{ position: relative; width: 100%; padding-bottom: 56.25%; height: 0; } 

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

.iframe-container{ position: relative; width: 100%; padding-bottom: 56.25%; height: 0; } 

.iframe-container iframe{ position: absolute; top:0; left: 0; width: 100%; height: 100%; }

 }

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

.iframe-container{ position: relative; width: 100%; padding-bottom: 56.25%; height: 0; } 

.iframe-container iframe{ position: absolute; top:0; left: 0; width: 100%; height: 100%; }

 }





						

	

						
/* TITLE BARS */
		
						
.titletext				{background-color: none; 
						padding: 0px 0px;
						text-align:center;
						letter-spacing:3px; 
						font-size: 38px;
						font-weight: 200;
						color: #f0cd93;text-shadow: 1.5px 1.5px 1.5px #111
						}

.titletext_color		{background-color:#f0cd93; 
						padding: 0px 80px;
						letter-spacing:2px; 
						font-weight: 300; }




h2					{color: #ffffff;
					font-family: 'Oswald', sans-serif;
					font-size: 25px;
					font-weight: 200;
					text-align:center;
					margin-bottom: 2%; line-height: 32px; 
					}


/* Mobile */
@media screen and (max-width: 800px) {

h2 					{color: #ffffff;
					font-family: 'Oswald', sans-serif;
					font-size: 19px;
					font-weight: 200;
					text-align:center;
					margin-bottom: 11px; line-height: 30px;}

.titletext				{background-color: none; 
						padding: 0px 0px;
						text-align:center;
						font-size: 36px;
						line-height: 36px;
						}

}

.heading			{text-align:right;
					color: #BDBDBD;
					font-size: 35px;
					letter-spacing: 15px;
					font-weight: 200;
					padding: 30px 0px 20px 0px}

h3					{color: #f0cd93;
					font-family: 'Oswald', sans-serif;
					font-size: 24px;
					
					margin-bottom: 15px; line-height: 30px;}

h3 a				{color: #333}

h3 a:hover			{color: #474756}



h4					{color: #474756;
					font-family: 'Oswald', sans-serif;
					font-size: 23px;
					margin-bottom: 10px;
					line-height: 30px;}



h5					{color: #474756;
					font-family: 'Oswald', sans-serif;
					font-size: 20px;
					margin-bottom: 20px;
					line-height: 22px;
					font-weight: 500}

.bold				{font-weight: 900}

h5 a				{color: #666; font-weight: 200}

p					{color: #704638;
					font-family: 'Montserrat', sans-serif;
					font-size:14px;
					line-height: 25px;
					font-weight: 500;
					margin-bottom: 16px;}

															
img					{border: none;
					outline: none}

.riselogo			{width: 130px;}

a					{color:#cfb366; text-decoration:none; font-weight: bold}

a:hover				{color: #427b98}


.smalltext			{font-size: 10px; line-height: 14px;}

a.booknow 			{color:#fff; font-weight:800; font-family: 'Oswald', Arial, Helvetica, sans-serif;  text-decoration:none; background-color: #e95d28; padding: 2px 18px; border: 1px solid #999; font-size: 24px;  white-space: nowrap;}


a.booknow:hover		{color:#fff; background-color: #3b3b48}


a.email				{color: #333}

a.email:hover		{color: #cfb366}



.button				{background-color:#427b98; padding: 1px 8px; border: 1px solid #ccc}
a.button			{color: #FFF}

a.button:hover		{color: #f0cd93}

a img				{outline: none}

.center				{text-align:center}


@media (max-width: 767px)  {
	
p	{font-size: 12px; line-height: 22px}

}

.imagelink img{
				opacity:1;
				-webkit-transition: opacity 0.20s linear;
				-moz-transition: opacity 0.20s linear;  
				-o-transition: opacity 0.20s linear; 
				-ms-transition: opacity 0.20s linear;
				transition: opacity 0.20s linear;
				
}

.imagelink:hover img
				{opacity:0.5; }


.imagelink2 img{
				opacity:0.5;
				-webkit-transition: opacity 0.20s linear;
				-moz-transition: opacity 0.20s linear;  
				-o-transition: opacity 0.20s linear; 
				-ms-transition: opacity 0.20s linear;
				transition: opacity 0.20s linear;
				
}

.imagelink2:hover img
				{opacity:1; }




	
	/* FOOTER */

.footer			{margin-top: 0px;
				padding-top: 20px;
				height: 460px;
				border: 0px dotted #CCC; 
				background: #000 url(images/bg_footer.jpg)  top no-repeat;
				
				}
		

.footer_logo	{width:300px; max-width: 300px; margin-top: 10%; text-align:center}


.footer_wrapper {
  max-width: 900px;
  margin: 0 auto;
  height: auto;
  overflow:auto;
}


@media (max-width: 567px) 
{
.footer			{background: #000 url(images/bg_footer.jpg) right no-repeat; height: 380px}		

.footer_logo_bottom	{width:200px; max-width: 300px; margin-top: 4%; text-align:center}

h2	{font-size: 16px}


}









html, * { box-sizing: border-box;}