@charset "utf-8";
/* CSS Document */

body {
    font: 16px/1.4em;
	font-family: 'Raleway', sans-serif;;
    color: black;
    text-align:center;
}
 
p,
ul {
    margin: 0 0 1.5em;
}
 
ul {
    list-style: disc;
    padding: 0 0 0 20px;
}
 
a {
    color: #1D745A;
}
 
h1 {
    font: 16px/1em;
 
}
 
h2 {
    font: 16px/1.4em;
    line-height: 1.4em;
    margin: 0 0 .4em;
    font-weight: bold;
}
 
/*layout*/
 
.wrapper {
	width:100%;
	text-align:center;
    min-height: 400px;
    margin:0 auto 0 auto;
}
 
article {
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 20px 0 20px;
    margin: 10px 0;
}





ol 					{	list-style-type: none; counter-reset: item; margin: 0; padding: 0;	}
ol > li 			{	display: table; counter-increment: item; margin-bottom: 0.6em;	}
ol > li:before 		{	content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em;	}
li ol > li			{	margin: 0;	}
li ol > li:before	{	content: counters(item, ".") " ";	}




.site_color_main{	color:rgba(0,153,204,1);	}
.site_color_secondary{	color:rgba(27,60,111,1);	}

.main-login-1x1 { width:400px; height:400px; margin:10px auto 0 auto; text-align:center;  }
.main-login-1x1 h1 {    width:100%; font-size:1.2em; margin: 0;    }
.main-login-1x1 .container {    min-height:50px; height:50px; margin-top:10px; display:inline-block; border:0; width:100%;    }
.main-login-1x1 .container input  {   width:calc(100% - 110px); line-height:30px; font-size:1em; margin:10px 0 0 0;  }
.main-login-1x1 .links	{ display:inline-block; width:35%; margin:30px auto 0 auto; text-decoration: none; color:#4D90FE; }
.main-login-1x1 .links:hover, .main-login-1x1 .links:focus	{	text-decoration: underline;}


.main-login-2x1	{	margin:10px auto 0 auto; text-align:center; width:calc(100% - 12px);	}
.main-login-2x1 .container	{	display:inline-block; min-height:200px; width:100%; margin:5px auto 5px auto; text-align:center; vertical-align:text-top;}
.main-login-2x1 .container a.link	{	display:block; text-align:center; line-height:200px; width:100%; color:white; font-size:1.5em;	}
.main-login-2x1 .container a.link:link	{	text-decoration:none;	}
.main-login-2x1 .container a.link:hover, .main-links span a.link:focus	{	text-decoration:underline;	}





.main-links-1x1	{	display:block; margin:10px auto 0 auto; text-align:center; width:calc(100% - 6px);	}
.main-links-1x1 .container	{	display:inline-block; border:0; width:100%; min-height:400px; margin:5px 0px 5px 0px;	}
.main-links-1x1 .container a.link	{	display:block; text-align:center; width:100%; color:black; font-size:0.8em;	}
.main-links-1x1 .container a.link	h2  {	height:20px; max-height: 40px;	}
.main-links-1x1 .container a.link:link	{	text-decoration:none;	}
.main-links-1x1 .container a.link:hover, .main-links span a.link:focus	{	text-decoration:underline;	}
.main-links-1x1 .container div	{	display:inline-block; vertical-align:text-top;	}


.main-links-2x1	{	display:block; margin:10px auto 0 auto; text-align:center; width:100%;	}
.main-links-2x1 .container	{	display:block; width:100%; min-height:200px; text-align:left; vertical-align:text-top;	}
.main-links-2x1 .container img	{	max-width:100%; height:55vw;}
.main-links-2x1 .container p	{	position:absolute;	}
.main-links-2x1 .container a.link	{	display:block; text-align:center; line-height:200px; width:100%; color:white; font-size:1.5em;	}
.main-links-2x1 .container a.link:link	{	text-decoration:none;	}
.main-links-2x1 .container a.link:hover, .main-links span a.link:focus	{	text-decoration:underline;	}


.main-links-2x2	{	display:block; margin:0 auto 0 auto; text-align:center; width:100%;	}
.main-links-2x2 .container	{	display:block; width:100%; min-height:300px; text-align:left; vertical-align:text-top;	}
.main-links-2x2 .container img	{	width:100%; height:100%; object-fit:contain; object-position:right;}
.main-links-2x2 .container p	{	position:absolute;	}
.main-links-2x2 .container a.link	{	display:block; text-align:center; line-height:200px; width:100%; color:white; font-size:1.5em;	}
.main-links-2x2 .container a.link:link	{	text-decoration:none;	}
.main-links-2x2 .container a.link:hover, .main-links span a.link:focus	{	text-decoration:underline;	}


.main-links-3x1	{	position:relative; display:block; margin:10px auto 0 auto; text-align:center; width:100%;	}
.main-links-3x1 .container	{	display:inline-block; border:0px; width:100%; min-height:200px; margin:5px 0px 5px 0px; vertical-align:text-top;	}
.main-links-3x1 .container img	{	max-width:100%; height:150px;	}
.main-links-3x1 .container h2	{	width:calc(100% - 20px); padding:5px; margin:20px 0 0 0; background: rgba(255,255,255,0.9);	 	}
.main-links-3x1 .container p	{	width:calc(100% - 20px); padding:5px; background: rgba(255,255,255,0.9); font-weight:100; font-size:0.8em; color:gray;	 	}
.main-links-3x1 .container a.link	{	display:block; text-align:center; width:100%; color:black; font-size:1em; background: center center no-repeat; background-size: contain; font-weight:bold;	}
.main-links-3x1 .container a.link:link	{	text-decoration:none;	}
.main-links-3x1 .container a.link:hover h2, .main-links-3x1 .container a.link:focus	h2{	color:rgba(70,131,235,1); text-decoration:none;	}
.main-links-3x1 .container a.link .inner	{	position:absolute; width:100%; background: rgba(255,255,255,0.9);	}



.main-links-3x1-frame	{	display:block; margin:10px auto 0 auto; text-align:center; width:calc(100% - 6px); min-width:761px;	}
.main-links-3x1-frame div	{	float:left; text-align:center; width:calc(100% - 316px); height:200px;	}
.main-links-3x1-frame div:first-child	{	text-align:center; width:150px;	}
.main-links-3x1-frame div:last-child	{	float:right; text-align:center; width:150px;	}



.main-links-4x1	{	display:block; margin:10px auto 0 auto; text-align:center; width:calc(100% - 6px);	}
.main-links-4x1 span	{	display:inline-block; border:0px; width:100%; height:200px; margin:5px 0px 5px 0px; vertical-align:text-top;	}
.main-links-4x1 span a	{	display:block; text-align:center; line-height:200px; width:100%; color:white; font-size:1.5em;	}
.main-links-4x1 span a:link	{	color:white; text-decoration:none;	}
.main-links-4x1 span a:hover, .main-links span a:focus	{	color:white; text-decoration:underline;	}



.main-links-5x1	{	display:block; margin:10px auto 0 auto; text-align:center; width:calc(100% - 6px);	}
.main-links-5x1 span	{	display:inline-block; border:0px; width:100%; height:200px; margin:5px 0px 5px 0px;	}
.main-links-5x1 span a.link	{	display:block; text-align:center; line-height:200px; width:100%; color:white; font-size:1.5em;	}
.main-links-5x1 span a.link:link	{	color:white; text-decoration:none;	}
.main-links-5x1 span a.link:hover, .main-links span a.link:focus	{	color:white; text-decoration:underline;	}



.main-links-2xALL	{	margin:10px auto 0 auto; text-align:left; width:calc(100% - 6px);	}
.main-links-2xALL .container	{	display:inline-block; border:0px; width:100%; min-height:20px; margin:5px 0px 5px 0px; vertical-align:text-top;	}
/*
.main-links-2xALL .container div	{	display:inline-block; vertical-align:text-top;	}
.main-links-2xALL .container div:last-child	{	margin-bottom:20px; display:inline-block; }
*/
.main-links-2xALL .container:first-child	{	width:100%; max-width:100%; border:1px solid #DDD;	}
.main-links-2xALL .container:first-child p	{	margin:20px 0px 0px 5px;	}
.main-links-2xALL .container:first-child ul	{	margin:0; padding:0; list-style-type:none;	}
.main-links-2xALL .container:first-child li	{	margin:0 0 0 5px; padding:0;	}
.main-links-2xALL .container:first-child a.link	{	display:block; text-align:left; line-height:20px; width:100%; color:black; font-size:1em;	}
.main-links-2xALL .container a.link	h2  {	height:20px; max-height: 40px; 	}
.main-links-2xALL .container a.link	h4  {	height:20px; max-height: 40px; font-size:0.5em;	}
.main-links-2xALL .container:first-child a.link:link	{	color:black; border:0px; text-decoration:none;	}
.main-links-2xALL .container:first-child a.link:hover, .main-links .container a.link:focus	{	color:black; text-decoration:underline;	}
.main-links-2xALL .container:first-child label	{	text-align:left; font-size:0.8em;	}
.main-links-2xALL .container:last-child		{	width:calc(100% - 6px); text-align:center;	}


.main-links-40x60	{	display:block; margin:0 auto 0 auto; text-align:center; width:100%;	}
.main-links-40x60 .container	{	display:block; width:calc(100% - 20px); padding:10px; min-height:200px; vertical-align:text-top; 	}
.main-links-40x60 .container img	{	width:100%; height:100%; max-height:inherit;	}
.main-links-40x60 .container p		{	display:inline-block; width:100%; height:40px; line-height:40px; font-size:0.9em; text-align:left; margin:20px auto;	}
.main-links-40x60 .container a.link	{	display:inline-block; text-align:center; width:100%; color:black; font-size:1.5em;	}
.main-links-40x60 .container a.link:link	{	text-decoration:none;	}
.main-links-40x60 .container a.link:hover, .main-links span a.link:focus	{	text-decoration:underline;	}
.main-links-40x60 .container:first-child	{	text-align:center; }
.main-links-40x60 .container:last-child		{	text-align:left;	}


.row82    {   clear:both; display:block; width:100%; text-align:left; height:auto;   }
.row82 p  {   display:block; line-height:20px; margin:0; padding:0;   }
.row82 .container	{	display:block; padding:9px; min-height:80px; text-align:left; vertical-align:text-top;	}
.row82 .container:first-child   {  width:95%;	}
.row82 .container:last-child   {   width:95%;	}


.float-row-2    {   clear:both; display:block; width:100%; text-align:left; height:auto;   }
.float-row-2 p  {   display:block; line-height:20px; margin:0; padding:0;   }
.float-row-2 .container:first-child   {  display:block; padding:9px; min-height:80px; width:95%; vertical-align:text-top;	}
.float-row-2 .container:last-child   {   display:block; text-align:left; padding:9px; min-height:80px; width:95%;  vertical-align:text-top;    }

.reviews    {   clear:both; display:block; width:100%; text-align:left; min-height:200px;   }
.reviews .container:first-child   {  display:inline-block; padding:9px; min-height:80px; width:95%; vertical-align:text-top;	}
.reviews .container:first-child img   {  max-height:auto; width:100%;	}
.reviews .container:last-child   {   display:inline-block; text-align:left; padding:9px; min-height:80px; width:95%;  vertical-align:text-top;    }


.product_main   {   margin:10px auto 0 auto; text-align:center; width:calc(100% - 6px);    }
.product_main span	{	display:inline-block; width:100%; margin:5px auto 5px auto; text-align:left; vertical-align:text-top;}




.product_thumbnail		{	margin:0 0 0 10px; width:280px; display:inline-block; 	}
.product_thumbnail	a.link	{	display:inline-block; line-height:15px; border:1px solid #FFF; text-align:left; color:black; font-size:1.5em; text-decoration:none; padding:3px;	}
.product_thumbnail	a:hover, product_thumbnail	a.link:focus	{	color:black; line-height:15px; border:1px solid #DDD; text-decoration:none;	}
.product_thumbnail	a.link h2	{	font-weight:100; font-size:1.1em; width:100%; height:60px;	}






.onFocus { z-index: 99999; display:none; position:fixed; background: rgba(0,0,0,0.5); top:0; left:0; width:100%; min-height:100vh; overflow:auto;  }
.onFocus .menu { display:block; width:100%; height:80px; background: rgba(255,255,255,1); margin:0; padding:0;  }
.onFocus .menu a { display:inline-block; min-width:60px; max-width:130px; width:auto; height:40px; line-height:40px; text-decoration:none; background:rgba(18,20,64,1); color:white; font-size:1em; font-size:2.5vw; margin:30px 0;   }
.onFocus .container { display:block; width:100%; height:calc(100vh - 80px); background:rgba(0,0,0,0.6); margin:auto; overflow-y: auto; overflow-x: auto; }





.menu { display:block; width:100%; min-height:40px; background: rgba(255,255,255,1); margin:30px 0; padding:0; text-align: center;  }
.menu a { display:inline-block; width:100%; height:40px; line-height:40px; text-decoration:none; background:rgba(18,20,64,1); color:white; font-size:1em; font-size:2vw; margin:5px 0 0 0; text-align:center; text-transform:uppercase; vertical-align:text-top;}
.menu a:hover, .menu a:focus { background:rgba(27,60,111,1);  }






	
	
.main-page	{	width:100%; margin:0 auto; text-align:left;	}
.main-page .container	{	display:block; width:calc(100% - 20px); margin:0 auto 0 auto; padding:10px;	}
.main-page .full		{	width:calc(100% + 10px); margin:0 0 0 -10px; padding:0px;	}
.main-page .container h1  {	display:block; margin:40px auto 5px auto; font-size:2em; width:calc(100% - 20px); max-width:1200px; font-weight:bold; text-transform:uppercase; }
.main-page .container .author, .main-page .container .registered, .main-page .container .updated	{	display:inline-block; font-size:0.7em;	}
.main-page .container .article  {	display:block; margin:40px auto 60px auto; width:calc(100% - 20px); max-width:1200px; vertical-align:text-top;	}
.main-page .container .article p	{	margin:0; padding:5px 10px; text-align:justify; line-height:25px;	}
.main-page .container .imgMain  {	display:block; margin:0 auto; text-align:center; width:100%; height:700px; overflow: hidden;	}
.main-page .container .imgMain img  {	margin:0 auto; height:100%;	}
.main-page .container .button	{	background:none; border:1px solid rgba(255,255,255,1); text-decoration:none; padding:20px 25px; margin:10px; min-width:120px; width:auto; font-size:1em; font-weight:bold; color:rgba(255,255,255,1);	}
.main-page .container .button:hover, .main-page .container .button:focus	{	background:white; color:rgba(127,194,109,1);	}
.main-page .header		{	display:block; width:calc(100% - 20px); background-size:cover; color:white; margin:0; padding:0 10px; height:180px; line-height:180px; font-variant:small-caps; text-align:center; font-size:4vw; font-weight:bold;	}
.main-page .headerSmall		{	height:180px; line-height:180px;	}
.main-page .headerBig		{	height:700px;	}

.main-page-320	{	display:block; width:calc(100% - 22px); padding:10px;  margin:0 auto; text-align:left;	}
.main-page-320 .heading, .main-page-320 .article	{	display:block; width:calc(100% - 22px); padding:10px;  margin:0 auto; text-align:left;	}
.main-page-320 .container 				{	display:block;  width:100%; vertical-align:text-top; margin:0 auto; font-size:0.9em	}
.main-page-320 .container:first-child	{	width:300px;	}
.main-page-320 .container:last-child	{	width:calc(100%);	}
.main-page-320 .container p 			{	line-height:1.7em; 	}





.main-page-news	{	display:block; margin:10px auto 0 auto; text-align:left; width:calc(100% - 6px); max-width:1200px;	}
.main-page-news .container	{	display:block; border:0; width:100%; min-height:200px;	}
.main-page-news .container a.link	{	display:block; text-align:left; width:100%; color:black; font-size:1em;	}
.main-page-news .container a.link	{	border:1px solid white;	}
.main-page-news .container a.link:hover,  .main-links span a.link:focus {	border:1px solid lightgrey;	}
.main-page-news .container a.link	h2:link	{	text-decoration:none;	}
.main-page-news .container a.link	h2:hover, .main-links span a.link	h2:focus	{	text-decoration:underline;	}
.main-page-news .container img	{	display:inline-block; vertical-align:text-top; max-width:180px; height:180px; object-fit:cover; margin:0; padding:5px;	}
.main-page-news .container .text	{	display:inline-block; vertical-align:text-top; width:calc(100% - 210px);	}

.main-page-gallery	{	display:block; margin:10px auto 0 auto; text-align:left; width:calc(100% - 6px); max-width:1200px;	}
.main-page-gallery	{	display:block; border:0; width:100%; min-height:200px;	}
.main-page-gallery a.link	{	display:block; text-align:left; width:100%; color:black; font-size:1em; border:1px solid white;	}
.main-page-gallery a.link:hover,  .main-links span a.link:focus {	border:1px solid lightgrey;	}
.main-page-gallery .info{	display:inline-block; vertical-align:text-top; width:360px;	}
.main-page-gallery h2	{	margin-top:30px;	}
.main-page-gallery .thumbnail	{	display:inline-block; vertical-align:text-top; width:360px; max-width:360px; height:180px; object-fit:cover; margin:0; padding:5px;	}
.main-page-gallery .description	{	margin-top:10px; width:100%; font-size:0.8em;	}
.main-page-gallery .imgs{	display:inline-block; vertical-align:text-top; width:calc(100% - 370px); margin-left:10px;	}
.main-page-gallery img	{	display:inline-block; vertical-align:text-top; max-width:100px; height:100px; object-fit:cover; margin:0; padding:5px;	}


.main-box100{	display:block; margin:10px auto 0 auto; max-width:1200px; width:calc(100% - 20px); padding:10px; text-align:left; font-size:1em;	}
.main-box100 .container	{	display:block; border:0; width:100%; margin:5px 0px;	}
.main-box100 .container p	{	line-height:2em; font-size:0.9em;	}
.main-box100 .container a.link	{	display:block; text-align:center; width:100%; color:blue;	}
.main-box100 .container a.link	h2  {	height:20px; max-height: 40px;	}
.main-box100 .container a.link:link	{	text-decoration:none;	}
.main-box100 .container a.link:hover, .main-links span a.link:focus	{	text-decoration:underline;	}



.in_img_text		{	position:absolute; display:block; color:white; text-align:left; line-height:36px; margin:14% 0 0 60%; min-width:180px;	}
.in_img_text h1		{	font-size:24px; font-weight:300; color:rgba(10,37,80,1); letter-spacing:3.3px; font-variant: small-caps; z-index:10;	}
.in_img_text h2		{	font-size:16px; font-weight:100; margin:20px 0 50px 0; z-index:9;	}
.in_img_text p		{	font-size:14px; font-weight:100; margin:10px 0 10px 0; z-index:1;	}
.in_img_text a		{	padding:10px 15px; font-size:18px; text-align:center; border:1.5px solid white; width:100%; max-width:180px; text-decoration:none; color:white;	}
.in_img_text a:hover h1, .in_img_text a:focus h1	{	text-decoration:none;	}

.in_img_full_text		{	position:absolute; display:table; color:white; line-height:1.2em; width:100%;	}
.in_img_full_text h1, .in_img_full_text h2	{	font-size:2vw; font-weight:100; width:100%; height:100%; display:table-cell; vertical-align:middle;	}





.booking	{	display:block; width:100%; min-height:400px; background-color:rgba(240,240,240,1); margin:0 auto;	}
.booking .container	{	display:inline-block; min-width:300px; width:60%; text-align:left; vertical-align:text-top;	}
.booking .container > .box {	 display:block; background:white; border:1px solid lightgrey; font-size:0.8em;	}
.booking .container > .boxLabel {	 display:block; font-variant:small-caps; font-weight:400; padding:10px 10px 0;		}
.booking .receipt {	display:inline-block; width:calc(20% - 10px); min-width:260px; max-width:350px; padding:10px 5px 20px; margin:48px 0 20px 10px; vertical-align:text-top; background:white;	}
.booking .receipt div > .box	{	display:block; width:calc(100% - 10px); padding:10px 3px; border:1px solid #ccc; font-size:0.8em;	}
.booking .receipt div > .boxLabel	{ display:block; width:calc(100% - 10px); padding:10px 0 0; text-align:left; font-size:10px; font-variant:small-caps;	}
.booking .receipt div .name		{	display:inline-block; width:65px; text-align:right; font-size:0.75em; line-height:1.5em;	}
.booking .receipt div .value	{	display:inline-block; width:70px; text-align:left; margin:0 0 0 5px;	}


.booking_header				{	width:100%;	height:700px; background:no-repeat center; background-size:cover;	}
.booking_header .cover		{	display:block; width:100%;	background-color:rgba(0,0,0,0.5); margin:85px 0 0; padding:50px 0;	}
.booking_header .cbefore	{	display:block; height:1px;	}
.booking_header form		{	max-width:500px; padding:20px; margin:0 auto;	}
.booking_header h1			{	display:block; color:white; margin:0; padding:40px 0 0; font-variant:small-caps; font-size:2vw; font-weight:bold; line-height:3vw; 	}
.booking_header h2			{	display:block; color:white; margin:0 0; font-variant:small-caps;	}
.booking_header .zip		{	display:block; width:calc(100% - 20px); float:none; height:20px; padding:10px; margin:20px 0; text-align: center; }
.booking_header .service	{	display:block; width:100%; float:none; height:41.6px; padding:10px; margin:20px 0; font-variant:small-caps; text-transform:uppercase;	}
.booking_header	.email		{	display:block; width:calc(100% - 20px); height:20px; padding:10px; margin:0 0 20px;	}
.booking_header select		{	padding:50px; line-height:50px;	}




.table							{	display:block; width:calc(100% - 20px); padding:10px; margin:0 auto;	}
.table > .border 				{	border-style:solid; border-color:lightgray;	}
.table > .border				{	border-width:1px;	}
/*.table > .border:nth-child		{	border-width:0 1px 1px;	}*/
.table > .rowH					{	display:block; width:100%; padding:0; margin:2px auto; background-color:cornflowerblue; color:white; border:1px solid cornflowerblue; font-weight:bold;	}
.table > .rowH > .colH			{	display:inline-block; width:calc(100% / 3 - 25px); padding:10px; font-size:0.8em;	}
.table > .row					{	display:block; width:100%; padding:0; margin:2px auto;	}
.table > .row > .col			{	display:inline-block; width:calc(100% / 3 - 25px); padding:10px; font-size:0.8em; 	}
.table > .row > .price			{	display:inline-block; width:calc(100% / 3 - 25px); padding:10px; font-size:1.5em; 	}
.table > .row > .info			{	display:inline-block; width:calc(100% / 3 - 25px); padding:0 10px; line-height:100%; font-size:0.6em; word-wrap:normal;	}
.table > .row > .name			{	display:block; width:inherit; font-variant:small-caps; margin:20px 0; border:0;	}
.table > .row:nth-child(even)	{	background:azure;	}
.table > .row:nth-child(odd)	{	background:#fff;	}
.table > .rowName				{	display:block; width:inherit; font-variant:small-caps; padding:20px 10px 3px;	}





.attentionBox		{	width:100%; margin:20px; padding:20px; background-color:beige; border:1px solid rgba(150,150,150,1);	}
.attentionBoxRight	{	 display:block; width:calc(100% - 40px); margin:0; padding:20px; background-color:blanchedalmond; border:1px solid rgba(150,150,150,1); float:none;	}
.blueSection 	{	background:rgba(0,51,153,1); color:rgba(102,204,255,1);	}
.greenSection 	{	background:rgba(127,194,109,1); color:rgba(255,255,255,1);	}	/*	rgba(204,255,204,1) rgba(0,153,204,1)	*/






.users	{	margin-left:20px; margin-bottom:5px; border:1px solid lightgrey; padding:5px;	}
.users	.link	{	display:block; width:100%; text-decoration:none; background:white; color:black; border-radius: 5px;	}
.users	.link:hover, .users	.link:focus		{	background-color:beige;	}
.users	.profile_pic	{	display:inline-block; text-align:center; background: no-repeat rgba(255,255,255,1); border-radius: 5px; border:1px solid grey; vertical-align:text-top;	}
.users	.profile_info	{	display:inline-block; vertical-align:text-top; line-height:20px;	}
.users	.profile_info .email	{	display:block; min-width:200px; font-weight:bold;	}
.users	.profile_info .status	{	display:inline-block; min-width:100px; font-size:0.6em; line-height:10px;	}
.users	.profile_info .updated	{	display:inline-block; font-size:0.6em; line-height:10px;	}
.users	.profile_info .name		{	display:block; min-width:200px; font-size:0.8em; font-weight:bold;	}



.profileBookings{	position:relative; display:inline-block; min-width:295px; width:auto; background: no-repeat rgba(222,204,227,0.7); border:1px solid grey; min-height:250px; margin:0 0 5px 5px; padding:10px; vertical-align:text-top; 	}
.profileBookings .book {	text-decoration:none;	}
.profileBookings:hover, .profileBookings:focus, .profileBookings .book:hover, .profileBookings .book:focus	{	text-decoration:none; background:#f4f4f4; 	}
.profileBookings .order		{	display:block; color:black; font-size:16px; line-height:20px; letter-spacing:0.8px; margin-top:10px; bottom:25px; position:absolute;  }
.profileBookings .service	{	display:block; color:black; font-size:10px; text-align:right; width:100%;	}
.profileBookings .zip		{	display:block; color:black; font-size:18px; line-height:24px; margin-top:10px;	}
.profileBookings .address	{	display:block; color:black; font-size:18px; line-height:24px; margin-bottom:10px;	}
.profileBookings .contact	{	display:block; color:coral; font-size:18px; line-height:24px; margin-bottom:10px;	}
.profileBookings .email		{	display:block; color:black; font-size:14px; line-height:20px;  }
.profileBookings .price		{	display:block; color:black; font-weight:bold; font-size:14px; line-height:20px;  }
.profileBookings .info		{	display:block; color:black; font-size:14px; line-height:18px; bottom:3px; position:absolute;	}



.bookingInfo	{	display:block;	width:100%;	min-height:400px;	}
.bookingInfo .order	{	display:block; width:100%;	}
.bookingInfo .order	.label	{	display:block; font-size:10px; font-variant:small-caps; margin:0; padding:0;	}
.bookingInfo .order	.value	{	display:block; font-size:14px; font-weight:bold; text-transform:uppercase; margin:0; padding:10px; border:1px solid lightgrey;	}

.bookingInfo .orderInfo			{	display:block; width:100%; margin-top:10px; }
.bookingInfo .orderInfo	.label	{	display:block; font-size:10px; font-variant:small-caps; margin:0; padding:0;	}
.bookingInfo .orderInfo	.value	{	display:block; margin:0; padding:10px; border:1px solid lightgrey; font-variant:small-caps;	}
.bookingInfo .orderInfo	.value	.zip		{	display:block; font-size:24px; font-weight:bold; margin:0;	}
.bookingInfo .orderInfo	.value	.dateTime	{	display:block; font-size:20px; margin:0;	}
.bookingInfo .orderInfo	.value	.address	{	display:block; font-size:16px; margin:20px 0 0;	}
.bookingInfo .orderInfo	.value	.city		{	display:inline-block; font-size:16px; margin:0;	}
.bookingInfo .orderInfo	.value	.county		{	display:inline-block; font-size:16px; margin:0;	}
.bookingInfo .orderInfo	.value	.country	{	display:block; font-size:16px; margin:0;	}
.bookingInfo .orderInfo	.value	.contact	{	display:block; font-size:18px; margin:20px 0 0;	font-weight:bold; }
.bookingInfo .orderInfo	.value	.mobile		{	display:block; font-size:16px; margin:0;	}
.bookingInfo .orderInfo	.value	.email		{	display:block; font-size:16px; margin:0; font-variant:normal; text-transform:lowercase;	}

.bookingInfo .orderPayment					{	display:block; width:100%; margin-top:10px; }
.bookingInfo .orderPayment	.label			{	display:block; font-size:10px; font-variant:small-caps; margin:0; padding:0;	}
.bookingInfo .orderPayment	.value			{	display:block; margin:0; padding:10px; border:1px solid lightgrey; font-variant:small-caps;	}
.bookingInfo .orderPayment	.value	.price	{	display:block; font-size:24px; margin:0;		}

.bookingInfo .orderCleaning					{	display:inline-block; ; max-width:250px; width:100%; margin-top:10px; vertical-align:text-top;	}
.bookingInfo .orderCleaning	.label			{	display:block; font-size:10px; font-variant:small-caps; margin:0; padding:0;	}
.bookingInfo .orderCleaning	.value			{	display:block; min-height:64px; padding:10px; border:1px solid lightgrey; font-variant:small-caps;	}
.bookingInfo .orderCleaning	.value	.row	{	display:block; font-size:16px; margin:0;		}

.bookingInfo .orderInstructions					{	display:block; width:100%; margin-top:10px; }
.bookingInfo .orderInstructions	.label			{	display:block; font-size:10px; font-variant:small-caps; margin:0; padding:0;	}
.bookingInfo .orderInstructions	.value			{	display:block; margin:0; padding:10px; border:1px solid lightgrey; font-variant:small-caps;	}
.bookingInfo .orderInstructions	.value	.row	{	display:block; font-size:16px; margin:0;		}





.copyright		{	display:block; clear:both; width:100%; height:auto; color:white; font-size:0.8em; background:rgba(0,153,204,1);	}
.copyright p	{	display:block; margin:0; padding:0;	}
.copyright line	{	margin:0; padding:5px 10px 5px 10px; display:inline-block;	}









/*header*/
 
header {
	height:120px;
	margin: 0;
    padding: 0;
	background:no-repeat center center;
}
 
        /*shorter clearfix http://nicolasgallagher.com/micro-clearfix-hack/*/
        header:before,
        header:after {
            content:"";
            display:table;
        }
         
        header:after {
            clear:both;
        }
         
        /* For IE 6/7 (trigger hasLayout) */
        header {
            zoom:1;
        }

.menut{
	display:block;
    background:rgba(0,153,204,1);
	width:100%;
	height:80px;
}
.menub{
	display:block;
    background:rgba(255,255,255,1);
	width:100%;
	height:40px;
}

.logo{
	position:relative;
	display:block;
	height:140px;
	margin:0 auto;
	max-width:251px;
	z-index:999999;
}
.logo a{	height:0; line-height:0; font-size:0;	}
.logo img{
	height:100%;
}

.slide_img{	display:none; width:100%; height:calc(100% * 0.5625);	}	/*	 max-height:450px;	*/
.slide_img img{	width:100%; object-fit: contain;	}
.still_img{	display:block;	}
.still_img img{	width:100%; object-fit: contain;	}


a.to_nav {
    float: left;
    color: rgba(42,63,107,1);
    background: url('../img/menu.png') no-repeat 100%;
	background-size:100% 200%;
	background-position: 0px -40px;
    text-decoration: none;
    
    width:40px;
    height:40px;
    margin:22px 10px 0;
} 
a.to_nav:hover, a.to_nav:focus, a.to_nav:active  {    background-position: 0px 0px; }
.to_nav_active  {    background-position: 0px 0px; }
.to_nav_activeNot  {    background-position: 0px -40px; }


#slide_menu{
    position:absolute;
	display: none;
	margin:60px 0;
	padding:0;
	height:100%;
	z-index: 999999;
	top:0;
}

#slide_menu ul {
    list-style: none;
    background: rgba(0,153,204,1);
    width: 180px;
    max-width: 100%;
    text-align: left;
	padding-top:20px;
	margin-top:20px;
	
}
#slide_menu li a {
    display: block;
    padding: 0 20px;
    color: white;
    text-decoration: none;
 	font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
}


/*navigation*/ 
 
#primary_nav ul {
    list-style: none;
    background: white;
    padding: 0;
    width: 100%;
	margin:0;
}
 
#primary_nav li a {
    display: block;
    padding: 0 20px;
    color:white;
	background:rgba(0,153,204,1);
    text-decoration: none;
 	font-size: 0.65em;
	
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
}
 
#primary_nav li:last-child a {
    border-bottom: none;
}
 
#primary_nav li a:hover,
#primary_nav li a:focus {
    color:white;
    text-decoration: underline;
}




