/* -----------------------------------
colors
----------------------------------- */

/*
a:link:	#32c5d2
a:hover:	#32AED2
a:focus:	#323232
a:active:	#C50000
soft gray:	#F5F5F5
mid gray:	#646464
dark gray:	#323232
deep gray:	#141414
*/

/* -----------------------------------
base styles
----------------------------------- */

body
{
	margin: 0;
	padding: 0;
	color: #555;
	background-color: #fff;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,sans-serif;
	font-size: 20px;
}

h1,h2,h3,h4,h5,h6
{
	color: #222;
	text-transform: uppercase;
	line-height: 1.1;
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,Frutiger,Univers,Calibri,"Myriad Pro",Myriad,"DejaVu Sans Condensed",Geneva,sans-serif;
}

h1
{
	margin: 0 0 1em;
	font-size: 30px;
	font-weight: 400;
}

h2
{
	margin: 0 0 1em;
	font-size: 24px;
	font-weight: 700;
}

h3
{
	margin: 3em 0 1em;
	font-size: 22px;
	font-weight: 700;
}

p
{
	margin: 0 0 1.5em;
	line-height: 1.5;
}

blockquote
{
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.blockquote-feature 
{
	border: 0;
	border-top: 2px solid #1fb3c0;
	border-bottom: 2px solid #1fb3c0;
	padding: 1em 0;
	margin: 2em 0;
	text-align: center;
}

ul 
{
	margin: 1.5em 0;
}

ul li { list-style: square;}
/* -----------------------------------
links
----------------------------------- */

a:link { color: #32c5d2; }
a:visited { color: #32AED2; }
a:hover { color: #32AED2; }
a:focus { color: #323232; }
a:active { color: #C50000; }


/* -----------------------------------
feature links
----------------------------------- */

a.feature-link { text-decoration: underline; }
a.feature-link:link { color: #000; }
a.feature-link:visited { color: #000; }
a.feature-link:hover { color: #000; }
a.feature-link:focus { color: #000; }
a.feature-link:active { color: #C50000; }


/* -----------------------------------
container width
----------------------------------- */

.container-fluid { max-width: 1200px; }

/* -----------------------------------
banner
----------------------------------- */

.banner
{
	padding-top: 30px;
	padding-bottom: 30px;
	background: #22b7b1 url(../img/pattern.jpg) no-repeat;
	background-size: cover;
}

.banner-heading { margin: 0 0 20px; }

/* -----------------------------------
rows
----------------------------------- */

.row-white { background: #fff; }
.row-black { background: #141414; }
.row-gray { background: #F5F5F5; }

.row-feature
{
	color: #000;
	background: #32c5d2;
}

.row-padding
{
	padding-top: 30px;
	padding-bottom: 30px;
}

/* -----------------------------------
classes
----------------------------------- */

.img-round { border-radius: 200px; }
.img-border-feature { border: 10px solid #32c5d2; }
.img-border-feature-dark { border: 10px solid #1fb3c0; }
.img-border-feature-light { border: 10px solid #2bd3e2; }



.img-border-gray { border: 10px solid #e8e8e8; }

.text-feature { color: #32c5d2; }
.text-feature-dark { color: #1fb3c0; }
.text-feature-light { color: #2bd3e2; }
.text-white { color: #fff; }

.text-xs { font-size: 15px; }
.text-sm { font-size: 18px; }
.text-md { font-size: 20px; }
.text-lg { font-size: 24px; }

/* -----------------------------------
btn
----------------------------------- */

.btn
{
	padding: .5em 1.5em;
	font-size: 20px;
	border-radius: 0;
	text-transform: uppercase;
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,Frutiger,Univers,Calibri,"Myriad Pro",Myriad,"DejaVu Sans Condensed",Geneva,sans-serif;
}

.btn-primary
{
	color: #fff !important;
	background-color: #32c5d2;
	border: 0;
}

.btn-primary:focus { background-color: #323232; }
.btn-primary:hover { background-color: #32AED2; }
.btn-primary:active { background-color: #C50000; }

.btn-info
{
	color: #fff !important;
	background-color: #555;
	border: 0;
}

.btn-info:focus { background-color: #323232; }
.btn-info:hover { background-color: #32AED2; }
.btn-info:active { background-color: #C50000; }

/* -----------------------------------
social-icons
----------------------------------- */

a.social-icons
{
	display: inline-block;
	font-size: 24px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	border-radius: 100px;
}

a.social-icons:link { background-color: #32c5d2; }
a.social-icons:visited { background-color: #32c5d2; }
a.social-icons:hover { background-color: #32AED2; }
a.social-icons:focus { background-color: #323232; }
a.social-icons:active { background-color: #C50000; }

/* -----------------------------------
margins
----------------------------------- */

.mar-0 { margin: 0; }
.mar-t-h { margin-top: .5em; }
.mar-t-f { margin-top: 1em; }
.mar-t-d { margin-top: 2em; }
.mar-b-h { margin-bottom: .5em; }
.mar-b-f { margin-bottom: 1em; }
.mar-b-d { margin-bottom: 2em; }

/* -----------------------------------
family
----------------------------------- */

.family ul ul { margin: 0; padding: 0; }
.family li li { list-style-type: none; padding-left: 1em; font-style: italic; }

/* -----------------------------------
sizes
----------------------------------- */

/* XS */

@media (max-width: 479px)
{
	.navbar-nav > li > a { border-top: 1px solid #ddd; }
	.col-spacing { margin-bottom: 30px; }
}

/* SM only */

@media (min-width: 480px) and (max-width: 767px)
{
	.navbar-nav > li > a { border-top: 1px solid #ddd; }
	
	.banner
	{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.row-padding
	{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.col-spacing { margin-bottom: 30px; }
	h2 { font-size: 24px; }
	.text-large { font-size: 18px; }
	h3 { font-size: 16px; }
}

/* MD only */

@media (min-width: 768px) and (max-width: 991px)
{
	.banner
	{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.banner-heading
	{
		font-size: 45px;
		margin: 0 0 30px;
	}
	
	.row-padding
	{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	h2 { font-size: 26px; }
	.text-large { font-size: 20px; }
	h3 { font-size: 18px; }
}

/* LG only */

@media (min-width: 992px)
{
	.banner
	{
		padding-top: 150px;
		padding-bottom: 150px;
	}
	
	.banner-heading
	{
		font-size: 60px;
		margin: 0 0 40px;
	}
	
	.row-padding
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	h2 { font-size: 28px; }
	.text-large { font-size: 22px; }
	h3 { font-size: 18px; }
}