@font-face {
	font-family: "DejaVu Sans Condensed";
	src: url("../webfonts/dejavu-sans-condensed.eot"); /* IE9 Compat Modes */
	src: url("../webfonts/dejavu-sans-condensed.otf") format("opentype"), /* Open Type Font */
		url("../webfonts/dejavu-sans-condensed.svg") format("svg"), /* Legacy iOS */
		url("../webfonts/dejavu-sans-condensed.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../webfonts/dejavu-sans-condensed.woff") format("woff"), /* Modern Browsers */
		url("../webfonts/dejavu-sans-condensed.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

	body {
		line-height: 1;
		-webkit-text-size-adjust: none;
		background: #303238 url("images/bg01.png");
	}
	body.is-preload * {
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		}
	body, input, select, textarea {
		font-family: 'dejavu-sans-condensed';

		color: #395278;
		font-weight: 400;
		font-size: 14pt;
		line-height: 1.4em;
	}

ol, ul {
	/* list-style: none; */
}
#nav ul, .divided, .menu {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
td {
	border-radius: 10px;
}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}
	@-ms-viewport {
		width: device-width;
	}

	
	a {
		color: inherit;
		text-decoration: none;
		
	}
	h1, h3, h5, h6 {
		font-weight: 700;
		letter-spacing: 0.03em;
		color: #395278;
		margin: 0 0 1em 0;
	}
	h2 {

		font-weight: 800;
		letter-spacing: 0.04em;

		/* color: #1f2559; */
		color: #395278;
		margin: 0 0 1em 0;
	}	
	h4 {
		font-style: italic;
		font-weight: 800;
		letter-spacing: 0.04em;
		color: #1f2559;
		margin: 0 0 1em 0;
	}	
	h2 {
		font-size: 2em;
		margin: 0 0 1.5em 0;
		line-height: 1em;
	}
	h3 {
		font-size: 1.35em;
		margin-top: 1em;
	}
	b, strong {
		color: #404248;
		font-weight: 700;
	}
	i, em {
		font-style: italic;
	}
	ul, ol, dl {
		margin-bottom: 0.5em;
		list-style-position: inside;			
	}
	
	p {
		margin-bottom: 0.5em;
		text-indent: 5%;
		font-weight: 700;
	}
	.itemsText2 p {
		text-indent: 0;
	}
		.reviews-txt  p {
		text-indent: 0;
	}

/* Wrappers */

	#page-wrapper {
		width: 100%;
		padding: 0;
		margin: -25px 0 0 0;
	}
	
	#header-wrapper {
		width: 100%;
		background: url("../../images/header.jpg");
		background-position: bottom left, center center;
		background-size: auto, cover;
		margin: 0;
		padding: 0;
	}

	#main-wrapper {
		width: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
	}

	#footer-wrapper {
		width: 100%;
		margin: 0;
		padding: 7em 0 7em 0;
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.png"), url("images/bg02.png");
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.png"), url("images/bg02.png");
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.png"), url("images/bg02.png");
		background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.png"), url("images/bg02.png");
		position: relative;
		background-repeat: repeat-x, no-repeat, repeat;
		background-size: 100% 100%, 100% 15em, auto auto;
		background-position: top left, top center, top left;
		
	}

	.wrapper {
		padding: 2em 0 2em 0;
	}

		.wrapper > .inner {
			position: relative;
			z-index: 2;
		}

		.wrapper.style1 {
			position: relative;
			background-color: #fff;
			background-image: url("images/bg03.png"), url("images/bg04.png"), url("images/bg02.png");
			background-repeat: no-repeat, no-repeat, repeat;
			background-size: 100% 15em, 100% 15em, auto auto;
			background-position: top center, bottom center, top left;
		}

		.wrapper.style3 {
			position: relative;
			text-shadow: 1px 1px 0 #fff;
			background-color: #fff;
			background-image: url("images/bg03.png"), url("images/bg02.png");
			background-repeat: no-repeat, repeat;
			background-size: 100% 15em, auto auto;
			background-position: top center, top left;
		}

/* Header */

	#header {
		position: relative;
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.1);
		padding: 0.75em;
		margin-bottom: 0;
	}

		#header .inner {
			position: relative;
			height: 5.5em;
			background-color: #315578;	
			border-radius: 8px;
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.45), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.15);
			text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
		}
			
		#malesa {
			width: 20%;
			display: block;
			position: absolute;
			margin: -14px 0 0 2%;
		}

		#header h1 {
			position: absolute;
			left: 1.75em;
			top: 55%;
			margin-top: -0.65em;
			font-size: 2em;
			color: #f4de68;
		}
		.ssylka {
			font-style: italic;
			text-decoration: underline;
		}
		#hideTag {
			display: none;
		}
		#hideTag1 {
			display: none;
		}		

/* Banner */


		#banner {
			text-align: center;
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
		}

		#banner h2 {
			border: solid 1px rgba(255, 255, 255, 0.25);
			border-left: 0;
			border-right: 0;
			color: #162a54;
		}

			#banner h2:before {
				content: '';
				display: block;
				border-top: solid 1px;
				border-color: #888;
				border-color: rgba(255, 255, 255, 0.25);
			}

			#banner h2:after {
				content: '';
				display: block;
				border-bottom: solid 1px;
				border-color: #888;
				border-color: rgba(255, 255, 255, 0.25);
			}

		#banner p {
			color: #F4DE68;
			font-style: italic;
			float: left;
			/* text-align: right; */
		}








	.row {
		width: 100%;
	}
	.col-12 {
		width: 100%;
	}	


	.formsetting {
		font-size: 14px;
	}



	#menu-pic {
		width: 100%;		
	}
	
	.image-menu-pic {
		position: relative;
		width: 100%; 
		margin: 0 0 0 0;
		border-radius: 8px; 
	}
		#default-text {
			display: block;
		}
		#services {
			display: none;
			width: 100%;
			padding: 35px 0 0 30px;
			border: 4px solid gray;
			border-radius: 8px; 
		}
		#items {
			display: none;
			width: 100%;
			margin-left: 32px;
			/* padding: 35px 0 0 30px; */
			border: 4px solid gray;
			border-radius: 8px; 
		}
		#info, #info1, #info2, #info3, #info4, #info5, #info6, #info7 {
			display: none;
			border: 4px solid gray;
		}		
		.col-1-medium {							
			float: left;
			width: 95%;
			margin: 0 30px 0 30px
				}

		
/*-------------------------------------------- Container ---------------------------------------*/
	.container {
		margin: 0 auto;
		max-width: calc(100% - 100px);
		width: 100%;
	}
/*-----------------------------------------------------------------------------------*/
/* Section/Article */

	section, article {
		margin-bottom: 5em;
	}

	section > :last-child,
	article > :last-child,
	section:last-child,
	article:last-child {
		margin-bottom: 0;
	}

	header {
		margin: 0 0 2em 0;
	}

		header h2, header h3 {
			margin: 0 0 0.25em 0;
		}

		header p {
			display: block;
			text-transform: uppercase;
			font-weight: 700;
			letter-spacing: 0.065em;
			font-size: 0.9em;
			color: #696969;
			margin: 0;
		}

			header p strong {
				color: #404248;
				font-weight: 800;
			}

	footer {
		margin: 2.5em 0 0 0;
	}

	header.major {
		text-align: center;
		border-bottom: solid 1px #dbdbdb;
		margin: 3em 0 1em 0;
	}
	header.major#adress-header {
		text-align: left;
		border-bottom: solid 1px #dbdbdb;
		padding: 0 0 0 2em;
	}
	header.major#adress-header:after {
		content: '';
		display: block;
		border-top: solid 1px #dbdbdb;
		height: 8px;
		margin: 0 0 0 -2em;
	}	
		header.major:after {
			content: '';
			display: block;
			border-top: solid 1px #dbdbdb;
			height: 8px;
		}

		header.major h2, header.major h3 {
			margin: 0 0 1.2em 0;
		}

		header.major p {
			margin: 0 0 1.5em 0;
			position: relative;
			top: -1em;
		}

