/*
	Table of Content
	--------------------------------------------------
	Reset styles
	Preloader styles
	Main styles
	Page styles
	Page content styles
	Banner styles
		Front page banner styles
	Navbar styles
		Master menu styles
	Other styles
	Bootstrap reset styles
	Media queries styles
		Phones styles
		Tablets styles
		Desktops styles
		Large desktops styles
*/

/* Reset styles */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	line-height: 28px;
	
}

body {
	line-height: 1;
	 padding: 5px;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
	padding: 5px;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	display: inline-block;
  margin-bottom: 5px;
  color: #000;
  font-family: Arial, sans-serif;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}

/* Preloader styles */
#preloader {
	width: 100%;
	height: 100%;
	background: url(../images/preloader.GIF) no-repeat scroll center center #FFFFFF;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999999999;
	overflow: visible;
}

/* Main styles */
body {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	color: #660099;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato Light';
	font-weight: normal;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
    font-family: 'Lato Light Italic';
	font-style: normal;
}
h1 { font-size: 30px; line-height: 40px; }
h2 {
	font-size: 28px;
	line-height: 35px;
	color:#FF6600;
}
h3 { font-size: 26px; line-height: 36px; }
h4 { font-size: 24px; line-height: 34px; }
h5 { font-size: 22px; line-height: 32px; }
h6 {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}
img { max-width: 100%; }

