@charset "UTF-8";
/* CSS Document */

/*/////////////// TEXT STYLES ///////////////////////////////*/

body{
	font-family: Arial, Helvetica, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', 'sans-serif';
	font-size: 1em; /*16px*/
	line-height: 1.75em; /*28px*/
	font-weight: 400;
	color:#000;
}


p{	
    font-size: 1em; /*16px*/
    margin: 0 0 1em 0;
	padding: 0;
    line-height: 1.75em; /*28px*/
}

.fancy {
	font-family: 'Pacifico', cursive;
}


h1 {
    font-family: 'Lato', sans-serif;
	font-size: 2.25em; /*36px div by 16*/
	color: #4a5562;
	line-height: 1.25em;
	margin: 0 0 0.25em 0;
	padding: 0;
    font-weight: 900;
}

h2 {
    font-family: 'Lato', sans-serif;
	font-size: 3em; /*48px*/
	color: #4a5562;
	line-height: 1.22em;
	margin: 0 0 0.5em 0;
	padding: 0;
}


h3 {
	font-family: 'Lato', sans-serif;
	font-size: 1.875em; /*30px*/
	margin: 0;
	padding: 0;
	line-height: 1.5;
    color: #4a5562;
}

h4 {
    font-family: 'Lato', sans-serif;
	font-size: 1.5em; /*36px div by 16*/
	color: #4a5562;
	line-height: 1.25em;
	margin: 0 0 0.25em 0;
	padding: 0;
    font-weight: 900;
}


.lg{
    font-size: 1em;
}

.sm4{
	font-size: 1em;
	line-height: 2em;
}



/*FIX FONT WEIGHT ISSUES ///////////////////*/

h1,h2,h3,h4,h5{
	font-weight: 400;	
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
}


li{
	line-height: 1.75em;
	text-align: left;

}

ul{
	text-align: left;
	margin: 0 0 1em 1em;
	padding: 0;
	}

blockquote{
	margin-top: -1em;
}

.par {
	text-align: justify;
}

strong {
	font-weight: 600;
}
.sm {
	font-size: 0.825em;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

.loc {
	font-size: 0.825em;
	margin: -0.5em 0 0.875em 0;
	padding: 0;
	line-height: 1.5em;
}

.phone-mob{
    display: none;
}

/*//////////////// COLOR CLASSES //////////////////////////////*/

.lblue{
    color:#3aaad4;
}

.dblue{
    color:#1e2936;
}

.wht{
	color:#FFF;
}


/*//////////////// LINK STYLES //////////////////////////////*/
a:link {
	text-decoration: underline;
	color: #0379a5;
}
a:visited {
	text-decoration: underline;
	color: #0379a5;
}
a:active {
	text-decoration: underline;
	color: #3aaad4;
}
a:hover {
	text-decoration: none;
	color: #4a5562;
}

/*//STYLE the top blue icons //*/

a:link.ico-blu {
	color: #3aaad4;
    text-decoration: none;

}
a:visited.ico-blu {
	color: #3aaad4;
    text-decoration: none;
}
a:active.ico-blu {
	color: #3aaad4;
}
a:hover.ico-blu {
	color: #FFF;
}

a:link.blu{
	color: #3aaad4;
}
a:visited.blu {
	color: #3aaad4;
}
a:active.blu {
	color: #3aaad4;
}
a:hover.blu {
	color: #FFF;
}


a:link.whte {
	text-decoration: underline;
	color: #FFF;
}
a:visited.whte {
	text-decoration: underline;
	color: #C5C0C0;
}
a:active.whte {
	text-decoration: underline;
	color: #009d9a;
}
a:hover.whte {
	text-decoration: none;
	color: #009d9a;
}


a:link.whte-f {
	text-decoration: none;
	color: #FFF;
}
a:visited.whte-f {
	text-decoration: none;
	color: #C5C0C0;
}
a:active.whte-f {
	text-decoration: none;
	color: #009d9a;
}
a:hover.whte-f {
	text-decoration: underline;
	color: #009d9a;
}


/*//////////////// BUTTON BOX STYLES //////////////////////////////*/


a:link.no-und{
	text-decoration: none;
}

a:link.thumb-row {
	text-decoration: none;
	color: #509ba3;
	font-weight: 600;
}
.split {
	display: inline;
}


a:link.btn-box {
	background-color: #4a5562;
	color: #FFF;
	padding: 13px 30px 13px 30px;
    line-height: 1.25em;
	text-decoration: none;
	text-align: center;
	font-size: 1.25em;
	display: inline-block;  
    margin: 0;
	cursor:pointer;
	position: relative;
}
a:visited.btn-box {
	background-color: #4a5562;
	color: #FFF;
	text-decoration: none;
}
a:active.btn-box {
	background-color: #3aaad4;
	color: #FFF;
	text-decoration: none;
}
a:hover.btn-box {
	background-color: #3aaad4;
	color: #FFF;
	text-decoration: none;
}

/*///////////// IMAGE STYLES ////////////////////////////////*/
img {
	padding: 0;
	max-width: 100%;
}
.shaded {
	box-shadow: 0px 0px 8px 1px #b2b2b2;
}
.framed {
	border: #e1e1e1 solid 5px;
}

.frame-white {
	border: #FFF solid 5px;
}


.leftthumb{
	float: left;
	margin: 0 1.5em 0.8em 0;
}

.thumb {
	max-width: 90%;
}

.fright{
	float: right;
	margin: 0 0 5px 10px;
}

.fleft{
	float: left;
}

.pic-a{
	margin: 0 0 0.5em 2em;
}

.pic-b{
	display: none;
	margin: 0 auto;
}

.boxxer{
    background-color: #d8d9db;
    padding: 2em;
}

/*///////////// PARALLAX EFFECT ////////////////////////////////*/

.parallax {
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.para1{
    background-image: url('images/parallax1.jpg');
    background-size: auto;
    background-position: bottom right;
    background-color:#ebebeb;

}

.para2{
    background-image: url('images/parallax2.jpg');
   
}


.para3{
    background-image: url('images/parallax3.jpg');
    background-position: top left;
    background-color:#ebebeb;
    background-size: auto;
   
}

.para4{
    background-image: url('images/parallax4.jpg');
    background-position: bottom right;
    background-color:#ebebeb;
    background-size: auto;
   
}

.para5{
    background-image: url('images/parallax5.jpg');
    background-position: bottom;
    background-size: auto;
    background-color: #f0f0f0;
   
}