/* Tables */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tr {
				border-top: solid 1px #eee;
			}
			table.default tr:first-child {
					border-top: 0;
			}
			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}
			table.default th {
				text-align: left;
				padding: 0.5em 1em 0.5em 1em;
				text-transform: uppercase;
				font-weight: 800;
				letter-spacing: 0.04em;
				margin: 0 0 1em 0;
				font-size: 0.8em;
			}
			table.default thead {
				background: #404248;
				color: #fff;
			}
/* Image */
	.image {
		position: relative;
		display: inline-block;
	}
		.image img {
			display: block;
			width: 100%;
			border-radius: 8px;
			padding: 20px 0;
		}
		.image:before {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			opacity: 0.75;
		}
		.image.fit {
			display: block;
			width: 100%;
		}
		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2.5em 0;
		}
		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}
		.image.cont {
			margin: 0 1.5em 2em 0;
			width: 16%;
			vertical-align: top;
		}
		.image.centered {
			display: block;
			margin: 0 0 2.5em 0;
		}
		.image.centered img {
			margin: 0 auto;
			width: auto;
		}
/* List */
		ul.divided li {
			border-top: solid 1px #eee;
			padding: 0.5em 0 0 0;
			margin: 0.5em 0 0 0;
		}
		ul.divided li:first-child {
			border-top: 0 !important;
			padding-top: 0 !important;
			margin-top: 0 !important;
		}
/* Box */
		.box.excerpt {
			position: relative;
			overflow: hidden;
		}
		.box.excerpt header {
			margin: 0 0 1em 0;
		}
		.box.excerpt .image, .box.excerpt p {
			margin-bottom: 0;
		}
		.box.feature1 {
			text-align: center;
		}
		.box.feature1 header {
			margin-bottom: 1em;
		}
		.box.feature1 header.first h2 {
			font-size: 2.5em;
		}
		.box.feature1 header.first p {
			font-size: 1.2em;
		}
		.box.feature1 header.second {
			position: relative;
			display: inline-block;
			text-align: left;
			margin: 0 auto;
			white-space: nowrap;
			left: 24px;
		}
		.box.feature1 header.second p {
			line-height: 1em;
		}
		.box.feature1 header.second:before {
			font-size: 48px;
			position: absolute;
			right: 100%;
			margin-right: 18px;
			opacity: 0.5;
			bottom: -4px;
		}
		.box.feature2 {
			text-align: justify;
		}
		.box.feature2 h3 {
			text-align: center;
		}
		.box.article-list article {
			border-bottom: solid 1px #dbdbdb;
			margin: 0 0 2.75em 0;
			padding: 0 0 2.75em 0;
		}
		.box.article-list article:last-child {
			border-bottom: 0;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		#info, #info1, #info2, #info3, #info4, #info5, #info6, #info7 {
			text-align: left;
		}
		#info p {
			padding: 0 2% 0 2%;
		}
		#info ol {
			list-style-type: decimal;
			padding-left: 80px;
		   margin-top: 1em;
		   margin-bottom: 1em;
		}
		#info ul {
			list-style: square outside;
			padding-left: 80px;
		   margin-top: 1em;
		   margin-bottom: 1em;
		}
		#info h3, #info h4 {
			padding-left: 80px;
		}
	/* Icons */
		.icon {
			text-decoration: none;
			text-decoration: none;
		}
		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
			padding-right: 10px;
		}
		.icon.solid:before {
			font-weight: 900;
		}
		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}
		.icon > .label {
			display: none;
		}
/*---------------------------------------------------------*/
			/* Nav */

		#nav {
			position: absolute;
			right: 2em;
			top: 0;
			line-height: 5em;
		}

		#nav > ul > li {
			float: left;
			padding: 0.5em 0.5em 0 0.8em;
		}

		#nav > ul > li > a, #nav > ul > li > span {
				color: #f4de68;
				text-decoration: none;
	/*			text-transform: uppercase;			*/
				font-weight: 800;
				font-size: 0.95em;
				letter-spacing: 0.075em;
				padding: 0.5em 0.8em 0.5em 0.8em;
				border-radius: 6px;
				outline: 0;
		}

			#nav > ul > li.active > a,
			#nav > ul > li.current_page_item > a,
			#nav > ul > li.active > span,
			#nav > ul > li.current_page_item > span {
				background: rgba(0, 0, 0, 0.15);
				box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.025), 1px 1px 0px 0px rgba(255, 255, 255, 0.025);
			}

			#nav > ul > li:last-child {
				padding-right: 0;
			}

			#nav > ul > li > ul {
				display: none;
			}
/*------------------------------#Nav2------------------------------------------------------*/
			#mainBlock {
				width: 100%;
				display: none;
			}
/*-------------------------------------------------------------------------------------------*/
	.dropotron {
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.png");
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.png");
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.png");
		background-image: linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.png");
		position: relative;
		background-color: #3B3E45;
		background-color: rgba(59, 62, 69, 0.9);
		border-radius: 8px;
		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.075), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 14px 0px rgba(0, 0, 0, 0.4);
		text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
		padding: 1.5em;
		line-height: 2.5em;
		min-width: 15em;
	}

		.dropotron.level-0 {
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			margin-top: -2px;
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.075), 0px 2px 14px 0px rgba(0, 0, 0, 0.4);
		}

		.dropotron a, .dropotron span {
			color: #aaa;
			text-decoration: none;
			/* text-transform: uppercase; */				
			font-weight: 800;
			font-size: 0.8em;
			letter-spacing: 0.075em;
			outline: 0;
		}

		.dropotron li:hover > a, .dropotron li:hover > span {
			color: #fff;
		}



/* Sidebar */

	#sidebar h2 {
		font-size: 1.5em;
	}



/*----------------------------Модальное окно-------------------------*/
.modalDialog {
	font-family: 'dejavu-sans-condensed';
    position: fixed;
	height:100%;
	padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
    pointer-events: none;
}
.modalDialog:target {
    display: block;
    pointer-events: auto;
}
 .divModalHigh {
    width: 90%;
    position: relative;
    margin: 3% auto 1% auto;
    padding: 5px 5px 13px 5px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
	height: 87vh; /*------Установка высоты окна----------*/
	overflow: auto;/*------и полосы прокрутки----------*/
	text-align: justify;
}
 .divModal {
    width: 90%;
	position: fixed !important;
    /* position: absolut; */
	min-height:400px;
	height: auto;
	max-height: 90%;
    margin: 3% 5% 3% 5%;
    padding: 20px 40px 50px 40px;
	overflow: auto;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
	text-align: justify;
}
/* 	.divModal img {
		width: 60%;
	} */

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
 .close:hover { background: #00d9ff; }


.textLower {
	display:none;
}
#imgModal {
	width: 250px;
	vertical-align: middle;
	float: right;
	padding: 0 40px 40px 40px;
}
.modal-wrapper {
	width: 100%;
	margin: 0;
	padding: 20px 0;
}
.modal-wrapper-left {
	width: 45%;
	margin: 0;
	padding: 0;
	float:left;
}
		.modalDialog p {
			padding: 0 2% 0 0;
		}
		.modalDialog ol {

			padding-left: 80px;
		   margin-top: 1em;
		   margin-bottom: 1em;
		}
		.modalDialog ul {
			list-style: square outside;
			padding-left: 10px;
			margin-top: 1em;
			margin-bottom: 1em;
		}
		.modalDialog h3, .modalDialog h4 {
			text-align: center;
		}	 			
		

/*----------------------Слайдер--------------------------------------*/
* {box-sizing:border-box}

.slideshow-container {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}

/* Hide the images by default */
.mySlides {
    display: none;
}
.mySlides2 {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
    text-decoration: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dotsSlider {
	text-align:left;
	padding: 0 0 30px 40%;
}
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px 20px 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
 }
.dot2 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px 20px 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
 }
.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
	
