/*
Theme Name: Construct
Theme URI: http://webylabs.com/
Author: Jasin@Webylabs.com
*/

/**
 * -----------------------------------------------------------------------------------------------
 * PLEASE DO NOT MODIFY THIS FILE DIRECTLY UNLESS YOU KNOW WHAT YOU ARE DOING
 * See url('/style.css') for further notes
 * -----------------------------------------------------------------------------------------------
 */

/**
 ***************************************************
 Table Of Contents
	* Init
	* Typography and HTML Tags
		o Default
		o Headings
		o HTML Tags
		o Blockquotes
		o Links
		o Code
		o Definitions
	* Lists
	* Forms
	* Tables
	* Images, Captions and Objects
	* Utlity Classes
		o Miscellaneous
		o Alignments
		o Accessibility - Assistive Text
		o WP $content_width Classes
	* Theme's Base Classes
		o Text classes
		o Elements - Borders and Backgrounds
		o Elements - Dividers
		o Elements - Read More button
		o Elements - Alternate Images
		o Accent Typo
		o Animation Classes
	* Font Awesome v3.1.1
	* Media Queries
		o Phones
 ***************************************************
 */



/* INIT
================================================================================================== */

::selection { }
::-moz-selection { }



/* TYPOGRAPHY AND HTML TAGS
================================================================================================== */

