/* 
        RESETS
        SITE
        TYPOGRAPHY
        LINKS
        LISTS
        IMAGES
		BUTTONS
		FORMS
		TABLES
		ALERTS
		MISC
		TABS
		PARALLAX
		MENU
		STICKY
		MODAL 
*/


/* 		
	===========================		RESETS 		=====================================
*/
        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; 
		}
		
		code {	background-color:black;
				color:#f7f6f6;
				padding:20px;
				border:1px solid #ffffff;
				width:100%;
				float:left;
				border-radius:5px;
				box-sizing:border-box;
		}
		code:first-child	{ 
				padding-left:45px;
				display:inline-block;
			 }
		pre {	white-space:pre-wrap;
				margin-top:-20px;
			}
		.n-tag 		{		}
		.tag-attr	{		}
		.attr-str	{		}

/* 
	============================		TRANSITIONS  		====================================
*/		
		
		/*div {
				-webkit-transition: width 1s; /* For Safari 3.1 to 6.0 
				transition: width 1s;
			}*/
		
/* 
	============================		SITE  		====================================
*/
        /*body, p, address, ol, ul { line-height:18px; }*/
		
		body {
					background: #f7f6f6;
					font-size: 18px;
					font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial'; 
					font-weight: 400; 
					font-style: normal; 
					-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
					-webkit-text-size-adjust: 100%;
 		}
		.error {
					font-weight: 500;
					color: #ff0000; 
		}
		address	{
				margin-top:10px;
				margin-bottom:10px;
				line-height: 24px;
			}
/* 
 	=============================	TYPOGRAPHY		===================================
*/
        h1, h2, h3, h4, h5, h6 {
                font-weight: 300; 
				font-style: normal;
				margin:0px; }
        h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
        h1 { font-size: 40px; line-height: 48px; margin-top:-4px; margin-bottom:-4px; padding-bottom:10px; }
        h2 { font-size: 26px; line-height: 34px; margin-top:-4px; margin-bottom:-4px; padding-top:10px; padding-bottom:10px;}
        h3 { font-size: 22px; line-height: 28px; margin-top:-3px; margin-bottom:-3px; padding-top:10px; padding-bottom:10px;}
        h4 { font-size: 24px; line-height: 32px; font-weight:500; margin-top:-4px; margin-bottom:-4px; padding-top:10px; padding-bottom:10px; }
        h5 { font-size: 20px; line-height: 26px; margin-top:-3px; margin-bottom:-3px; padding-top:10px; padding-bottom:10px;}
        h6 { font-size: 18px; line-height: 30px; font-weight:500; margin-top:-6px; margin-bottom:-6px; padding-top:10px; padding-bottom:10px; }
        p { margin: -6px 0px -6px 0px; line-height:30px; padding-bottom:20px; padding-top:10px; }
        
        p img { margin: 0; }
        p.lead { font-size: 21px; line-height: 27px;  }

        em { font-style: italic; }
        strong { font-weight: bold; }
        small { font-size: 80%; }
		

/*        
 	==============================		BLOCKQUOTES		==================================
*/
        blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #00bcd4; }
        blockquote, blockquote p { font-size: 17px; line-height: 24px; font-style: italic; }
        blockquote cite { display: block; font-size: 12px;  }
        blockquote cite:before { content: "\2014 \0020"; }
        blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

        hr {
			border-top: 1px solid rgba(255,255,255,.5);
			clear: both;
			margin: 0px;
			height: 0;
			margin-top: 20px;
			}