/*-----------------------Footer -------------------------------------------*/
	#footer {
		margin-bottom: 0;
		text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
		position: relative;
		z-index: 2;
	}

		#footer h2 {
			font-size: 1.35em;
			color: #fff;
		}

		#footer strong {
			color: #fff;
		}

		#footer a {
			color: #acb2bf;
		}

		#footer .button.alt {
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.25);
		}

		#footer ul.divided li, #footer ul.menu li {
			border-color: #444;
			border-color: rgba(255, 255, 255, 0.075);
		}

		#footer ul.divided li a {
			text-decoration: none;
		}

		#footer ul.menu {
			margin: 0;
		}

		#footer dl.contact dt {
			color: #ddd;
		}
		#footer dl.contact dd {
			color: #ddd;
		}		
		#footer .image.featured {
			margin: 0;
}		

	#copyright {
		border-top: solid 1px;
		border-color: #444;
		border-color: rgba(255, 255, 255, 0.075);
		text-align: center;
		margin-top: 1em;
		padding: 1em 0 1em 0;
		color: #ddd;
	}

	.mySlides.fade img {
		width: 45%;

	}
	.mySlides2.fade img {
		width: 60%;
	}	

/* Medium */

	#navPanel, #titleBar {
		display: none;
	}
				#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				background-color: rgba(59, 62, 69, 0.9);
				background-color: #77a7be;
				box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.075), 0px 1px 6px 0px rgba(0, 0, 0, 0.35);
				/* display: block; */
				height: 44px;
				left: 0;
				position: fixed;
				text-shadow: -1px -1px 0 black;
				top: 0;
				z-index: 10001;
			}

				#titleBar .title {
					text-transform: uppercase;
					font-weight: 800;
					letter-spacing: 0.04em;
					color: #fff;
					line-height: 44px;
					text-align: center;
				}

				#titleBar .toggle {
					text-decoration: none;
					position: absolute;
					left: 0;
					top: 0;
					width: 60px;
					height: 44px;
					opacity: 0.6;
				}

					#titleBar .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						text-rendering: auto;
						line-height: 1;
						text-transform: none !important;
						font-family: 'Font Awesome 5 Free';
						font-weight: 900;
					}

					#titleBar .toggle:before {
						display: inline-block;
						text-decoration: none;
						font-size: 18px;
						width: 44px;
						height: 44px;
						line-height: 44px;
						text-align: center;
						color: #fff;
						content:  url('images/bg05.png');
					}

					#titleBar .toggle:active {
						opacity: 0.5;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				background-color: #243f5b;
				box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.5), inset -2px 0px 0px rgba(255, 255, 255, 0.15), inset -2px 0px 10px 0px rgba(0, 0, 0, 0.35);
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
			}

				#navPanel .link {
					display: block;
					color: #aaa;
					text-decoration: none;
					height: 44px;
					line-height: 44px;
					border-top: solid 1px rgba(255, 255, 255, 0.05);
					border-bottom: solid 1px rgba(0, 0, 0, 0.15);
					padding: 0 1em 0 1em;
					text-transform: uppercase;
					font-weight: 700;
					font-size: 0.95em;
					letter-spacing: 0.075em;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

					#navPanel .link:last-child {
						border-bottom: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #fff;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
/*-------------------Кнопка НАВЕРХ---------------*/	
	.back_to_top { 
		display:none; 
		z-index:9999; 
		position:fixed;
		bottom:35px; 
		left:95%; 
		width:35px; 
		height:35px;
		opacity: 0.7;
	}
	.back_to_top:hover { 
		border: 1px solid #162a54;
	}
	.back_to_top-show {
	  display: block;
	}

/*----------------------------------- 320px ------------------------------------------------------------*/
	@media screen and (max-width: 320px) {
			
		#navPanel, #titleBar {
			display: block;
			font-size: 12px;
		}
		
		
		header {
			display: none;
		}

		h3 {
			font-size: 0.8em;
			line-height: 1.2em;
		}
		h4 {
			font-size: 0.8em;
		}	
		p {
			font-weight: 500;
		}		
		#nav > ul > li {
			font-size: 0.6em;
			padding: 0.1em 0 0 0.1em;
		}		
		#banner {
			padding: 0 0 1em 0;
		}
		#banner h2 {
			font-size: 1.5em;
			font-weight: 700;
			line-height: 1em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
			#banner h2:after {
				margin: 1.25em 0 5px 0;
			}
		#banner p {
			font: 200% serif;
			font-size: 0.5em;
			font-weight: 700;
			line-height: 1em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
			text-align: center;
		}	
		#hideTag1 {
			display: block;
		}
		#hideTag {
			display: block;
		}
		#tel {
			text-align: center;
			line-height: 0.8em;
			padding: 25px 0 0 10%;
		}
			#tel h1 {
				font-size: 0.6em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
			#malesa {
		width: 30%;
		display: block;
		position: absolute;
		margin: 10px 0 0 30%;
		}

	
			#logo {
			display:none;
			}
			#clock {
			display:none;				
			}

		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}
		.row {
			width: 100%;
			margin: 0;
			padding: 20px 0 0 0;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}
		
			.col-12-medium {								
				float: left;
				width: 60%;
				margin: 10px 20% 0 20%;
			}		
		.col-12-medium h3 {
			font-size: 12px;
		}
		#items {
			margin-left: 0;
		}
		
		.col-2-medium {
			width: 90%;
			margin: 0 5%;
		}
 		header.major {
			display: block;
			margin: 0.5em 0 0.5em 0;
		}		
		.col-2-medium p {
			padding: 0 2% 0 2%;
			font-size: 16px;				
		}	
		.image.cont {
			/* float: left; */
			margin: 0 1.5em 2em 0;
			width: 27%;
			vertical-align: top;
		}
		.image.featured h4 {
			line-height: 1.2em;
		}
		#info p {
			font-size: 16px;
		}

		#info ol, #info ul {
			font-size: 16px;
		padding-left: 40px;
		}
		.page-wrapper {
			margin: 0;
			padding: 0;
		}
				
/* 		.modalDialog > div {
			width: 100%;
		} */
			
		.divModal {
			width: 100%;
			margin: 0;
			padding: 0 5%;
		}
		.divModalHigh {
			width: 100%;
			margin: 0;
			padding: 0 2%;	
		}
		#imgModal {
			width: 100%;
			vertical-align: middle;
			padding: 0 20% 20px 20%;
		}

		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 20px;
		}
		.modalDialog ol li {
			font-size: 12px;
			line-height: 1.3em;
		}		
		.modalDialog p {
			font-size: 12px;
			padding: 0 3% 0 1%;
			line-height: 1.4em;
		}
		.modalDialog ul {
			list-style:disc inside;
			margin-top: 0;
			padding-left: 5px;
			line-height: 1em;
		}
		.modalDialog ul li {
			font-size: 12px;
			margin-top: 0;
			padding: 0 3% 0 3%;

		}
			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 80%;
				margin: 0 5% 0 5%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 100%;
			}
			
			.mySlides2.fade img {
				width: 80%;
				margin: 0 5%;
			}
			.dotsSlider {
				padding-left: 15%;
			}
			.container {
				margin: 0 auto;
				max-width: 100%;
				width: 100%;
			}
			.image.left {
				width: 30%;
			}
			.reviews-txt header {
				display: block;
			}
			.date {
				font-size: 12px;

			}			
			.reviews-txt p {
				font-size: 12px;
				line-height: 20px;
			}
		
/* 		.textLower {
			display: block;
			position: absolute;
			bottom: 0;
			width: 100%;				
		}
		.textLower ul {
			list-style-type: disc;
			list-style-position: inside;				
			padding: 0 5% 0 5%;
			text-indent: 20px;				
		} */	
			.textRight {
			  color: #162a54;
			  padding: 0; 
			  float: right;
			  vertical-align: top;
			  width: 50%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1em;	
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.2em;	
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.5em;	
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			#footer-wrapper {
				width: 100%;
				margin: 0;
				padding: 4em 10px 3em 10px;
				font-size: 0.5em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}			
			.back_to_top { 
				left:85%; 
			}
	}		