/*** Default ***/
body { /*font family/size/color modified in adminpanel*/ text-align: left; font-size: 13px; line-height: 1.6923076em; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #444; -webkit-font-smoothing: antialiased; /* for better webkit rendering */ -webkit-text-size-adjust: 100%; /* size in percentage at which to display text in Safari on iPhone */ position: relative; }

/*** Headings ***/
h1, h2, h3, h4, h5, h6, .wf_title { line-height: 1.25em; margin: 25px 0 15px 0; font-weight: normal; text-rendering: optimizelegibility; }
h1 { font-size: 2.153846153846154em; } /* 28px :: 13px */
h2 { font-size: 1.846153846153846em; } /* 24px :: 13px */
h3 { font-size: 1.692307692307692em; } /* 22px :: 13px */
h4 { font-size: 1.538461538461538em; } /* 20px :: 13px */
h5 { font-size: 1.384615384615385em; } /* 18px :: 13px */
h6 { font-size: 1.384615384615385em; } /* 18px :: 13px */

/*** HTML Tags ***/
p { margin: 1.416em 0; }
hr { border-style: solid; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0; }
em { font-style: italic; }
strong, b { font-weight: bold;  }
small { font-size: 0.85em; line-height: 1.3em; }
cite { font-style: italic; }
address { display: block; margin: 1.416em 0; font-style: normal; border: 1px dotted; padding: 1px 5px; }
abbr[title], acronym[title]{ cursor: help; border-bottom: 1px dotted; }
abbr.initialism { font-size: 90%; text-transform: uppercase; }

/*** Blockquote ***/
blockquote, q { border-left: 5px solid; padding-left: 15px; margin: 1.416em 1em 1.416em 5px; display: block; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
blockquote p { }
blockquote small, blockquote cite { display: block; line-height: 1.8em;}
blockquote small:before { content: '\2014 \00A0'; }
blockquote cite:before { content: "\2014 \0020"; padding: 0px 3px; }
blockquote.pull_right { border-right: 5px solid; border-left: 0; padding-right: 15px; padding-left: 0; }
blockquote.pull_right, blockquote.pull_right p, blockquote.pull_right small { text-align: right; }
blockquote.pullquote:before { }


/*** Links ***/
a { text-decoration: none; outline: 0; -webkit-transition: color 0.5s ease-in, background-color 0.5s linear; -moz-transition: color 0.5s ease-in, background-color 0.5s linear; -o-transition: color 0.5s ease-in, background-color 0.5s linear; transition: color 0.5s ease-in, background-color 0.5s linear; }
a.linkstyle, .linkstyle a { text-decoration: underline; }
h1 a.linkstyle, .linkstyle h1 a, h2 a.linkstyle, .linkstyle h2 a, h3 a.linkstyle, .linkstyle h3 a, h4 a.linkstyle, .linkstyle h4 a, h5 a.linkstyle, .linkstyle h5 a, h6 a.linkstyle, .linkstyle h6 a, .wf_title a.linkstyle, .linkstyle .wf_title a, .wf_titlefont a.linkstyle, .linkstyle .wf_titlefont a { text-decoration: none; }
a:hover, a:focus, a:visited { outline: 0; }

/*** Code ***/
code, pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace;  }
pre { overflow-x: auto; }
code { padding: 2px 5px; margin: 0; border: dashed 1px; }
pre { display: block; padding: 5px 10px; margin: 1.416em 0; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; }
pre.scrollable { max-height: 340px; overflow-y: scroll; }

/*** Definitions ***/
dl { margin: 0.85em 0; }
dt { font-weight: bold; }
dd { margin-left: 10px; }
.dl_horizontal { *zoom: 1; }
.dl_horizontal:before, .dl_horizontal:after { display: table; line-height: 0; content: ""; }
.dl_horizontal:after { clear: both; }
.dl_horizontal dt { float: left; width: 12.3em; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.dl_horizontal dd { margin-left: 13.8em; }



/* LISTS
================================================================================================== */

ul, ol { margin: 0px; padding: 0; list-style: none outside; }
li { margin: 0px; padding: 0; }
ul.unstyled, ol.unstyled { margin: 0 !important; padding: 0 !important; list-style: none outside !important; }
#main ul, #main ol { margin: 1.416em 0; }
#main ol { list-style: decimal outside; margin-left: 15px; }
#main ul, #main ul.disc { list-style: disc outside; margin-left: 15px; }
#main ul.square { list-style: square outside; }
#main ul.circle { list-style: circle outside; }
#main ul ul, #main ul ol,
#main ol ol, #main ol ul { margin: 2px 0 2px 20px;  }
#main ul ul li, #main ul ol li,
#main ol ol li, #main ol ul li { }
.borderlist>li:first-child {  border-top: 1px solid; }
.borderlist>li { border-bottom: 1px solid; padding: 0.15em 0; list-style-position: outside; }



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

form { margin-bottom: 20px; }
fieldset { padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 1.6em; line-height: 1.8em; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }
legend small { font-size: 1.15em; color: #999999; }
label, input, button, select, textarea { font-size: 1em; font-weight: normal; line-height: 1.4em; }
label { display: inline-block; margin-bottom: 5px; font-weight: bold; font-size: 0.92em; }
.input-text, .uneditable-input, textarea, select,
input[type="text"], input[type="input"], input[type="password"], input[type="email"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { -webkit-appearance: none; border: 1px solid #e1e1e1; padding: 6px 8px; outline: none; font-size: 1em; line-height:1.4em; color: #777; margin: 0; max-width: 98%; display: inline-block; background: #fff;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	   -o-transition: border linear 0.2s, box-shadow linear 0.2s;
		  transition: border linear 0.2s, box-shadow linear 0.2s; }
.input-text:focus, textarea:focus,
input[type="text"]:focus, input[type="input"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border: 1px solid #aaa; color: #555; outline: 0; outline: thin dotted \9; /* IE6-9 */ -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow:  0 0 3px rgba(0,0,0,.2); }
input[type="submit"], #submit, .button{ padding: 6px 14px; cursor: pointer; border: solid 1px; text-transform: uppercase;
		-webkit-transition: color 0.2s ease-in, background-color 0.5s linear, box-shadow linear 0.2s;
		   -moz-transition: color 0.2s ease-in, background-color 0.5s linear, box-shadow linear 0.2s;
			 -o-transition: color 0.2s ease-in, background-color 0.5s linear, box-shadow linear 0.2s;
				transition: color 0.2s ease-in, background-color 0.5s linear, box-shadow linear 0.2s; }
input[type="submit"]:hover, #submit:hover, .button:hover {
			-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35) !important;
			   -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35) !important;
					box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35) !important; }
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }
input[type="checkbox"] { display: inline; }
input[type="radio"], input[type="checkbox"] { line-height: normal; cursor: pointer;  margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; }
textarea { height: auto; min-height: 60px; line-height: 1.5em; }
select { width: 215px; background: #fff url('../images/select.png') no-repeat center right; }
select[multiple], select[size] { height: auto; }
/* Special */
input:-moz-placeholder, textarea:-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; }
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed;   background-color: #eeeeee; }
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {   background-color: transparent; }
.uneditable-input, .uneditable-textarea { color: #999999; cursor: not-allowed; background-color: #fcfcfc; border-color: #cccccc; }
.uneditable-input { overflow: hidden; white-space: nowrap; }
.uneditable-textarea { width: auto; height: auto; }



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

table { width: 100%; padding: 0; margin: 1em 0; border-collapse: collapse; border-spacing: 0; }
table caption { padding: 0 0 5px 0; width: auto; font-style:italic; text-align: right; }
th { font-weight:bold; letter-spacing: 1.5px; line-height: 1.5em; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; }
th.nobg { background: none; }
td { font-size: 1em; padding: 6px 6px 6px 12px; }
tr th:first-child, tr td:first-child {  }
.table_striped tbody tr:nth-child(odd) td, .table_striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; }



/* IMAGES, CAPTIONS and OBJECTS
================================================================================================== */

