/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* ----------------- CUSTOM STYLES ----------------- */
html,body { height: 100%; }

body
{
    font-family: 'Playfair Display SC', serif;
	font-size: 16px;
	width: 100%;
	display: table;
	margin: 0 auto;
	background: #0d98ba url(../images/bg-01.jpg) no-repeat center center fixed;
	color: #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	letter-spacing: 1pt;
	text-transform: uppercase;
}

a
{
	text-decoration: none;
	color: #6da8d4;
	
}

a:hover { color: #8ec5e8; }

.holding-container
{
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.holding
{
	padding: 25px;
	max-width: 586px;
	width: auto;
	margin: 0 auto;
}

.holding h1
{
	float: left;
	width: auto;
	padding: 0px;
	margin: 3px 5px 0px 0px;
	text-align left: ;
	font-size: 16px;
	color: #9dd054;
}

.holding img
{
	width: auto;
	max-width: 100%;
	margin-bottom: 5px;
}

.holding p
{
	text-align: justify;
	line-height: 1.4em;
}

.holding .icons
{
	display: block;
	float: left;
	margin: 4px 7px 0px 0px;
	font-size: 15px;
}


.clear
{
	display: block;
	clear: both;
}

.copyarea p {text-align: center;}
.copyarea h1 {display: block; width: 100%; text-align: center; font-size: 51px; color: #fff; font-weight: 900; padding-bottom: 5px;}


p.contact-info {font-size: 12pt; }

.contact-text {display: block; font-size: 17.2pt; padding-bottom: 0px;}

p.address { font-size: 13.2pt; margin-top: 5px; padding-top: 5px; padding-bottom: 0px; margin-bottom: -5px; line-height: 1.4em;}
p.tagline { font-size: 13.2pt; margin-top: 0px; line-height: 1.4em;}
.google-map {border: 0px; margin-top: -5px; max-width: 570px;}

p.contact-info .text-red a, a[href^=tel] {color: #fff; text-decoration: none;
-o-transition:.5s ease-in;
  -ms-transition:.5s ease-in;
  -moz-transition:.5s ease-in;
  -webkit-transition:.5s ease-in;
  /* ...and now for the proper property */
  transition:.5s ease-in;}
  p.contact-info .text-red a:hover, a[href^=tel]:hover {color: #0a678a; text-decoration: none;}
  
.contact-text a:link, .contact-text a:visited, .contact-text a:active {color: #fff; text-decoration: none;
-o-transition:.5s ease-in;
  -ms-transition:.5s ease-in;
  -moz-transition:.5s ease-in;
  -webkit-transition:.5s ease-in;
  /* ...and now for the proper property */
  transition:.5s ease-in;}
.contact-text a:hover {color: #0a678a; text-decoration: none;}


p.copyright {padding-top: 20px; color: #fff; line-height: 1em; margin-bottom: 0px; font-size: 15.5px;}
p.copyright a:link, p.copyright a:visited, p.copyright a:active {color: #fff; text-decoration: none;
-o-transition:.5s ease-in;
  -ms-transition:.5s ease-in;
  -moz-transition:.5s ease-in;
  -webkit-transition:.5s ease-in;
  /* ...and now for the proper property */
  transition:.5s ease-in;}
p.copyright a:hover {color: #0a678a;}

p.coming-soon {
	text-align: center;
	font-size: 20pt;
}

.contact-license {display: block; font-size: 12.7pt; line-height: 1.4em; padding-bottom: 0px;}


.mobile-on { display: none; }

.bck2sqr1 {font-size: 9.5pt;}

@media screen and (max-width: 670px)
{
.copyarea h1 {font-size: 27px; padding-bottom: 5px;}
p.contact-info {padding-top: 25px;}
.contact-text {font-size: 14px; padding-bottom: 25px;}
.google-map { margin-top: 25px; max-width: auto;}
p.address { font-size: 14px;}
p.tagline { font-size: 14px; }
p.copyright {font-size: 10px; line-height: 0.8em; padding-top: 0px;}
	.mobile-off { display: none; }
	.mobile-on { display: block; }
}