/*-------------------------------321- 360px ------------------------------------------------------------*/
	@media screen and (min-width:321px) and (max-width: 360px) {
			
		#navPanel, #titleBar {
			display: block;
			font-size: 12px;
		}
		
		
		header {
			display: none;
		}

		h3 {
			font-size: 0.8em;
		}
		h4 {
			font-size: 0.8em;
		}		
		#nav > ul > li {
			font-size: 0.6em;
			padding: 0.1em 0 0 0.1em;
		}		
		#banner {
			padding: 0 0 1em 0;
		}
		#banner h2 {
			font-size: 1.5em;
			font-weight: 700;
			line-height: 1em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
			#banner h2:after {
				margin: 1.25em 0 5px 0;
			}
		#banner p {
			font: 200% serif;
			font-size: 0.5em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
			text-align: center;
		}	
		#hideTag1 {
			display: block;
		}
		#hideTag {
			display: block;
		}
		#tel {
			text-align: center;
			line-height: 0.8em;
			padding: 25px 0 0 10%;
		}
			#tel h1 {
				font-size: 0.6em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
			#malesa {
		width: 30%;
		display: block;
		position: absolute;
		margin: 10px 0 0 30%;
		}

	
			#logo {
			display:none;
			}
			#clock {
			display:none;				
			}

		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}
		.row {
			width: 100%;
			margin: 0;
			padding: 20px 0 0 0;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}
		
			.col-12-medium {								
				float: left;
				width: 60%;
				margin: 10px 20% 0 20%;
			}		
		.col-12-medium h3 {
			font-size: 12px;
		}
		#items {
			margin-left: 0;
		}
		
		.col-2-medium {
			width: 90%;
			margin: 0 5%;
		}
 		header.major {
			display: block;
			margin: 0.5em 0 0.5em 0;
		}		
		.col-2-medium p {
			padding: 0 2% 0 2%;
			font-size: 16px;				
		}	
		.image.cont {
			/* float: left; */
			margin: 0 1.5em 2em 0;
			width: 27%;
			vertical-align: top;
		}
		.image.featured h4 {
			line-height: 1.2em;
		}
		#info p {
			font-size: 16px;
		}

		#info ol, #info ul {
			font-size: 16px;
		padding-left: 40px;
		}
		.page-wrapper {
			margin: 0;
			padding: 0;
		}
				
/* 		.modalDialog > div {
			width: 100%;
		} */
			
		.divModal {
			width: 100%;
			margin: 0;
			padding: 0;
		}
		#imgModal {
			width: 200px;
			vertical-align: middle;
			float: right;
			padding: 0 10px 20px 10px;
		}

		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 20px;
		}
		.modalDialog p {
			font-size: 12px;
			padding: 0 3% 0 1%;
			line-height: 1.4em;
		}
		.modalDialog ul {
			list-style:disc inside;
			margin-top: 0;
			padding-left: 5px;
			line-height: 1em;
		}
		.modalDialog ul li {
			font-size: 12px;
			margin-top: 0;
			padding: 0 3% 0 3%;
			font-weight: 600;
		}
			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 80%;
				margin: 0 5% 0 5%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 100%;
			}
			
			.mySlides2.fade img {
				width: 80%;
				margin: 0 5%;
			}
			.dotsSlider {
				padding-left: 15%;
			}			
			.container {
				margin: 0 auto;
				max-width: 100%;
				width: 100%;
			}
			.image.left {
				width: 30%;
			}
			.reviews-txt header {
				display: block;
			}
			.date {
				font-size: 12px;

			}			
			.reviews-txt p {
				font-size: 12px;
				line-height: 20px;
			}
		
/* 		.textLower {
			display: block;
			position: absolute;
			bottom: 0;
			width: 100%;				
		}
		.textLower ul {
			list-style-type: disc;
			list-style-position: inside;				
			padding: 0 5% 0 5%;
			text-indent: 20px;				
		} */	
			.textRight {
			  color: #162a54;
			  padding: 0px 5px; 
			  float: right;
			  vertical-align: top;
			  width: 50%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1em;	
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.2em;	
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.5em;	
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			#footer-wrapper {
				width: 100%;
				margin: 0;
				padding: 4em 10px 3em 10px;
				font-size: 0.5em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}	
			.back_to_top { 
				left:90%; 
			}	
	}	
/*-------------------------------361- 414px ------------------------------------------------------------*/
	@media screen and (min-width:361px) and (max-width: 414px) {
	
		#navPanel, #titleBar {
			display: block;
			font-size: 12px;
		}
		
		
		header {
			display: none;
		}

		h3 {
			font-size: 0.8em;
		}
		h4 {
			font-size: 0.8em;
		}		
		#nav > ul > li {
			font-size: 0.6em;
			padding: 0.1em 0 0 0.1em;
		}		
		#banner {
			padding: 1em 0 1em 0;
		}
		#banner h2 {
			font-size: 1.5em;
			font-weight: 700;
			line-height: 1em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
			#banner h2:after {
				margin: 1.25em 0 5px 0;
			}
		#banner p {
			font: 200% serif;
			font-size: 0.5em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
			text-align: center;
		}	
		#hideTag {
			display: block;
		}
		#tel {
			/* margin: 0 0 0 25%; */
			padding: 25px 0 0 10%;
		}
			#tel h1 {
				font-size: 0.6em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
			#malesa {
		width: 30%;
		display: block;
		position: absolute;
		margin: 20px 0 0 30%;
		}

	
			#logo {
			display:none;
			}
			#clock {
			display:none;				
			}

		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}
		.row {
			width: 100%;
			margin: 0;
			padding: 20px 0 0 0;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}
		
			.col-12-medium {								
				float: left;
				width: 60%;
				margin: 10px 20% 0 20%;
			}		
		.col-12-medium h3 {
			font-size: 12px;
		}
		#items {
			margin-left: 0;
		}
		
		.col-2-medium {
			width: 100%;
			margin: 0;
		}
 		header.major {
			display: block;
			margin: 0.5em 0 0.5em 0;
		}		
		.col-2-medium p {
			padding: 0 2% 0 2%;
			font-size: 16px;				
		}	
		.image.cont {
			/* float: left; */
			margin: 0 1.5em 2em 0;
			width: 27%;
			vertical-align: top;
		}
		.image.featured h4 {
			line-height: 1.2em;
		}
		#info p {
			font-size: 16px;
		}

		#info ol, #info ul {
			font-size: 16px;
		padding-left: 40px;
		}
		.page-wrapper {
			margin: 0;
			padding: 0;
		}
				
/* 		.modalDialog > div {
			width: 100%;
		} */
			
		.divModal {
			width: 100%;
			margin: 0;
			padding: 0;
		}
		#imgModal {
			width: 200px;
			vertical-align: middle;
			float: right;
			padding: 0 10px 20px 10px;
		}

		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 20px;
		}
		.modalDialog p {
			font-size: 12px;
			padding: 0 3% 0 1%;
			line-height: 1.4em;
		}
		.modalDialog ul {
			list-style:disc inside;
			margin-top: 0;
			padding-left: 5px;
			line-height: 1em;
		}
		.modalDialog ul li {
			font-size: 12px;
			margin-top: 0;
			padding: 0 3% 0 3%;
			font-weight: 600;
		}
			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 80%;
				margin: 0 5% 0 5%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 100%;
			}
			
			.mySlides2.fade img {
				width: 80%;
				margin: 0 5%;
			}
			.dotsSlider {
				padding-left: 15%;
			}			
			.container {
				margin: 0 auto;
				max-width: 100%;
				width: 100%;
			}
			.image.left {
				width: 30%;
			}
			.reviews-txt header {
				display: block;
			}
			.date {
				font-size: 12px;

			}			
			.reviews-txt p {
				font-size: 12px;
				line-height: 20px;
			}
		
/* 		.textLower {
			display: block;
			position: absolute;
			bottom: 0;
			width: 100%;				
		}
		.textLower ul {
			list-style-type: disc;
			list-style-position: inside;				
			padding: 0 5% 0 5%;
			text-indent: 20px;				
		} */	
			.textRight {
			  color: #162a54;
			  padding: 0px 5px; 
			  float: right;
			  vertical-align: top;
			  width: 50%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1em;	
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.2em;	
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.5em;	
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			#footer-wrapper {
				width: 100%;
				margin: 0;
				padding: 4em 10px 3em 10px;
				font-size: 0.5em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}	
			.back_to_top { 
				left:90%; 
			}
	}	
