/* normalizeIT */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}audio:not([controls]) {display: none;height: 0;}[hidden] {display: none;}html {font-size: 100%; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%; /* 2 */}html,button,input,select,textarea {font-family: sans-serif;}body {margin: 0;font-family: sans-serif;}a:focus {outline: thin dotted;}a:active,a:hover {outline: 0;}h1 {font-size: 2em;margin: 0.67em 0;}h2 {font-size: 1.5em;margin: 0.83em 0;}h3 {font-size: 1.17em;margin: 1em 0;}h4 {font-size: 1em;margin: 1.33em 0;}h5 {font-size: 0.83em;margin: 1.67em 0;}h6 {font-size: 0.75em;margin: 2.33em 0;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: bold;}blockquote {margin: 1em 40px;}dfn {font-style: italic;}mark {background: #ff0;color: #000;}p,pre {margin: 1em 0;}code,kbd,pre,samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}q {quotes: none;}q:before,q:after {content: '';content: none;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}dl,menu,ol,ul {margin: 1em 0;}dd {margin: 0 0 0 40px;}menu,ol,ul {padding: 0 0 0 40px;}nav ul,nav ol {list-style: none;list-style-image: none;}img {border: 0; /* 1 */-ms-interpolation-mode: bicubic; /* 2 */}svg:not(:root) {overflow: hidden;}figure {margin: 0;}form {margin: 0;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0; /* 1 */padding: 0;white-space: normal; /* 2 */*margin-left: -7px; /* 3 */}button,input,select,textarea {font-size: 100%; /* 1 */margin: 0; /* 2 */vertical-align: baseline; /* 3 */*vertical-align: middle; /* 3 */}button,input {line-height: normal;}button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */*overflow: visible;  /* 4 */}button[disabled],input[disabled] {cursor: default;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */*height: 13px; /* 3 */*width: 13px; /* 3 */}input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto; /* 1 */vertical-align: top; /* 2 */}table {border-collapse: collapse;border-spacing: 0;}/* meyer 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, 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 {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}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: ''; content: none;}table {border-collapse: collapse; border-spacing: 0;}/* HTML5 Boilerplate */html,button,input,select,textarea {color: #222;}body {font-size: 1em;line-height: 1.4;}a:active, a:focus {outline: 0;}/* A better looking default horizontal rule */hr {display: block;height: 1px;border: 0;border-top: 1px solid #eefbff;border-bottom: 1px solid #dae2e5; margin: 0 auto; margin: 4em 0 4em 0;padding: 0;clear: both; width: 100%;}hr.lesspadded {display: block;height: 1px;border: 0;border-top: 1px solid #eefbff;border-bottom: 1px solid #dae2e5; margin: 0 auto; margin: 1em 0 1em 0;padding: 0;clear: both; width: 100%;}hr.dim {display: block;height: 1px;border: 0;border-top: 1px solid #fff;border-bottom: 1px solid #f0f5f6; margin: 0 auto; margin: 0 0 4em 0;padding: 0;clear: both; width: 100%;}img {vertical-align: middle;}fieldset {border: 0;margin: 0;padding: 0;}textarea {resize: vertical;}.bold{font-weight: bold;}.underlined{text-decoration: underline;}.br {clear:both;}.left {float:left;}


/* ==========================================================================
Fonts
========================================================================== */
/* lato light */
@font-face {font-family: 'latolight';src: url('fonts/lato-lig-webfont.eot');src: url('fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/lato-lig-webfont.woff') format('woff'),url('fonts/lato-lig-webfont.ttf') format('truetype'),url('fonts/lato-lig-webfont.svg#latolight') format('svg');font-weight: normal;font-style: normal;}

/* lato bold */
@font-face {font-family: 'latobold';src: url('fonts/lato-bol-webfont.eot');src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/lato-bol-webfont.woff') format('woff'),url('fonts/lato-bol-webfont.ttf') format('truetype'),url('fonts/lato-bol-webfont.svg#latobold') format('svg');font-weight: normal;font-style: normal;}


/*
Main Setup ==========================================================================*/
body,html{
font-family: "latolight", sans-serif;
color:#808184;
margin: 0;
padding: 0;
}



/* ==========================================================================
Main Content
========================================================================== */
body {
margin: 0;
padding: 0;	
}


/* ==========================================================================
Intro
========================================================================== */
.intro {
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
height: 500px; /* fallback for older browsers */
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}

.intro{
background-image:url(../../images/Paper-Background.jpg);
/* Cover for IE 7/8 */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/Paper-Background.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/Paper-Background.jpg', sizingMethod='scale');
}



/* ==========================================================================
Panels
========================================================================== */
.Panel {
width:100%;
margin:0;
}





/* ==========================================================================
Master Grid
========================================================================== */
/* 12-column responsive grid */
.row {clear: both;max-width: 1000px;margin: 0 auto; }
[class^="col-"] {float: left;margin: 0 3.84615384615% 0 0;list-style: none;position: relative;}
[class^="col-"]:last-child {margin: 0;}

/* the columns */
.col-1 { width: 4.8076923077% }
.col-2 { width: 13.4615384615% }
.col-3 { width: 22.1153846154% }
.col-4 { width: 30.7692307692%;}
.col-5 { width: 39.4230769231% }
.col-6 { width: 48.0769230769% }
.col-7 { width: 56.7307692308% }
.col-8 { width: 65.3846153846% }
.col-9 { width: 74.0384615385% }
.col-10 { width: 82.6923076923% }
.col-11 { width: 91.3461538462% }
.col-12 { width: 100%; margin: 0; }

/* column responsive images */
.col-1 img, .col-2 img, .col-3 img, .col-4 img, .col-5 img, .col-6 img, .col-7 img, .col-8 img, .col-9 img, .col-10 img, .col-11 img, .col-12 img {
width: 100%;}

/*
Master Container ========================================================================== */
.container{margin:0 auto}
@media all and (max-width: 320px){.container{margin:0 .5em}}
@media all and (max-width: 480px){.container{margin:0 1em}}
@media all and (min-width: 480px){.container{margin:0 1.5em}}
@media all and (min-width: 768px){.container{margin:0 2.5em}}
@media all and (min-width: 992px){.container{margin:0 auto;max-width:80%}}
@media all and (min-width: 1280px){.container{max-width:1020px}}

/* ==========================================================================
Master Text
========================================================================== */
h1, h2, h3, h4, h5, h6 {margin:0; margin-bottom: 0.1em;font-family: "latobold", sans-serif;font-weight: normal;color: #00aeef;}
h1 {font-size: 1.8em;line-height: 1em;font-weight: normal;}
h2 {font-size: 1.5em;margin-bottom: 0.3em;}
h3 {font-size: 1.6em;margin: 0;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}




/* ==========================================================================
Master Nav Setup
========================================================================== */
.main-fixed-top{
margin-top:0px;
}

/* Main Navbar Setup */
.main-navbar{
position:relative;
font-size:11pt;
font-weight:400;
background-color: transparent; /*#242424;*/
color:#2e2e2e;
height: 100px;
}

/* Make Navbar Smaller For Phones */
@media all and (max-width: 35em){
.main-navbar{
height: 70px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
}

.navbar-fixed-top{
position:fixed;
top:0;
right:0;
left:0;
}

.navbar-content{
margin-top:6px;
}

.main-navbar a,.main-navbar a:link,.main-navbar a:visited,.main-navbar a:hover,.main-navbar a:active{
font-size:inherit;
}

/* The Nav Logo Setup */
.navbar-align-right #logo {
float:left;
margin-top: 5px;
}

/* Make Logo Smaller For Phones */
@media all and (max-width: 35em){
.navbar-align-right #logo img {
width:150px;
margin-top: 10px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
}

/* The Nav Toggle Setup */
.navbar-align-right #toggle-sidebar{
float:right;
}

/* Make Toggle Type Smaller For Phones */
@media all and (max-width: 35em){
.navbar-align-right #toggle-sidebar{
font-size: 1.3em;
}
}

/* The Nav Toggle */
#toggle-sidebar{
font-size:1.5em;
margin-top:16pt;
display:inline-block;
cursor:pointer;
color:#fff;
}

