@charset "utf-8";

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, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  /* margin: 0;
   padding: 0;
   border: 0;*/
   outline: 0;   
   vertical-align: baseline;
}

:focus {
   outline: 0;
}

body {
   line-height: 1;
}

ol,
ul {
   list-style: none;
}

table {
   border-collapse: separate;
   border-spacing: 0;
}

caption,
th,
td {
   text-align: left;
   font-weight: normal;
}

/* Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear {
     clear: both;
}

.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}
 
/* ----- clear fix for floats ----- */
.clearfix {
     display: inline-block;
}

	* html .clearfix {
		 height: 1%;
	}
 
/* hides clearfix from IE-mac */
.clearfix {
     display: block;
}

	.clear-space {
		    height:50px;
	}

.margin-zero {
	   margin: 0 !important;
}

.margin-top-zero {
	   margin-top: 0 !important;
}

.margin-bottom-zero {
	margin-bottom: 0 !important;
}

.margin-left-zero {
	   margin-left: 0 !important;
}

.margin-right-zero {
	   margin-right: 0 !important;
}

.padding-zero {
	   padding: 0 !important;
}

.padding-top-zero {
	   padding-top: 0 !important;
}

.padding-bottom-zero {
	   padding-bottom: 0 !important;
}

.padding-left-zero {
	   padding-left: 0 !important;
}

.padding-right-zero {
	   padding-right: 0 !important;
}

/* end hide from IE-mac */
.align-left {
     text-align: left;
}

.align-right {
     text-align: right;
}

.align-center {
     margin: auto;
	 text-align: center;
}

.alignnone {
     clear: both;
     font-size: 0;
     line-height: 0;
     margin: 0;
     padding: 0;
     border: 0;
     height: 0;
     width: 0;
}

.centered {
     text-align: center !important;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* Fade in */

.visible {
    visibility: visible !important;
}

.hidden {
    visibility: hidden;
}

/**/

.visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
}

	.visuallyhidden.focusable:active,  
	.visuallyhidden.focusable:focus {
		 clip: auto;
		 height: auto;
		 margin: 0;
		 overflow: visible;
		 position: static;
		 width: auto;
	}

.invisible {
     visibility: hidden;
}

.block {
	 display: block !important;
	 /*overflow: hidden;*/
	 /*margin: 0 0.65em;*/
}

.full-width {
	 width: 100% !important;
	 margin: 0.75em auto !important;
	 background: #c9c9c9;
}

.display-table {
	display: table !important;
}

section {
	margin: 0 auto
}

.gray-txt {
	color: #353535;
}

.light-gray-txt {
	color: #696969;
}

/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* Typography
--------------------------------------------------------------------------------------------------------*/

strong {
     font-weight: 700;
}

a,  a > * {
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
	  -ms-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
}

a {
	color: #909090;
	text-decoration: underline;
}

a:hover,
a:focus {
     color: #2f2f2f;
}

p {
     padding: 0;
     line-height: 1.5;
     letter-spacing: 0.2px;
}

.small {
     font-size: 0.65em;
}

em {
     font-style: italic;
}


/* End Typography
--------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width : 1023px) {	
	.mobile {
		display: block !important;
	}
	
	.desk {
		display: none !important;
	}
}

@media only screen and (min-width : 1024px) {	
	.mobile {
		display: none !important;
	}
	
	.desk {
		display: block !important;
	}
}