iframe, object, embed { max-width: 100%; }
img, a img { border: none; padding: 0; margin: 0; display: inline-block; max-width: 100%; height: auto; image-rendering: optimizeQuality; }
.lt-ie8 img { width: 100%; }
.lt-ie8 img{ -ms-interpolation-mode: bicubic; }
/* Image Styles */
.img_round { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.img_polaroid { padding: 4px; border: 1px solid; }
.img_circle { -webkit-border-radius: 800px; -moz-border-radius: 800px; border-radius: 800px; }
.img_frame { padding: 4px; border: 1px solid; }
.img_noborder img, img.img_noborder { border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
#content .size-thumbnail, #content .size-medium, #content .size-large, #content .size-full,
.atch_image_content img,
.img_polaroid, .img_frame { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*to accomodate border and padding width*/ }
/* WordPress Post Thumbnails and Content Images */
.wp-post-image { }
.size-thumbnail { }
.size-medium { }
.size-large { }
.size-full { }
/* Wordpress Gallery (Overwrite WP's inline Gallery CSS) */
#page .gallery { border: solid 1px; line-height: 1px;/*to fix <br>*/ }
#page .gallery .gallery-item { padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#page .gallery img { border-width: 1px; }
.attachment-thumbnail { }
.attachment-medium { }
.attachment-large { }
.attachment-full { }
/* Image Captions */
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: .846em; line-height: 1.4em; }
.gallery-caption { margin-top: 3px; }
/* WordPress Image Alignment */
.aligncenter { clear: both; display: block; margin: 0.615em auto; text-align: center; }
img.aligncenter { margin: 1.416em auto }
.alignleft { float: left; margin: 5px 18px 2px 0; display: block; }
.alignright { float: right; margin: 5px 0 2px 18px; display: block; }
.alignleft img, .alignright img { display :block; } 



/* UTILITY CLASSES
================================================================================================== */

/*** Misc ***/
.chromeframe { padding: 1em; border: solid 3px #F00; background: #fff; color: #f00; font-weight: bold; margin: 0; }
.flushed { padding: 0; }
.first { margin-left: 0 !important; clear: left; }
.last { margin-right: 0 !important; clear: right; }
.no_margin { margin-left: 0 !important; margin-right: 0 !important; }
.flush_margin { margin-top: 0 !important; margin-bottom: 0 !important; }
.hide { display: none; }
.forcehide { display: none !important; }
.border_box_size { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fright { float: right !important; }
.fleft { float: left !important; }
.fcenter { margin-left: auto; margin-right: auto; text-align: center; }
.ftable, .ftable_auto { display: table; /*IE7 patch*/ *position: relative; }
.ftable { width: 100%; }
.fcell { display: table-cell; /*IE7 patch*/ *float: left; }
.fcell_mid { display: table-cell; vertical-align: middle; /*IE7 patch*/ *position: absolute; *top: 0; *bottom: 0; *left: 0; *right: 0; *margin: auto; }
/* Clearfix : If no IE6/7 compatibility, replace next 3 rules with .clearfix:after { content:""; display:table; clear:both; } */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
/* CSS image replacement */
.hide_text { font: 0/0 a !important; color: transparent !important; text-shadow: none !important; background-color: transparent !important; border: 0 !important; width: 0; height: 0; overflow: hidden; }
/* Spaces */
[class*="hspace"] { height: 1px; display: inline-block; }
.hspace40 { width: 39px; }
.hspace30 { width: 29px; }
.hspace20 { width: 19px; }
.hspace10 { width: 9px; }
[class*="vspace"] { display: block; clear: both; }
.vspace50 { height: 50px; }
.vspace30 { height: 30px; }
.vspace15 { height: 15px; }
.vspace5 { height: 5px; }
.vspace5em { height: 0.5em; }
.vspace10em { height: 1em; }
.vspace_custom { }

/*** Alignments ***/
.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.textjustify { text-align: justify; }

/*** Accessibility - Assistive Text ***/
/* for screen readers / text browsers */
.assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }
#site-navigation a.assistive-text:active, #site-navigation a.assistive-text:focus { background: #eee; border: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; }

/*** WP $content_width Classes ***/
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }



/* THEME's BASE CLASSES
================================================================================================== */

/*** Text Classes ***/
.lead { font-size: 1.4em; font-weight: 200; line-height: 1.4em; }

/*** Elements - Borders and Backgrounds ***/
.dropshadow1 { }

/*** Elements - Dividers ***/
.wf_divider { position: relative; z-index: 11; border-top: solid 1px; margin: 2.416em 0; clear: both; }
.wf_divider_simple { }
.wf_divider_smart { margin-right: 12%; margin-left: 12%; }
.wf_divider_top { position: absolute; right: -1px; top:0; cursor: pointer; font-size: 8px; line-height: 14px; margin-top: -9px; padding: 0px 5px; border: solid 1px; text-transform: uppercase; }

/*** Elements - Read More button ***/
.wfreadmore { margin-top: 1em; }
.wfreadmore:hover { }
.wfreadmore span.moretext { font-size: 0.9em; font-style: italic; }

/*** Elements - Alternate Images ***/
.altimgbox { position: relative; }
.altimg { filter: alpha(opacity=0); opacity: 0; display: block; position: absolute; width: 100%; height: 100%; z-index: 1; }
.altimg img { }

/*** Accent Typo ***/
.accenttypo1 ::selection, .accenttypo1 ::-moz-selection { }
.accenttypo1 { }
.accenttypo2 ::selection, .accenttypo2 ::-moz-selection { }
.accenttypo2 { }

/*** Animation Classes ***/
/*** @credit: Two thumbs up to Mary Lou @tympanus.net *//* @CREDIT: Two thumbs up to Mary Lou @tympanus.net ***/
.wf_box_toanimate { }
.wf_box_animated { }
.cssanimations.csstransforms .wf_anim1 .wf_toanimate,
.cssanimations.csstransforms .wf_anim2 .wf_toanimate,
.cssanimations.csstransforms.csstransforms3d .wf_anim3 .wf_toanimate,
.cssanimations.csstransforms.csstransforms3d .wf_anim4 .wf_toanimate { filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; }

/* 2D animation 1 and 2 */
.cssanimations.csstransforms .wf_anim1 .wf_animation {
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	-moz-animation: scaleUp 0.65s ease-in-out forwards;
	-o-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}
.cssanimations.csstransforms .wf_anim2 .wf_animation {
	-webkit-transform: translateY(170px) scale(0.6);
	-moz-transform: translateY(170px) scale(0.6);
	-o-transform: translateY(170px) scale(0.6);
	transform: translateY(170px) scale(0.6);
	-webkit-animation: returnY 0.65s ease forwards;
	-moz-animation: returnY 0.65s ease forwards;
	-o-animation: returnY 0.65s ease forwards;
	animation: returnY 0.65s ease forwards;
}
@-webkit-keyframes scaleUp {
	to { -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}
@-moz-keyframes scaleUp {
	to { -moz-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}
@-o-keyframes scaleUp {
	to { -o-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}
@keyframes scaleUp {
	to { transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}
@-webkit-keyframes returnY {
	to { -webkit-transform: translateY(0) scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}
@-moz-keyframes returnY {
	to { -moz-transform: translateY(0) scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}
@-o-keyframes returnY {
	to { -o-transform: translateY(0) scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}
@keyframes returnY {
	to { transform: translateY(0) scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}
@-webkit-keyframes returnX {
	to { -webkit-transform: translateX(0) scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}
@-moz-keyframes returnX {
	to { -moz-transform: translateX(0) scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}
@-o-keyframes returnX {
	to { -o-transform: translateX(0) scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}
@keyframes returnX {
	to { transform: translateX(0) scale(1); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
}

/* 3D animations 3 and 4 */
.wf_anim3 .wf_carimg, .wf_anim3 .post_blip_img, .wf_anim3 .postbox_img,
.wf_anim4 .wf_carimg, .wf_anim4 .post_blip_img, .wf_anim4 .postbox_img {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.cssanimations.csstransforms.csstransforms3d .wf_anim3 .wf_animation {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	-moz-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	-moz-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}
.cssanimations.csstransforms.csstransforms3d .wf_anim4 .wf_animation {
	--webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .8s ease-in-out forwards;
	-moz-animation: helix .8s ease-in-out forwards;
	animation: helix .8s ease-in-out forwards;
}
@-webkit-keyframes flip {
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}
@-moz-keyframes flip {
	100% { -moz-transform: rotateX(0deg); opacity: 1; }
}
@keyframes flip {
	100% { transform: rotateX(0deg); opacity: 1; }
}
@-webkit-keyframes helix {
	100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}
@-moz-keyframes helix {
	100% { -moz-transform: rotateY(0deg); opacity: 1; }
}
@keyframes helix {
	100% { transform: rotateY(0deg); opacity: 1; }
}


/* FONT AWESOME v3.1.1 [MODIFIED FOR WEBYFRAMES]
/* by Font Awesome - http://fortawesome.github.com/Font-Awesome
================================================================================================== */

@font-face {
  font-family: "FontAwesome";
  src: url('../fonticons/FontAwesome.eot');
  src: url('../fonticons/FontAwesome.eot?#iefix') format('eot'), url('../fonticons/FontAwesome.woff') format('woff'), url('../fonticons/FontAwesome.ttf') format('truetype'), url('../fonticons/FontAwesome.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*** Font Awesome Styles ***/
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; speak: none; -webkit-font-smoothing: antialiased; vertical-align: bottom; margin: 0 6px 0 4px; }
a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; }
.btn [class^="icon-"], .btn [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: .9em; }
li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; }
li[class^="icon-"], li[class*=" icon-"] { margin-left: 0.5em; list-style-type: none; }
li[class^="icon-"]:before, li[class*=" icon-"]:before { text-indent: -2.5em; text-align: center; position: absolute; }

/*** using the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons ***/
/*modified - PUA \e... namespace */
.icon-google-drive:before		{ content: "\e002"; }
.icon-instagram:before			{ content: "\e003"; }
.icon-youtube:before			{ content: "\e004"; }
.icon-vimeo:before				{ content: "\e006"; }
.icon-picassa:before			{ content: "\e00a"; }
.icon-dribbble:before			{ content: "\e00d"; }
.icon-forrst:before				{ content: "\e00e"; }
.icon-deviantart:before			{ content: "\e010"; }
.icon-wordpress:before			{ content: "\e014"; }
.icon-blogger:before			{ content: "\e016"; }
.icon-tumblr:before				{ content: "\e018"; }
.icon-yahoo:before				{ content: "\e01a"; }
.icon-amazon:before				{ content: "\e01c"; }
.icon-soundcloud:before			{ content: "\e01e"; }
.icon-skype:before				{ content: "\e020"; }
.icon-reddit:before				{ content: "\e021"; }
.icon-lastfm:before				{ content: "\e022"; }
.icon-delicious:before			{ content: "\e024"; }
.icon-foursquare:before			{ content: "\e02b"; }
.icon-yelp:before				{ content: "\e02d"; }
.icon-flickr:before				{ content: "\e008"; }
.icon-stumbleupon:before		{ content: "\e025"; }
.icon-diamond:before			{ content: "\e001"; }
.icon-coffee:before				{ content: "\e005"; }
.icon-clubs:before				{ content: "\e009"; }
.icon-screen:before				{ content: "\e00c"; }
.icon-key:before				{ content: "\e00f"; }
.icon-home:before				{ content: "\e000"; }
.icon-film:before				{ content: "\e011"; }
.icon-cart:before				{ content: "\e012"; }
.icon-basket:before				{ content: "\e013"; }
.icon-support:before			{ content: "\e015"; }
.icon-mail:before				{ content: "\e019"; }
.icon-stats-up:before			{ content: "\e01d"; }
.icon-rocket:before				{ content: "\e01f"; }
.icon-meter-slow:before			{ content: "\e023"; }
.icon-meter-medium:before		{ content: "\e026"; }
.icon-meter-fast:before			{ content: "\e027"; }
.icon-newspaper:before			{ content: "\e028"; }
.icon-camera:before				{ content: "\e029"; }
.icon-spades:before				{ content: "\e007"; }
.icon-pie:before				{ content: "\e00b"; }
.icon-puzzle:before				{ content: "\e01b"; }
.icon-link:before				{ content: "\e02a"; }
.icon-attachment:before			{ content: "\e02c"; }

/*font awesome 3.1.1*/
.icon-glass:before				{ content: "\f000"; }
.icon-music:before				{ content: "\f001"; }
.icon-search:before				{ content: "\f002"; }
.icon-envelope:before			{ content: "\f003"; }
.icon-heart:before				{ content: "\f004"; }
.icon-star:before				{ content: "\f005"; }
.icon-star-empty:before			{ content: "\f006"; }
.icon-user:before				{ content: "\f007"; }
.icon-film:before				{ content: "\f008"; }
.icon-th-large:before			{ content: "\f009"; }
.icon-th:before					{ content: "\f00a"; }
.icon-th-list:before			{ content: "\f00b"; }
.icon-ok:before					{ content: "\f00c"; }
.icon-remove:before				{ content: "\f00d"; }
.icon-zoom-in:before			{ content: "\f00e"; }
.icon-zoom-out:before			{ content: "\f010"; }
.icon-off:before				{ content: "\f011"; }
.icon-signal:before				{ content: "\f012"; }
.icon-cog:before				{ content: "\f013"; }
.icon-trash:before				{ content: "\f014"; }
.icon-home:before				{ content: "\f015"; }
.icon-file:before				{ content: "\f016"; }
.icon-time:before				{ content: "\f017"; }
.icon-road:before				{ content: "\f018"; }
.icon-download-alt:before		{ content: "\f019"; }
.icon-download:before			{ content: "\f01a"; }
.icon-upload:before				{ content: "\f01b"; }
.icon-inbox:before				{ content: "\f01c"; }
.icon-play-circle:before		{ content: "\f01d"; }
.icon-repeat:before,
.icon-rotate-right:before		{ content: "\f01e"; }
/* F020 doesn't work in Safari. all shifted one down */
.icon-refresh:before			{ content: "\f021"; }
.icon-list-alt:before			{ content: "\f022"; }
.icon-lock:before				{ content: "\f023"; }
.icon-flag:before				{ content: "\f024"; }
.icon-headphones:before			{ content: "\f025"; }
.icon-volume-off:before			{ content: "\f026"; }
.icon-volume-down:before		{ content: "\f027"; }
.icon-volume-up:before			{ content: "\f028"; }
.icon-qrcode:before				{ content: "\f029"; }
.icon-barcode:before			{ content: "\f02a"; }
.icon-tag:before				{ content: "\f02b"; }
.icon-tags:before				{ content: "\f02c"; }
.icon-book:before				{ content: "\f02d"; }
.icon-bookmark:before			{ content: "\f02e"; }
.icon-print:before				{ content: "\f02f"; }
.icon-camera:before				{ content: "\f030"; }
.icon-font:before				{ content: "\f031"; }
.icon-bold:before				{ content: "\f032"; }
.icon-italic:before				{ content: "\f033"; }
.icon-text-height:before		{ content: "\f034"; }
.icon-text-width:before			{ content: "\f035"; }
.icon-align-left:before			{ content: "\f036"; }
.icon-align-center:before		{ content: "\f037"; }
.icon-align-right:before		{ content: "\f038"; }
.icon-align-justify:before		{ content: "\f039"; }
.icon-list:before				{ content: "\f03a"; }
.icon-indent-left:before		{ content: "\f03b"; }
.icon-indent-right:before		{ content: "\f03c"; }
.icon-facetime-video:before		{ content: "\f03d"; }
.icon-picture:before			{ content: "\f03e"; }
.icon-pencil:before				{ content: "\f040"; }
.icon-map-marker:before			{ content: "\f041"; }
.icon-adjust:before				{ content: "\f042"; }
.icon-tint:before				{ content: "\f043"; }
.icon-edit:before				{ content: "\f044"; }
.icon-share:before				{ content: "\f045"; }
.icon-check:before				{ content: "\f046"; }
.icon-move:before				{ content: "\f047"; }
.icon-step-backward:before		{ content: "\f048"; }
.icon-fast-backward:before		{ content: "\f049"; }
.icon-backward:before			{ content: "\f04a"; }
.icon-play:before				{ content: "\f04b"; }
.icon-pause:before				{ content: "\f04c"; }
.icon-stop:before				{ content: "\f04d"; }
.icon-forward:before			{ content: "\f04e"; }
.icon-fast-forward:before		{ content: "\f050"; }
.icon-step-forward:before		{ content: "\f051"; }
.icon-eject:before				{ content: "\f052"; }
.icon-chevron-left:before		{ content: "\f053"; }
.icon-chevron-right:before		{ content: "\f054"; }
.icon-plus-sign:before			{ content: "\f055"; }
.icon-minus-sign:before			{ content: "\f056"; }
.icon-remove-sign:before		{ content: "\f057"; }
.icon-ok-sign:before			{ content: "\f058"; }
.icon-question-sign:before		{ content: "\f059"; }
.icon-info-sign:before			{ content: "\f05a"; }
.icon-screenshot:before			{ content: "\f05b"; }
.icon-remove-circle:before		{ content: "\f05c"; }
.icon-ok-circle:before			{ content: "\f05d"; }
.icon-ban-circle:before			{ content: "\f05e"; }
.icon-arrow-left:before			{ content: "\f060"; }
.icon-arrow-right:before		{ content: "\f061"; }
.icon-arrow-up:before			{ content: "\f062"; }
.icon-arrow-down:before			{ content: "\f063"; }
.icon-share-alt:before,
.icon-mail-forward:before		{ content: "\f064"; }
.icon-resize-full:before		{ content: "\f065"; }
.icon-resize-small:before		{ content: "\f066"; }
.icon-plus:before				{ content: "\f067"; }
.icon-minus:before				{ content: "\f068"; }
.icon-asterisk:before			{ content: "\f069"; }
.icon-exclamation-sign:before	{ content: "\f06a"; }
.icon-gift:before				{ content: "\f06b"; }
.icon-leaf:before				{ content: "\f06c"; }
.icon-fire:before				{ content: "\f06d"; }
.icon-eye-open:before			{ content: "\f06e"; }
.icon-eye-close:before			{ content: "\f070"; }
.icon-warning-sign:before		{ content: "\f071"; }
.icon-plane:before				{ content: "\f072"; }
.icon-calendar:before			{ content: "\f073"; }
.icon-random:before				{ content: "\f074"; }
.icon-comment:before			{ content: "\f075"; }
.icon-magnet:before				{ content: "\f076"; }
.icon-chevron-up:before			{ content: "\f077"; }
.icon-chevron-down:before		{ content: "\f078"; }
.icon-retweet:before			{ content: "\f079"; }
.icon-shopping-cart:before		{ content: "\f07a"; }
.icon-folder-close:before		{ content: "\f07b"; }
.icon-folder-open:before		{ content: "\f07c"; }
.icon-resize-vertical:before	{ content: "\f07d"; }
.icon-resize-horizontal:before	{ content: "\f07e"; }
.icon-bar-chart:before			{ content: "\f080"; }
.icon-twitter-sign:before		{ content: "\f081"; }
.icon-facebook-sign:before		{ content: "\f082"; }
.icon-camera-retro:before		{ content: "\f083"; }
.icon-key:before				{ content: "\f084"; }
.icon-cogs:before				{ content: "\f085"; }
.icon-comments:before			{ content: "\f086"; }
.icon-thumbs-up:before			{ content: "\f087"; }
.icon-thumbs-down:before		{ content: "\f088"; }
.icon-star-half:before			{ content: "\f089"; }
.icon-heart-empty:before		{ content: "\f08a"; }
.icon-signout:before			{ content: "\f08b"; }
.icon-linkedin-sign:before		{ content: "\f08c"; }
.icon-pushpin:before			{ content: "\f08d"; }
.icon-external-link:before		{ content: "\f08e"; }
.icon-signin:before				{ content: "\f090"; }
.icon-trophy:before				{ content: "\f091"; }
.icon-github-sign:before		{ content: "\f092"; }
.icon-upload-alt:before			{ content: "\f093"; }
.icon-lemon:before				{ content: "\f094"; }
.icon-phone:before				{ content: "\f095"; }
.icon-check-empty:before		{ content: "\f096"; }
.icon-bookmark-empty:before		{ content: "\f097"; }
.icon-phone-sign:before			{ content: "\f098"; }
.icon-twitter:before			{ content: "\f099"; }
.icon-facebook:before			{ content: "\f09a"; }
.icon-github:before				{ content: "\f09b"; }
.icon-unlock:before				{ content: "\f09c"; }
.icon-credit-card:before		{ content: "\f09d"; }
.icon-rss:before				{ content: "\f09e"; }
.icon-hdd:before				{ content: "\f0a0"; }
.icon-bullhorn:before			{ content: "\f0a1"; }
.icon-bell:before				{ content: "\f0a2"; }
.icon-certificate:before		{ content: "\f0a3"; }
.icon-hand-right:before			{ content: "\f0a4"; }
.icon-hand-left:before			{ content: "\f0a5"; }
.icon-hand-up:before			{ content: "\f0a6"; }
.icon-hand-down:before			{ content: "\f0a7"; }
.icon-circle-arrow-left:before	{ content: "\f0a8"; }
.icon-circle-arrow-right:before	{ content: "\f0a9"; }
.icon-circle-arrow-up:before	{ content: "\f0aa"; }
.icon-circle-arrow-down:before	{ content: "\f0ab"; }
.icon-globe:before				{ content: "\f0ac"; }
.icon-wrench:before				{ content: "\f0ad"; }
.icon-tasks:before				{ content: "\f0ae"; }
.icon-filter:before				{ content: "\f0b0"; }
.icon-briefcase:before			{ content: "\f0b1"; }
.icon-fullscreen:before			{ content: "\f0b2"; }
.icon-group:before				{ content: "\f0c0"; }
.icon-link:before				{ content: "\f0c1"; }
.icon-cloud:before				{ content: "\f0c2"; }
.icon-beaker:before				{ content: "\f0c3"; }
.icon-cut:before				{ content: "\f0c4"; }
.icon-copy:before				{ content: "\f0c5"; }
.icon-paper-clip:before			{ content: "\f0c6"; }
.icon-save:before				{ content: "\f0c7"; }
.icon-sign-blank:before			{ content: "\f0c8"; }
.icon-reorder:before			{ content: "\f0c9"; }
.icon-list-ul:before			{ content: "\f0ca"; }
.icon-list-ol:before			{ content: "\f0cb"; }
.icon-strikethrough:before		{ content: "\f0cc"; }
.icon-underline:before			{ content: "\f0cd"; }
.icon-table:before				{ content: "\f0ce"; }
.icon-magic:before				{ content: "\f0d0"; }
.icon-truck:before				{ content: "\f0d1"; }
.icon-pinterest:before			{ content: "\f0d2"; }
.icon-pinterest-sign:before		{ content: "\f0d3"; }
.icon-google-plus-sign:before	{ content: "\f0d4"; }
.icon-google-plus:before		{ content: "\f0d5"; }
.icon-money:before				{ content: "\f0d6"; }
.icon-caret-down:before			{ content: "\f0d7"; }
.icon-caret-up:before			{ content: "\f0d8"; }
.icon-caret-left:before			{ content: "\f0d9"; }
.icon-caret-right:before		{ content: "\f0da"; }
.icon-columns:before			{ content: "\f0db"; }
.icon-sort:before				{ content: "\f0dc"; }
.icon-sort-down:before			{ content: "\f0dd"; }
.icon-sort-up:before			{ content: "\f0de"; }
.icon-envelope-alt:before		{ content: "\f0e0"; }
.icon-linkedin:before			{ content: "\f0e1"; }
.icon-undo:before,
.icon-rotate-left:before		{ content: "\f0e2"; }
.icon-legal:before				{ content: "\f0e3"; }
.icon-dashboard:before			{ content: "\f0e4"; }
.icon-comment-alt:before		{ content: "\f0e5"; }
.icon-comments-alt:before		{ content: "\f0e6"; }
.icon-bolt:before				{ content: "\f0e7"; }
.icon-sitemap:before			{ content: "\f0e8"; }
.icon-umbrella:before			{ content: "\f0e9"; }
.icon-paste:before				{ content: "\f0ea"; }
.icon-lightbulb:before			{ content: "\f0eb"; }
.icon-exchange:before			{ content: "\f0ec"; }
.icon-cloud-download:before		{ content: "\f0ed"; }
.icon-cloud-upload:before		{ content: "\f0ee"; }
.icon-user-md:before			{ content: "\f0f0"; }
.icon-stethoscope:before		{ content: "\f0f1"; }
.icon-suitcase:before			{ content: "\f0f2"; }
.icon-bell-alt:before			{ content: "\f0f3"; }
.icon-coffee:before				{ content: "\f0f4"; }
.icon-food:before				{ content: "\f0f5"; }
.icon-file-alt:before			{ content: "\f0f6"; }
.icon-building:before			{ content: "\f0f7"; }
.icon-hospital:before			{ content: "\f0f8"; }
.icon-ambulance:before			{ content: "\f0f9"; }
.icon-medkit:before				{ content: "\f0fa"; }
.icon-fighter-jet:before		{ content: "\f0fb"; }
.icon-beer:before				{ content: "\f0fc"; }
.icon-h-sign:before				{ content: "\f0fd"; }
.icon-plus-sign-alt:before		{ content: "\f0fe"; }
.icon-double-angle-left:before	{ content: "\f100"; }
.icon-double-angle-right:before	{ content: "\f101"; }
.icon-double-angle-up:before	{ content: "\f102"; }
.icon-double-angle-down:before	{ content: "\f103"; }
.icon-angle-left:before			{ content: "\f104"; }
.icon-angle-right:before		{ content: "\f105"; }
.icon-angle-up:before			{ content: "\f106"; }
.icon-angle-down:before			{ content: "\f107"; }
.icon-desktop:before			{ content: "\f108"; }
.icon-laptop:before				{ content: "\f109"; }
.icon-tablet:before				{ content: "\f10a"; }
.icon-mobile-phone:before		{ content: "\f10b"; }
.icon-circle-blank:before		{ content: "\f10c"; }
.icon-quote-left:before			{ content: "\f10d"; }
.icon-quote-right:before		{ content: "\f10e"; }
.icon-spinner:before			{ content: "\f110"; }
.icon-circle:before				{ content: "\f111"; }
.icon-reply:before,
.icon-mail-reply:before			{ content: "\f112"; }
.icon-folder-close-alt:before	{ content: "\f114"; }
.icon-folder-open-alt:before	{ content: "\f115"; }
.icon-expand-alt:before			{ content: "\f116"; }
.icon-collapse-alt:before		{ content: "\f117"; }
.icon-smile:before				{ content: "\f118"; }
.icon-frown:before				{ content: "\f119"; }
.icon-meh:before				{ content: "\f11a"; }
.icon-gamepad:before			{ content: "\f11b"; }
.icon-keyboard:before			{ content: "\f11c"; }
.icon-flag-alt:before			{ content: "\f11d"; }
.icon-flag-checkered:before		{ content: "\f11e"; }
.icon-terminal:before			{ content: "\f120"; }
.icon-code:before				{ content: "\f121"; }
.icon-reply-all:before			{ content: "\f122"; }
.icon-mail-reply-all:before		{ content: "\f122"; }
.icon-star-half-full:before,
.icon-star-half-empty:before	{ content: "\f123"; }
.icon-location-arrow:before		{ content: "\f124"; }
.icon-crop:before				{ content: "\f125"; }
.icon-code-fork:before			{ content: "\f126"; }
.icon-unlink:before				{ content: "\f127"; }
.icon-question:before			{ content: "\f128"; }
.icon-info:before				{ content: "\f129"; }
.icon-exclamation:before		{ content: "\f12a"; }
.icon-superscript:before		{ content: "\f12b"; }
.icon-subscript:before			{ content: "\f12c"; }
.icon-eraser:before				{ content: "\f12d"; }
.icon-puzzle-piece:before		{ content: "\f12e"; }
.icon-microphone:before			{ content: "\f130"; }
.icon-microphone-off:before		{ content: "\f131"; }
.icon-shield:before				{ content: "\f132"; }
.icon-calendar-empty:before		{ content: "\f133"; }
.icon-fire-extinguisher:before	{ content: "\f134"; }
.icon-rocket:before				{ content: "\f135"; }
.icon-maxcdn:before				{ content: "\f136"; }
.icon-chevron-sign-left:before	{ content: "\f137"; }
.icon-chevron-sign-right:before	{ content: "\f138"; }
.icon-chevron-sign-up:before	{ content: "\f139"; }
.icon-chevron-sign-down:before	{ content: "\f13a"; }
.icon-html5:before				{ content: "\f13b"; }
.icon-css3:before				{ content: "\f13c"; }
.icon-anchor:before				{ content: "\f13d"; }
.icon-unlock-alt:before			{ content: "\f13e"; }
.icon-bullseye:before			{ content: "\f140"; }
.icon-ellipsis-horizontal:before{ content: "\f141"; }
.icon-ellipsis-vertical:before	{ content: "\f142"; }
.icon-rss-sign:before			{ content: "\f143"; }
.icon-play-sign:before			{ content: "\f144"; }
.icon-ticket:before				{ content: "\f145"; }
.icon-minus-sign-alt:before		{ content: "\f146"; }
.icon-check-minus:before		{ content: "\f147"; }
.icon-level-up:before			{ content: "\f148"; }
.icon-level-down:before			{ content: "\f149"; }
.icon-check-sign:before			{ content: "\f14a"; }
.icon-edit-sign:before			{ content: "\f14b"; }
.icon-external-link-sign:before	{ content: "\f14c"; }
.icon-share-sign:before			{ content: "\f14d"; }



/* MEDIA QUERIES
================================================================================================== */

/*** Phones ***/
@media only screen and (max-width: 767px) {

	/*** TYPOGRAPHY AND HTML TAGS :: Definitions ***/
	.responsive_M .dl-horizontal dt { float: none; width: auto; clear: none; text-align: left; }
	.responsive_M .dl-horizontal dd { margin-left: 0; }

	/*** THEME's BASE CLASSES :: Elements - Dividers ***/
	.responsive_M .wf_divider_top { font-size: 10px; line-height: 20px; margin-top: -10px; padding: 0px 5px; } /* make buttons bigger for easy tapping */

}