#toggle-sidebar:hover{
color:#000
}

#toggle-sidebar:active{
color:#000
}


/* Sidebar BG color */
.sidebar{
position:fixed;
top:0;
bottom:0;
width:300px;
font-size:12pt;
background-color:#242424;
}

.sidebar-right{
right:-300px;
}


.sidebar-wrapper{
position:relative;
height:100%;
overflow-y:auto;
overflow-x:hidden
}

.sidebar-header{
padding:1em
}


/* Sidebar Link Setup */
.nav-sidebar ul li{

}

.nav-sidebar li a{
color:#fff;
text-decoration: none;
}

.nav-sidebar li a:link,.nav-sidebar li a:visited{
padding: 0 0 0 20px;
font-size: 1.2em;
line-height:4em;
height: 2.8em;
width:100%;
display: block;
border-bottom: 1px solid #1d1d1d;
padding-bottom:15px;
}

.nav-sidebar li a:hover{
	color: #242424;
width: 100%;
background-color: #fff;
}

.sidebar a:active{
color:#0691c5;
}

/* Make Menu Links Smaller For Phones */
@media all and (max-width: 35em){
.nav-sidebar ul li, .nav-sidebar li a:link {
line-height:2em;
height: 1em;
width:100%;
display: block;
font-size: 1em;
padding-bottom:25px;
padding-top:10px;
}
}