/* Page styles */
.page-wrap {
	position: relative;
}
.master-header {
	width: 100%;
	background-color: #000066;
	position: relative;
	z-index: 99;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
.sticky {
	border-bottom: 1px solid #E5E5E5;
	position: fixed;
	top: 0;
}
.sticky-layer {
	width: 100%;
	display: none;
	position: relative;
}
.master-footer {
	width: 100%;
	background-color: #34495E;
	position: relative;
	color: #66FFFF;
}
.master-footer a {
	color: #2AABE2;
	text-decoration: none;
}
.master-footer a:hover,
.master-footer a:focus {
	color: #FFFFFF;
}
.theme-logo {
	padding-top: 10px;
	padding-bottom: 6px;
}
.site-copy {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	color: #003300;
}
.site-info {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: right;
}

/* Page content styles */
.page-content {
	width: 100%;
	position: relative;
}
.page-content h2 {
	margin-bottom: 5px;
}
.page-content p {
	margin-bottom: 15px;
}
.content-section {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}
.about-us-section {
	background-color: #FFCC00;
	color: #003300;
}
.menu-section {
	background-color: #FFFFFF;
}
.menu-section table thead tr {
	background-color: rgba(42, 171, 226, 0.75);
	color: #FFFFFF;
}
.gallery-section {
	background-color: #000033;
	padding-bottom: 35px;
	color: #FF6600;
}
.gallery-section h2 {
	color:#990000;
	font-weight:bold;
}
.gallery-section ul {
	list-style: none outside none;
	position: relative;
}
.gallery-section ul li {
	padding-bottom: 30px;
}
.gallery-section ul li a {
	display: block;
	position: relative;
	 margin: 0 auto;
}
.gallery-section ul li a:hover:after {
	content: '';
	background: url(../images/magnifier-icon-24x24.png) no-repeat scroll center center rgba(42, 171, 226, 0.5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.gallery-section ul li a img {
	display: block;
}
.contact-us-section {
	background-color: #E8F0F9;
}
.contact-us-section h2 {
	color: #34495E;
}
.contact-us-section iframe {
	width: 100%;
	border: 1px solid #E5E5E5;
}

/* Banner styles */
.banner {
	width: 100%;
	position: relative;
	z-index: 9;
}
/* Front page banner styles */
.front-page-banner {
	width: 100%;
	background: url(../images/meri.jpg) no-repeat scroll center center #F5F5F5;
	background-size: cover;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	position: relative;
}
.front-page-banner h2 {
	padding: 12% 0 10px 6%;
	font-size: 32px;
	line-height: 42px;
	color: #2AABE2;
	position: relative;
}
.front-page-banner p {
	padding: 0 0 15px 6%;
	font-size: 18px;
	line-height: 28px;
	color: #34495E;
	position: relative;
}

/* Navbar styles */
/* Master menu styles */
.master-menu {
	padding-top: 16px;
	padding-bottom: 1px;
	position: relative;
	z-index: 99999;
	width:100%;
}
.master-menu .master-menu-container {
	float: right;
	position: relative;
	z-index: 1;
}
.master-menu .main-menu {
	position: relative;
}
.master-menu .main-menu > li {
	padding-bottom: 15px;
	padding-left: 1px;
	float: left;
	position: relative;
	z-index: 0;
}
.master-menu .main-menu > li:first-child {
	padding-left: 20px;
}
.master-menu .main-menu > li > a {
	display: block;
	padding: 6px 15px;
    font-family: 'Lato';
	font-size: 15px;
	font-weight: normal;
	line-height: 24px;
	text-transform: uppercase;
	text-decoration: none;
	color: #34495E;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.master-menu .main-menu > li.current-menu-parent > a,
.master-menu .main-menu > li.active > a,
.master-menu .main-menu > li.drop-menu-open > a,
.master-menu .main-menu > li > a:hover {
	background-color: #990000;
	color: #33FF00;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.master-menu .main-menu > li > a > i {
	margin: 0 0 0 5px;
	font-size: 16px;
}
.master-menu .sub-menu {
	min-width: 160px;
}
.master-menu .sub-menu > li {
	position: relative;
}
.master-menu .sub-menu .sub-menu > li {
	padding-left: 15px;
}
.master-menu .last-menu .sub-menu .sub-menu > li {
	padding-left: 0;
	padding-right: 15px;
}
.master-menu .sub-menu > li > a {
	background-color: #2AABE2;
	display: block;
	padding: 6px 35px 6px 15px;
	border-top: 1px solid #0A8BC2;
	font-size: 15px;
	line-height: 24px;
	text-decoration: none;
	white-space: nowrap;
	color: #FFFFFF;
	position: relative;
	-webkit-transition: all linear 0.2s;
	   -moz-transition: all linear 0.2s;
	    -ms-transition: all linear 0.2s;
		 -o-transition: all linear 0.2s;
		    transition: all linear 0.2s;
}
.master-menu .sub-menu > li:first-child > a {
	border-top: none;
	-webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	    -ms-border-radius: 4px 4px 0 0;
		 -o-border-radius: 4px 4px 0 0;
		    border-radius: 4px 4px 0 0;
}
.master-menu .sub-menu > li:last-child > a {
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
	    -ms-border-radius: 0 0 4px 4px;
		 -o-border-radius: 0 0 4px 4px;
		    border-radius: 0 0 4px 4px;
}
.master-menu .sub-menu > li.current-menu-parent > a,
.master-menu .sub-menu > li.active > a,
.master-menu .sub-menu > li.drop-menu-open > a,
.master-menu .sub-menu > li > a:hover {
	background-color: #0A8BC2;
	color: #FFFFFF;
}
.master-menu .sub-menu > li > a > i {
	font-size: 16px;
	position: absolute;
	top: 9px;
	right: 15px;
}
.master-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 1px;
}
.master-menu .sub-menu:after {
	width: 0;
	height: 0;
	border-bottom: 10px solid #2AABE2;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: '';
	position: absolute;
	top: -10px;
	left: 20px;
}
.master-menu .last-menu .sub-menu:after {
	top: -10px;
	left: auto;
	right: 20px;
}
.master-menu .sub-menu .sub-menu {
	position: absolute;
	top: 0;
	left: 100%;
}
.master-menu .sub-menu .sub-menu:after {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 10px solid #2AABE2;
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
}
.master-menu .last-menu .sub-menu .sub-menu:after {
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #2AABE2;
	border-right: none;
	top: 15px;
	left: auto;
	right: 5px;
}
.master-menu .last-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: auto;
	right: 0;
}
.master-menu .last-menu .sub-menu .sub-menu {
	position: absolute;
	top: 0;
	left: auto;
	right: 100%;
}
.master-menu .sub-menu {
	display: none;
}
.master-menu .drop-menu.drop-menu-open > .sub-menu.sub-menu-open {
	display: block;
}
.master-menu .master-menu-toggle {
	background-color: #2AABE2;
	display: none;
	margin: 0 -15px;
	color: #FFFFFF;
	position: relative;
	z-index: 99;
}
.master-menu .master-menu-toggle h2 {
	float: left;
	padding: 6px 15px;
    font-family: 'Lato';
	font-size: 18px;
	font-weight: normal;
	line-height: 28px;
	color: #FFFFFF;
}
.master-menu .master-menu-toggle span {
	width: 40px;
	height: 40px;
	background-color: #0A8BC2;
	display: inline-block;
	float: right;
	font-size: 24px;
	text-align: center;
	line-height: 40px;
	color: #FFFFFF;
	cursor: pointer;
}

/* Other styles */
strong {
    font-family: 'Lato Bold';
	font-weight: normal;
}
em {
    font-family: 'Lato Italic';
	font-style: normal;
}
strong em, em strong {
    font-family: 'Lato Bold Italic';
	font-weight: normal;
	font-style: normal;
}
.clear {
	width: 0;
	height: 0;
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
}
.alignnone, .alignleft, .alignright, .aligncenter {
	height: auto;
	padding: 5px;
	border: 1px solid #E0E0E0;
}
.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}
.alignright {
	float: right;
	margin: 0 0 15px 15px;
}
.aligncenter {
	display: block;
	margin: 0 auto 15px auto;
}

/* Bootstrap reset styles */
a, a:active, a:hover, a:focus,
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus,
.form-control:focus,
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus, .btn:active, .btn.active,
.dropdown-toggle:focus,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
.open > a,
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle,
.navbar-toggle:focus,
.modal, .modal-content,
.carousel-control:hover, .carousel-control:focus {
	outline: none;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #FF6600;
	text-decoration: none;
}
.btn {
	text-decoration: none;
	-webkit-transition: all linear 0.2s;
	   -moz-transition: all linear 0.2s;
	    -ms-transition: all linear 0.2s;
		 -o-transition: all linear 0.2s;
		    transition: all linear 0.2s;
}
.btn-default {
	background-color: #2AABE2;
	border-color: #0A8BC2;
	color: #FFFFFF;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	background-color: #34495E;
	border-color: #14293E;
	color: #FFFFFF;
}
label {
	font-weight: normal;
}
.form-control {
	color: #454545;
	border: 1px solid #CCCCCC;
}
.form-control:focus {
	border-color: #AAAAAA;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.form-control::-moz-placeholder {
	color: #999999;
	opacity: 1;
}
.form-control:-ms-input-placeholder {
	color: #999999;
}
.form-control::-webkit-input-placeholder {
	color: #999999;
}
.form-horizontal .control-label {
	text-align: left;
}

/* Media queries styles */
/* Phones styles */
@media (max-width: 767px) {
	/* Align center styles */
	.theme-logo, .site-copy, .site-info {
		text-align: center;
	}
	/* Page styles */
	.theme-logo {
		padding-top: 10px;
		padding-bottom: 8px;
	}
	.site-copy {
		padding-bottom: 5px;
	}
	.site-info {
		padding-top: 5px;
	}
	/* Page content styles */
	.content-section {
		padding-top: 30px;
		padding-bottom: 30px;
		position: relative;
	}
	.gallery-section {
		padding-bottom: 5px;
	}
	/* Banner styles */
	/* Front page banner styles */
	.front-page-banner h2 {
		padding: 15px 15px 5px 15px;
		font-size: 24px;
		line-height: 24px;
	}
	.front-page-banner p {
		padding: 0 15px 15px 15px;
		font-size: 16px;
		line-height: 24px;
	}
	/* Navbar styles */
	/* Master menu styles */
	.master-menu {
		padding-top: 0;
		padding-bottom: 0;
	}
	.master-menu .master-menu-container {
		float: none;
		margin: 0 -15px;
		background-color: #2AABE2;
		border-top: 1px solid #0A8BC2;
	}
	.master-menu .main-menu > li {
		float: none;
		padding-bottom: 0;
		padding-left: 0;
		border-top: 1px solid #0A8BC2;
	}
	.master-menu .main-menu > li:first-child {
		border-top: none;
	}
	.master-menu .main-menu > li > a {
		padding: 5px 45px 5px 15px;
		text-transform: capitalize;
		color: #FFFFFF;
	}
	.master-menu .main-menu > li.current-menu-parent > a,
	.master-menu .main-menu > li.active > a,
	.master-menu .main-menu > li.drop-menu-open > a,
	.master-menu .main-menu > li > a:hover,
	.master-menu .main-menu > li > a:focus {
		background-color: #0A8BC2;
		color: #FFFFFF;
		-webkit-transition: none;
		   -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
				transition: none;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
			-ms-border-radius: 0;
			 -o-border-radius: 0;
				border-radius: 0;
	}
	.master-menu .sub-menu {
		min-width: inherit;
		border-top: 1px solid #0A8BC2;
	}
	.master-menu .sub-menu > li {
		border-top: 1px solid #0A8BC2;
	}
	.master-menu .sub-menu > li:first-child {
		border-top: none;
	}
	.master-menu .sub-menu .sub-menu > li {
		padding-left: 0;
	}
	.master-menu .last-menu .sub-menu .sub-menu > li {
		padding-left: 0;
		padding-right: 0;
	}
	.master-menu .sub-menu > li > a {
		background-color: transparent;
		padding: 5px 45px 5px 30px;
		border-top: none;
		white-space: nowrap;
		color: #FFFFFF;
		-webkit-transition: none;
		   -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
				transition: none;
	}
	.master-menu .sub-menu .sub-menu > li > a {
		padding: 5px 45px 5px 45px;
	}
	.master-menu .sub-menu .sub-menu .sub-menu > li > a {
		padding: 5px 45px 5px 60px;
	}
	.master-menu .sub-menu > li:first-child > a {
		border-top: none;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
			-ms-border-radius: 0;
			 -o-border-radius: 0;
				border-radius: 0;
	}
	.master-menu .sub-menu > li:last-child > a {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
			-ms-border-radius: 0;
			 -o-border-radius: 0;
				border-radius: 0;
	}
	.master-menu .sub-menu > li.current-menu-parent > a,
	.master-menu .sub-menu > li.active > a,
	.master-menu .sub-menu > li.drop-menu-open > a,
	.master-menu .sub-menu > li > a:hover,
	.master-menu .sub-menu > li > a:focus {
		background-color: #0A8BC2;
		color: #FFFFFF;
	}
	.master-menu .sub-menu, .master-menu .sub-menu .sub-menu,
	.master-menu .last-menu .sub-menu, .master-menu .last-menu .sub-menu .sub-menu {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
	}
	.master-menu .sub-menu:after {
		width: 0;
		height: 0;
		border-bottom: none;
		border-left: none;
		border-right: none;
		content: '';
		position: absolute;
		top: auto;
		left: auto;
	}
	.master-menu .last-menu .sub-menu:after {
		top: auto;
		left: auto;
		right: auto;
	}
	.master-menu .sub-menu .sub-menu:after {
		width: 0;
		height: 0;
		border-top: none;
		border-bottom: none;
		border-right: none;
		content: '';
		position: absolute;
		top: auto;
		left: auto;
	}
	.master-menu .last-menu .sub-menu .sub-menu:after {
		border-top: none;
		border-bottom: none;
		border-left: none;
		border-right: none;
		top: auto;
		left: auto;
		right: auto;
	}
	.master-menu .sub-menu {
		display: block;
	}
	.master-menu .drop-menu.drop-menu-open > .sub-menu.sub-menu-open {
		display: block;
	}
	.master-menu .drop-menu > i {
		width: 34px;
		height: 34px;
		background-color: #0A8BC2;
		font-size: 24px;
		line-height: 34px;
		text-align: center;
		color: #FFFFFF;
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 99;
	}
	.master-menu .master-menu-toggle {
		display: block;
	}
	/* Other styles */
	.alignnone, .alignleft, .alignright, .aligncenter {
		display: block;
		float: none;
		margin: 0 auto 15px auto;
	}
}
/* Tablets styles */
@media (min-width: 768px) and (max-width: 991px) {
	/* Align center styles */
	.theme-logo {
		text-align: center;
	}
	/* Page styles */
	.theme-logo {
		padding-top: 10px;
		padding-bottom: 8px;
	}
	/* Navbar styles */
	/* Master menu styles */
	.master-menu {
		padding-top: 0;
		padding-bottom: 0;
	}
	.master-menu .master-menu-container {
		width: 560px;
		float: none;
		margin: 0 auto;
	}
	/* Other styles */
	.alignnone, .alignleft, .alignright, .aligncenter {
		max-width: 200px;
	}
}
/* Desktops styles */
@media (min-width: 992px) and (max-width: 1199px) {
	/* Align center styles */
	/* Other styles */
	.alignnone, .alignleft, .alignright, .aligncenter {
		max-width: 250px;
	}
}
/* Large desktops styles */
@media (min-width: 1200px) {
	/* Align center styles */
	/* Other styles */
	.alignnone, .alignleft, .alignright, .aligncenter {
		max-width: 250px;
	}
}