@charset "utf-8";
@font-face {}
/* CSS Document @font-face {font-family: mainFont; src: url(elements/Roboto-Regular);}
 */
html 	{ background:white; height:auto; width: 100vw}
body 	{ display: block; margin: 0px; width:100vw; background-color:white; height:auto; box-sizing:border-box;
		font: 20px/100% 'Farsan', cursive;  position: relative}
header 	{ display: block; box-sizing: border-box; width: 100vw; overflow:hidden; position: fixed; z-index: 90;
		background-color: white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); left: 0px; top: 0px; right:0px}
article { display: block; box-sizing: border-box; width:100%; overflow: visible;
		padding:0px; position: relative}
.articlewrap	{display: block; box-sizing: border-box; width: 100vw; margin-left: auto; margin-right: auto; 
				position: relative; }
footer 	{ display: block; box-sizing: border-box; width:100%; height: auto; overflow:hidden; background-color: black; color:white; padding: 50px 0px 50px 0px}
div 	{ display: block; box-sizing: border-box;  }


.clearer{ clear:both}

/* GENERAL STYLES */
a{text-decoration:none; color:inherit; font-weight:bold; cursor: pointer}
a:hover{text-decoration:none; color:red}
a:active{text-decoration:none; color:black}
a:visited{text-decoration:none; }
	.adiver 	{ display: block; box-sizing: border-box;  }

p{ margin:0; padding:0; margin-bottom:10px;}

hr {size:0.5px;}

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

body 		{ padding: 150px 0px 0px 0px;}
header 		{ height:150px; }
body 		{ min-width:1100px;}
.headerwrap	{ width: 1000px; margin-left: auto; margin-right: auto; height: auto; padding: 20px 0px 20px 0px; position: relative}
.headerwrap2{ display: none}
svg {fill: black; width: 100%; height: 100%}
	svg:hover{fill:red}

article 	{ }

.logo 		{ height: 110px; margin-left: 0px}
.logoacc	{ height: 50px; margin-left: 326px}
.topbar 	{ width: 100%; height: 5px; background-color:rgba(75,75,75,1.00); display: none}

.menu		{ position: absolute; right:40px; bottom:20px; width: auto; height: auto; z-index: 100}
.displayer	{ display: none}
.menubutton	{ display: inline-block; padding:0px 10px 0px 20px; width:auto; cursor: pointer; font: 35px/100% 'Just Another Hand', cursive; font-weight: 500; height: 35px}
	.mbutton1 { }
	.mbutton2 { }
	.mbutton3 { }
	.mbutton4 { }
	.mbutton5 {padding-right: 30px; border-right: 2px solid black}
	.mbutton6 {}
	.mbutton7 {}
.menutext		{ }
.iconcontain  {height:35px; width: 31px; padding: 10px 0px 0px 0px; margin-left: 10px}

.secc01	{ height:  calc(100vh - 150px); z-index: 50;  min-height: 420px;
		 box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);}
.secc02	{ height:  auto; z-index: 70; margin:-250px auto -100px auto; min-height: calc(100vh - 50px); padding: 200px 50px 50px 50px; width: 1000px;}
.secc03	{ height:  auto; z-index: 40; min-height: 100vh; margin:  0px; padding: 200px 50px 50px 50px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);}
.secc04	{ height:  auto; z-index: 60; min-height: 100vh; padding-top: 150px;}
.secc05	{ height:  auto; z-index: 80; 				   ; padding-top:  50px; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.7);}


.bigpicture1{ width: 100%; background-repeat: no-repeat, no-repeat, no-repeat; background-size: cover, cover, cover; 
			background-position: top center, top center, top center;
			background-image:url("imgs/bigpic001acc5.png"),url("imgs/bigpic001acc1.png"), url("imgs/bigpic001alt.png");}

.bigpicture2{ width: 100vw; background-repeat: no-repeat; background-size: cover; background-position: top center;
			background-image: url("imgs/bigpic002.png"); display: flex; align-content: flex-end; flex-direction: column}

.bigpicture3{ width: 100vw; background-repeat: no-repeat; background-size: cover; background-position: top center;
			}

.bigpicture5{ width: 100vw; background-repeat: no-repeat; background-size: cover; background-position: top center;
			background-image: url("imgs/bigpic005.png");}