/*-------------------------------415- 570px ------------------------------------------------------------*/
	@media screen and (min-width:415px) and (max-width: 570px) {
	
		#navPanel, #titleBar {
			display: block;
			font-size: 12px;
		}
		
		
		header {
			display: none;
		}

		h3 {
			font-size: 0.8em;
		}
		h4 {
			font-size: 0.8em;
		}		
		#nav > ul > li {
			font-size: 0.6em;
			padding: 0.1em 0 0 0.1em;
		}		
		#banner {
			padding: 1em 0 1em 0;
		}
		#banner h2 {
			font-size: 1.5em;
			font-weight: 700;
			line-height: 1em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
			#banner h2:after {
				margin: 1.25em 0 5px 0;
			}
		#banner p {
			font: 200% serif;
			font-size: 0.5em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
			text-align: center;
		}	
		#hideTag {
			display: block;
		}
		#tel {
			/* margin: 0 0 0 25%; */
			padding: 25px 0 0 10%;
		}
			#tel h1 {
				font-size: 0.6em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
			#malesa {
		width: 30%;
		display: block;
		position: absolute;
		margin: 20px 0 0 30%;
		}

	
			#logo {
			display:none;
			}
			#clock {
			display:none;				
			}

		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}
		.row {
			width: 100%;
			margin: 0;
			padding: 20px 0 0 0;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}
		
			.col-12-medium {								
				float: left;
				width: 60%;
				margin: 10px 20% 0 20%;
			}		
		.col-12-medium h3 {
			font-size: 12px;
		}
		#items {
			margin-left: 0;
		}
		
		.col-2-medium {
			width: 100%;
			margin: 0;
		}
 		header.major {
			display: block;
			margin: 0.5em 0 0.5em 0;
		}		
		.col-2-medium p {
			padding: 0 2% 0 2%;
			font-size: 16px;				
		}	
		.image.cont {
			/* float: left; */
			margin: 0 1.5em 2em 0;
			width: 27%;
			vertical-align: top;
		}
		.image.featured h4 {
			line-height: 1.2em;
		}
		#info p {
			font-size: 16px;
		}

		#info ol, #info ul {
			font-size: 16px;
		padding-left: 40px;
		}
		.page-wrapper {
			margin: 0;
			padding: 0;
		}
				
/* 		.modalDialog > div {
			width: 100%;
		} */
			
		.divModal {
			width: 100%;
			margin: 0;
			padding: 0;
		}
		#imgModal {
			width: 200px;
			vertical-align: middle;
			float: right;
			padding: 0 10px 20px 10px;
		}

		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 20px;
		}
		.modalDialog p {
			font-size: 12px;
			padding: 0 3% 0 1%;
			line-height: 1.4em;
		}
		.modalDialog ul {
			list-style:disc inside;
			margin-top: 0;
			padding-left: 5px;
			line-height: 1em;
		}
		.modalDialog ul li {
			font-size: 12px;
			margin-top: 0;
			padding: 0 3% 0 3%;
			font-weight: 600;
		}
			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 80%;
				margin: 0 5% 0 5%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 100%;
			}
			
			.mySlides2.fade img {
				width: 80%;
				margin: 0 5%;
			}
			.container {
				margin: 0 auto;
				max-width: 100%;
				width: 100%;
			}
			.image.left {
				width: 30%;
			}
			.reviews-txt header {
				display: block;
			}
			.date {
				font-size: 12px;

			}			
			.reviews-txt p {
				font-size: 12px;
				line-height: 20px;
			}
		
/* 		.textLower {
			display: block;
			position: absolute;
			bottom: 0;
			width: 100%;				
		}
		.textLower ul {
			list-style-type: disc;
			list-style-position: inside;				
			padding: 0 5% 0 5%;
			text-indent: 20px;				
		} */	
			.textRight {
			  color: #162a54;
			  padding: 0px 5px; 
			  float: right;
			  vertical-align: top;
			  width: 50%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1em;	
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.2em;	
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.5em;	
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			#footer-wrapper {
				width: 100%;
				margin: 0;
				padding: 4em 10px 3em 10px;
				font-size: 0.5em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}	
			.back_to_top { 
				left:90%; 
			}
	}
/*--------------------------------571 ---736px------------------------------------------------------------- */
		@media screen and (min-width:571px) and (max-width: 736px) {
		#navPanel, #titleBar {
			display: block;
			font-size: 12px;
		}
		
		
		header {
			display: none;
		}

		h3 {
			font-size: 0.8em;
		}
		h4 {
			font-size: 0.8em;
		}		
		#nav > ul > li {
			font-size: 0.6em;
			padding: 0.1em 0 0 0.1em;
		}		
		#banner {
			padding: 1em 0 1em 0;
		}
		#banner h2 {
			font-size: 1.5em;
			font-weight: 700;
			line-height: 1em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
			#banner h2:after {
				margin: 1.25em 0 5px 0;
			}
		#banner p {
			font: 200% serif;
			font-size: 0.5em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
			text-align: center;
		}	
		#hideTag {
			display: block;
		}
		#tel {
			/* margin: 0 0 0 25%; */
			padding-top: 25px;
			text-align: center;
		}
			#tel h1 {
				font-size: 0.8em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
			#malesa {
		width: 25%;
		display: block;
		position: absolute;
		margin: 15px 0 0 35%;
		}

	
			#logo {
			display:none;
			}
			#clock {
			display:none;				
			}

		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}
		.row {
			width: 100%;
			margin: 0;
			padding: 20px 0 0 0;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}
		
			.col-12-medium {								
				float: left;
				width: 60%;
				margin: 10px 20% 0 20%;
			}		
		.col-12-medium h3 {
			font-size: 12px;
		}
		#items {
			margin-left: 0;
		}
		
		.col-2-medium {
			width: 100%;
			margin: 0;
			padding: 0 5%;
		}
 		header.major {
			display: block;
			margin: 0.5em 0 0.5em 0;
		}		
		.col-2-medium p {
			padding: 0 2% 0 2%;
			font-size: 16px;				
		}	
		.image.cont {
			/* float: left; */
			margin: 0 1.5em 2em 0;
			width: 27%;
			vertical-align: top;
		}
		.image.featured h4 {
			line-height: 1.2em;
		}
		#info p {
			font-size: 16px;
		}

		#info ol, #info ul {
			font-size: 16px;
		padding-left: 40px;
		}
		.page-wrapper {
			margin: 0;
			padding: 0;
		}
				
/* 		.modalDialog > div {
			width: 100%;
		} */
			
		.divModal {
			width: 100%;
			margin: 0;
			padding: 0;
		}
		#imgModal {
			width: 200px;
			vertical-align: middle;
			float: right;
			padding: 0 10px 20px 10px;
		}

		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 20px;
		}
		.modalDialog p {
			font-size: 12px;
			padding: 0 3% 0 1%;
			line-height: 1.4em;
		}
		.modalDialog ul {
			list-style:disc inside;
			margin-top: 0;
			padding-left: 5px;
			line-height: 1em;
		}
		.modalDialog ul li {
			font-size: 12px;
			margin-top: 0;
			padding: 0 3% 0 3%;
			font-weight: 600;
		}
			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 80%;
				margin: 0 5% 0 5%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 100%;
			}
			
			.mySlides2.fade img {
				width: 80%;
				margin: 0 5%;
			}
			.container {
				margin: 0 auto;
				max-width: 100%;
				width: 100%;
			}
			.image.left {
				width: 30%;
			}
			.reviews-txt header {
				display: block;
			}
			.date {
				font-size: 12px;

			}			
			.reviews-txt p {
				font-size: 12px;
				line-height: 20px;
			}
		
/* 		.textLower {
			display: block;
			position: absolute;
			bottom: 0;
			width: 100%;				
		}
		.textLower ul {
			list-style-type: disc;
			list-style-position: inside;				
			padding: 0 5% 0 5%;
			text-indent: 20px;				
		} */	
			.textRight {
			  color: #162a54;
			  padding: 0px 5px; 
			  float: right;
			  vertical-align: top;
			  width: 50%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1em;	
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.2em;	
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.5em;	
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			#footer-wrapper {
				width: 100%;
				margin: 0;
				padding: 4em 10px 3em 10px;
				font-size: 0.5em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}	
		}
