/*CSS RESET*/
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,font,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,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}meter,progress,mark, time{display:inline;}ol, ul {list-style: none;}blockquote,q{quotes: none;}html,body{height:100%;}img {border:0;vertical-align:top;text-align:left;}object{vertical-align:top;outline:none;}ul,ol{list-style:none;}table,table td{padding:0;border:none;border-collapse:collapse;}input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}textarea{overflow:auto;}

/*GLOBAL*/
html{min-width:960px;}
body{background:#000;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#000;overflow:hidden;}

#glob{
    width:100%;
    height:100%;
    min-width:960px;
    min-height:686px;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    
    font:12px/18px Arial, Helvetica, sans-serif;
    color:#a9a9a9;
}

#gspinner{
    background-color:#000;
	z-index:999;
}

.spinner{
	width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:1;
	background:url(../images/ajax-loader.gif) 50% 50% no-repeat;
}

header>.cntrz{
    width:960px;
    height:100%;
    margin:0 auto;
    position:relative;
    z-index:1;
}

/*ELEMENTS*/
a {color:#f00;outline:none;}
a:hover{text-decoration:none;}


p,.blo{
	line-height:18px;
	margin-bottom:18px;
}

.p2{
    margin-bottom:36px;
}

.p1{
	margin-bottom:9px;
}


/*header */
header{
    width:100%;
    height:117px;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    background:url(../images/header-bg.png);
}

h1{    
    margin-left:-140px;
    position:absolute;
    left:51%;
    top:0;
    z-index:1;
}

nav{
    position:absolute;
    left:0;
    top:45px;
    z-index:2;
}

nav>ul>li{
    position:absolute;
    top:0;
    padding-left:40px;
    background:url(../images/nav-mrk.png) 0 50% no-repeat;
}

nav>ul>li.no-mrk{
    padding-left:12px;
    background:none;
}

nav>ul>li.li-1{left:0;}
nav>ul>li.li-2{left:103px;}
nav>ul>li.li-3{left:241px;}
nav>ul>li.li-4{left:602px;}
nav>ul>li.li-5{left:715px;}
nav>ul>li.li-6{left:834px;}

nav>ul>li>a{
    font:18px/1.2em "Times New Roman", Times, serif;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    position:relative;    
}

nav>ul>li>a:hover>span,nav>ul>.active>a>span,nav>ul>._hover>a>span{
    width:100%;    
    left:0;
}

nav>ul>li>ul{
    position:absolute;
    top:26px;
    left:0;
}

nav li>ul li{
    position:relative;
}

nav li>ul a{
    width:147px;
    padding-left:16px;
    font:12px/31px Arial, Helvetica, sans-serif;
    color:#fff;
    text-decoration:none;
    background:url(../images/dropDown-sp.png) 0 100%;
    display:block;
    border-bottom:1px #191919 solid;
}

nav ul>li a:hover,nav ul>li._hover>a{
    background-position:0 0;
}

nav li>ul>li>ul{
    position:absolute;
    top:0;
    left:100%;
    margin-left:1px;
}

/*#content*/

#content{
    width:940px;
    height:436px;    
    position:relative;
    left:50%;
    top:50%;    
    z-index:1;
    margin:-220px 0 0 -470px;
	overflow:hidden;
    
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip: padding-box;
}

#content>ul>li{
	width:940px;
	height:436px;
	position:relative;
	z-index:1;
	left:0%;
	top:0;
	background:#000 url(../images/content-bg.png) repeat-x 0 0;
}

#content>ul>li>div{
	padding-top:46px;
}

h2{
    font:30px/1.2em 'Abril Fatface', cursive;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:18px;
}

#home .imgs{
    margin-left:-23px;
    overflow:hidden;
}

#home .imgs li{
    margin-left:20px;
    float:left;
}

#about .img-box-set{
    margin-top:-26px;
}

#about .img-box-set dl{
    padding-top:26px;
}

#gallery .gallery{
    width:700px;
}

#gallery .gallery li{
    width:219px;
    margin-right:20px;
	float:left;
}

#gallery .gallery-btns{
	position:absolute;
	right:0;
	top:48px;
}

#gallery .gallery-btns a[data-type="prevPage"],#gallery .gallery-btns a[data-type="nextPage"]{
	width:32px;
	height:32px;
	background:url(../images/gallery-btns-sp.png);
	margin-left:5px;
	float:left;
}

#gallery .gallery-btns a[data-type="nextPage"]{
	background-position:100% 0;
}

/*footer*/
footer{
    height:64px;
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;
    background:url(../images/footer-bg.png);
}

footer .privacy{    
    color:#858585;
    font:12px/1.2em Arial, Helvetica, sans-serif;
    position:absolute;
    left:50%;
    top:35px;
    margin-left:-90px;
}