#secondary_nav{
    background: none;
	z-index:999998;
}

#secondary_nav ul {
    list-style: none;
    padding: 0;
    width:100%;
}
 
#secondary_nav li a {
    display: block;
    padding: 0 20px;
	color:rgba(0,153,204,1);
    text-decoration: none;
 	font-size: 0.6em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
}
 
#secondary_nav li.menu-top {    display:inline; }
 
#secondary_nav li.menu-bottom {    display:none; }
 
#secondary_nav li:last-child a {	border-bottom: none;	}
 
#secondary_nav li a:hover,
#secondary_nav li a:focus {
    color:white;
	background:rgba(0,153,204,1);
    text-decoration: underline;
}
 
/*footer*/
 
footer {
	background:repeat top left;
    font: 16px/0.3em;
    text-align: center;
    color:white;
	font-size: 0.8em;
}
footer p{
	margin:0;
	padding:0;
	border:0;
}
footer div{
	display:inline-block;
	min-height:250px;
	height: auto;
    font-style:normal;
	text-align:left;
	vertical-align:text-top;
	margin:0 0 30px 0;
    padding:0;
    min-width:200px;
    

	width:calc(80% / 4);

}
footer .fsect{
    display:block;
	text-transform:uppercase;
    padding:0;
    line-height:30px;
	font-weight:bold;
}
footer div a{
    display:block;
	color:white;
	text-decoration:none;
	line-height: 20px;
}
footer div a:last-child{
	margin-bottom:10px;
}
footer div a:hover,
footer div a:focus{
	text-decoration:underline;
}
footer .fsect{ width:100%;	}
footer .flink{ display:inline-block; width:100%;	}