/*-------------------------------737- 800px ------------------------------------------------------------*/
	@media screen and (min-width:737px) and (max-width: 800px) {
		header.major {
			margin: 1em 0 1em 0;
		}
		h3 {
			font-size: 0.7em;
		}
		h4 {
			font-size: 0.8em;
		}		
		#nav > ul > li {
			font-size: 0.7em;
			padding: 0.1em 0.1em 0 0.1em;
		}		
		#banner {
			padding: 1em 0 1em 0;
		}
		#banner h2 {
			font-size: 1.5em;
			font-weight: 700;
			line-height: 1em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
			#banner h2:after {
				margin: 1.25em 0 5px 0;
			}
		#banner p {
			font: 200% serif;
			font-size: 0.7em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
			text-align: center;
		}	
		#tel {
			/* margin: 0 0 0 25%; */
			padding: 25px 0 0 25%;
		}
			#tel h1 {
				font-size: 0.8em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
			#malesa {
		width: 20%;
		display: block;
		position: absolute;
		margin: 20px 0 0 2%;
		}

	
			#logo {
			position: absolute;
			display: block;
			margin: 30px 0  0 3%;
			}
			#clock {
			width: 50%;
			display: block;
			}
		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}
		.row {
			/* margin-top: -50px; */
			margin-left: 0;
			padding: 20px 0 0 20px;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}

			.col-12-medium {								
				float: left;
				width: 30%;
				margin: 10px 10px 0 10px;
			}		
		.col-12-medium h3 {
			font-size: 12px;
		}
		
		.col-2-medium {
			float: left;
			width: 44%;
			margin: 0 3% 0 3%;
		}
		
		.col-2-medium p {
			padding: 0 2% 0 2%;
			font-size: 12px;				
		}	
		.image.cont {
			/* float: left; */
			margin: 0 1.5em 2em 0;
			width: 27%;
			vertical-align: top;
		}
		.image.featured h4 {
			line-height: 1.2em;
		}

		#info ol {
		padding-left: 20px;
		}
		.page-wrapper {
			margin: 0;
			padding: 0;
		}
				
		.reviews-txt p {
			font-size: 12px;
		}
		.divModal {
			padding: 20px 10px 50px 10px;
		}
		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 20px;
		}
		.modalDialog p {
			font-size: 12px;
			padding: 0 3% 0 1%;
		}
		.modalDialog ul li {
			font-size: 12px;
			padding: 0 3% 0 3%;
			font-weight: 600;
		}
			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 80%;
				margin: 0 5% 0 5%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 100%;
			}
			
			.mySlides2.fade img {
				width: 80%;
				margin: 0 10%;
			}

		
/* 		.textLower {
			display: block;
			position: absolute;
			bottom: 0;
			width: 100%;				
		}
		.textLower ul {
			list-style-type: disc;
			list-style-position: inside;				
			padding: 0 5% 0 5%;
			text-indent: 20px;				
		} */	
			.textRight {
			  color: #162a54;
			  /* font-size: 40px; */
			  padding: 4px 0; 
			  float: right;
			  vertical-align: top;
			  width: 53%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1.3em;	
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.2em;	
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.5em;	
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			#footer-wrapper {
				width: 100%;
				margin: 0;
				padding: 4em 20px 3em 20px;
				font-size: 0.7em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}	
	}
/*-------------------------------801-- 1024px ------------------------------------------------------------*/	
	@media screen and (min-width:801px) and (max-width: 1024px) {	
		header.major {
			margin: 1em 0 1em 0;
		}
		h3 {
			font-size: 1em;
		}
		#nav > ul > li {
			font-size: 0.8em;
			padding: 0.2em 0.1em 0 0.1em;
		}		
		#banner {
			padding: 1em 0 1em 0;
		}
		#banner h2 {
			font-size: 2em;
			font-weight: 700;
			line-height: 1.3em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
			#banner h2:after {
				margin: 1.25em 0 5px 0;
			}
		#banner p {
			font: 200% serif;
			font-size: 0.8em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
			text-align: center;
		}	
		#tel {
			/* margin: 0 0 0 25%; */
			padding: 25px 0 0 25%;
		}
			#tel h1 {
				font-size: 1em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
			#malesa {
		width: 20%;
		display: block;
		position: absolute;
		margin: 10px 0 0 2%;
		}

	
			#logo {
			position: absolute;
			display: block;
			margin: 45px 0  0 3%;
			}
			#clock {
			width: 60%;
			display: block;
			}
		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}

			.col-12-medium {								
				float: left;
				width: 30%;
				margin: 10px 10px 0 10px;
			}		
		.col-12-medium h3 {
			font-size: 18px;
		}
		
		.col-2-medium {
			float: left;
			width: 45%;
			margin: 0 20px 0 20px;
		}
		
		.col-2-medium p {
			padding: 0 2% 0 2%;
		}	
		.row {
			/* margin-top: -50px; */
			margin-left: 0;
			padding: 20px 0 0 50px;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}
		.image.cont {
			/* float: left; */
			margin: 0 1.5em 2em 0;
			width: 27%;
			vertical-align: top;
		}
		.image.featured h4 {
			line-height: 1.2em;
		}

		#info ol {
		padding-left: 20px;
		}
		.page-wrapper {
			margin: 0;
			padding: 0;
		}
				
/* 		.modalDialog > div {
			width: 100%;
		} */
			
/* 		.divModal {
			width: 100%;
			margin: 0;
			padding: 0;
		} */
		.col-2-medium p {
			font-size: 18px;			
		}
		.reviews-txt p {
			font-size: 18px;
		}
		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 20px;
		}
		.modalDialog p {
			font-size: 16px;
			padding: 0 3% 0 1%;
		}
		.modalDialog ul li {
			font-size: 16px;
			padding: 0 3% 0 3%;
			font-weight: 600;
		}
			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 80%;
				margin: 0 5% 0 5%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 100%;
			}
			
			.mySlides2.fade img {
				width: 80%;
				margin: 0 10%;
			}

		
/* 		.textLower {
			display: block;
			position: absolute;
			bottom: 0;
			width: 100%;				
		}
		.textLower ul {
			list-style-type: disc;
			list-style-position: inside;				
			padding: 0 5% 0 5%;
			text-indent: 20px;				
		} */	
			.textRight {
			  color: #162a54;
			  /* font-size: 40px; */
			  padding: 4px 12px; 
			  float: right;
			  vertical-align: top;
			  width: 50%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1.5em;	
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.2em;	
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.5em;	
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			#footer-wrapper {
				width: 100%;
				margin: 0;
				padding: 4em 20px 3em 20px;
				font-size: 0.8em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}
			
	}					
