@charset "utf-8";
/* CSS Document */

/********************
		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;
}

html, body { height: 100%; }

body{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1;
	}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
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;
}
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: none; color: #ccc; }

/*************************
        ICOMOON CSS
*************************/

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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*the icons*/
.icon-play:before {
    content: "\e912";
}
.icon-envelop:before {
    content: "\e945";
}
.icon-download:before {
    content: "\e960";
}
.icon-bubbles2:before {
    content: "\e96d";
}
.icon-quotes-left:before {
    content: "\e977";
}
.icon-quotes-right:before {
    content: "\e978";
}
.icon-spinner3:before {
    content: "\e97c";
}
.icon-spinner6:before {
    content: "\e97f";
}
.icon-spinner11:before {
    content: "\e984";
}
.icon-search:before {
    content: "\e986";
}
.icon-zoom-in:before {
    content: "\e987";
}
.icon-zoom-out:before {
    content: "\e988";
}
.icon-enlarge:before {
    content: "\e989";
}
.icon-shrink:before {
    content: "\e98a";
}
.icon-bin2:before {
    content: "\e9ad";
}
.icon-menu:before {
    content: "\e9bd";
}
.icon-menu3:before {
    content: "\e9bf";
}
.icon-menu4:before {
    content: "\e9c0";
}
.icon-download2:before {
    content: "\e9c5";
}
.icon-star-empty:before {
    content: "\e9d7";
}
.icon-star-half:before {
    content: "\e9d8";
}
.icon-star-full:before {
    content: "\e9d9";
}
.icon-hipster:before {
    content: "\e9f9";
}
.icon-plus:before {
    content: "\ea0a";
}
.icon-minus:before {
    content: "\ea0b";
}
.icon-info:before {
    content: "\ea0c";
}
.icon-play3:before {
    content: "\ea1c";
}
.icon-pause2:before {
    content: "\ea1d";
}
.icon-stop2:before {
    content: "\ea1e";
}
.icon-circle-up:before {
    content: "\ea41";
}
.icon-circle-right:before {
    content: "\ea42";
}
.icon-circle-down:before {
    content: "\ea43";
}
.icon-circle-left:before {
    content: "\ea44";
}
.icon-ctrl:before {
    content: "\ea50";
}
.icon-embed:before {
    content: "\ea7f";
}
.icon-embed2:before {
    content: "\ea80";
}
.icon-facebook:before {
    content: "\ea90";
}
.icon-instagram:before {
    content: "\ea92";
}
.icon-twitter:before {
    content: "\ea96";
}
.icon-rss:before {
    content: "\ea9b";
}
.icon-youtube2:before {
    content: "\ea9e";
}
.icon-wordpress:before {
    content: "\eab4";
}
.icon-file-pdf:before {
    content: "\eadf";
}
.icon-file-word:before {
    content: "\eae1";
}

/***********************
		MAIN CSS
***********************/

/*header*/	
#ciHeader { margin:0; padding:0; position:relative; width:100%; border-bottom:1px solid #ccc; min-height:100px; background:#ffffff; }

#ciHeader .ciRow { padding:0 0; position: relative; text-align:center; height:100%; }

#ciLogo { margin:0; padding:10px 0; padding-left:8px; height: 80px; display:inline-block; float:left; vertical-align:middle; }

#ciLogo img {
        width: 100%;
        height: auto;
        max-width: 327px;
        max-height: 80px;
        vertical-align: middle;
    }

#ciLogo a { display: block; line-height: 80px; text-decoration: none; }

/*navigation*/
#ciHamburger { display:none; padding:10px; vertical-align:middle; height:80px; line-height:80px; position: absolute; top: 0; right:0; }

#ciHamburger:hover { cursor:pointer; }

#ciNav span, #ciHamburger span, #ciHeader .ciSocial span { display:inline-block; line-height:80px; font-size: 32px; vertical-align:top; }

#ciNav { display:inline-block; width:auto; vertical-align:middle; margin:0 25px; background:#ffffff; }

#ciNav li { display:inline-block; padding:10px; vertical-align:middle; height:80px; line-height:80px; }

#ciNav li a { display:block; line-height:80px; font-size: 1em; }

/*social*/
.ciSocial { display:inline-block; position:absolute; top: 0; right:0; vertical-align:middle; }

.ciSocial li { display:inline-block;  padding:10px; vertical-align:middle; height:80px; line-height:80px; }

.ciSocial li a { display:block; line-height:80px; text-decoration: none; }