footer{
	background:rgba(0,153,204,1);
/*
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #003399),color-stop(1, #0099CC));
	background-image: -o-linear-gradient(top, #003399 0%, #0099CC 100%);
	background-image: -moz-linear-gradient(top, #003399 0%, #0099CC 100%);
	background-image: -webkit-linear-gradient(top, #003399 0%, #0099CC 100%);
	background-image: -ms-linear-gradient(top, #003399 0%, #0099CC 100%);
	background-image: linear-gradient(to top, #003399 0%, #0099CC 100%);
*/
}




/*media queries*/
 
@media only screen and (max-width: 380px) {
	.product_cust div:last-child span.menuCustom span a.link{ font-size: 0.52em; }	
	.copyright line	{	display:none;	}
}
@media only screen and (max-width: 468px) {	
	footer div{ display:block; width:100%; min-width:100%; max-width:100%; text-align:center; min-height:40px; vertical-align:middle; margin:0; border-bottom:1px solid lightgrey;	}
	footer .fsect{ 	cursor:hand; cursor:pointer; height:60px; line-height:60px; margin:auto auto; text-decoration:none; background:rgba(0,153,204,1); color:white;}
	footer .fsect:hover, footer .fsect:focus{	text-decoration:underline;	}
	footer .flink{	display:none; width:100%; min-width:100%; max-width:100%;	}
}
@media only screen and (max-width: 480px) {
	.logo	{	height:80px;	}
}
@media only screen and (min-width: 380px) {
	.copyright p	{	display:inline-block;	}
	
	.booking_header .zip		{	display:inline-block; width:100px; float:left;	}
	.booking_header .service	{	display:inline-block; width:calc(100% - 150px); float:right;	}
}
@media only screen and (min-width: 768px) {
	.slide_img {	display:block;	}
	.still_img {	display:none;	}
    a.to_nav {  display: none;  }
    
	h1.logo{
    	width:calc(100% - 575px);
		float:left;
		margin-left:285px;
	}
    h1.logo a, div.logo a {
		display: inline-block;
        width:100%;
    }
      
    .wrapper {
        position: relative;
		/*min-width:761px;*/
        width: 100%;
        margin: auto;
    }
	main > header	{	background:no-repeat center center;	}
    
	.main-login-2x1 .container	{	height:300px; width:calc(50% - 6px); margin:0 auto 0 auto; text-align:left;}
    
	.main-links-1x1 .container	{	min-height:300px; width:100%; margin:0 auto 0 auto;	}
	.main-links-1x1 .container a.link	h3  {	margin-top:5px;	}
	.main-links-1x1 .container div	{	display:inline-block; vertical-align:text-top;	}
	
	.main-links-2x1 .container	{	display:inline-block; width:50%; margin:0 0 0 -4px;	}
	.main-links-2x1 .container img	{	width:100%; height:100%; }
	.main-links-2x1 .container:first-child	{	margin:0;	}
	.main-links-2x1 .container a.link	{	line-height:300px;	}
	
	.main-links-2x2 .container	{	display:inline-block; width:calc(50% - 4px); margin:0 0 0 -4px;	}
	.main-links-2x2 .container:first-child	{	width:50%; margin:0 0 0 -4px; 	}
	.main-links-2x2 .container a.link	{	line-height:300px;	}
    
	.main-links-3x1 .container	{	width:calc(100% / 3 - 1px); margin:0;	}
	.main-links-3x1 .container:first-child	{	margin:0 0 0 -6px;}
	.main-links-3x1 .container img	{	width:98%;	}
    
	.main-links-4x1 span	{	height:300px; width:calc(24.95% - 5px); margin:0 auto 0 auto;	}
	.main-links-4x1 span a.link	{	line-height:300px;	}
    
	.main-links-5x1 span	{	height:200px; width:calc(19.95% - 5px); margin:0 auto 0 auto;	}
	.main-links-5x1 span a.link	{	line-height:200px;	}
	
/*
	
	.main-links-2xALL .container div	{	display:inline-block; vertical-align:text-top;	}
	
*/
	.main-links-2xALL .container:first-child		{	width:100%; max-width:150px;	}
	.main-links-2xALL .container:first-child div	{	display:block;	}
	.main-links-2xALL .container:last-child			{	width:calc(100% - 190px);  } 
	
	.main-links-40x60 .container	{	display:inline-block; margin:0 0 0 -4px;	}
	.main-links-40x60 .container:first-child	{	width:40%; margin:0; left:0; text-align:right; }
	.main-links-40x60 .container:last-child		{	width:57%; text-align:left;}
	.main-links-40x60 .container a.link			{	line-height:300px;	}  
    
	.product_main span	{	width:calc(50% - 10px); margin:0 auto 0 auto;}
    
	.product_sum span	{	width:calc(50% - 10px); margin:0 auto 0 auto;}
    
	.product_cust div	{	display:inline-block; width:100%;	}
	.product_cust div:first-child	{	width:250px;	}
	.product_cust div:first-child span	{	display:block; width:100%;	}
	.product_cust div:last-child	{	width:calc(100% - 266px);	}	
	.product_cust div:last-child span.menuCustom span a.link{ font-size: 1em; }
	
	.reviews .container:first-child {	width:25%;	}
	.reviews .container:first-child img   {  max-height:200px; width:100%; max-width:155px;	}
	.reviews .container:last-child	{	width:65%;	}
	
	.row82 .container:first-child   {  display:inline-block; width:75%; max-width:calc(95% - 200px);	}
	.row82 .container:last-child   {   display:inline-block; width:20%; min-width:200px;   }
	
	.float-row-2 .container:first-child   {  display:inline-block; width:35%;	}
	.float-row-2 .container:last-child   {   display:inline-block; width:55%;   }
	
	
	.main-page .container .imgMain  {	height:350px;	}
	.main-page .header		{	font-size:2.8vw;	}
	.main-page-320 .container	{	display:inline-block;	}
	.main-page-320 .container:last-child	{	width:calc(100% - 340px);	}
	
	
	.attentionBoxRight	{	width:calc(50% - 20px); float:right; display:inline-block; margin:20px;	}

	
	
    #primary_nav {
        position:absolute;
        top: 0px;
        left: 10px;
        background: none;
    }
     
    #primary_nav li {   display: inline;    }
     
    #primary_nav li a {
        float: left;
        border: none;
        padding: 0 0 0 10px;
        margin-top:30px;
        text-transform: uppercase;
    }
    
    
    
    #secondary_nav {
		display:block;
        position:absolute;
        top: 80px;
        left: 0px;
        width:100%;
    }
        
    #secondary_nav li { display: inline;    }
     
    #secondary_nav li a {
        float: left;
        border: none;
        padding: 0 10px 0 10px;
		line-height: 40px;
		height: 40px;
        text-transform: uppercase;
    }
 
	#secondary_nav li.menu-top {   display:none;   }
	#secondary_nav li.menu-bottom {    display:inline; }
	
	
	.onFocus .menu a {	font-size:1em;	}
	.onFocus .menu a {	font-size:1em;	}
	
	.menu a {	font-size:1em;	}
}