/*----------------------------1025--- 1280px ------------------------------------------------------------*/	
	@media screen and (min-width:1025px) and (max-width: 1280px) {	

		header.major {
			margin: 1em 0 1em 0;
		}
		#banner {
			padding: 1em 0 1em 0;
		}
		#banner h2 {
			font-size: 2.35em;
			font-weight: 700;
			line-height: 1.3em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
			#banner h2:after {
				margin: 1.25em 0 5px 0;
			}
		#banner p {
			font: 200% serif;
			font-size: 1em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
		}	
		#tel {
			padding: 25px 0 0 25%;
		}
			#tel h1 {
				font-size: 1.2em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
			#malesa {
		width: 20%;
		display: block;
		position: absolute;
		margin: 0 0 0 2%;
		}

	
			#logo {
			position: absolute;
			display: block;
			margin: 35px 0  0 3%;
			}
			#clock {
			display: block;
			}
		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}

			.col-12-medium {								
				float: left;
				width: 31%;
				margin: 10px 10px 0 10px;
			}		
		.col-12-medium h3 {
			font-size: 20px;
		}
		
		.col-2-medium {
			float: left;
			width: 45%;
			margin: 0 20px 0 20px;
		}
		
		.col-2-medium p {
			padding: 0 2% 0 2%;
		}	
		.row {
			margin-left: 0;
			padding: 20px 0 0 50px;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}
		.image.cont {
			float: left;
			margin: 0 1.5em 2em 0;
			width: 30%;
			vertical-align: top;
		}
		.image.cont img {
			width: 80%;
			padding-left: 20%;
		}		
		.image.featured h4 {
			line-height: 1.2em;
		}

		#info ol {
		padding-left: 20px;
		}
		.page-wrapper {
			margin: 0;
			padding: 0;
		}
		.modalDialog {
			font-size: 18px;
			line-height: 1.5em;			
		}				
		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 10%;
		}
		.modalDialog ul {
			margin: 0;
			padding: 0;
			font-weight: 700;
		}
		.modalDialog ul li, .modalDialog ol li {
			font-weight: 500;
		}		
		.modalDialog p {
			padding: 0 3% 0 1%;
			font-weight: 500;			
		}	

			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 60%;
				margin: 0 5% 0 15%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 100%;
			}
			
			.mySlides2.fade img {
				padding-left: 5%;
				width: 70%;
				margin: 0 10%;
			}

			.textRight {
			  color: #162a54;
			  padding: 4px 12px; 
			  float: right;
			  vertical-align: top;
			  width: 50%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1.5em;	
				font-size: 20px;
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.2em;	
				font-size: 18px;
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.5em;	
				font-size: 20px;
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			#footer-wrapper {
				width: 100%;
				margin: 0;
				padding: 4em 20px 3em 20px;
				font-size: 0.8em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}

	}	
/*-----------------------------1281----1440--------------------------------------------------------------*/
	@media screen and (min-width:1281px) and (max-width: 1440px) {
		header.major {
			margin: 1em 0 1em 0;
		}
		#banner {
			padding: 1em 0 1em 0;
		}
		#banner h2 {
			font-size: 2.35em;
			font-weight: 700;
			line-height: 1.3em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
		#banner h2:after {
			margin: 1.25em 0 5px 0;
		}
		#banner p {
			font: 200% serif;
			font-size: 1.2em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
			text-align: center;
		}	
		#tel {
			padding: 25px 0 0 25%;
		}
			#tel h1 {
				font-size: 1.2em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
		#malesa {
			width: 20%;
			display: block;
			position: absolute;
			margin: 0 0 0 2%;
		}

	
			#logo {
			position: absolute;
			display: block;
			margin: 35px 0  0 3%;
			}
			#clock {
			display: block;
			}
		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}

			.col-12-medium {								
				float: left;
				width: 31%;
				margin: 10px 10px 0 10px;
			}		
		.col-12-medium h3 {
			font-size: 20px;
		}
		
		.col-2-medium {
			float: left;
			width: 45%;
			margin: 0 20px 0 20px;
		}
		
		.col-2-medium p {
			padding: 0 2% 0 2%;
		}	
		.row {
			margin-left: 0;
			padding: 20px 0 0 50px;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}
		.image.cont {
			float: left;
			margin: 0 1.5em 2em 0;
			width: 30%;
			vertical-align: top;
		}
		.image.cont img {
			width: 80%;
			padding-left: 20%;
		}		
		.image.featured h4 {
			line-height: 1.2em;
		}

		#info ol {
		padding-left: 20px;
		}
		.page-wrapper {
			margin: 0;
			padding: 0;
		}
				
		.modalDialog {
			font-size: 20px;
			line-height: 1.5em;			
		}				
		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 10%;
		}
		.modalDialog ul {
			margin: 0;
			padding: 0 20px 0 10%;
			font-weight: 700;
		}
		.modalDialog ul li, .modalDialog ol li {
			font-weight: 500;
		}		
		.modalDialog p {
			padding: 0 3% 0 1%;
			font-weight: 500;			
		}	


			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 60%;
				margin: 0 5% 0 15%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 80%;
			}
			
			.mySlides2.fade img {
				width: 80%;
				margin: 0 10%;
				
			}

			.textRight {
			  color: #162a54;
			  padding: 4px 12px; 
			  float: right;
			  vertical-align: top;
			  width: 50%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1.5em;	
				font-size: 20px;
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.5em;	
				font-size: 18px;
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.5em;	
				font-size: 20px;
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			#footer-wrapper {
				width: 100%;
				margin: 0;
				padding: 4em 20px 3em 20px;
				font-size: 0.8em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}			

		}
/*------------------------------1441---1600--------------------------------------------------------------*/
		@media screen and (min-width:1441px) and (max-width: 1600px) {
		header.major {
			margin: 1em 0 1em 0;
		}
		#banner {
			padding: 1em 0 1em 0;
		}
		#banner h2 {
			font-size: 2.35em;
			font-weight: 700;
			line-height: 1.3em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
		#banner h2:after {
			margin: 1.25em 0 5px 0;
		}
		#banner p {
			font: 200% serif;
			font-size: 1.2em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
			text-align: center;
		}	
		#tel {
			padding: 25px 0 0 25%;
		}
			#tel h1 {
				font-size: 1.2em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
		#malesa {
			width: 20%;
			display: block;
			position: absolute;
			margin: 0 0 0 2%;
		}

	
			#logo {
			position: absolute;
			display: block;
			margin: 35px 0  0 3%;
			}
			#clock {
			display: block;
			}
		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}

			.col-12-medium {								
				float: left;
				width: 31%;
				margin: 10px 10px 0 10px;
			}		
		.col-12-medium h3 {
			font-size: 20px;
		}
		
		.col-2-medium {
			float: left;
			width: 45%;
			margin: 0 20px 0 20px;
		}
		
		.col-2-medium p {
			padding: 0 2% 0 2%;
		}	
		.row {
			margin-left: 0;
			padding: 20px 0 0 50px;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}
		.image.cont {
			float: left;
			/* margin: 0 1.5em 2em 0; */
			margin: 0 1.5em 2em 8%;
			width: 20%;
			vertical-align: top;
		}
		.image.featured h4 {
			line-height: 1.2em;
		}

		#info ol {
		padding-left: 20px;
		}
		.page-wrapper {
			margin: 0;
			padding: 0;
		}
				
		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 20px;
		}
		.modalDialog p {
			padding: 0 3% 0 1%;
		}

			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 80%;
				margin: 0 5% 0 5%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 80%;
			}
			
			.mySlides2.fade img {
				width: 80%;
				margin: 0 10%;
			}

			.textRight {
			  color: #162a54;
			  padding: 4px 12px; 
			  float: right;
			  vertical-align: top;
			  width: 50%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1.5em;	
				font-size: 20px;
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.5em;	
				font-size: 18px;
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.5em;	
				font-size: 20px;
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			#footer-wrapper {
				width: 100%;
				margin: 0;
				padding: 4em 20px 3em 20px;
				font-size: 0.8em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}			
				

		}		