footer .btns{
	width:155px;
	height:57px;
	background:#808080;
	position:absolute;
	left:50%;
	top:-41px;
	margin-left:-77px;
	margin-left:-77px;
	
	-webkit-border-radius:4px;
    border-radius:4px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip: padding-box;
}

footer .btns a{
	background:url(../images/bg-cntrl-sp.png);
	width:36px;
	height:36px;
	display:block;
	position:absolute;
	z-index:1;
	top:6px;
}

footer .btns a.prev{
	left:18px;
	background-position:0 100%;
}

footer .btns a.play{
	left:59px;
	background-position:100% 0;
}


footer .btns a.play.stop{
	background-position:100% 100%;
}

footer .btns a.next{
	left:99px;
}

/*forms css*/
#form1{
	position:relative;
	z-index:1;
}

#form1 label{
	float:left;
	position:relative;
	z-index:1;
}

#form1 input,#form1 textarea{
	outline:none;
	box-shadow:none;
	background:#1a1a1a;
	border:1px #3b3b3b solid;
	color:#a7a7a7;
	 font:12px Arial, Helvetica, sans-serif;
	 padding:8px 12px;
	 width:194px;
	 margin-bottom:10px;
	
	-webkit-border-radius:4px;
    border-radius:4px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip: padding-box;
}

#form1 textarea{
	resize:none;
	height:122px;
	margin-bottom:18px;
}

#form1 .btns{
	float:left;
}

#form1 .btns a{
	float:left;
	margin-right:12px;
}

#form1 .error,#form1 .empty{
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}

#form1 .success{
	background:#1a1a1a;
	border:1px #3b3b3b solid;
	text-align:center;
	padding:19px 12px;
	width:194px;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	
	-webkit-border-radius:4px;
    border-radius:4px;
	 -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip: padding-box;
}


/*js css*/
.google_map{
	width:240px;
	height:280px;
}

/*additional classes*/
.white{ 
    color:#fff;
}

a.anim-underline,.anim-underline a{
    text-decoration:none;
    position:relative;
}

a.anim-underline>span,.anim-underline a>span{
    position:absolute;
    border-bottom:1px #fff solid;
    width:100%;
    width:0%;
    bottom:0;
    right:0;
    
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

a.anim-underline:hover>span,.anim-underline a:hover>span{
    width:100%;    
    left:0;
}

a.anim-underline.v2>span,.anim-underline.v2 a>span{
    width:100%;    
    right:auto;
    left:0;
}

a.anim-underline.v2:hover>span,.anim-underline.v2 a:hover>span{
    width:0%;
    right:0;
    left:auto;
}

.fl{float:left;}
.fr{float:right;}
.col-1,.col-2,.col-3{float:left;}
.all{text-align:left;}
.alr{text-align:right;}
.alc{text-align:center;}
.wrapper{width:100%;overflow:hidden;}
a.und,.und a{text-decoration:none;}
a.und:hover,.und a:hover{text-decoration:underline;}
a.nocolor, .nocolor a{color:inherit;}
.upc{text-transform:uppercase;}
.bold{font-weight:bold;}
.wrap{overflow:hidden;}
.nopa{padding:0;}
.noma{margin:0;}
.nobg{background:none;}
.nobd{border:none;}
.nofl{float:none;}
.dn{display:none;}
.clear{clear:both;line-height:0;}



/*custom boxes*/
.rdmr{
    font:16px/1.2em "Times New Roman", Times, serif;
    color:#fff;
}

.list a{
	font:12px/30px Arial, Helvetica, sans-serif;
	color:#a9a9a9;
	background:url(../images/mrk.png) 0 50% no-repeat;
	padding-left:24px;
	text-decoration:none;
	
	 -webkit-transition:color 0.3s ease-out;
    -moz-transition:color 0.3s ease-out;
    -o-transition:color 0.3s ease-out;
    transition:color 0.3s ease-out;
}

.list a:hover{
	color:#fff;
}

dl.address{overflow:hidden;}
dl.address dd{text-align:right;clear:both;}
dl.address dd span{float:left;}

dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd{overflow:hidden;}
dl.img-box dt,.img-box-set dl dt{float:left; margin-right:20px;}
.tts-social-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 2rem 0;
}

.tts-social-links a {
  background-color: #111;
  color: white;
  padding: 0.6rem 1rem;
  font-size: 1.4rem;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.tts-social-links a:hover {
  background-color: #444;
}
.tts-social-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}

.tts-social-links a {
  background-color: #111;
  color: white;
  padding: 0.5rem 0.9rem;
  font-size: 1.2rem;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.tts-social-links a:hover {
  background-color: #444;
}