/* basic CSS for Front End */
[data-dropdown-menu] ul { display: none; }
a[href^=tel] { color: inherit; text-decoration: none; }

.b { font-weight: bold; }
.c { text-align: center; }
.i { font-style: italic; }
.r { color: red; }
h1 { padding-top: 1rem; }
h2, h3 { margin-bottom: 0; }
h3 { margin-top: 1.5rem; }
h3 + p { margin-bottom: 0; }

.p0 { padding: 0 !important; }
.pt1 { padding-top: 1rem; }
.pt2 { padding-top: 2rem; }
.pt3 { padding-top: 3rem; }

.menu > li > a 			{ color: #FEFEFE; }
.menu > li > a:link 	{ color: #FEFEFE; }
.menu > li > a:visited 	{ color: #FEFEFE; }
.menu > li > a:hover 	{ color: #00a5db; background-color: #FEFEFE; border-radius: 5px; }
.menu > li > a:active 	{ color: #00a5db; background-color: #FEFEFE; border-radius: 5px; }
.menu > li.selected > a { color: #00a5db; background-color: #FEFEFE; border-radius: 5px; }

/* Title Bar */
.title-bar-title { font-size: 1.7rem; }

header, footer { /*background-color: transparent; */ background-color: #a3a3a3; color: white; }
header, footer {/* background-image: url(/images/turf.jpg); background-repeat: repeat; */ color: white; }
footer h4 { color: white; }

@media only screen and (min-width: 1200px) { 
	header { padding: 1rem 0 .5rem 0; }
	header .large-6 p { text-align: right; } 
	header .large-6 p:nth-of-type(1) { font-size: 2.5rem; margin-bottom: 0; }
	header .large-6 p:nth-of-type(2) { font-size: 1.5rem; }

}

/* Footer */
footer { padding: 2rem 0; margin-top: 1rem; color: white; /*position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);*/ width: 100%; }
footer p { margin-bottom: 0; }



@media only screen and (max-width: 1023px) { 
	header .top .columns{ text-align: center; /* background-color: #CCC; opacity: .5;*/ }
	header img.logo { padding-bottom: .5rem; }
	header .large-6:nth-of-type(2) p:nth-of-type(1) { font-size: 1.75rem; margin-bottom: .25rem; }
	header .large-6:nth-of-type(2) p:nth-of-type(2) { margin-bottom: .25rem; } /*
	footer { left: 25%; transform: translateX(-25%); } */




}
@media only screen and (min-width:   1px) and (max-width: 1024px) { }

ul#demo-block{ margin:0 15px 15px 15px; }
ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('/img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }
ul#demo-block li a{ color:#eee; font-weight:bold; }

ul#supersized {margin-left: 0; }

p#webmaster { position: absolute; bottom: 50px; }
p.webmaster { position: absolute; bottom: 50px; right: 20px; }


/* ----------------------- jssor slider loading skin spin css ----------------------- */
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 051 css*/
.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
.jssorb051 .i:hover .b {fill-opacity:.7;}
.jssorb051 .iav .b {fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
#jssor_1, #jssor_1 img { max-width: 1200px; width: 100%; height: auto; }