/* Make Nav Links smaller for smart phone landscape */
@media only screen and (min-width : 321px) {
/* Styles */
}

.nav-title{
font-weight:400;
margin:8pt -5pt -5pt -5pt !important
}

.mobile-show{display:none}
.mobile-hide{display:block}

@media all and (max-width: 640px){
.mobile-show{display:block}
.mobile-hide{display:none}
}


#socialContainer{margin-top: 30px;margin-left: 20px;}
a.social {font-size: 1.1em;color: #fff;padding: 5px;}
a.social.facebook:hover {color: #36609F;}
a.social.twitter:hover {color: #2AA9E0;}
a.social.google:hover {color: #DB5442;}
a.social.linkedin:hover {color: #0177B5;}
a.social.skype:hover {color: #00AFF0;}

/* ==========================================================================
Media Queries
========================================================================== */


/* Mobile Phones ========================================================================== */
@media only screen and (max-width: 35em) {


/* 12-column responsive grid - set to 100% */
.row, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
margin-bottom:10px; display:table; width: 100%;}


}




/* Tablets ========================================================================== */
@media only screen and (max-width: 50em) {



.intro {width: 100%;}
.intro .content {padding: 20px;}



/* 12-column responsive grid - set to 100% */
.row, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
margin-bottom:10px; display:table; width: 100%;}


}




/* Desktops ========================================================================== */

@media (max-width: 999px){


}







/* ==========================================================================
Print Styles
========================================================================== */
@media print {
* {background: transparent !important;color: #000 !important; /* Black prints faster: h5bp.com/s */box-shadow:none !important;text-shadow: none !important;}a, a:visited {text-decoration: underline;}a[href]:after {content: " (" attr(href) ")";}abbr[title]:after {content: " (" attr(title) ")";}/* Don't show links for images, or javascript/internal links */.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}pre, blockquote {border: 1px solid #999;page-break-inside: avoid;}thead {display: table-header-group; /* h5bp.com/t */}tr, img {page-break-inside: avoid;}img {max-width: 100% !important;}@page {margin: 0.5cm;}p, h2, h3 {orphans: 3; widows: 3;}h2, h3 {page-break-after: avoid;}}



/*! Animate.css - http://daneden.me/animate :: Licensed under the MIT license - http://opensource.org/licenses/MIT :: Copyright (c) 2014 Daniel Eden
- Condensed To only needed animation - see archives for full code and animations
*/
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@keyframes bounceInUp {
0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
60% {opacity: 1;-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}
80% {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}
100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}