@charset "utf-8";

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

body {
	font-family: "GohamBookRegular",Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-style: normal;
}

.MainMenu a {
}
.MainMenu a:link {
	color: #fff;
	text-decoration: none;
}
.MainMenu a:visited {
	color: #fff;
	text-decoration: none;
}
.MainMenu a:hover {
	color: #fff;
	text-decoration: none;
}
.MainMenu a:active {
	color: #fff;
	text-decoration: none;
}

@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli'), url(https://fonts.gstatic.com/s/muli/v9/kU4XYdV4jtS72BIidPtqyw.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/*@font-face {
	font-family: 'GohamBoldRegular';
	src: url('../fonts/Goham_bold-webfont.eot');
	src: url('../fonts/Goham_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Goham_bold-webfont.woff') format('woff'), url('../fonts/Goham_bold-webfont.ttf') format('truetype'), url('../fonts/Goham_bold-webfont.svg#GohamBoldRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'GohamBookRegular';
	src: url('../fonts/Goham_book-webfont.eot');
	src: url('../fonts/Goham_book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Goham_book-webfont.woff') format('woff'), url('../fonts/Goham_book-webfont.ttf') format('truetype'), url('../fonts/Goham_book-webfont.svg#GohamBookRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'GohamBookItalic';
	src: url('../fonts/Goham_book_italic-webfont.eot');
	src: url('../fonts/Goham_book_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Goham_book_italic-webfont.woff') format('woff'), url('../fonts/Goham_book_italic-webfont.ttf') format('truetype'), url('../fonts/Goham_book_italic-webfont.svg#GohamBookItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/*
@font-face {
	font-family: 'GohamMediumItalic';
	src: url('../fonts/Goham_medium_italic-webfont.eot');
	src: url('../fonts/Goham_medium_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Goham_medium_italic-webfont.woff') format('woff'), url('../fonts/Goham_medium_italic-webfont.ttf') format('truetype'), url('../fonts/Goham_medium_italic-webfont.svg#GohamMediumItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/*
@font-face {
	font-family: 'GohamMedium';
	src: url('../fonts/Goham_medium-webfont.eot');
	src: url('../fonts/Goham_medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Goham_medium-webfont.woff') format('woff'), url('../fonts/Goham_medium-webfont.ttf') format('truetype'), url('../fonts/Goham_medium-webfont.svg#GohamMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'GohamLight';
	src: url('../fonts/Goham_light-webfont.eot');
	src: url('../fonts/Goham_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Goham_light-webfont.woff') format('woff'), url('../fonts/Goham_light-webfont.ttf') format('truetype'), url('../fonts/Goham_light-webfont.svg#GohamMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'walkway_boldregular';
	src: url('../fonts/walkway_bold-webfont.eot');
	src: url('../fonts/walkway_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/walkway_bold-webfont.woff') format('woff'), url('../fonts/walkway_bold-webfont.ttf') format('truetype'), url('../fonts/walkway_bold-webfont.svg#walkway_boldregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
    font-family: 'walkway_semiboldregular';
    src: url('../fonts/walkway_semibold-webfont.eot');
    src: url('../fonts/walkway_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/walkway_semibold-webfont.woff') format('woff'), url('../fonts/walkway_semibold-webfont.ttf') format('truetype'), url('../fonts/walkway_semibold-webfont.svg#walkway_semiboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
.ScrollBox {
	overflow-y: auto; 
	overflow-x: hidden;
	max-height: 200px;
	max-width: 80vw;
	padding-right: 10px;
}

.ScrollBox > :first-child { margin-top: 0 !important; }
.ScrollBox > :last-child { margin-bottom: 0 !important; }

.ScrollBox a {
}
.ScrollBox a:link {
	color: #01a2b4;
	text-decoration: none;
}
.ScrollBox a:visited {
	color: #01a2b4;
	text-decoration: none;
}
.ScrollBox a:hover {
	color: #01a2b4;
	text-decoration: underline;
}
.ScrollBox a:active {
	color: #01a2b4;
	text-decoration: none;
}

.subheading {
	font-family: Muli,"GohamBookRegular",Arial,Helvetica,sans-serif; 
	font-size: 25px !important;
	color: #000;
	text-shadow: none;
}
.tp-caption.SYA-Heading,.SYA-Heading
{
	background-color: rgba(228,245,247,0.80);
	border-color: transparent;
	border-radius: 20px;
	border-style: none;
	border-width: 0;
	color: #01a2b4;
	font-family: "GohamBookRegular",Arial,Helvetica,sans-serif;
	font-size: 57px;
	font-style: normal;
	font-weight: 400;
	line-height: 70px;
	padding: 20px;
	text-decoration: none;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 5px rgba(228,245,247,0.80);
}

.tp-caption.SYA-Heading.Contact,.SYA-Heading.Contact
{
	line-height: 35px;
	text-align: center;
}

.tp-caption.SYA-Text,.SYA-Text
{
	background-color: rgba(228,245,247,0.80);
	border-color: transparent;
	border-radius: 20px;
	border-style: none;
	border-width: 0;
	color: rgba(23,58,69,1.00);
	font-family: "GohamBookRegular",Arial,Helvetica,sans-serif;
	font-size: 31px;
	font-style: normal;
	font-weight: 400;
	line-height: 42px;
	padding: 20px;
	text-decoration: none;
	width: 300%;
	text-align: center;
	box-shadow: 0px 0px 5px 5px rgba(228,245,247,0.80);
}

.tp-caption.SYA-HTML5,.SYA-HTML5
{
	background-color: rgba(228,245,247,0.80);
	border-color: transparent;
	border-radius: 20px;
	border-style: none;
	border-width: 0;
	color: rgba(23,58,69,1.00);
	font-family: "GohamBookRegular",Arial,Helvetica,sans-serif;
	font-size: 31px;
	font-style: normal;
	font-weight: 400;
	line-height: 42px;
	padding: 20px;
	text-decoration: none;
	width: 100%;
	text-align: center;
	box-shadow: 0px 0px 5px 5px rgba(228,245,247,0.80);
}

.tp-caption.SYA-Logo,.SYA-Logo
{
	border-radius: 20px;
	background-color: rgba(0,0,0,0.03);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.03);
}
.tp-bullet {
	border: 2px solid rgba(88,88,88,1.00);
	border-radius: 8px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

@media only screen and (max-width: 778px) {
p {
	margin-top: 8px;
	margin-bottom: 8px;
}
.tp-caption.SYA-Heading,.SYA-Heading
{
	font-size: 60px;
	line-height: auto;
}
.subheading {
	font-size: 20px !important;
}
.tp-caption.SYA-Text,.SYA-Text
{
	font-size: 24px;
	line-height: 30px;
	width: 250%;
}
}

@media only screen and (max-width: 480px) {
p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.tp-caption.SYA-Heading,.SYA-Heading
{
	font-size: 50px;
	line-height: auto;
}
.subheading {
	font-size: 15px !important;
}
.tp-caption.SYA-Text,.SYA-Text
{
	font-size: 16px;
	line-height: 22px;
	width: 200%;
}
}


@media screen and (orientation:portrait) {

			@media only screen and (max-width: 320px) {
			
		.tp-caption.SYA-Heading,.SYA-Heading
		{
			font-size: 11px;
		}
	}
	
		@media only screen and (max-width: 480px) {
			
		.tp-caption.SYA-Heading,.SYA-Heading
		{
			font-size: 25px;
		}
		
.subheading {
	font-size: 10px !important;
}
			
		.tp-caption.SYA-Text,.SYA-Text
		{
		}
			
		.ScrollBox {
		}			
			
		.tp-caption.SYA-HTML5,.SYA-HTML5
		{
		}
		}
	
	
}


@media screen and (orientation:landscape) {
    // CSS applied when the device is in landscape mode
	
		.tp-caption.SYA-Logo,.SYA-Logo
		{
			top: -15px !important;
			position: relative;
		}
		.tp-caption.SYA-Heading,.SYA-Heading
		{
			font-size: 57px;
			line-height: auto;
			padding: 10px;
			top: -10px;
		}
		.subheading {
			font-size: 20px !important;
		}
		.tp-caption.SYA-Text,.SYA-Text
		{
			font-size: 24px;
			line-height: 30px;
			width: 400%;
			padding: 10px;
			top: -25px;
		}
		.tp-caption.SYA-HTML5,.SYA-HTML5
		{
			font-size: 24px;
			line-height: 30px;
			padding: 10px;
			top: -25px;
			width: 100%;
		}
		@media only screen and (max-width: 778px) {
		.tp-caption.SYA-Heading,.SYA-Heading
		{
			font-size: 40px;
			line-height: auto;
			padding: 0px 20px 0px 20px;
			top: -22px;
		}
		.subheading {
			font-size: 15px !important;
		}
		.tp-caption.SYA-Text,.SYA-Text
		{
			font-size: 24px;
			line-height: 30px;
			padding: 10px 20px 10px 20px;
			top: -78px;
			left: -10px;
			width: 320%;
		}
		.tp-caption.SYA-HTML5,.SYA-HTML5
		{
			font-size: 24px;
			line-height: 30px;
			padding: 10px 20px 10px 20px;
			top: -78px;
			left: -10px;
			width: 100%;
		}
		}
	
	
		@media only screen and (max-width: 533px) {

		.tp-caption.SYA-Text,.SYA-Text
		{
			font-size: 20px;
			line-height: 22px;
			width: 340%;
		}

	
	}
		
		@media only screen and (max-width: 480px) {
			
		.tp-caption.SYA-Heading,.SYA-Heading
		{
			font-size: 30px;
			line-height: auto;
			padding: 10px;
			top: -10px;
		}
		.subheading {
			font-size: 10px !important;
		}
		
			
		.tp-caption.SYA-Text,.SYA-Text
		{
			font-size: 16px;
			line-height: 22px;
			padding: 10px 20px 10px 20px;
			top: -48px;
			left: -10px;
			width: 350%;
		}
			
		.ScrollBox {
			max-height: 120px;
		}			
			
		.tp-caption.SYA-HTML5,.SYA-HTML5
		{
			font-size: 16px;
			line-height: 22px;
			padding: 10px 20px 10px 20px;
			top: -78px;
			left: -10px;
			width: 100%;
		}
		}
	
	
		@media only screen and (max-height: 418px) {
			.ScrollBox {
				max-height: 170px;
			}			
		}
	
		@media only screen and (max-height: 384px) {
			.ScrollBox {
				max-height: 160px;
			}			
		}
	
		@media only screen and (max-height: 320px) {
			.ScrollBox {
				max-height: 120px;
			}
			.Contact_Box {
				top: -30px !important;
			}
		}
	
	
	
}
  /* !important is needed sometimes */
 ::-webkit-scrollbar {
    width: 20px !important;
 }

 /* Track */
::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
   background: #01a2b4 !important; 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 

 }
 ::-webkit-scrollbar-thumb:window-inactive {
   background: #01a2b4 !important; 
 }
.tp-bullet.selected, .tp-bullet:hover {	
	background: #01a2b4 !important;
	border-top-color: #01a2b4 !important; 
	border-right-color: #01a2b4 !important; 
	border-bottom-color: #01a2b4 !important; 
	border-left-color: #01a2b4 !important; 
}
.image_credits {
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
	text-align: center;
	margin-bottom: 0px;
}
.image_credits .the_credits {
	background-color: rgba(228, 245, 247, 0.8);
	box-shadow: 0px 0px 5px 5px rgba(228,245,247,0.80);
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 12px;
	margin-top: 9px;
}
.image_credits .the_credits p {
	margin: 4px;
}
.the_credits a {
}
.the_credits a:link {
	color: #000;
	text-decoration: none;
}
.the_credits a:visited {
	color: #000;
	text-decoration: none;
}
.the_credits a:hover {
	color: #01A2B4;
	text-decoration: none;
}
.the_credits a:active {
	color: #000;
	text-decoration: none;
}
.Font_smaller {font-size: smaller;}
.Font_medium{font-size: medium;}
.Font_larger{font-size: larger;}
.Font_xx-small {font-size: xx-small;}
.Font_x-small {font-size: x-small;}
.Font_small {font-size: small;}
.Font_large {font-size: large;}
.Font_x-large {font-size: x-large;}
.Font_xx-large {font-size: xx-large;}