/* ABOUT US background-image: url("imgs/bigpic003.png");*/
.secc02textblockwr			{ width: auto; height: auto;  min-height: calc(100vh - 250px); background: white; border-radius: 50px; overflow: hidden;
							  border: 1px solid black}
	.secc02textblocktop 	{font: 40px/90% 'Grand hotel', cursive; color:white; background: black; text-align: center; padding: 30px; min-height: 150px;
							padding-top: 70px}
	.secc02textblockbttm	{padding: 0px 20px 20px 20px; display: flex;  }
	.secc02textblockbox		{flex: 1; margin: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
							overflow: hidden; z-index: 72; background-color: white}
	.secc02textblockhead	{padding: 20px; font: 30px/100% 'Grand hotel', cursive; color:white; background-color: #91B2EB;  border-bottom: solid 2px black}
	.secc02textblockbody	{padding: 20px; overflow: hidden}
	.secc02textblocksupp	{position: absolute; width: 400px; bottom: 30px; right: 300px; z-index: 71}
	.secc02textblocktitl	{ font: 40px/100% 'Grand hotel', cursive; color:black; text-align: center; padding: 30px 0px 0px 0px}

/* SERVICES */
.secc03textblockwr			{width: 1000px; height: auto; padding: 0px 30px 0px 30px; display: flex;  margin: 0px auto 100px auto; align-self: baseline; flex:1}
	.secc03textblockbox		{flex: 1; padding: 50px 30px 50px 30px; color: black; height: auto; bottom: 0px; margin: 0px 20px 0px 20px;
							border-radius: 10px; background-color: white; }
	.secc03textblockhead	{padding: 0px 0px 10px 0px ; font: 40px/100% 'Grand hotel', cursive; color:black;  border-bottom: solid 2px gray}
	.secc03textblockbody	{padding: 20px 0px 0px 0px ;}
	.secc03textblockpic		{position: relative; display:block; width: 60%; bottom:-30px; left: 50%; margin-top: -50px}
	.dudly3 				{height:300px; position: absolute; bottom: -1px; left:calc(50% + 100px)}

/* TESTIMONIALS */
.secc04textblockwr			{ width: 1000px; height: auto;  min-height: calc(100vh - 100px);  padding: 10px 10px 50px 10px;  margin: 0px auto 0px auto; 
							background-color: hsla(0,0%,100%,0.80);  background-color: white;}
							
	.secc04textblockbox		{ width: 306px; margin: 10px; color: black; height: 306px; float: left; cursor: pointer; 
							box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); background-color: white;
							background-size: 98%; background-position: center; background-repeat: no-repeat; }
		.secc04textblockbox:hover .secc04textblockbody {visibility:visible;}
	
	.secc04textblockhead	{}
	.secc04textblockbody	{ height:100%; width:100% ; padding: 20px; text-align: center; background-color: hsla(0,0%,100%,0.80); visibility: hidden;
							display: flex; align-items: center}
	
	.secc04textblocbutt		{ padding: 10px 30px 10px 20px; color: white; border-radius: 20px; background-image: linear-gradient(to left, orange , orangered);
							width:150px; margin: 30px auto 30px auto; font-weight: bold; cursor: pointer}
							.secc04textblocbutt:hover {color: yellow}
	.secc04textblocktitl	{ font: 40px/100% 'Grand hotel', cursive; color:black; text-align: center; padding: 10px}

/* FFAQs */
.secc05textblockwr			{ width: 100%; height: auto; margin: 0px 0px 0px 0px;}
	.secc05textblocktop 	{font: 40px/90% 'Just Another Hand', cursive; color:white; background-repeat: no-repeat; background-size: auto 200px; 
							background-position: top center; background-image: url("imgs/bigpic005acc.png"); text-align: center; padding: 20px 30px 40px 30px;}
	.secc05textblockbase 	{background-repeat: no-repeat; background-size: auto 150px; height: 150px;
							background-position: top center; background-image: url("imgs/bigpic005acc2.png"); }
	.secc05textblockbttm	{width: 1000px; margin: 0px auto 0px auto; padding: 50px 0px 50px 0px; display: flex; position: relative}
	.secc05textblockbox		{flex: 1; margin: 20px; text-align: center}
	.secc05textblockhead	{padding: 20px; font: 30px/100% 'Grand hotel', cursive; color:white; background-color: #F10A60;  border-bottom: solid 2px black}
	.secc05textblockbody	{padding: 20px; overflow: hidden}
	.secc05textblockpic		{position: relative; display:block; width: 60%; bottom:-30px; left: 50%; margin-top: -50px}
	.question 				{color: white; padding-top: 20px; font-weight:600}
		.question:hover		{font-weight: 600; color: wheat}
	.answer					{ margin-bottom:0px;  margin-left: auto; margin-right: auto; color:white}
	.chalckboard			{ position: absolute; top:calc(40% - 150px); left:calc(50% - 250px); width:500px; height: 300px; margin: auto;
							background-image: url("imgs/chalkboard.png"); background-repeat: no-repeat; background-size: contain; background-size: 500px 300px;
							display: none; align-items: center; padding: 50px}


/* FFAQs */
.footerwr					{width: 1000px; margin: 0px auto 0px auto; padding: 0px; display: flex; position: relative}
.footerbox					{flex: 1; margin: 20px; font: 20px/140% 'Farsan', cursive;}


}

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