@media only screen and (min-width: 861px) {
    .wrapper {
        position: relative;
        width: 100%;
        margin: auto;
    }
	
	/* footer div{ margin:0 5% 30px 4.5%;} */
}
	
	
	
@media only screen and  (min-width:961px) {
    .wrapper {
        position: relative;
        width: 100%;
        margin: auto;
    }
}
@media screen and  (min-width:1025px) {
    .wrapper {
        position: relative;
        width: 100%;
        margin: auto;
    }
}
@media screen and  (min-width:1281px) {
    .wrapper {
        position: relative;
        width: 100%;
		max-width:100%;
        margin: auto;
    }
	
	.main-page .container .imgMain  {	height:450px;	}
}








/****************
 	CONSTANT
 ****************/

.required	{	color:red; font-size:2em; padding:0; margin:0; height:5px; line-height:5px; vertical-align:bottom;	}

.overflowAuto{overflow:auto; overflow:hidden;}

.background{background:white;}
.background_img{background: url(../img/background.png) no-repeat center;}
.background_white{background:white;}
.background_black{background:black;}
.background_red{background:red;}
.background_white_transperant{background:rgba(255,255,255,0.9);}
.background_light{background:rgba(0,0,0,0.05);}
.background_grey{background:rgba(187,189,191,1);}
.background_custom{background:rgba(0,255,0,1);}