/*--------------------------------1601---1920---------------------------------------------------------------*/
		@media screen and (min-width:1601px) and (max-width: 1920px) {
		#header-wrapper {
			background: url("../../images/header2560.jpg");
			background-position: bottom left, center center;
			background-size: auto, cover;
		}
		header.major {
			margin: 1em 0 1em 0;
		}
		#nav > ul > li {
			font-size: 24px;
			float: left;

		}		
		#banner {
			padding: 1em 0 1em 0;
		}
		#banner h2 {
			font-size: 3em;
			font-weight: 700;
			line-height: 1.3em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
		#banner h2:after {
			margin: 1.25em 0 5px 0;
		}
		#banner p {
			font: 200% serif;
			font-size: 1.5em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
			text-align: center;
		}	
		header.major h3, header.major h4 {
			font-size: 1.6em;
			line-height: 1.5em;
		}		
		#tel {
			padding: 25px 0 0 25%;
		}
			#tel h1 {
				font-size: 1.8em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
		#malesa {
			width: 20%;
			display: block;
			position: absolute;
			margin: -20px 0 0 2%;
		}

	
			#logo {
			position: absolute;
			display: block;
			margin: 50px 0  0 5%;
			}
			#clock {
			display: block;
			}
		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}

			.col-12-medium {								
				float: left;
				width: 31%;
				margin: 10px 10px 0 10px;
			}		
		.col-12-medium h3 {
			font-size: 26px;
		}
		
		.col-2-medium {
			float: left;
			width: 45%;
			margin: 0 20px 0 20px;
		}
		
		.col-2-medium p {
			font-size: 26px;
			line-height: 1.5em;
			padding: 0 2% 0 2%;
		}	
		.row {
			margin-left: 0;
			padding: 20px 0 0 50px;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}
		.image.cont {
			float: left;
/* 			margin: 0 1.5em 2em 0;
			width: 31%; */
			margin: 0 1.5em 2em 8%;
			width: 20%;			
			vertical-align: top;
		}
		.image.cont img {
			width: 80%;
			padding-left: 20%;
		}		
		.image.featured h4 {
			font-size: 26px;
			line-height: 1.2em;
		}
		.wrapper.style3 {
			font-size: 1.3em;
			line-height:1.3em;
		}
		#info {
			font-size: 1.5em;
			line-height: 1.5em;
		}
		
		#info ol {
			padding-left: 5%;
		}
		#info ul li, #info ol li {
			font-weight: 500;
		}
		.page-wrapper {
			margin: 0;
			padding: 0;
		}
		#imgModal {
			width: 20%;
			vertical-align: middle;
			float: right;
			padding: 0 30px 60px 60px;
		}

		.modalDialog {
			font-size: 26px;
			line-height: 1.5em;			
		}				
		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 10%;
		}
		.modalDialog ul {
			margin: 0;
			padding: 0 20px 0 10%;
			font-weight: 700;
		}
		.modalDialog ul li, .modalDialog ol li {
			font-weight: 500;
		}		
		.modalDialog p {
			padding: 0 3% 0 1%;
			font-weight: 500;			
		}
		.close {
			width: 28px;
			top: 10px;
			right: 20px;
		}

			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 80%;
				margin: 0 5% 0 5%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 80%;
			}
			
			.mySlides2.fade img {
				width: 80%;
				margin: 0 10%;
			}

			.textRight {
			  color: #162a54;
			  padding: 4px 12px; 
			  float: right;
			  vertical-align: top;
			  width: 50%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1.8em;	
				font-size: 26px;
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.6em;	
				font-size: 26px;
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.8em;	
				font-size: 26px;
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			.reviews-txt p {
				font-size: 22px;
			}
			#footer-wrapper {
				width: 100%;
				margin: 0;
				padding: 4em 20px 3em 20px;
				font-size: 1em;
				line-height:1.5em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}	

		}
/*--------------------------------1921---2560---------------------------------------------------------------*/
		@media screen and (min-width:1921px) and (max-width: 2560px) {
		
		.page-wrapper {
			max-width: 75%;
			min-width: 1920px;
			margin: 0 auto;
			padding: 0;
		}
		
		#header-wrapper {
/* 			min-width: 960px;
			max-width: 1600px; */
			width: 1920px;
			margin: 0 auto;
			padding: 0;
			background: url("../../images/header2560.jpg");
			background-position: bottom left, center center;
			background-size: auto, cover;
		}
		header.major {
			margin: 1em 0 1em 0;
		}
		#nav > ul > li {
			font-size: 24px;
			float: left;

		}		
		#banner {
			padding: 1em 0 1em 0;
		}
		#banner h2 {
			font-size: 3em;
			font-weight: 700;
			line-height: 1.3em;
			margin: 0 0 0.5em 0;
		}
		#banner h2:before {
			margin: 5px 0 1.25em 0;
		}
		#banner h2:after {
			margin: 1.25em 0 5px 0;
		}
		#banner p {
			font: 200% serif;
			font-size: 1.5em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			width: 100%;
			line-height: 1.5em;
			margin: 0;
			text-indent: 0;
			text-align: center;
		}	
		header.major h3, header.major h4 {
			font-size: 1.6em;
			line-height: 1.5em;
		}		
		#tel {
			padding: 25px 0 0 25%;
		}
			#tel h1 {
				font-size: 1.8em;
				font-weight: 700;
				margin: 0.5em 0 0 0;
		}		
		#malesa {
			width: 15%;
			display: block;
			position: absolute;
			margin: -5px 0 0 2%;
		}

	
			#logo {
			position: absolute;
			display: block;
			margin: 50px 0  0 5%;
			}
			#clock {
			display: block;
			}
		#main-wrapper {
			width: 1920px;
			margin: 0 auto;
			padding: 0;
		}
		.wrapper {
			padding: 2em 0 1em 0;
		}
		.wrapper.style1 {
			padding-top: 0;
		}

		.col-12-medium {								
			float: left;
			width: 31%;
			margin: 10px 10px 0 10px;
		}		
		.col-12-medium h3 {
			font-size: 26px;
		}
		
		.col-2-medium {
			float: left;
			width: 45%;
			margin: 0 20px 0 20px;
		}
		
		.col-2-medium p {
			font-size: 26px;
			line-height: 1.5em;
			padding: 0 2% 0 2%;
		}	
		.row {
			margin-left: 0;
			padding: 20px 0 0 50px;	
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			align-items: stretch;
		}
		.image.cont {
			float: left;
			margin: 0 1.5em 2em 0;
			width: 31%;
			vertical-align: top;
		}
		.image.cont img {
			width: 80%;
			padding-left: 20%;
		}		
		.image.featured h4 {
			font-size: 26px;
			line-height: 1.2em;
		}
		.wrapper.style3 {
			font-size: 1.3em;
			line-height:1.3em;
		}
		#info {
			font-size: 1.5em;
			line-height: 1.5em;
		}
		
		#info ol {
			padding-left: 5%;
		}
		#info ul li, #info ol li {
			font-weight: 500;
		}

		#imgModal {
			width: 20%;
			vertical-align: middle;
			float: right;
			padding: 0 30px 60px 60px;
		}

		.modalDialog {
			font-size: 26px;
			line-height: 1.5em;			
		}				
		.modalDialog ol {
			margin: 0;
			padding: 0 20px 0 10%;
		}
		.modalDialog ul {
			margin: 0;
			padding: 0 20px 0 10%;
			font-weight: 700;
		}
		.modalDialog ul li, .modalDialog ol li {
			font-weight: 500;
		}		
		.modalDialog p {
			padding: 0 3% 0 1%;
			font-weight: 500;			
		}
		.close {
			width: 28px;
			top: 10px;
			right: 20px;
		}

			.mySlides.fade {
				width: 100%;
				margin: 0 5% 0 5%;
			}			
			.mySlides.fade img {
				width: 80%;
				margin: 0 5% 0 5%;
				border-radius: 8px;
			}
			#ritualItems {
				width: 80%;
			}
			
			.mySlides2.fade img {
				width: 80%;
				margin: 0 10%;
			}

			.textRight {
			  color: #162a54;
			  padding: 4px 12px; 
			  float: right;
			  vertical-align: top;
			  width: 50%;
			  text-align: left;
			}		
			.itemsText {
				line-height: 1.8em;	
				font-size: 26px;
				width: 100%;
			}

			.itemsText2 {
				line-height: 1.6em;	
				font-size: 26px;
				width: 100%;
				text-align: justify;
			}
			
			.itemsText3 {
				line-height: 1.8em;	
				font-size: 26px;
				letter-spacing: 0.1em;
				width: 100%;
				text-align: justify;
			}

			.col-8.col-1-medium {
				width: 100%;
			}
			.reviews-txt p {
				font-size: 26px;
			}
			#footer-wrapper {
				width: 1920px;
				margin: 0 auto;
				padding: 4em 20px 3em 20px;
				font-size: 1.3em;
				line-height:1.5em;
			}

			#footer {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			#footer > .row {
				width: 100%;
				margin: 0;
				padding: 0;
			}			
			.col-12-small {
				width: 24%;
				margin: 0;
				padding: 0 0 0 3%;
			}	
			.col-wide {
				width: 48%;
				margin: 0;
				padding: 0 0 0 3%;				
			}				
			.back_to_top { 
					left:92%; 
				}
		}