/* 
	===============================		LINKS		=================================
*/
        a, a:visited { text-decoration: underline; outline: 0; }
        a:hover, a:focus { color: #000; }
        p a, p a:visited { line-height: inherit; }

/* 
	===============================		LISTS		=================================
*/
        dl, ul, ol { margin-bottom: 20px; }
        ul { list-style: none outside; }
        ol { list-style: decimal; }
        ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
        ul.square { list-style: square outside; }
        ul.circle { list-style: circle outside; }
        ul.disc { list-style: disc outside; }
        ul.large li { line-height: 21px; }
        li p { line-height: 21px; }
/* 
	===============================		IMAGES		=================================
*/

        img 	{
				display:block;
				}
		img.scale-with-grid {
                max-width: 100%;
                height: auto; }

		.circled {
				border-radius:50%;
				overflow:hidden;
				
		}

/* 
	===============================		BUTTONS		=================================
*/
		
		

        .button,
        button,
        input[type="submit"],
        input[type="reset"],
        input[type="button"] {
				background: #eee; /* Old browsers */
				border: 0px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-webkit-appearance: none;
				border-radius: 5px;
				color: #627691;
				display: inline-block;
				cursor: pointer;
				padding: 19px;
				font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial';
  				font-size: 16px;
				font-weight:500;
				text-decoration: none;
				min-width:25%; 
				box-sizing:border-box;
				line-height:normal;
		}
        .button:hover,
        button:hover,
        input[type="submit"]:hover,
        input[type="reset"]:hover,
        input[type="button"]:hover {
                color: #222;
               /* background: #ddd;  Old browsers */ 
               border-bottom: 0px;
		}

        .button:active,
        button:active,
        input[type="submit"]:active,
        input[type="reset"]:active,
        input[type="button"]:active {
               /* background: #ccc;  Old browsers */
		}

        .button.full-width,
        button.full-width,
        input[type="submit"].full-width,
        input[type="reset"].full-width,
        input[type="button"].full-width {
                width: 100%;
		}

        .button.thin,
        button.thin,
        input[type="submit"].thin,
        input[type="reset"].thin,
        input[type="button"].thin {
                padding: 10px 15px;
		}

        /* Fix for odd Mozilla border & padding issues */
        button::-moz-focus-inner,
        input::-moz-focus-inner {
				border: 0;
				padding: 0;
        }

/* 
	=============================		FORMS		===================================
*/

        form {
                margin-bottom: 20px; 
		}
		
        fieldset {
                margin-bottom: 10px; 
		}
		
		.input-prefix,
        input[type="text"],
        input[type="number"],
        input[type="password"],
        input[type="email"],
        textarea,
        select {
                border: 1px solid #61686e ;
				padding: 19px;
                outline: none;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                color: #777;
                margin: 0;
                width: 100%;
                font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial';
  				font-size:17px;
                max-width: 100%;
                display: block;
                background: #fff; 
				box-sizing:border-box;
		}
		
        input[type="text"]:focus,
        input[type="number"]:focus,
        input[type="password"]:focus,
        input[type="email"]:focus,
        textarea:focus {
                color: #42484d;	 
		}
        textarea {
                min-height: 60px; 
		}
		
        label,
        legend {
                display: block; 
		}
		
		label > input[type="text"] {
				margin:10px 0px;
		}
		
        input[type="checkbox"] {
                display: inline; 
		}
		
        label span,
        legend span {
                font-weight: normal;
                color: #444; 
		}
		
		fieldset input.error {
				border: 1px solid #d70c22;
		}
		

		
		
		
/* 
	============================		TABLES		====================================
*/

		table {
				width: 100%;
				max-width: 100%;
				margin-bottom: 20px;
		}
		table {
				background-color: transparent;
		}
		table {
				border-spacing: 0;
				border-collapse: collapse;
		}
		
		.table-bordered {
				border: 1px solid #ddd;
		}
		
		table>thead>tr>th {
				vertical-align: bottom;
				border-bottom: 2px solid #ddd;
		}
		table>thead>tr>th, 
		table>tbody>tr>th, 
		table>tfoot>tr>th, 
		table>thead>tr>td, 
		table>tbody>tr>td, 
		table>tfoot>tr>td {
				padding: 8px;
				vertical-align: top;
				border-top: 1px solid #ddd;
		}
		th {
				text-align: left;
		}
		td, th {
				padding: 0;
		}

		.table-striped>tbody>tr:nth-child(odd)>td,
		.table-striped>tbody>tr:nth-child(odd)>th {
				background-color:#f9f9f9;
		}
		
		/* change color of row or cell for visual data */
		table>thead>tr>td.info,
		table>tbody>tr>td.info,
		table>tfoot>tr>td.info,
		table>thead>tr>th.info,
		table>tbody>tr>th.info,
		table>tfoot>tr>th.info,
		table>thead>tr.info>td,
		table>tbody>tr.info>td,
		table>tfoot>tr.info>td,
		table>thead>tr.info>th,
		table>tbody>tr.info>th,
		table>tfoot>tr.info>th {
				background-color:#d9edf7
		}
		
		
/* 
	============================		ALERT		====================================
*/


/* 
	============================		MISC		====================================
*/
        
		
				
		
/* 
	============================		TABS		====================================
*/

		ul.tabs {
				list-style: none;
				border-bottom: 1px solid #00bcd4;
				height: 21px;
				margin: 0;
		}
		ul.tabs li {
				float: left;
				margin-bottom:0px;
				line-height:14px;
		}
		ul.tabs li a {
				padding: 3px 10px;
				display: block;
				border-left: 1px solid #00bcd4;
				border-top: 1px solid #00bcd4;
				border-right: 1px solid #00bcd4;
				margin-right: 2px;
				text-decoration: none;
				background-color: #efefef;
		}
		ul.tabs li.active a {
				background-color: #fff;
				padding-top: 4px;
		}
		div.tab_contents {
				display: none;
				border: 1px solid #00bcd4;
				border-top: none;
				padding: 10px;
		}
		div.tab_contents_active {
				display: block;
				border: 1px solid #00bcd4;
				border-top: none;
				padding: 10px;
		}


/* 
	============================		MENU 	====================================
*/


/* 
	MENU LEVEL ONE
*/
		nav		{margin-bottom:10px;}
		
		nav ul	{margin-bottom:0px;}
		
		ul.menu {
				/*margin:0px;*/
				padding:0px;
				font-weight:500;
				font-size:14px;
		}
		
		ul.menu a 	{ color:#FFFFFF;
					  padding: 5px 10px;	}
		ul.menu i	{ font-size:11px }
		
		ul.menu li { 	
				float: left;
				/*position: relative;*/
				margin-bottom:0px;
				margin-right:20px;
				border-top:3px solid rgba(255,255,255,0); 
				-webkit-background-clip: padding-box; 
				background-clip: padding-box;
				margin-top:-10px;
		}
		
		ul.menu.pull-right li {
				float:right;
				margin-right:10px;	
			}
		
		ul.menu li > a:hover { 
				background-image:	-webkit-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
				background-image:	-moz-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
				background-image:	-o-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
				background-image:	linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;	
		}
		
		ul.menu li ul li a:hover {
				background-image: none;
				background-color: #cccccc;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;	
		}
		
		ul.menu li a:hover i {
					
		}
		
		ul.menu ul.sub,
		ul.menu div.sub {
			position:absolute;
			min-width:160px;
			z-index:10000;
			display:none;
			background:#ffffff;
			color:#61686e;
			border-radius:5px;
			padding:7px 3px 12px 23px;
		}
		ul.menu ul.sub li:first-child,
		ul.menu div.sub li:first-child {
			display:none;	
		}
		ul.menu ul.sub.menu li:first-child,
		ul.menu div.sub.menu li:first-child {
			display:block;
		}
		ul.menu ul.sub li a,
		ul.menu div.sub li a {
			color:#61686e;	
		}
		
		ul.menu li ul.sub.menu li,
		ul.menu li div.sub.menu li {
				margin-top:0px;
				border-top:0px;	
		}
		
		ul.menu li ul.sub.menu li a,
		ul.menu li div.sub.menu li a {
				-moz-border-radius: 0;
				-webkit-border-radius: 0;
				border-radius: 0;
				margin-top:0px;
				padding:15px 15px 15px 10px;	
				margin-right:-10px;
				margin-left:-10px;
				font-size:13px;   /* secondary-nav class*/
				line-height:17px; /* secondary-nav class*/
				font-weight:600;  /* secondary-nav class*/
				
				}
				
		ul.menu ul.sub.menu ul.menu,
		ul.menu div.sub.menu ul.menu {
				padding:12px 0px;	
				margin-bottom:12px;
		}
		
		ul.menu li a {
				text-decoration: none;
				display:block;
				text-align:left;
				margin-top:5px;
		}	
		
		ul.menu li:hover ul.sub,
		ul.menu li:hover div.sub {
				display: block;
		}
		
		
		
		ul.sub.menu li a {
				text-decoration: none;
				display:block;
		}
	
		ul.menu li a 	{	border:0px;		}
	
		ul.menu .active	{	
				border-top:3px solid rgba(255,255,255,.5); 
				-webkit-background-clip: padding-box; 
				background-clip: padding-box;	
		}
							
		ul.menu ul.sub.menu ul.menu li,
		ul.menu div.sub.menu ul.menu li {
				border-bottom:1px solid #f3f3f3;
				float:none;
				margin-right: 15px;	
		}
		
		ul.menu .sub.menu ul.fmh.menu				{
				margin-bottom:0px;
		}
	
		
		.text-left { text-align:left; }
		.text-center { text-align:center; }
		.text-right { text-align:right; }
		
/* =============================        STICKY        ====================================
*/
 
		.sticky {
				position: fixed;
				width: 100%;
				left: 0;
				bottom: 0;
				height:30px;
				overflow:hidden;
				z-index: 99;
				background:#FFFFFF;
				border-top:1px solid #CCC;
				padding-top:10px;
				font-weight:bold;
				display:block;
				border-top:1px solid #CCC;
				padding-top:16px;
				margin-bottom:0px;
				text-align:center;
				font-size:20px;
		}
		
		.sticky .open-sub-nav,
		.sticky .close-sub-nav {
				margin-bottom:24px;
				cursor:pointer;
		}
		
		.sticky .open-sub-nav li,
		.sticky .close-sub-nav li {
				padding-top:0px;
		}
		
		.sub-menu {
				display:block;
				border-top:3px solid #CCC;
				padding-top:16px;
				margin-bottom:0px;
		}
		
		.active.sub-menu i,
		.sticky i {
				padding-left:15px;
				cursor:pointer;
		}
		
		.active.sub-menu i {
				right:15px;
		}
		

		
		
		
	@media only screen and (max-width: 1024px) {
		
		ul.menu {
			display:none;
		}
		
		.open-menu{
			display:block;
		}
		
	}
	
	@media only screen and (min-width: 609px) and (max-width: 769px) {
		
		/* =============================        TYPOGRAPHY	            ==================================== */


		p  					{ font-size: 16px; line-height:26px;  }
		h1 					{ font-size: 28px; line-height: 36px; }
		h2 					{ font-size: 22px; line-height: 28px; }
		h3 					{ font-size: 20px; line-height: 28px; }
		h4 					{ font-size: 22px; line-height: 28px; }
		h5 					{ font-size: 18px; line-height: 24px; }
		h6 					{ font-size: 16px; line-height: 26px; }
	}
	
	
	@media only screen and (max-width: 608px) {
		
		/*
		.open-menu	{
			margin-top:-15px;
			display:block;
		}
		*/
		header .search		{
			margin-top:-5px;
		}
		ul.menu {
			display:none;
		}
		
		/* =============================        TYPOGRAPHY	            ==================================== */


		p  					{ font-size: 16px; line-height:26px;  }
		h1 					{ font-size: 28px; line-height: 36px; }
		h2 					{ font-size: 22px; line-height: 28px; }
		h3 					{ font-size: 20px; line-height: 28px; }
		h4 					{ font-size: 22px; line-height: 28px; }
		h5 					{ font-size: 18px; line-height: 24px; }
		h6 					{ font-size: 16px; line-height: 26px; }
	}