.color_white{color:white;}
.color_black{color:black;}
.color_red{color:red;}
.color_grey{color:grey;}
.color_lightgrey{color:lightgrey;}

.center{margin:auto;}
.center_div{float:none; margin-left:auto; margin-right:auto;}
.center_div_flex{float:none; display:flex; justify-content:center;}
.center_div_flex_hv{float:none; display:flex; justify-content:center; align-items:center;}
.center_div_v{position:relative; display:inline-block; top:50%; transform:translateY(-50%);}

.vertical_align_top{vertical-align:text-top;}

.bold{font-weight:bold;}
.boldNO{font-weight:normal;}

.clear{clear:both;}
.clearNone{clear:none;}
.float_left{float:left}
.float_right{float:right}

.displayInlineBlock{display:inline-block;}
.displayBlock{display:block;}

.borderNone{border:0px;}
.borderError{border:1px solid red;}
.borderBlack{border:1px solid #000;}
.borderLight{border:1px solid #CCC;}
.borderLighter{border:1px solid #E2E2E2;}
.borderLighterBottom{border-bottom:1px solid #CCC;}

.hidden{display:none;}

.pos_abs{position:absolute;}
.pos_rel{position:relative;}
.pos_fix{position:fixed;}
.pos_sta{position:static;}
.pos_inh{position:inherit;}


.margin00{margin:0;}
.margin03{margin:3px;}
.margin05{margin:5px;}
.margin_top00{margin-top:0px;}
.margin_top05{margin-top:5px;}
.margin_top10{margin-top:10px;}
.margin_top15{margin-top:15px;}
.margin_top20{margin-top:20px;}
.margin_top30{margin-top:30px;}
.margin_top40{margin-top:40px;}
.margin_top50{margin-top:50px;}
.margin_top60{margin-top:60px;}

.margin_left05{margin-left:5px;}
.margin_left10{margin-left:10px;}
.margin_left20{margin-left:20px;}
.margin_left30{margin-left:30px;}
.margin_leftH{margin-left:10px; margin-right:10px;}
.margin_leftN{margin-left:20px; margin-right:10px;}
.margin_leftI{margin-left:30px; margin-right:10px;}
.margin_leftII{margin-left:40px; margin-right:10px;}
.margin_left10per{margin-left:10%;}

.margin_right05{margin-right:5px;}
.margin_right10{margin-right:10px;}
.margin_right20{margin-right:20px;}
.margin_right10per{margin-right:10%;}

.margin_bottom00{margin-bottom:0px;}
.margin_bottom05{margin-bottom:5px;}
.margin_bottom10{margin-bottom:10px;}
.margin_bottom20{margin-bottom:20px;}
.margin_bottom30{margin-bottom:30px;}
.margin_bottom40{margin-bottom:40px;}
.margin_bottomfooter{margin-bottom:140px;}

.padding10{padding:10px;}
.padding20{padding:20px;}
.padding30{padding:30px;}
.padding40{padding:40px;}

.padding_left10{padding-left:10px;}
.padding_left20{padding-left:20px;}
.padding_left30{padding-left:30px;}
.padding_left40{padding-left:40px;}

.padding_right10{padding-right:10px;}
.padding_right20{padding-right:20px;}
.padding_right30{padding-right:30px;}
.padding_right40{padding-right:40px;}

.padding_top10{padding-top:10px;}
.padding_top20{padding-top:20px;}
.padding_top30{padding-top:30px;}
.padding_top40{padding-top:40px;}

.padding_bottom10{padding-bottom:10px;}
.padding_bottom20{padding-bottom:20px;}
.padding_bottom30{padding-bottom:30px;}
.padding_bottom40{padding-bottom:40px;}

.textLeft{text-align:left}
.textRight{text-align:right}
.textCenter{text-align:center}
.textJustify{text-justify:auto;}
.textNoDecoration{text-decoration:none;}
.textIndent{text-indent:50px;}
.textTop{vertical-align:text-top;}
.textBottom{vertical-align:text-bottom;}

.min_width200{min-width:200px;}
.min_width250{min-width:250px;}
.min_width400{min-width:400px;}
.min_width600{min-width:600px;}
.min_width640{min-width:640px;}
.min_width800{min-width:800px;}

.width50{width:50px;}
.width100{width:100px;}
.width150{width:150px;}
.width200{width:200px;}
.width220{width:220px;}
.width280{width:280px;}
.width300{width:300px;}
.width400{width:400px;}
.width500{width:500px;}
.width600{width:600px;}
.width640{width:640px;}
.width800{width:800px;}
.width100per{width:100%;}
.widthPorting_product{min-width:210px; max-width:850px;}
.widthMax{	max-width:1200px;}

.min_height100{min-height:100px;}
.min_height200{min-height:200px;}
.min_height300{min-height:300px;}
.min_height400{min-height:400px;}
.min_height500{min-height:500px;}

.height20{height:20px;}
.height30{height:30px;}
.height40{height:40px;}
.height50{height:50px;}
.height100{height:100px;}
.height150{height:150px;}
.height200{height:200px;}
.height300{height:300px;}
.height400{height:400px;}
.height500{height:500px;}

.menuBox{height:310px; width:194px;}

.boxM{width:194px; min-height:310px;}
.boxS{width:194px; height:5px;}


.font8{font-size:0.5em;}
.font9{font-size:0.6em;}
.font10{font-size:0.7em;}
.font11{font-size:0.75em;}
.font12{font-size:0.8em;}
.font14{font-size:0.9em;}
.font16{font-size:1em;}
.font18{font-size:1.3em;}
.font24{font-size:1.8em;}
.font36{font-size:2.3em;}

.show_overflow{	
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
}
.opacityLoading{	
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}
.rotate_cw{	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	z-index: 998;
}
.rotate_ccw{	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	z-index: 998;
}
.shadow_top{	
	-khtml-box-shadow: 0px -2px 2px #999;
	-webkit-box-shadow: 0px -2px 2px #999;
	-moz-box-shadow: 0px -2px 2px #999;
	box-shadow: 0px -2px 2px #999;
}
.shadow_bottom{
	-khtml-box-shadow: 0px 2px 2px #999;
	-webkit-box-shadow: 0px 2px 2px #999;
	-moz-box-shadow: 0px 2px 2px #999;
	box-shadow: 0px 2px 2px #999;
}
.shadow{	
	-khtml-box-shadow: 0px 1px 5px #999;
	-webkit-box-shadow: 0px 1px 5px #999;
	-moz-box-shadow: 0px 1px 5px #999;
	box-shadow: 0px 1px 5px #999;
}
.shadow_header{	
	-khtml-box-shadow: 0px -3px 5px #999;
	-webkit-box-shadow: 0px -3px 5px #999;
	-moz-box-shadow: 0px -3px 5px #999;
	box-shadow: 0px -3px 5px #999;
}
.inner_shadow{	
	-webkit-box-shadow:	inset 0 0 3px #ccc;
    -moz-box-shadow:	inset 0 0 3px #ccc;
    box-shadow:			inset 0 0 3px #ccc;
}

.rounded-corners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}



.rotate_cw{	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	z-index: 998;
}
.rotate_ccw{	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	z-index: 998;
}
.rotate_180{	
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: 998;
}

.cursor{	cursor:hand; cursor:pointer;	}

.button{	cursor:hand; cursor:pointer
    display:inline-block;
    text-align:center;
    vertical-align:central;
    width:100%;
    height:100%;
    background:rgba(215,92,0,1);
    border:none;
    color:white;
    letter-spacing:0.1em;
    font-size:0.8em;
	text-decoration:none;
	
	
    -moz-border-radius: 	2px;
    -webkit-border-radius: 	2px;
    -khtml-border-radius: 	2px;
    border-radius: 			2px;
}
.button:hover, .button:focus{   background:rgba(255,122,0,1);	cursor:hand; cursor:pointer;
    display:inline-block;
    text-align:center;
    vertical-align:central;
    width:100%;
    height:100%;
    border:none;
    color:white;
    letter-spacing:0.1em;
	text-decoration:underline;
}
.button:active{	cursor:hand; cursor:pointer;
    display:inline-block;
    text-align:center;
    vertical-align:central;
    width:100%;
    height:100%;
    background:rgba(255,122,0,1);
    border:none;
    color:white;
    letter-spacing:0.1em;
}


.buttonGreen{	cursor:hand; cursor:pointer;
    display:inline-block;
    text-align:center;
    vertical-align:central;
    width:100%;
    height:100%;
    background:rgba(0,153,204,1);		/*	rgba(0,51,153,1); */
    border:none;
    color:rgba(255,255,255,1);
    letter-spacing:1px;
    font-size:1.2em;
	padding:10px;
	text-decoration:none;
	
	
    -moz-border-radius: 	2px;
    -webkit-border-radius: 	2px;
    -khtml-border-radius: 	2px;
    border-radius: 			2px;
}
.buttonGreen:hover, .buttonGreen:focus{   background:rgba(0,110,160,1);	cursor:hand; cursor:pointer;		/*	rgba(0,81,183,1)	*/
    display:inline-block;
    text-align:center;
    vertical-align:central;
    width:100%;
    height:100%;
    border:none;
    color:white;
    letter-spacing:1px;
	text-decoration:underline;
}
.buttonGreen:active{	cursor:hand; cursor:pointer;
    display:inline-block;
    text-align:center;
    vertical-align:central;
    width:100%;
    height:100%;
    background:rgba(0,170,220,1);
    border:none;
    letter-spacing:1px;
}



.buttonWhite{	cursor:hand; cursor:pointer;
    display:inline-block;
    text-align:center;
    vertical-align:central;
    width:100%;
    height:100%;
    background:none;
    border:1px solid white;
    color:white;
	font-weight:bold;
    letter-spacing:1px;
	text-decoration:none;
	
	
    -moz-border-radius: 	2px;
    -webkit-border-radius: 	2px;
    -khtml-border-radius: 	2px;
    border-radius: 			2px;
}
.buttonWhite:hover, .buttonWhite:focus{   cursor:hand; cursor:pointer;
    text-align:center;
    background:white;
    border:white;
    color:rgba(0,153,204,1);
}
.buttonWhite:active{	cursor:hand; cursor:pointer;
    border:1px solid rgba(0,153,204,1);
    background:white;
}


.steps{	cursor:hand; cursor:pointer;
    display:inline-block;
    text-align:center;
    vertical-align:central;
    width:100%;
    height:100%;
    background:white;
    border:1px solid lightgray;
    color:black;
    letter-spacing:0.1em;
    font-size:0.8em;
	text-decoration:none;
}
.steps:hover, .steps:focus{   background:lightgray;	cursor:hand; cursor:pointer;
    display:inline-block;
    text-align:center;
    vertical-align:central;
    width:100%;
    height:100%;    
    border:1px solid lightgrey;
    color:black;
    letter-spacing:0.1em;
	text-decoration:underline;
	
}









/************************
 	MENU TABS
 ************************/
.menu-tabs			{	width:calc(100% - 20px); background:rgba(0,153,204,1); color:white; text-align:left; vertical-align:text-top; margin:0 auto; padding:0 10px;}
.menu-tabs ul		{	list-style:none; width:100%; padding:0; margin:0;	}
.menu-tabs li		{	display:inline-block; margin:0 10px 0 -10px; padding:0; font-variant:small-caps; text-transform:lowercase; font-size:1.3em; background:rgba(0,153,204,1); color:white; height:60px; line-height:60px; 	}
.menu-tabs a		{	cursor:hand; cursor:pointer; display:block; text-decoration:none; color:white; padding:10px; height:40px; line-height:40px;	}
.menu-tabs a:hover, .menu-tabs a:focus		{	color:white; background:rgba(0,110,160,1);	}

@media only screen and (max-width: 380px) {
	.menu-tabs li		{	font-size:1em; height:40px; line-height:40px; 	}
	.menu-tabs a		{	padding:0;	}
}
@media only screen and (max-width: 768px) {
	.menu-tabs li		{	display:block; width:100%; text-align:center; margin:3px 0;	}
}





/************************
 	DECORATIONS
 ************************/
.underline {	text-decoration:underline;	}







/************************
 	LINK
 ************************/
a.anchor{ text-decoration: none; color:rgba(215,92,0,1);}
a.anchor:hover, a.anchor:focus{ text-decoration: underline; }
a.anchor:active{	}

a.row{ display:inline-block; text-decoration: none; color:black; border:1px solid white; width:100%; max-width:310px; margin:0 auto; text-align:center;	}
a.row:hover, a.anchor:focus{ border:1px solid lightgrey; }
a.row:active{	}










/************************
 	FOR THE PROJECT
 ************************/
.dash_full{ display:block; background: url('../img/dash-line.png') repeat-x; background-size:11px 15px; width:100%; height:15px; }
.dash_scissors{ display:block; background: url('../img/scissors_dash_full.jpg') no-repeat; background-size:cover;  width:100%; height:15px; }
.dash_no_scissors{ display:block; background: url('../img/scissors_no_dash_full.jpg') no-repeat; background-size:cover;  width:100%; height:15px; }
.separator{ display:block; background: url('../img/separator.png') center no-repeat ; background-size: 150px 30px; width:100%; height:30px; margin: 40px auto 40px auto ;}






/************************
 	INPUT FOMRAT STYLING
 ************************/

.inputNumber {	position: relative; display:inline-block; width:calc(33% - 22px); vertical-align:text-top; text-align:left;	}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}

input[type=number]	{	-moz-appearance: textfield;	}

.inputNumber label {
	display:block;
	width:100%;
	min-width:150px;
	font-variant:small-caps;
	height:15px;
	line-height:15x;
	margin:10px 0 5px;
	font-size:1em;
	color:dimgray;
/*	float: left;*/
}

.inputNumber input {
	display:block;
	width:100%;
	height:42px;
	line-height: 1.65;
	padding:0;
	margin: 0;
	
}

.inputNumber input:focus {	outline: 0;	}

.inputNumber-nav {
	position: relative;
	display: inline-block;
	height: 42px;
	width:100%;
}

.inputNumber-button {
	background:rgba(205,205,205,0.5);
	position: relative;
	cursor: pointer;
/*	border:1px solid #CCC;*/
	width: 22px;
	text-align: center;
	font-size: 13px;
	font-family: Helvetica, sans-serif;
	line-height: 1.7;
/*
	-webkit-transform: translateX(calc(-100% - 0.5px));
	transform: translateX(calc(-100% - 0.5px));
*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.inputNumber-button:hover, .inputNumber-button:focus {
	background:rgba(205,205,205,0.8);
}

.inputNumber-button.inputNumber-up {
	border:0 0 0 1px solid #CCC;
	position:absolute;
	top:-43px;
	right:-2px;
	height:43px;
	line-height:43px;
	margin:0 0 0 100%;
}

.inputNumber-button.inputNumber-down {
	border:0 0 0 1px solid #CCC;
	position: absolute;
	top:-43px;
	left:0;
	height:43px;
	line-height:43px;
}



.inputText	{
	display:block;
	width:100%;
	vertical-align:text-top;
}
.inputText label {
	display:block;
	width:100%;
	font-variant:small-caps;
	height:15px;
	line-height:15x;
	margin:10px 0 5px;
	font-size:1em;
	color:dimgray;
}

.inputText input {
	width:100%;
	max-width:calc(100% - 42px);
	height: 42px;
	line-height: 1.65;
	display:block;
	padding: 0 10px;
	margin: 0;
}



.inputSelect	{
	display:inline-block;
	width:calc(33% - 22px);
	vertical-align:text-top;
}
.inputSelect label {
	display:block;
	width:100%;
	font-variant:small-caps;
	height:15px;
	line-height:15x;
	margin:10px 0 5px;
	font-size:1em;
	color:dimgray;
}

.inputSelect select {
	width:100%;
	height: 42px;
	line-height: 1.65;
	display:block;
	padding: 0 10px;
	margin: 0;
}