body 		{ padding: 205px 0px 0px 0px;}
header 		{ height:205px; }
body 		{ min-width:340px;}
.headerwrap	{ width: 100vw; height: 205px; padding: 20px 0px 20px 0px; position: relative; }
.headerwrap2{ width: 100vw; height:  55px; padding: 10px; 			 ; position: fixed;	 bottom: 0px; left:0px; background-color: #4B4B4B; text-align: center }

svg {fill: white}
	svg:hover{fill:yellow}

article 	{ }

.logo 		{ height: 110px; display: block; margin-left: auto; margin-right: auto}
.logoacc	{ height: 50px; margin-left: 326px}
.topbar 	{ width: 100%; height: 5px; background-color:rgba(75,75,75,1.00); display: none}

.menu		{ position: absolute; bottom:0px; width: 100%; height: auto; z-index: 100; text-align: center; border-top: 1px solid gray; padding: 10px 0px 10px 0px}
.displayer	{ display: none}
.menubutton	{ display: inline-block; padding:0px 10px 0px 10px; width:auto; cursor: pointer; font: 35px/100% 'Just Another Hand', cursive; font-weight: 500; height: 35px}
	.mbutton1 { }
	.mbutton2 { }
	.mbutton3 { }
	.mbutton4 { }
	.mbutton5 { display: none}
	.mbutton6 { display: none }
	.mbutton7 { display: none}
	.mbutton8 { }
	.mbutton9 { }
	.mbutton10{ }
.menutext	{ }
.iconcontain  {height:35px; width: 35px; padding: 0px; margin-left: 10px; margin-right: 10px}

.secc01	{ height:  calc(100vh - 260px); z-index: 50;  min-height: 420px;
		 box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);}
.secc02	{ height:  auto; z-index: 70; margin-top: -205px; padding-top: 205px; width: 100vw;}
.secc03	{ height:  auto; z-index: 40; margin-top: -190px; padding-top: 235px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);}
.secc04	{ height:  auto; z-index: 60; margin-top: -205px; padding-top: 205px;}
.secc05	{ height:  auto; z-index: 80; margin-top: 0px;  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.7);}


.bigpicture1{ width: 100%; background-repeat: no-repeat, no-repeat, no-repeat; background-size: cover, cover, cover; 
			background-position: top center, top center, top center;
			background-image:url("imgs/bigpic001acc5.png"),url("imgs/bigpic001acc1.png"), url("imgs/bigpic001alt.png");}

.bigpicture2{ width: 100vw; background-repeat: no-repeat; background-size: cover; background-position: top center; padding-bottom: 150px;
			background-image: url("imgs/bigpic002.png"); }

.bigpicture3{ width: 100vw; background-repeat: no-repeat; background-size: cover; background-position: top center;
			}

.bigpicture5{ width: 100vw; background-repeat: no-repeat; background-size: cover; background-position: top center;
			background-image: url("imgs/bigpic005.png");}