.ciSocial li a:hover, .ciSocial li span:hover { text-decoration: none; color: #ccc; }

/*sticky footer*/
#ciFooter { 
	margin:0;
	padding:0; 
	width:100%; 
	border-top:1px solid #ccc; 
	background:#ffffff;
	} 

#ciWrapper { 
	background:#ffffff;
	min-height: 100%;
	margin-bottom: -58px; /* equal to footer height */
}	

#ciWrapper:after {
	content: "";
  	display: block;
	}
	
#ciFooter, #ciWrapper:after {
  height: 58px; 
}

#ciFooter .ciRow {
    text-align: center;
}

.copywright { display:inline-block; }

/*content and layout*/
#ciContent { 
	margin:0; padding:0; 
	width:100%; 
	}

.ciRow { 
    margin:0 auto; 
    padding:25px 15px;  
    max-width: 1040px; 
}

/*Genral Text*/
h1, h2, h3{ font-weight: normal; margin:0; -webkit-margin: 0; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }

p { margin:0; -webkit-margin: 0; line-height: 1.3; }

/*for removing top or bottom margins*/
.first { margin-top: 1em; -webkit-margin-before: 1em; }
.last { margin-bottom: 1em; -webkit-margin-after: 1em; }
.both { margin-top: 1em; -webkit-margin-before: 1em; margin-bottom: 1em; -webkit-margin-after: 1em; }

/*for increasing top or bottom margins*/
.firstI { margin-top: 2em; -webkit-margin-before: 2em; }
.lastI { margin-bottom: 2em; -webkit-margin-after: 2em; }
.bothI { margin-top: 2em; -webkit-margin-before: 2em; margin-bottom: 2em; -webkit-margin-after: 2em; }

strong, b { font-weight: bold; }

/*forms and buttons*/
 .formInputTitle {
    margin: 1em 0 0.5em 0;
}
form {
    width: 100%;
}
form input, form textarea {
    width: 100%;
    box-sizing: border-box;
    font-size: 1em;
}
form input {
    min-height:36px;   
}
form textarea {
    min-height: 86px;
}
form button {
    display: block;
    margin: 1.5em auto;
    text-align: center;
}
#formMessage{
    text-align: center;
}
#formMessage.formError {
    padding: 10px;
    color: #983620;
    border: 1px solid #983620;
}
#formMessage.formSuccess {
    padding: 10px;
    color: #088102;
    border: 1px solid #088102;
}
.button, .browse {
    background: #000000;
    border: 1px solid #FFFFFF;
    border-collapse: separate;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #FFFFFF;
    text-shadow: 0px 0px #F0F0F0;
    padding: 2px 8px;
    cursor: pointer;
    *padding: 2px 8px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 40px;
    width: 100%;
    max-width: 210px;
    font-size: 1.2em;
}
.button:hover, .browse:hover {
    background: #333333;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    text-shadow: 0px 0px #606060;
}
/*Hi-light links*/
a.readMore {
    color: #930000;
    white-space: nowrap;
    transition: all 0.2s ease; 
}
a.readMore:hover {
    color: #ccc;
}

/*Media Queries*/
@media screen and (min-width:960px) {
  
}
@media screen and (max-width:959px) {
    /*hides header social to prevent overlap*/
    .ciSocial {
        display: none;
    }
	#ciNav {
        margin: 0 8px;
		position: absolute;
        top: 0;
    	right: 0;
	}
}

@media screen and (min-width:690px) {
  	#ciNav {
		display:inline-block !important;
        height: auto !important; 
	}
}
@media screen and (max-width:689px) {
    /*adjusts navigation for smaller screens*/
    #ciNav {
        margin: 0 0;
        position: relative;
        display: block;
		width:100%;
        overflow: hidden;
    }
    .JS #ciNav {
        height: 0;
    }
    #ciNav:before {
        content: "";
        position: absolute;
        top: -10px;
        left: 0;
        width: 100%;
        height: 10px;
        -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); 
        -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
        box-shadow: 0px 0px 10px rgba(0,0,0,.8);
        z-index: 100;
    }
    #ciNav:after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 3px;
        -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); 
        -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
        box-shadow: 0px 0px 10px rgba(0,0,0,.8);
        z-index: 101;
    }
    #ciNav li {
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 5px 10px;
    }
    #ciNav li a {
        line-height: 40px;
        font-size: 1.2em;
    }
	#ciNav li:first-child {
        padding-top: 15px;
    }
    #ciNav li:last-child {
        padding-bottom: 15px;
    }
    #ciHamburger {
        display: block;
    }
    #ciLogo {
        padding-right: 62px;
    }
}