@font-face
{
	font-family:'carnavi';
	src:url('/css/carnavi.woff') format('woff');
}
@font-face
{
	font-family:'carnavi2';
	src:url('/css/carnavi2.woff') format('woff');
}
@font-face
{
	font-family:'carnavi3';
	src:url('/css/carnavi3.woff') format('woff');
}


*
{
	margin:0;
	outline:none;
	font-family:verdana,arial,helvetica,sans-serif;
}
html,body
{
	margin:0;
}
body
{ 
	/*overflow-y:scroll;*/
	background:#2f2e2e;
}
body > .bum
{
	position:-webkit-sticky;
	position:sticky;
	top:calc(100vh - 120px);
}
a
{
	color:#666666;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
h1,h2,h3
{
	font-family:carnavi,verdana,arial,helvetica,sans-serif;
}
h2
{
	padding-bottom:0.4em;
	font-weight:bold;
}
.hed
{
	background:#2f2e2e;
}
.hed .carnavi
{
	position:relative;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
}
.hed .carnavi .blu
{
	color:			#1572e6;
}
.hed .carnavi, .hed .carnavi .blu
{
	font-family:	carnav;
}
.hed .carnavi .white
{
	color:			#FFFFFF;
	font-family:	carnav;
}
.hed .carnav .img
{
	position:absolute;
	margin:0;
	background:none;
	border:0;
}
.hed .strap
{
	margin-bottom:	0.4em;
	font-size:		0.4em;
	line-height:	0.2em;
	color:			#FFFFFF;
}
.hed .nav .ham
{
	color:#ffffff;
}
.hed .nav input[type=checkbox]
{
	display:none;
	-webkit-appearance:none;
}
.hed .nav input[type=checkbox]:checked ~ .mnu
{
	display:block;
}
.hed .nav .mnu .kill
{
	display:none;
}
.hed .nav .mnu ul
{
	list-style-type:none;
}
.hed .nav .mnu li
{
	display:inline-block;
	cursor:pointer;
}
.hed .mnu li a
{
	text-decoration:none;
	cursor:pointer;
}
.hed .mnu li span
{
	font-family:carnavi,verdana,arial,helvetica,sans-serif !important;
}
#home
{

}
#contact .info
{
	float:right;
	width:28%;
	height:100%;
	font-size:1.2em;
	line-height:1.4em;
}
#contact .msg
{
	width:60%;
	margin-top:22px;
	padding:120px 20px;
	background:#ffffff;
	border:1px #000000 solid;
	border-radius:8px;
	text-align:center;
}
#contact .img
{
	width:100%;
	margin-top:32px;
}
.badges
{
	display:inline-block;
	padding:0 24px;
	text-align:center;
}
.badge
{
	display:inline-block;
	width:120px;
	height:120px;
	margin:20px;
	background-color:#aaaaaa;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:2vw;
	box-shadow:0 0.4vw 1.2vw rgba(0,0,0,0.8);
	cursor:pointer;
}
.model
{
	display:inline-block;
	margin:10px;
	padding:0.2vw 0.8vw;
	color:#2f2e2e;
	background-color:#aaaaaa;
	background-position:center center;
	background-repeat:no-repeat;
	/* font-size:0.8em;*/
	font-family:carnav;
	border-radius:2vw;
	box-shadow:0 0.4vw 1.2vw rgba(0,0,0,0.8);
}
.enquiry
{
	float:right;
	width:20vw;
	height:480px;
	margin-left:8px;
	border:1px #ffff15 dotted;
}
.art
{
	 padding:			20px;
	 background-color:	#cccccc;
}
.art-w
{
	padding:			20px;
	background-color:	#cccccc;
}
.home-art
{
	max-width:			1024px;
	margin:				auto;
/*	border:				2px #000000 solid;*/

/*	padding:			20px;*/
	background-color:	#cccccc;
}
.art2
{
	padding: 20px;

}
.action
{
	display:inline-block;
	padding:0.4vw 0;
	font-size:1em;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}
.dark
{
	padding:4vw;
}
.lite
{
	padding:4vw;
	background:#dddddd;
	border-radius:4vw;
}
.foot
{
	height:120px;
	color:#ffffff;
	background-color:#000000;
}
.watch
{
	display:none;
}
.rote
{
	 width:200px;
	 height:200px;
	 border-radius: 12px;
	 border: 4px #999999 solid;
}
.ico
{
	float: left;
	height: 80px;
}

.ico img
{
	height: 60px;
	margin: 20px;
	vertical-align: middle;
	border: 1px #000000 solid;
	border-radius: 6px;
}

.screen
{
	width: 114%;
	margin: auto;
	text-align: center;
	clear: both;
}

.screen h2
{
	margin-left: 2vw;
	padding-top: 1.2vw;
	text-align: left;
}
.screen .img
{
	float: left;
	width: 28%;
	margin-top: 12px;
}

.form
{
	width: 68%;
}

.lert
{
	float: left;
	margin-top: 12px;
	color: #ff0000;
	font-weight: bold;
}

.field
{
	margin: 6px 0;
	padding: 4px;
	background: #ffffff;
	border-radius: 8px;
	border: 1px #000000 solid;
}

.sct
{
	width: 100%;
	background-color: transparent;
	border: 0;
	font-size: 1.2em;
}

.txt, .txta
{
	width: calc(100% - 4px);
	background: transparent;
	border: 0;
	font-size: 1.2em;
}

.txta
{
	height: 220px;
}

.btn
{
	float: right;
	margin: 6px;
	padding: 12px 20px;
	color: #ffffff;
	background: #1572e6;
	font-size: 1.2em;
	border: 0;
	cursor: pointer;
}
.btn2
{
	margin:		6px;
	padding:	12px 20px;
	color:		#ffffff;
	background:	#1572e6;
	font-size:	1.2em;
	border:		0;
	cursor:		pointer;
	transition:	all 0.3s;
}
.btn2:hover
{
	background:	#3c87e4;
}
.btn2:active
{
	background:	#0064e0;
}
.clr
{
	clear: both;
}

.h
{
	margin-bottom: 12px;
	font-size: 1.2em;
}

.img
{
	float: right;
	margin: 16px 8px 0 8px;
	background: #bbbbbb;
	border-radius: 12px;
	border: 4px #999999 solid;
}

.img2
{
	float: right;
	background: #bbbbbb;
	border-radius: 12px;
	border: 1px #999999 solid;
}

.left
{
	float: left;
}

.rite
{
	float: right;
}

.hide
{
	display: none;
}

.show
{
	display: block;
}


.cars
{
	/*width:1440px;*/
	margin: 0 auto;
	padding: 0;
}

.cars div
{
	width: 120px;
	height: 120px;
	margin: 20px;
	background: #ccc;
	border-radius: 10px;
	box-shadow: 0px 4px 10px rgba(0,0,0,0.5); /*#00000091*/
	float: left;
}

.cars div:hover
{
	background: #9a9a9a;
}

.cars a
{
	width: 120px;
	height: 120px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}



.Table1									{	width: 100%;						}
.Table1 > thead > tr					{	background-color: #507CD1;			}
.Table1 > thead > tr td					{	color: #FFFFFF;						}
.Table1 > tbody > tr:nth-child(2n)		{	background: #FFFFFF;				}
.Table1 > tbody > tr:nth-child(2n+1)	{	background: #EFF3FB;				}
.Table1 > tfoot > tr					{	background-color: #507CD1;			}

.btn-blue
{
	background:				#0094ff;
	color:					#FFFFFF;
	padding:				3px;
	border-radius:			5px;
	text-decoration:		none;
	box-shadow:				0 8px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	font-weight:			400;
	text-wrap:				nowrap;
}

.btn-blue:hover
{
	box-shadow:				0 12px 4px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.btn-blue:active
{
	scale:					0.9;
}

.btn-grey
{
	background:				#838484;
	color:					#FFFFFF;
	padding:				4px;
	margin:					5px;
	border-radius:			5px;
	text-decoration:		none;
	box-shadow:				0 8px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	font-weight:			400;
	text-wrap:				nowrap;
	display:				inline-block;
}

.btn-grey:hover
{
	box-shadow:				0 12px 4px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	scale:					1.4;
}
.btn-grey:active
{
	scale:					0.9;
}


.page-index
{
	color:			#FFFFFF;
	padding:		3px;
	cursor:			pointer;
}

.page-index:hover
{
	color:				#FF0000;
    font-weight:		bold;
    background-color:	#b6bcdc;
    border-radius:		10px;
    padding:			3px 8px;
}

.page-index .selected
{
    color:				#3b3b3b;
	font-weight:		bold;
    font-weight:		bold;
    background-color:	#b6bcdc;
    border-radius:		10px;
    padding:			3px 8px;
}



.dtitle	.Text_Y	{	color:	#ffc000;	font-weight: bold;	font-size: 30px;	line-height: 60px;	}
.dtext			{	width: 100%;	margin: 0px -10px 0px -10px;	padding: 0px 10px 0px 10px;	font-size: 30px;	line-height: 60px;	text-align: left; float: left;	}
.dtext li		{	line-height: 60px;	}
.t5	tr td img	{	padding: 10px;}
.bbox			{	margin: 20px;	background: #ccc;	border-radius: 10px;	box-shadow: 0px 4px 10px rgba(0,0,0,0.5);	}



/* Tooltip container */
.ttip
{
	position:			relative;
	display:			inline-block;
/*	border-bottom:		1px dotted black; *//* If you want dots under the hoverable text */
}

/* Tooltip text */
.ttip .tooltiptext
{
	visibility:			hidden;
	width:				300px;
	background-color:	#555;
	color:				#fff;
	text-align:			center;
	padding:			5px 0;
	border-radius:		6px;
	/* Position the tooltip text */
	position:			absolute;
	z-index:			1;
	bottom:				125%;
	left:				50%;
	margin-left:		-60px;
	/* Fade in tooltip */
	opacity:			0;
	transition:			opacity 0.3s;
	text-overflow:		ellipsis;
}
/* Tooltip arrow */
.ttip .tooltiptext::after
{
	content:			"";
	position:			absolute;
	top:				100%;
	left:				50%;
	margin-left:		-5px;
	border-width:		5px;
	border-style:		solid;
	border-color:		#555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.ttip:hover .tooltiptext
{
	visibility:			visible;
	opacity:			1;
}


.btn-div
{
	margin:			10px 10px;
	padding:		10px;
	cursor:			pointer;
	padding:		10px;
	border:			none;
	border-radius:	5px;
	background:		#353535;
	font-size:		20px;
	color:			#FFF;
	user-select:	none;
}
.btn-div:hover
{
	background:#09F;
}
.center
{
	text-align:		center;
}
.p-center	{	text-align: center;		}