/* ABOUT US background-image: url("imgs/bigpic003.png");*/
.secc02textblockwr			{ width: 100vw; height: auto; background: white; border-radius: 0px; overflow: hidden;
							  border: 1px solid black}
	.secc02textblocktop 	{font: 40px/90% 'Grand hotel', cursive; color:white; background: black; text-align: center; padding: 30px;}
	.secc02textblockbttm	{padding: 0px 20px 20px 20px;  }
	.secc02textblockbox		{flex: 1; margin: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
							overflow: hidden; z-index: 72; background-color: white}
	.secc02textblockhead	{padding: 20px; font: 30px/100% 'Grand hotel', cursive; color:white; background-color: #91B2EB;  border-bottom: solid 2px black}
	.secc02textblockbody	{padding: 20px; overflow: hidden}
	.secc02textblocksupp	{ width: 100%; z-index: 71}
	.secc02textblocktitl	{ font: 40px/100% 'Grand hotel', cursive; color:black; text-align: center; padding: 30px 0px 0px 0px}

/* SERVICES */
.secc03textblockwr			{width: 100vw; height: auto; padding: 0px 20px 0px 20px; }
	.secc03textblockbox		{padding: 50px 30px 50px 30px; color: black; height: auto; bottom: 0px; margin: 15px 0px 15px 0px;
							border-radius: 10px; background-color: white; }
	.secc03textblockhead	{padding: 0px 0px 10px 0px ; font: 40px/100% 'Grand hotel', cursive; color:black;  border-bottom: solid 2px gray}
	.secc03textblockbody	{padding: 20px 0px 0px 0px ;}
	.secc03textblockpic		{position: relative; display:block; width: 60%; bottom:-30px; left: 50%; margin-top: -50px}
	.dudly3 				{height:250px; position: absolute; bottom: -1px; right: 10px}

/* TESTIMONIALS */
.secc04textblockwr			{ width: 100vw; height: auto;  padding: 10px 10px 50px 10px;  margin: 0px auto 0px auto; 
							background-color: hsla(0,0%,100%,0.80);  background-color: white;}
							
	.secc04textblockbox		{ width: 306px; color: black; height: 306px; cursor: pointer; margin: 15px auto 15px auto;
							box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); background-color: white;
							background-size: 98%; background-position: center; background-repeat: no-repeat; }
		.secc04textblockbox:hover .secc04textblockbody {visibility:visible;}
	
	.secc04textblockhead	{}
	.secc04textblockbody	{ height:100%; width:100% ; padding: 20px; text-align: center; background-color: hsla(0,0%,100%,0.80); visibility: hidden;
							display: flex; align-items: center}
	
	.secc04textblocbutt		{ padding: 10px 30px 10px 20px; color: white; border-radius: 20px; background-image: linear-gradient(to left, orange , orangered);
							width:150px; margin: 30px auto 30px auto; font-weight: bold; cursor: pointer}
							.secc04textblocbutt:hover {color: yellow}
	.secc04textblocktitl	{ font: 40px/100% 'Grand hotel', cursive; color:black; text-align: center; padding: 10px}

/* FFAQs */
.secc05textblockwr			{ width: 100vw; height: auto; margin: 0px 0px 0px 0px;}
	.secc05textblocktop 	{font: 40px/90% 'Just Another Hand', cursive; color:white; background-repeat: no-repeat; background-size: auto 200px; 
							background-position: top center; background-image: url("imgs/bigpic005acc.png"); text-align: center; padding: 20px 30px 40px 30px;}
	.secc05textblockbase 	{background-repeat: no-repeat; background-size: auto 150px; height: 150px;
							background-position: top center; background-image: url("imgs/bigpic005acc2.png"); }
	.secc05textblockbttm	{width: 100vw; padding: 50px 0px 50px 0px; position: relative}
	.secc05textblockbox		{text-align: center}
	.secc05textblockhead	{padding: 20px; font: 30px/100% 'Grand hotel', cursive; color:white; background-color: #F10A60;  border-bottom: solid 2px black}
	.secc05textblockbody	{padding: 20px; overflow: hidden}
	.secc05textblockpic		{position: relative; display:block; width: 60%; bottom:-30px; left: 50%; margin-top: -50px}
	.question 				{color: white; padding-top: 30px; font-weight:600}
		.question:hover		{font-weight: 600; color: wheat}
	.answer					{ margin-bottom:0px;  margin-left: auto; margin-right: auto; color:white}
	.chalckboard			{ position: fixed; top:calc(50% - 150px); left:calc(50% - 150px); width:300px; height: 500px; margin: auto;
							background-image: url("imgs/chalkboard2.png"); background-repeat: no-repeat; background-size: contain; background-size: 300px 500px;
							display: none; align-items: center; padding: 50px}


/* FFAQs */
.footerwr					{width: 1000px; margin: 0px auto 0px auto; padding: 0px; position: relative}
.footerbox					{flex: 1; margin: 20px; font: 20px/140% 'Farsan', cursive;}


}