@font-face
{
 font-family:'carnavi';
 src:url('/cogs/carnavi.woff') format('woff');
}
@font-face
{
 font-family:'carnavi2';
 src:url('/cogs/carnavi2.woff') format('woff');
}
@font-face
{
 font-family:'carnavi3';
 src:url('/cogs/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;
}
.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;
}