/*
Theme Name: Dolphin
Theme URI: http://progressionstudios.com/
Description: Site Template
Version: 1.0
Author: ProgressionStudios
Author URI: http://themeforest.net/user/ProgressionStudios/profile?ref=ProgressionStudios
*/

/*  Table of Contents 

01. HTML5 ✰ BOILERPLATE RESET FILE
02. COLORS AND FONTS
	A. COLOR SCHEME
	B. FONT FAMILIES
03. PRIMARY STYLES
	A. DEFAULT STYLES
	B. HEADER STYLES
	C. MAIN CONTAINER STYLES
	D. SIDEBAR STYLES
04. FOOTER STYLES
05. BLOG STYLES
06. PORTFOLIO STYLES
07. WIDGET STYLES
08. FEATURED SLIDER and PAGE TITLE
	A. PAGE TITLE
	B. FEATURED SLIDER
09. NAVIGATION
	A. ESSENTIAL STYLES
	B. RESIZING MENU
	C. DEMO SKIN
10. DEFAULT GRID
11. PRINT STYLES
12. LIGHTBOX STYLES

*/

/*
=============================================== 01. HTML5 ✰ BOILERPLATE RESET FILE ===============================================
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, 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: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; 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; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.lt-ie8 .clearfix {visibility:hidden; width:0;height:0;}


/*
=============================================== 02. COLORS AND FONTS ===============================================
*/
/* -------------------- A. COLOR SCHEME -------------------- */
	/* -- Header Background Color (#61aef4 and #fad940) -- */
body header, .sf-menu ul, .sf-menu ul ul, .sf-menu ul ul ul, #sidebar .social-icons-header li a, .pagination a:hover, .pagination a.selected { background-color:#5373b6; }

	/* -- Page Title Background (Wood Texture featured-section-wood1.jpg and featured-section-pattern.jpg) -- */
#featured-section {background-image:url(../images/bg.jpg); background-color:transparent; background-attachment:fixed;
	background-position:50% 50%;
	background-size:cover;
	margin:0;
	padding:0;
 }

	/* -- Main Content Background (#f0f0ef and #f0eee4) -- */
#main {background:#f0f0ef; }

	/* -- Footer Background Color (#e5e5e5 and #e6e3d2) -- */
body, footer { background:#e5e5e5; color:#828282; }

	/* -- Default Link Colors (#419dc2) --- */
a, a:visited, a.button:hover, .type-post h2 { color: #419dc2; }
a:hover, ul.tabs li a.active { color: #aaa; }

	/* -- Default Button Color (#5c5c5c) -- */
a.button {text-transform:uppercase; color:#5c5c5c; }

	/* -- Sidebar Heading Background Color (#ed6352) -- */
#sidebar h3 {background-color:#ee9727}

	/* -- Navigation Link Color (#ffffff) -- */
.sf-menu a, .sf-menu a:visited  {color:	#ffffff;}

/* -------------------- B. FONT FAMILIES -------------------- */
nav {font-family: 'Montserrat', sans-serif; font-weight:normal;}
nav ul ul, .flex-control-nav li a, h1, h2, h3, h4, h5, h6, .dark-button, .button, input.submit-button, .pagination, .pagination-portfolio {font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;}
@font-face {
    font-family: 'BlanchCondensedInline';
    src: url('../page-title-font/blanch_condensed_inline-webfont.eot');
    src: url('../page-title-font/blanch_condensed_inline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../page-title-font/blanch_condensed_inline-webfont.woff') format('woff'),
         url('../page-title-font/blanch_condensed_inline-webfont.ttf') format('truetype'),
         url('../page-title-font/blanch_condensed_inline-webfont.svg#BlanchCondensedInline') format('svg');
    font-weight: normal;
    font-style: normal;
}
.page-title h2 {font-family: 'BlanchCondensedInline', sans-serif; font-weight: normal; font-style: normal;}


/*
=============================================== 03. PRIMARY STYLES ===============================================
*/
/* -------------------- A. DEFAULT STYLES -------------------- */
body, footer {
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 14px; line-height: 1.4; 
}
a, a:visited, a.button:hover, .type-post h2 {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: color, opacity;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 200ms;
	-moz-transition-property: color, opacity;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-duration: 200ms;
	-o-transition-property: color, opacity;
	-o-transition-timing-function: ease-in-out;
}
p {padding-top:0px; margin:0px;}
p, ul, ol {margin-bottom: 14px;}
ul, ol {margin-left:0px; padding-left:16px;}
img {max-width: 100%;height: auto; }
h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; text-transform: uppercase; }
h1 {font-size:22px; margin-bottom:7px;}
h2 {font-size:18px; margin-bottom:6px;}
h3 {font-size:16px; margin-bottom:6px;}
h4 {font-size: 13px;margin-bottom: 4px;}
h5 {font-size:12px; margin-bottom:4px;}
h6 {font-size:11px; margin-bottom:4px;}
.type-post h2 {font-size:20px;}
h2.grey-header-bar {position:relative; white-space: nowrap; overflow:hidden; width:100%; }
h2.grey-header-bar:after {content: '';  width: 100%; background:#f9f9f9; display:inline-block; width:100%; height:14px; margin-left:7px; position:relative; top:1px;}
.lt-ie9 h2.grey-header-bar:after {display:none !important;]}
.rounded, #flickr-footer ul li img {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
hr {background:transparent; border-bottom:1px dotted #ccc; border-top:none; margin:20px 0px;}
ul.checkmark, ul.arrow {padding-left:0px;}
ul.checkmark li, ul.arrow li {list-style:none; padding-left:18px;}
ul.checkmark li {background:url(../images/checkmark.png) 0px 2px no-repeat;}
ul.arrow li {background:url(../images/sidebar-arrow.png) -4px 0px no-repeat;}
.alignright {float:right; margin:0 0 10px 10px;}
.alignleft {float:left; margin:0px 10px 10px 0px;}
.aligncenter {text-align:center;  margin:0px auto 10px auto; display:block; }
blockquote {background:url(../images/blockquote.png) 0px 0px no-repeat; padding-left:40px; font-style:italic; line-height:1.8;}
a.button {color:#5c5c5c; text-decoration:none; background:url(../images/button.png) top right no-repeat; padding-right:16px; line-height:1; position: relative; cursor: pointer;  }
a.button:hover {background-position:bottom right;}
a.dark-button, input.submit-button { background:#5c5c5c; background:rgba(92,92,92, 1);  text-transform:uppercase; padding:4px 14px; color:#fff; line-height:1; position: relative; cursor: pointer;  -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;  text-decoration:none; -webkit-transition-duration: 250ms; -webkit-transition-property: background; -webkit-transition-timing-function: ease; -moz-transition-duration: 250ms; -moz-transition-property: background; -moz-transition-timing-function: ease; -o-transition-duration: 250ms; -o-transition-property: background; -o-transition-timing-function: ease;}
a.dark-button:hover, input.submit-button:hover {background:#7c7c7c; background:rgba(92,92,92, .7); }
input.submit-button {display:block; padding:7px 15px; font-size:14px; border:none; margin-left:75px;}
#map {margin-bottom:15px;}
#map iframe { -moz-border-radius: 8px; -webkit-border-radius: 8px; width:100%; border-radius: 8px; border:0px;}
body.contact {background:#fff;}
#contact-frame {max-width: 100%; overflow: hidden;}
span.required {color:#d34a4a;}
#contact-wrapper {width:100%; padding-top:8px; padding-bottom:10px;}
input, textarea {background:#f9f9f9; border:1px solid #e7e7e7; font-size:14px; padding:10px; color:#666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: inset 0px 1px 3px #ddd; -webkit-box-shadow:inset 0px 1px 3px #ddd; box-shadow:inset  0px 1px 3px #ddd;}
input:focus, textarea:focus, #respond input:focus, #respond textarea:focus {  border: 1px solid #bddae3; -webkit-box-shadow: 0px 0px 4px #6a9ec9; -moz-box-shadow: 0px 0px 4px #6a9ec9; box-shadow: 0px 0px 4px #6a9ec9;}
input.button {border-top:none; border-left:none; margin-left:65px;}
input#submit {border-top:none; border-left:none; }
#contactform div {padding-bottom:24px;}
#contactform label {width:70px; display:inline-block; vertical-align: top; color:#999;}
#contactform label.error {display:block; width:100%; font-style:italic; padding-left:75px; height:25px; margin-bottom:-25px; font-size:11px; color:#dd8b8b;}
#contactform input.error { border: 1px dotted #f4cbcb; background:#f8eded; }
p.error {color:#dd8b8b; font-weight:bold;}
p.success {color:#64ba7c; font-size:14px; font-weight:bold; padding-bottom:2px; }
p.success2 {padding-bottom:8px;}
input#contactname, input#email {width:250px;}
textaarea#message {width:350px;}
.pagination-portfolio {margin:35px 0px 15px 0px;background:#f9f9f9; }
.pagination-portfolio .previous-button {display:block; float:left; background:#fff; padding:0px 10px 0px 0px;}
.pagination-portfolio .next-button {display:block; float:right;  background:#fff; padding:0px 0px 0px 10px;}


/* -------------------- B. HEADER STYLES -------------------- */

/* -------------------- TALL LOGO OPTION (REMOVE COMMENTS TO SEE THE NEW LOGO SIZE) -------------------- 
body header h1#logo {left:0px; top:0px; position:absolute; padding:10px;  -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.25 ); box-shadow:  2px 2px 5px rgba(0,0,0,.c); background:#ccc; }
*/
.header-container {width:1140px; margin:0px auto;  position:relative; }
header { margin:0px; padding:0px; }
header h1#logo {margin:0px; padding:0px; float:left;  z-index:101; position:relative;}
header h21#logo {
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 101;
}
header nav {float:right; z-index:900; position:relative; }
header nav21 {
	float: right;
	z-index: 900;
}

header { background-image:url(../images/header-background.png); background-repeat:repeat-x; background-position:bottom left;}
.header-divider {height:4px; margin-bottom:1px; display:block; background:url(../images/header-divider.png) top left repeat-x;}
.header-shadow {background:url(../images/header-shadow.png) top left repeat-x; display:block; height:11px; margin-bottom:-11px; position:relative; z-index:5; }
ul.social-icons-header {float:right; margin:0px 0px 0px 6px; padding:0px; list-style:none; z-index:100; position:relative;}
ul.social-icons-header li {float:left; display:inline; margin-top:15px; }
ul.social-icons-header li a {display:block; width:27px; height:28px; margin-left:7px; text-indent:-9999px; float:left; display:inline; background:url(../images/social-icons-header.png);}
ul.social-icons-header li.rss-icon a:hover {background-position:bottom left;}
ul.social-icons-header li.facebook-icon a {background-position:-27px 0px;}
ul.social-icons-header li.facebook-icon a:hover {background-position:-27px 28px;}
ul.social-icons-header li.twitter-icon a {background-position:-54px 0px;}
ul.social-icons-header li.twitter-icon a:hover {background-position:-54px 28px;}
ul.social-icons-header li.vimeo-icon a {background-position:-81px 0px;}
ul.social-icons-header li.vimeo-icon a:hover {background-position:-81px 28px;}
ul.social-icons-header li.tumblr-icon a {background-position:-108px 0px;}
ul.social-icons-header li.tumblr-icon a:hover {background-position:-108px 28px;}
ul.social-icons-header li.skype-icon a {background-position:-135px 0px;}
ul.social-icons-header li.skype-icon a:hover {background-position:-135px 28px;}
ul.social-icons-header li.youtube-icon a {background-position:-162px 0px;}
ul.social-icons-header li.youtube-icon a:hover {background-position:-162px 28px;}
ul.social-icons-header li.linkedin-icon a {background-position:-189px 0px;}
ul.social-icons-header li.linkedin-icon a:hover {background-position:-189px 28px;}
ul.social-icons-header li.flickr-icon a {background-position:-216px 0px;}
ul.social-icons-header li.flickr-icon a:hover {background-position:-216px 28px;}
ul.social-icons-header li.dribbble-icon a {background-position:-270px 0px;}
ul.social-icons-header li.dribbble-icon a:hover {background-position:-270px 28px;}
ul.social-icons-header li.forrst-icon a {background-position:-297px 0px;}
ul.social-icons-header li.forrst-icon a:hover {background-position:-297px 28px;}


/* -------------------- C. MAIN CONTAINER STYLES -------------------- */
.lt-ie8 #main-shadow-1, .lt-ie8 #main-shadow-2, .lt-ie8 #main-shadow-3 {border:none;}
#main-shadow-1 {
	width: 1140px;
	margin: 0px auto 0px auto;
	position: relative;
	left: 6px;
	top: -35px;
	z-index: 5;
}
#main-shadow-11 {
	width: 1140px;
	margin: 0px auto 0px auto;
	left: 6px;
	top: -35px;
	z-index: 5;
}
#main-shadow-2 {position:relative; left:-3px; top:-3px;}
#main-shadow-3 {position:relative;  left:-3px; top:-3px; } 
.container {
	padding: 25px 20px 15px 20px;
}
#main-shadow-3, #main-shadow-1, #main-shadow-2 {
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.20);
	box-shadow:  0px 0px 5px rgba(0,0,0,.20);
	background:#fff;
}


/* -------------------- D. SIDEBAR STYLES -------------------- */
#sidebar-page {width:1140px; margin: 0 auto; position:relative; top:-35px;}
#sidebar {float:right; width:285px; padding-top:20px;}
#sidebar-container {position:relative; z-index:2; 
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
	box-shadow:  2px 2px 3px rgba(0,0,0,.15);
	background:url(../images/sidebar-container.png) top left repeat-y; 
}
#sidebar-container21 {
	z-index: 2;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
	box-shadow: 2px 2px 3px rgba(0,0,0,.15);
	background:url(../images/sidebar-container.png) top left repeat-y;
}

.lt-ie8 #sidebar-page {background:#fff;}
.sidebar-main-content {float:left; width:850px;}
#main-shadow-1-sidebar {position:relative; left:6px; top:0px; }
#main-shadow-2-sidebar {position:relative; left:-3px; top:-3px;}
#main-shadow-3-sidebar {position:relative;  left:-3px; top:-3px;  } 
#main-shadow-3-sidebar, #main-shadow-2-sidebar, #main-shadow-1-sidebar {
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.20);
	box-shadow:  0px 0px 5px rgba(0,0,0,.20);
	background:#fff;
}
#sidebar h3 {color:#fff; background-image: url(../images/sidebar-heading-bg.png); background-position: top left; background-position: repeat-x; padding:12px 20px 0px 20px; line-height:1; height:30px; margin-bottom:14px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);  -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.15); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15); box-shadow:  2px 2px 3px rgba(0,0,0,.15);  }
.sidebar-content {
	padding: 0px 0px 0px 5px;
}
.sidebar-content1 {
	padding: 0px 12px 0px 12px;
	height: 420px;
	text-align: center;
}
.tagcloud { font-style:italic;  }
.tagcloud a {display:inline-block; border:1px solid #dbdbdb; font-size:13px !important; padding: 3px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#737373; text-decoration:none; margin:2px 0px 5px 0px;}
.tagcloud a:hover {-moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;}
#sidebar .social-icons-header {float:none; margin-left:0px;}
#sidebar .social-icons-header li a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#sidebar .social-icons-header li {border:none; padding-left:0px; background:transparent;}
footer ul, #sidebar ul {padding-left:0px; margin-bottom:0px;}
footer ul li, #sidebar ul li {border-bottom:1px dotted #bbb; list-style:none; padding:0px 0px 8px 18px; margin: 0px 0px 8px 0px;  background:url(../images/sidebar-arrow.png) 0px 0px no-repeat; }
footer ul li a, #sidebar ul li a {text-decoration:none; }

/*
=============================================== 04. FOOTER STYLES ===============================================
*/
footer {padding:86px 0px 7px 0px; margin-top:-120px;}
#copyright {margin-top:15px;}
#footer-shadow {background: url(../images/footer-shadow.png) top left repeat-x;  height:10px; margin-bottom:-10px; position:relative; top:-110px;}
#footer-container {width:1140px; margin:0 auto; }


/*
=============================================== 05. BLOG STYLES ===============================================
*/
.type-post {margin-bottom:10px;}
.type-post h2 a {text-decoration:none;}
.blog-date {font-size:13px; margin-bottom:4px; position:relative; bottom:3px;}
.blog-date a, .blog-date span {color:#b1b1b1; text-decoration:none; background:url(../images/blog-date.png) no-repeat; padding:0px 10px 0px 15px; margin-right:10px; border-right:1px solid #e1e1e1; line-height:1;}
.blog-date a:hover {color:#999;}
.blog-date a.admin {background-position:2px 2px;}
.blog-date a.admin:hover {background-position:2px -20px;}
.blog-date a.date {background-position:-290px 2px;}
.blog-date a.date:hover {background-position:-290px -20px;}
.blog-date a.comments {background-position:-560px 3px; border:none;}
.blog-date a.comments:hover {background-position:-560px -19px;}
.pagination {margin:10px auto 20px auto; text-align:center; width:100%;}
.pagination a {color:#fff; background:#828282; padding:5px 12px 6px 12px; line-height:1; margin-right:5px; text-decoration:none; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; -webkit-transition-duration: 250ms; -webkit-transition-property: background; -webkit-transition-timing-function: ease; -moz-transition-duration: 250ms; -moz-transition-property: background; -moz-transition-timing-function: ease; -o-transition-duration: 250ms; -o-transition-property: background; -o-transition-timing-function: ease;}

ol.commentlist {list-style:none; margin:15px 0px 45px 0px; position:relative; top:-20px; margin-bottom:-20px;}
ol.commentlist ul.children {list-style:none; margin:0px -20px;}
ol.commentlist ul.children li {padding-left:90px;}
ol.commentlist li {padding:20px 20px 10px 20px; }
ol.commentlist li.odd {background:#f7f7f7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
ol.commentlist .reply {position:relative; float:right; right:0px; top:2px; text-indent:-9999999px;}
ol.commentlist .reply a {display:block; width:15px; height:16px; background:url(../images/reply.png) top left no-repeat;}
ol.commentlist .reply a:hover {background:url(../images/reply.png) 0px -16px no-repeat;}
ol.commentlist .avatarimage {float:left; width:50px; margin-right:20px; margin-bottom:18px;}

#reply {margin:15px 0px 20px 0px;}
#reply label {width:55px; display:inline-block;}
#reply input#textname, #reply input#textemail {width:50%; margin-bottom:5px;}
#reply textarea {width:80%; margin:0px 0px 10px 60px;}
#reply .dark-button {margin-left:60px;}


/*
=============================================== 06. PORTFOLIO STYLES ===============================================
*/
.portfolio-post {margin-bottom:25px;}


/*
=============================================== 07. WIDGET STYLES ===============================================
*/
#jtwt_picture {float:left;  padding:0px 10px 35px 0; }
#jtwt img { border:none; padding:0px; background:transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:  none;  }
#jtwt a:hover img {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:  none;}
#jtwt {font-size:13px; overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #bbb;}
a#jtwt_date {font-size:10px;  padding-top:1px; font-style:italic; display:none;}

#flickr-footer ul {margin:0; padding:0; }
#flickr-footer ul li { padding:0px; margin:0px; list-style:none; display:inline; border:none;}
#flickr-footer ul li a {display:inline; background:transparent; padding:0px;}
#flickr-footer ul li img { width:74px; height:74px;  margin:0px 10px 10px 0px; -khtml-opacity: 0.75; opacity: 0.75; filter:alpha(opacity=75); -moz-opacity: 0.75;  -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out;	transition: opacity 300ms ease-in-out;}
#flickr-footer ul li img:hover {-khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1;}
#sidebar #flickr-footer ul li img {width:70px; height:70px;}

ul.tabs {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	list-style:none;
	border-bottom: solid 1px #ddd;  }
ul.tabs li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0; }
ul.tabs li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: 29px;
	padding: 0px 20px;
	line-height: 30px;
	border: solid 1px #ddd;
	border-width: 1px 1px 0 0;
	margin: 0;
	background: #f5f5f5;
	font-size: 13px; }
ul.tabs li a.active {
	background: #fff;
	height: 30px;
	position: relative;
	top: -4px;
	padding-top: 4px;
	border-left-width: 1px;
	margin: 0 0 0 -1px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px; }
ul.tabs li:first-child a.active {	margin-left: 0; }
ul.tabs li:first-child a {border-width: 1px 1px 0 1px;	-moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; }
ul.tabs li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }

ul.tabs-content { margin: 0 0 20px 0; display: block; list-style:none;}
ul.tabs-content > li { display:none; }
ul.tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
ul.tabs:after { clear: both; }
ul.tabs {zoom: 1; }


/*
=============================================== 08. FEATURED SLIDER and PAGE TITLE ===============================================
*/
/* -------------------- A. PAGE TITLE -------------------- */
.page-title {width:1140px; margin:0 auto; padding:20px 0px;}
#featured-section {margin-bottom:0px; padding-bottom:40px;}
.page-title h2 { color:#fff; white-space: nowrap; width:800px; overflow:hidden;  float:left;  font-size:70px;  line-height:1;  letter-spacing:-1px; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25); padding-left:25px; margin:0px;}
.page-title h2:after {content: '';  width: 100%; margin:0px 0px 0px 15px; display: inline-block; background:url(../images/page-title-lines.png) top left no-repeat; height:32px; position:relative; top:-5px;}
.lt-ie9 .page-title h2:after {display:none !important;]}
.page-title.no-search h2 {width:1080px; }
.page-title.no-search #s {display:none;  }
#featured-section-shadow {background: url(../images/featured-section-shadow.png) top left repeat-x;  height:10px; margin-bottom:-10px; position:relative; }
.lt-ie8 #featured-section-shadow {display:none;}
#slider-container {width:1140px; margin:0px auto; padding:40px 0px 40px 0px; }
.page-title #s {float:right; margin:16px 25px 0px 0px;}
#s {
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 210px;
	padding:9px 30px 7px 20px;
	border:2px solid #f1f1f1;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.50);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.50);
	box-shadow:  0px 0px 4px rgba(0,0,0,.50);
	background:#fff;
	color:#6d6d6d;
	background-image:url(../images/search-magnify.png);
	background-position:top right;
	background-repeat:no-repeat;
}
#s:focus {
	width: 230px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.60);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.60);
	box-shadow:  0px 0px 4px rgba(0,0,0,.60);
}
.lt-ie9 #s {width:210px;}
#searchsubmit, .assistive-text { display: none; }



/* -------------------- B. FEATURED SLIDER -------------------- */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.slider-box-1, .slider-box-2, .slider-box-3 {
	border:1px solid #f1f1f1;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.25);
	box-shadow:  1px 1px 3px rgba(0,0,0,.25);
	background:#fff; }

.slider-box-1 {box-shadow:  1px 1px 3px rgba(0,0,0,.15); transform:rotate(-0.7deg); -moz-transform:rotate(-0.7deg); -webkit-transform:rotate(-0.7deg); -o-transform:rotate(-0.7deg);}
.slider-box-2 {box-shadow:  1px 1px 3px rgba(0,0,0,.15);  transform:rotate(1.4deg); -moz-transform:rotate(1.4deg); -webkit-transform:rotate(1.4deg); -o-transform:rotate(1.4deg);}
.slider-box-3 {padding:7px;  transform:rotate(-0.7deg); -moz-transform:rotate(-0.7deg); -webkit-transform:rotate(-0.7deg); -o-transform:rotate(-0.7deg);}

.flexslider {  position: relative;  zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 39px; height: 44px; margin: -22px 0 0; display: block; background: url(../images/slider/arrows-new.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -57px 0; right: 15px;}
.flex-direction-nav li .prev {left: 15px; background-position: -5px 0; }
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav
.flex-control-nav {width: 100%; position: absolute; bottom: 12px; left:22px; }
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a { color:#fff; font-size:14px; padding:4px 0px 5px 0px; width:27px; height:19px;   display: block; background: url(../images/slider/bg_control_nav2.png) no-repeat; cursor: pointer; text-align:center;}
.flex-control-nav li a:hover {background-position: 0 0px;}
.flex-control-nav li a.active {background-position: 0 -28px; cursor: default;} */

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -39px; text-align: center; }
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../images/slider/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -25px; cursor: default;}

.lt-ie8 .flex-direction-nav li a, .lt-ie8 .flex-direction-nav li {display:none !important;}
#main .flex-control-nav {bottom: 5px; }
#main .flex-control-nav li a.active {background-position: 0 -26px;}



/*
=============================================== 09. NAVIGATION ===============================================
*/
/* -------------------- A. ESSENTIAL STYLES -------------------- */
/*** ESSENTIAL STYLES ***/
nav select {display:none;}
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:	1.0;}
.sf-menu ul {position:	absolute; top:-999em;  width: 10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility:		inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:			left ;position:		relative;}
.sf-menu a {display:block;  position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:	0; top:65px; /* match top ul list item height */z-index: 99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}

/* -------------------- B. RESIZING MENU -------------------- */
.sf-menu a {padding:23px 15px 23px 15px;}  /* Top Menu Size */
.sf-menu li:hover ul, .sf-menu li.sfHover ul {top:60px;} /* Move sub-menu down */

/* -------------------- C. DEMO SKIN -------------------- */
.sf-menu {float: left; }
.sf-menu a {
	text-decoration:none;
	font-size:14px;
	line-height:1;
	text-transform:uppercase;
	-webkit-transition-duration: 150ms;
	-webkit-transition-property: color, opacity;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 150ms;
	-moz-transition-property: color, opacity;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-duration: 150ms;
	-o-transition-property: color, opacity;
	-o-transition-timing-function: ease-in-out;
}
 /* DEFAULT LINK  */
.sf-menu a, .sf-menu a:visited  {
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);
	border-right: 1px solid rgba(0, 0, 0, 0);	
}
 /* DEFAULT LINK HOVER AND SELETED  */
.sf-menu li.current-menu-item a, .sf-menu li.current-menu-item a:visited {	 -moz-opacity:1; -khtml-opacity: 1;opacity: 1;}
 /* HOVER BACKGROUND  */
.sf-menu a:hover, .sf-menu li a:hover, .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.sfHover a, .sf-menu li.sfHover a:visited {
	-moz-opacity:1; -khtml-opacity: 1;opacity: 1;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
	background: url(../images/navigation-hover.png) top left repeat-x;
	border-right: 1px solid rgba(0, 0, 0, .1);	
}

.sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited {
	background:transparent;
	-moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;
	border-left: 1px solid rgba(0, 0, 0, 0);
}


.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited,
.sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited,
.sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited,
.sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited  {
	outline: 0;
	-moz-opacity:1; -khtml-opacity: 1; opacity: 1;
	background-color: rgba(255,255,255,.05);
}

.sf-menu li li a {padding:10px 10px ;}
.sf-menu ul, .sf-menu ul ul, .sf-menu ul ul ul { -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.10); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.10); box-shadow: 3px 3px 3px rgba(0,0,0,0.10); border-right: 1px solid rgba(0, 0, 0, .1); border-left: 1px solid rgba(0, 0, 0, .1); border-right: 1px solid rgba(0, 0, 0, .1); -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }
.sf-menu li li, .sf-menu li li li, .sf-menu li li li li, .sf-menu li li li li li { margin:0px; background-color: rgba(0,0,0,.05);  }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:		transparent; outline:		0;}


/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 	2.25em;	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:			.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul { background:	url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}


/*
=============================================== 10. DEFAULT GRID ===============================================
*/
.grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig {float:left; margin-right:24px; }
.grid2column {width:536px;}
.grid3column {width:349px;}
.grid3columnbig {width:722px;}
.grid4column {width:256px;}
.grid4columnbig {width:816px;}

#sidebar-page .grid2column {width:390px;}
#sidebar-page .grid3column {width:252px;}
#sidebar-page .grid3columnbig {width:528px;}
#sidebar-page .grid4column {width:183px;}
#sidebar-page .grid4columnbig {width:597px;}

body .lastcolumn, body #sidebar-page .lastcolumn {margin-right:0px !important;}



/*
=============================================== 11. PRINT STYLES ===============================================
*/
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .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; } 
  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; }
}


/*
=============================================== 12. LIGHTBOX STYLES ===============================================
*/
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

/*
=============================================== FLORA-FORMS ===============================================
*/


@charset "utf-8";
/* Roboto google font import 
------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic,500,500italic,300,300italic);

/* @backgrounds :: modify or add yours below 
------------------------------------------------------------------- */
.florabg1{ background:#6C82A2; }
.florabg2{ background:#E6CCA6; }

/* @form wrappers 
---------------------------------- */
.flora-wrap{ padding:10px; }
.floraforms, 
.floraforms *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.floraforms {
	font-family:  Roboto, Arial, Helvetica, sans-serif;
	line-height: 1.231;
	font-weight: 400;
	font-size: 14px;
	color: #34495E;
}

.flora-container{
	margin:0 auto;
	background:#fff;	
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
	-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
}

/* @form container width 
/* @if you want to change the form container width change the values below 
/* @alternatively you can add yours eg .wrap4{ max-width:200px; } 
---------------------------------------------------------------------------- */
.wrap1{ max-width:100%; }
.wrap2{ max-width:800px; }
.wrap3{ max-width:700px; }
.wrap4{ max-width:400px; }

/* @form helper classes 
--------------------------------------------------------------- */
/*.floraforms .section{ margin-bottom:22px; }*/
.floraforms .elem-group{ margin-bottom:22px; }

/* @form label + field :: field class is useful for validation 
---------------------------------------------------------------------- */
.floraforms .flo-note{ display:block; padding:5px; font-size:11px; color:#999; }
.floraforms .field{ display:block; position:relative; }
.floraforms .field-icon i { color:#A2A6A8; position:relative; top:0; }
.floraforms .field-label { display: block; margin-bottom: 7px; }
.floraforms .field-label.colm{ padding-top:12px; }
.floraforms .field-label em{ 
	color:#e74c3c;
	font-size:14px;
	font-style:normal;
	display:inline-block;
	margin-left:4px;
	position:relative; 
	top:3px;  
}

/* @form header + footer sections 
----------------------------------------- */
.floraforms .frm-header,
.floraforms .frm-footer {
	overflow:hidden;
	padding:20px 30px;
	background:#F7F7F7;
}

.floraforms .frm-header h4 { 
	font-family:Roboto, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:24px;
	font-weight:300; 
	color:#6C82A2; 
	padding:0;
	margin:0;
		 
}

/* @form body  
------------------------------------------------------------ */	
.floraforms .frm-body{ 
	padding:30px;
	padding-bottom:10px; 
	border-top:1px solid #ddd; 
	border-bottom:1px solid #ddd; 
}


/* @element general styling :: fonts :: adjust accordingly
------------------------------------------------------------- */
.floraforms :not(output):-moz-ui-invalid,
.floraforms input:invalid { box-shadow: none; }
.floraforms label, 
.floraforms input,
.floraforms button,
.floraforms select,  
.floraforms textarea {
	margin: 0;  
	font-size: 14px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
	font-weight:400;
	color: #34495E;
	outline:none;
}

/* @remove browser specific styling
----------------------------------------------- */
.floraforms .flo-input, .floraforms .flo-textarea, .floraforms .flo-select > select, .floraforms input[type=button], .floraforms input[type=submit], .floraforms input[type=search], .floraforms .flo-selectmulti select {
	-webkit-tap-highlight-color:transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);		
	-webkit-border-radius:0px;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* @labels font-size styling :: adjust to fit your needs 
--------------------------------------------------------- */
.floraforms .flo-switch, 
.floraforms .flo-option,
.floraforms .field-label{ font-size:14px; }

/* @prevent user selection for usability purposes
----------------------------------------------------- */
.floraforms .flo-radio,
.floraforms .flo-button,  
.floraforms .flo-checkbox,
.floraforms .flo-switch > label{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* @universal rules for all elements 
---------------------------------------------------- */
.floraforms .flo-radio, .floraforms .flo-button, .floraforms .flo-tooltip, .floraforms .flo-checkbox, .floraforms .flo-input, .floraforms .flo-notification, .floraforms .flo-textarea, .floraforms .flo-select > select, .floraforms .flo-selectmulti select, .floraforms input[type=search]{ 
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	outline:none;
}

.floraforms .flo-select > select{
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

/* @control border-size :: color etc for these elements 
----------------------------------------------------------- */
.floraforms .flo-input,
.floraforms .flo-select,
.floraforms .flo-textarea,
.floraforms .flo-select > select,
.floraforms .flo-selectmulti select{
	background: #fff;
	position: relative;
	vertical-align: top;
	border: 2px solid #BDC3C7;
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
	color: #34495E;
	outline:none;
	height: 42px;
	width: 100%;
	*zoom: 1;
}

/* @styling inputs and textareas 
------------------------------------------- */
.floraforms .flo-input, 
.floraforms .flo-textarea { padding:10px; }
.floraforms .flo-textarea {    
    resize: none;
	line-height: 19px;
	overflow: auto;
	max-width:100%;
    height: 96px;
}

/* @hint below textareas 
---------------------------------------- */
.floraforms .flo-hint {
    padding: 10px;
	display: block;
	margin-top: -4px;
	line-height: 16px;
	position: relative;    
	background: #F2F4FA;
    border: 2px solid #bdc3c7;
	border-top:1px solid #bdc3c7;
	font-family:Arial, Helvetica, sans-serif;
    -webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
    font-size: 11px;
    color: #777;
}

/* @form selects :: dropdowns 
-------------------------------------------------- */
.floraforms .flo-select { border:0; z-index:10; }
.floraforms .flo-select > select {
	display: block;
    padding:9px 10px; 
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	outline:none;
	text-indent: 0.01px;
    text-overflow: ''; 
	z-index:10;
	margin: 0;	
}

.floraforms .flo-select > select::-ms-expand { display: none; }
.floraforms .flo-select:before, 
.floraforms .flo-select:after {
    content: '';
    position: absolute;
    pointer-events: none;
	z-index:15;
}

.floraforms .flo-select:before { 
	top: 2px;
	right: 2px;
	width: 34px;
	bottom: 2px;
	background: #F2F4FA;
	border-left:1px solid #d3dae7;
	-webkit-border-radius: 0 1px 1px 0;
	-moz-border-radius: 0 1px 1px 0;
	-o-border-radius: 0 1px 1px 0;
	border-radius: 0 1px 1px 0;
}

.floraforms .flo-select .arrow {
	position: absolute;
	top: 9px;
	right: 5px;
	width: 24px;
	height: 24px;
	background:#F2F4FA;
	color:#B5C1C7;
	pointer-events:none;
	z-index:16;
}

.floraforms .flo-select .arrow:after,
.floraforms .flo-select .arrow:before {
	content: '';
	position: absolute;
	font:12px "Consolas", monospace;
	font-style:normal;
	pointer-events:none;
	left:6px;
}

.floraforms .flo-select .arrow:before { content:'\25BC'; bottom:4px; }
.floraforms .flo-select .double:after { content:'\25B2'; top:-1px;  }
.floraforms .flo-select .double:before { content:'\25BC'; bottom:-1px; }
.floraforms .flo-selectmulti select { 
	width:100%; 
	height: 123px;
	padding: 10px;
}

/* @file inputs :: file uploaders 
-------------------------------------------------------- */
.floraforms .flo-file{ display:block; width:100%; }
.floraforms .flo-file .file-input{
	width:100%;
	height:100%;
	cursor:pointer;
	padding:8px 10px;
	position:absolute;
	-moz-opacity:0;
	opacity: 0;
	z-index:11;
	bottom:0;	
	right:0;
}

.floraforms .flo-file .flo-button {
	position: absolute;
	top: 4px;
	right: 4px;
	float: none;
	height: 34px;
	line-height: 34px;
	padding: 0 16px;
	z-index:10;
}


/* @radio + checkbox option elements 
----------------------------------------------------- */
.floraforms .flo-option {
    position: relative;	
	padding-right:15px;    
	display: inline-block;
    vertical-align: middle;
}

.floraforms .flo-option > input {
    position: absolute;
    height: inherit;
    width: inherit;
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;	
    opacity: 0;
	left: 0;
}
.floraforms .flo-checkbox, 
.floraforms .flo-radio { 
	position:relative;
	margin-right:2px;
	background: white;
	display: inline-block;
    border: 3px solid #B5C1C7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; 
	-o-border-radius: 2px; 
	border-radius: 2px;		
	height: 21px;
	width: 21px;
	top:5px;	
}

.floraforms .flo-checkbox:before, 
.floraforms .flo-radio:before {
    content: '';
    display: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;	
	margin: 0; 		
}


.floraforms input:checked + .flo-checkbox:before, 
.floraforms input:checked + .flo-radio:before {
    display: block;
}

.floraforms .flo-checkbox:before {
    position: absolute;
    top: 4px;
    left: 3px;
    width: 6px;
    height: 3px;
    border: solid #fff;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.floraforms input:checked + .flo-checkbox, 
.floraforms input:checked + .flo-radio{ 
	border: 3px solid #1abc9c; 
	background:#1abc9c; 
}

.floraforms .flo-radio { 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px; 
	-o-border-radius: 20px; 
	border-radius: 20px;
 
}
.floraforms .flo-radio:before {
    margin: 3px;
    width: 9px;
    height: 9px;
    background: #fff;
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	border-radius: 10px;
}

/* @radio + checkbox :hover + :focus state 
--------------------------------------------------- */
.floraforms input:hover + .flo-radio,
.floraforms input:hover + .flo-checkbox,
.floraforms input:focus + .flo-checkbox, 
.floraforms input:focus + .flo-radio{
    border-color: #1abc9c;
}

.floraforms input:focus + .flo-radio:before{ background: #fff; }
.floraforms input:focus + .flo-checkbox:before{ border-color: #fff; }

/* @toggle switch elements 
-------------------------------------------------- */
.floraforms .flo-switch {
	cursor:pointer; 
	position: relative; 
	padding-right:10px;
    display: inline-block;
	margin-bottom:5px;
	height: 26px;
}

.floraforms .flo-switch > .switch-label {
	cursor:pointer;
    display: inline-block;
    position: relative;
    height: 25px;
	width: 58px;
	color: #fff;
    font-size: 10px;
    font-weight: bold;
	line-height: 20px;
    text-align: center;
    background: #B5C1C7;
    border: 2px solid #B5C1C7;
	text-transform: uppercase;
	font-family:Helvetica, Arial, sans-serif;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;	
}
.floraforms .flo-switch .switch-title{ 
	display:inline-block; 
	padding-left:5px; 
	position:relative; 
	top:-7px; 
}
.floraforms .flo-switch > .switch-label:before {
    content: attr(data-off);
    position: absolute;
    top: 1px;
    right: 3px;
    width: 33px;
}

.floraforms .flo-switch > .switch-label:after {
	content:"";	
    margin: 1px;
    width: 19px;
    height: 19px;
	display: block;
    background: #fff;
    -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.floraforms .flo-switch > input {
	-webkit-appearance: none;
	position: absolute;
    width: inherit;
    height: inherit;
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;	
    opacity: 0;
	left: 0;
	top: 0;
   
}

/* @toggle switch focus state 
-------------------------------------------------------------- */
.floraforms .flo-switch > input:focus { outline: none; }
.floraforms .flo-switch > input:focus + .switch-label { 
	color: #fff; 
	border-color: #a1a6a9; 
	background:#a1a6a9; 
}

.floraforms .flo-switch > input:focus + .switch-label:after { background: #fff; }

/* @toggle switch normal state 
--------------------------------------------------------------- */
.floraforms .flo-switch > input:checked + .switch-label {
    border-color: #1ABC9C;
	background: #1ABC9C; 
	padding-left: 33px;
	color: white;
}

.floraforms .flo-switch > input:checked + .switch-label:before {
    content: attr(data-on);
    left: 1px;
	top:1px;
}

.floraforms .flo-switch > input:checked + .switch-label:after {
    margin: 1px;
    width: 19px;
    height: 19px;
    background: white;
}

/* @toggle switch normal state focus 
--------------------------------------------------------------------------------- */
.floraforms .flo-switch > input:checked:focus + .switch-label { 
	background: #16a085; 
	border-color: #16a085; 
}

/* @buttons 
----------------------------------------------------- */
.floraforms .flo-button {
    border: 0;
	height: 42px;
	color: #243140;
	line-height: 1;
	font-size:15px; 
    cursor: pointer;
	padding: 0 18px;
	text-align: center;
	vertical-align: top;
    background: #bdc3c7;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}

/* @buttons :hover, :active states 
---------------------------------------------------------------- */
.floraforms .flo-button:hover { color: #243140; background: #cacfd2; }
.floraforms .flo-button:active{ color: #1d2938; background: #a1a6a9; }
.floraforms a.flo-button, 
.floraforms span.flo-button, 
.floraforms label.flo-button { line-height: 42px; text-decoration: none; }
.floraforms .flo-button i{ font-size:14px; }
.floraforms .flo-button-list .flo-button{ margin-bottom:5px; }

/* @primary button theme
-------------------------------------------- */
.floraforms .btn-themed {  background-color: #1abc9c;  }
.floraforms .btn-themed:hover,
.floraforms .btn-themed:focus { background-color: #48c9b0; }
.floraforms .btn-themed:active{ background-color: #16a085; }
.floraforms .btn-themed, 
.floraforms .btn-themed:hover,
.floraforms .btn-themed:focus, 
.floraforms .btn-themed:active{
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
	color: #fff; 
}


/* @icon append (right) :: prepend (left)
------------------------------------------------- */
.floraforms .append-icon, 
.floraforms .prepend-icon{
    display: inline-block;
    vertical-align: top;
    position: relative;
	width:100%;
}

.floraforms .append-icon .field-icon, 
.floraforms .prepend-icon .field-icon{
	top:0;
	z-index:1;
	width:42px;
	height:42px;
	color: inherit;
	line-height:42px;
	position:absolute;
	text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    pointer-events: none;
}

.floraforms .append-icon .field-icon i, 
.floraforms .prepend-icon .field-icon i{ 
	position:relative;
	font-size:14px;
}

.floraforms .prepend-icon .field-icon{ left:0;  }
.floraforms .append-icon .field-icon{ right:0; }
.floraforms .prepend-icon > input,
.floraforms .prepend-icon > select, 
.floraforms .prepend-icon > textarea{ padding-left:36px; }
.floraforms .append-icon > input, 
.floraforms .append-icon > textarea{ padding-right:36px; padding-left:10px;  }
.floraforms .append-icon > textarea{ padding-right:36px; }
.floraforms .flo-select .field-icon{ line-height:42px; z-index:99!important; }
.floraforms .prepend-icon > select{ padding-left:30px;  }

/* @tooltips on inputs + textareas 
------------------------------------------------- */ 
.floraforms .flo-tooltip {
	position: absolute;
	z-index: -1;
	opacity: 0;
	color: #fff;	
	width: 184px;
	left: -9999px;
	top:auto;
	font-size: 11px;
	font-weight:normal;
	background: #34495E;
	-webkit-transition: margin 0.6s, opacity 0.6s;
	-moz-transition: margin 0.6s, opacity 0.6s;
	-ms-transition: margin 0.6s, opacity 0.6s;
	-o-transition: margin 0.6s, opacity 0.6s;
	transition: margin 0.6s, opacity 0.6s;
}

.floraforms .flo-tooltip > em{ padding:12px; font-style:normal; display:block; position:static; }
.floraforms .flo-tooltip:after { content: ''; position: absolute; }
.floraforms .flo-input:focus + .flo-tooltip, 
.floraforms .flo-textarea:focus + .flo-tooltip,
.floraforms .flo-select > select:focus ~ .flo-tooltip { opacity: 1; z-index: 9999; }

/* @tooltip right-top
------------------------------------------------- */
.floraforms .tip-right { bottom: 100%; margin-bottom: -20px; }
.floraforms .tip-right:after {
	top: 100%;
	right: 12px;
	border-top: 8px solid #34495E;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.floraforms .flo-input:focus + .tip-right,
.floraforms .flo-textarea:focus + .tip-right,
.floraforms .flo-select > select:focus ~ .tip-right {
	right: 0;
	left: auto;
	margin-bottom: 10px;
}

/* @tooltip left-top
------------------------------------------------- */
.floraforms .tip-left { bottom: 100%; margin-bottom: -20px; }
.floraforms .tip-left:after {
	top: 100%;
	left: 12px;
	border-top: 8px solid #34495E;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.floraforms .flo-input:focus + .tip-left,
.floraforms .flo-textarea:focus + .tip-left,
.floraforms .flo-select > select:focus ~ .tip-left {
	left: 0;
	right: auto;
	margin-bottom: 10px;
}

/* @.flo-notification messages | info | error | warning | success
-------------------------------------------------------------- */
.floraforms .form-msg{ display:none; }
.floraforms .flo-notification { color: #444; padding:15px; position:relative; margin-bottom:10px; }
.floraforms .flo-notification p{ margin:0; padding:0 15px; padding-left:5px; line-height:normal;  }
.floraforms .flo-notification .close-btn{
	margin-top: -7px;
	padding: inherit;
	position: absolute;
	text-decoration:none; 
    font: bold 20px/20px Arial, sans-serif;
	opacity: 0.65; 	
	color: inherit;
    display: block;    
    right:1px;
	top:14%;
}

.floraforms .flo-notification .close-btn:hover{ opacity: 1; }
.floraforms .alert-info { color:#163161; background-color: #cfe6fc; }
.floraforms .alert-success { color:#336633; background-color: #d2f7ad; }
.floraforms .alert-warning { color: #CC6600; background-color: #fae7a2; }
.floraforms .alert-error { color:#990000; background-color: #FBDBCF; }


/* @form element :hover state 
-------------------------------------------- */
.floraforms .flo-input:hover,
.floraforms .flo-textarea:hover,
.floraforms .flo-select > select:hover,
.floraforms .flo-selectmulti select:hover, 
.floraforms .flo-input:hover ~ .flo-hint,
.floraforms .flo-file .file-input:hover + .flo-input,
.floraforms .flo-textarea:hover ~ .flo-hint{
	border-color: #62D0BA;
}


/* @form element :focus state 
-------------------------------------------------------- */
.floraforms .flo-input:focus,
.floraforms .flo-textarea:focus,
.floraforms .flo-select > select:focus,
.floraforms .flo-selectmulti select:focus{ border-color: #1ABC9C; color: #3C3C3C; }
.floraforms .flo-textarea:focus{  height: 120px; }
.floraforms .flo-select > select:focus { z-index:10; z-index:20\9; }
.floraforms .flo-input:focus ~ .field-icon i,
.floraforms .flo-textarea:focus ~ .field-icon i{ color:#1ABC9C; }
.floraforms .flo-selectmulti select:focus, 
.floraforms .flo-input:focus ~ .flo-hint,
.floraforms .flo-textarea:focus ~ .flo-hint, 
.floraforms .flo-file .file-input:focus + .flo-input{ border-color: #1ABC9C; }
.floraforms .flo-select > select:focus + .arrow{ color:#1ABC9C; }

/* @blue theme elements
---------------------------------------------------------------------- */
.theme-blue .flo-input:hover,
.theme-blue .flo-textarea:hover,
.theme-blue .flo-select > select:hover,
.theme-blue .flo-selectmulti select:hover, 
.theme-blue .flo-input:hover ~ .flo-hint,
.theme-blue .flo-file .file-input:hover + .flo-input,
.theme-blue .flo-textarea:hover ~ .flo-hint{
	border-color: #6FB6E6;
}

.theme-blue .flo-input:focus,
.theme-blue .flo-textarea:focus,
.theme-blue .flo-select > select:focus,
.theme-blue .flo-selectmulti select:focus{ border-color: #3498DB; color: #3C3C3C; }
.theme-blue .flo-input:focus ~ .field-icon i,
.theme-blue .flo-textarea:focus ~ .field-icon i{ color:#3498DB; }
.theme-blue .flo-selectmulti select:focus, 
.theme-blue .flo-input:focus ~ .flo-hint,
.theme-blue .flo-textarea:focus ~ .flo-hint, 
.theme-blue .flo-file .file-input:focus + .flo-input{ border-color:#3498DB; }
.theme-blue .flo-select > select:focus + .arrow{ color:#3498DB; }

/* @blue theme buttons 
-------------------------------------------------------------------- */
.theme-blue .btn-themed {  background-color: #3498DB;  }
.theme-blue .btn-themed:hover,
.theme-blue .btn-themed:focus,
.theme-blue .btn-themed:active { background-color: #2980B9; }

/* @blue theme checkboxes + radios 
-------------------------------------------------------------------- */
.theme-blue input:checked + .flo-checkbox, 
.theme-blue input:checked + .flo-radio{  border: 3px solid #3498DB; background:#3498DB;  } 
.theme-blue input:hover + .flo-radio,
.theme-blue input:hover + .flo-checkbox,
.theme-blue input:focus + .flo-checkbox, 
.theme-blue input:focus + .flo-radio{ border-color: #3498DB; }

/* @blue theme switches
-------------------------------------------------------------------- */
.theme-blue .flo-switch > input:checked + .switch-label { border-color:#3498DB; background:#3498DB; }
.theme-blue .flo-switch > input:checked:focus + .switch-label {  background:#2980B9; border-color:#2980B9; }

/* @red theme elements
---------------------------------------------------------------------- */
.theme-red .flo-input:hover,
.theme-red .flo-textarea:hover,
.theme-red .flo-select > select:hover,
.theme-red .flo-selectmulti select:hover, 
.theme-red .flo-input:hover ~ .flo-hint,
.theme-red .flo-file .file-input:hover + .flo-input,
.theme-red .flo-textarea:hover ~ .flo-hint{
	border-color: #E95B4B;
}

.theme-red .flo-input:focus,
.theme-red .flo-textarea:focus,
.theme-red .flo-select > select:focus,
.theme-red .flo-selectmulti select:focus{ border-color: #E74C3C; color: #3C3C3C; }
.theme-red .flo-input:focus ~ .field-icon i,
.theme-red .flo-textarea:focus ~ .field-icon i{ color:#E74C3C; }
.theme-red .flo-selectmulti select:focus, 
.theme-red .flo-input:focus ~ .flo-hint,
.theme-red .flo-textarea:focus ~ .flo-hint, 
.theme-red .flo-file .file-input:focus + .flo-input{ border-color:#E74C3C; }
.theme-red .flo-select > select:focus + .arrow{ color:#E74C3C; }

/* @red theme buttons 
-------------------------------------------------------------------- */
.theme-red .btn-themed {  background-color: #E74C3C;  }
.theme-red .btn-themed:hover,
.theme-red .btn-themed:focus,
.theme-red .btn-themed:active { background-color: #C0392B; }

/* @red theme checkboxes + radios 
-------------------------------------------------------------------- */
.theme-red input:checked + .flo-checkbox, 
.theme-red input:checked + .flo-radio{  border: 3px solid #E74C3C; background:#E74C3C;  } 
.theme-red input:hover + .flo-radio,
.theme-red input:hover + .flo-checkbox,
.theme-red input:focus + .flo-checkbox, 
.theme-red input:focus + .flo-radio{ border-color: #E74C3C; }

/* @red theme switches
-------------------------------------------------------------------- */
.theme-red .flo-switch > input:checked + .switch-label { border-color:#E74C3C; background:#E74C3C; }
.theme-red .flo-switch > input:checked:focus + .switch-label {  background:#C0392B; border-color:#C0392B; }

/* @purple theme elements
---------------------------------------------------------------------- */
.theme-purple .flo-input:hover,
.theme-purple .flo-textarea:hover,
.theme-purple .flo-select > select:hover,
.theme-purple .flo-selectmulti select:hover, 
.theme-purple .flo-input:hover ~ .flo-hint,
.theme-purple .flo-file .file-input:hover + .flo-input,
.theme-purple .flo-textarea:hover ~ .flo-hint{
	border-color: #AA73C1;
}

.theme-purple .flo-input:focus,
.theme-purple .flo-textarea:focus,
.theme-purple .flo-select > select:focus,
.theme-purple .flo-selectmulti select:focus{ border-color: #9B59B6; color: #3C3C3C; }
.theme-purple .flo-input:focus ~ .field-icon i,
.theme-purple .flo-textarea:focus ~ .field-icon i{ color:#9B59B6; }
.theme-purple .flo-selectmulti select:focus, 
.theme-purple .flo-input:focus ~ .flo-hint,
.theme-purple .flo-textarea:focus ~ .flo-hint, 
.theme-purple .flo-file .file-input:focus + .flo-input{ border-color:#9B59B6; }
.theme-purple .flo-select > select:focus + .arrow{ color:#9B59B6; }

/* @purple theme buttons 
-------------------------------------------------------------------- */
.theme-purple .btn-themed {  background-color: #9B59B6;  }
.theme-purple .btn-themed:hover,
.theme-purple .btn-themed:focus,
.theme-purple .btn-themed:active { background-color: #8E44AD; }

/* @purple theme checkboxes + radios 
-------------------------------------------------------------------- */
.theme-purple input:checked + .flo-checkbox, 
.theme-purple input:checked + .flo-radio{  border: 3px solid #9B59B6; background:#9B59B6;  } 
.theme-purple input:hover + .flo-radio,
.theme-purple input:hover + .flo-checkbox,
.theme-purple input:focus + .flo-checkbox, 
.theme-purple input:focus + .flo-radio{ border-color: #9B59B6; }

/* @purple theme switches
-------------------------------------------------------------------- */
.theme-purple .flo-switch > input:checked + .switch-label { border-color:#9B59B6; background:#9B59B6; }
.theme-purple .flo-switch > input:checked:focus + .switch-label {  background:#8E44AD; border-color:#8E44AD; }

/* @black theme elements
---------------------------------------------------------------------- */
.theme-black .flo-input:hover,
.theme-black .flo-textarea:hover,
.theme-black .flo-select > select:hover,
.theme-black .flo-selectmulti select:hover, 
.theme-black .flo-input:hover ~ .flo-hint,
.theme-black .flo-file .file-input:hover + .flo-input,
.theme-black .flo-textarea:hover ~ .flo-hint{
	border-color: #3E5771;
}

.theme-black .flo-input:focus,
.theme-black .flo-textarea:focus,
.theme-black .flo-select > select:focus,
.theme-black .flo-selectmulti select:focus{ border-color: #34495E; color: #3C3C3C; }
.theme-black .flo-input:focus ~ .field-icon i,
.theme-black .flo-textarea:focus ~ .field-icon i{ color:#34495E; }
.theme-black .flo-selectmulti select:focus, 
.theme-black .flo-input:focus ~ .flo-hint,
.theme-black .flo-textarea:focus ~ .flo-hint, 
.theme-black .flo-file .file-input:focus + .flo-input{ border-color:#34495E; }
.theme-black .flo-select > select:focus + .arrow{ color:#34495E; }

/* @black theme buttons 
-------------------------------------------------------------------- */
.theme-black .btn-themed {  background-color: #34495E;  }
.theme-black .btn-themed:hover,
.theme-black .btn-themed:focus,
.theme-black .btn-themed:active { background-color: #2C3E50; }

/* @black theme checkboxes + radios 
-------------------------------------------------------------------- */
.theme-black input:checked + .flo-checkbox, 
.theme-black input:checked + .flo-radio{  border: 3px solid #34495E; background:#34495E;  } 
.theme-black input:hover + .flo-radio,
.theme-black input:hover + .flo-checkbox,
.theme-black input:focus + .flo-checkbox, 
.theme-black input:focus + .flo-radio{ border-color: #34495E; }

/* @black theme switches
-------------------------------------------------------------------- */
.theme-black .flo-switch > input:checked + .switch-label { border-color:#34495E; background:#34495E; }
.theme-black .flo-switch > input:checked:focus + .switch-label {  background:#2C3E50; border-color:#2C3E50; }

/* @orange theme elements
---------------------------------------------------------------------- */
.theme-orange .flo-input:hover,
.theme-orange .flo-textarea:hover,
.theme-orange .flo-select > select:hover,
.theme-orange .flo-selectmulti select:hover, 
.theme-orange .flo-input:hover ~ .flo-hint,
.theme-orange .flo-file .file-input:hover + .flo-input,
.theme-orange .flo-textarea:hover ~ .flo-hint{
	border-color: #F1C40F;
}

.theme-orange .flo-input:focus,
.theme-orange .flo-textarea:focus,
.theme-orange .flo-select > select:focus,
.theme-orange .flo-selectmulti select:focus{ border-color: #F39C12; color: #3C3C3C; }
.theme-orange .flo-input:focus ~ .field-icon i,
.theme-orange .flo-textarea:focus ~ .field-icon i{ color:#F39C12; }
.theme-orange .flo-selectmulti select:focus, 
.theme-orange .flo-input:focus ~ .flo-hint,
.theme-orange .flo-textarea:focus ~ .flo-hint, 
.theme-orange .flo-file .file-input:focus + .flo-input{ border-color:#F39C12; }
.theme-orange .flo-select > select:focus + .arrow{ color:#F39C12; }

/* @orange theme buttons 
-------------------------------------------------------------------- */
.theme-orange .btn-themed {  background-color: #F39C12;  }
.theme-orange .btn-themed:hover,
.theme-orange .btn-themed:focus,
.theme-orange .btn-themed:active { background-color: #E67E22; }

/* @orange theme checkboxes + radios 
-------------------------------------------------------------------- */
.theme-orange input:checked + .flo-checkbox, 
.theme-orange input:checked + .flo-radio{  border: 3px solid #F39C12; background:#F39C12;  } 
.theme-orange input:hover + .flo-radio,
.theme-orange input:hover + .flo-checkbox,
.theme-orange input:focus + .flo-checkbox, 
.theme-orange input:focus + .flo-radio{ border-color: #F39C12; }

/* @orange theme switches
-------------------------------------------------------------------- */
.theme-orange .flo-switch > input:checked + .switch-label { border-color:#F39C12; background:#F39C12; }
.theme-orange .flo-switch > input:checked:focus + .switch-label {  background:#E67E22; border-color:#E67E22; }



/* @validaion - error state
------------------------------------- */
.floraforms .state-error .flo-input,
.floraforms .state-error .flo-textarea,
.floraforms .state-error.flo-select > select,
.floraforms .state-error.flo-selectmulti > select,
.floraforms .state-error input:hover + .flo-checkbox, 
.floraforms .state-error input:hover + .flo-radio,
.floraforms .state-error input:focus + .flo-checkbox, 
.floraforms .state-error input:focus + .flo-radio,
.floraforms .state-error .flo-checkbox, 
.floraforms .state-error .flo-radio{
	background:#FEEFE9;
	border-color:#E46B66;
}

.floraforms .state-error .flo-input ~ .field-icon i,
.floraforms .state-error .flo-textarea ~ .field-icon i{  color: #e74c3c; }
.floraforms .state-error.flo-select .arrow { color: #e74c3c; }
.floraforms .state-error.flo-select:before {  border-left:1px solid #E46B66; }
.floraforms .state-error .flo-input ~ .flo-hint,
.floraforms .state-error.flo-file .file-input:hover + .flo-input, 
.floraforms .state-error .flo-textarea ~ .flo-hint { border-color:#E46B66; }
.floraforms .state-error + em{ 
	display: block!important;
	margin-top: 6px;
	padding: 0 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	color:#CC0000;
	font-size:0.85em;
  
}

/* @validaion - success state 
-------------------------------------------------- */
.floraforms .state-success .flo-input,
.floraforms .state-success .flo-textarea,
.floraforms .state-success.flo-select > select,
.floraforms .state-success.flo-selectmulti > select{
	background:#EAFCD8;
	border-color:#2ecc71;
}


.floraforms .state-success .flo-input ~ .field-icon i,
.floraforms .state-success .flo-textarea ~ .field-icon i{  color: #2ecc71; }
.floraforms .state-success.flo-select .arrow { color: #2ecc71; }
.floraforms .state-success.flo-select:before {  border-left:1px solid #2ecc71; }
.floraforms .state-success .flo-input ~ .flo-hint,
.floraforms .state-success.flo-file .file-input:hover + .flo-input, 
.floraforms .state-success .flo-textarea ~ .flo-hint { border-color:#2ecc71; }


/* @disabled state 
----------------------------------------------- */
.floraforms .flo-button[disabled],
.floraforms .state-disabled .flo-button,
.floraforms input[disabled] + .flo-radio,
.floraforms input[disabled] + .flo-checkbox,
.floraforms .flo-switch > input[disabled] + label{
	cursor: default;
	opacity:0.5;
}

.floraforms .flo-input[disabled],
.floraforms .flo-textarea[disabled], 
.floraforms .flo-select > select[disabled], 
.floraforms .flo-selectmulti select[disabled],
.floraforms .flo-input[disabled] ~ .flo-hint,
.floraforms .flo-file .file-input[disabled] + .flo-input,
.floraforms .flo-file .file-input[disabled]:hover + .flo-input, 
.floraforms .flo-textarea[disabled] ~ .flo-hint {    
  background-color: #f4f6f6;
  border-color: #d5dbdb!important;
  cursor: default;
  color: #d5dbdb;
  opacity:0.7;
}

.floraforms input[disabled] ~ .field-icon i,
.floraforms textarea[disabled] ~ .field-icon i,
.floraforms .flo-select > select[disabled] + .arrow{ 
	opacity:0.4; 
}

/* @progress bars 
------------------------------------------------------*/
.floraforms .flo-progress{ display:none; }
.floraforms .flo-ui .flo-progressbar { margin-bottom:5px; }
.floraforms .flo-progressbar {
    position: relative;
    background: #EDF0F8;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.floraforms .flo-progressbar .percent { 
	position:absolute; 
	display:inline-block; 
	top:-3px; 
	right:-24px; 
	font-size:9px; 
	color:#93A2AA; 
}
.floraforms .flo-progressbar > .bar {   
	width:60%; 
	height:7px;
	display: block;
	background-size: 16px 16px;	
	background-color: #bdc3c7; 
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}


/* @progress bar themes
----------------------------------------------------------- */
.floraforms .bar-green > .bar { background-color: #1abc9c; }
.floraforms .bar-blue > .bar     { background-color: #3498db; }
.floraforms .bar-black > .bar    { background-color: #34495e; }
.floraforms .bar-purple > .bar   { background-color: #9B59B6; }
.floraforms .bar-red > .bar      { background-color: #e74c3c; }
.floraforms .bar-orange > .bar   { background-color: #ed9c28; }

/* @progress bar strips + animation IE10+ 
----------------------------------------------------------- */
.floraforms .elemprogress > button[type=submit]:hover, .floraforms .elemprogress > button[type=submit], .floraforms .flo-progressbar > .bar {
    background-size: 16px 16px;
    background-image: -webkit-linear-gradient(top left,  
					  transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, 
					  transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
					  
    background-image: -moz-linear-gradient(top left,  
					  transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, 
					  transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
					  
    background-image: -o-linear-gradient(top left,  
					  transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, 
					  transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
					  
    background-image: linear-gradient(to bottom right,  
					  transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, 
					  transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
}

.floraforms .elemprogress > button[type=submit], .floraforms .elemprogress > button[type=submit]:hover, .floraforms .progress-animated > .bar{
	-webkit-animation: floprogress .6s linear infinite;
	-moz-animation: floprogress .6s linear infinite;
	-o-animation: floprogress .6s linear infinite;
    animation: floprogress .6s linear infinite;
}

.floraforms .elemprogress > button[type=submit]:hover{ cursor:wait; }

@-webkit-keyframes floprogress {
    from { background-position: 0 0; }
	to { background-position: -16px 0; }
}


@-moz-keyframes floprogress {
	from { background-position: 0 0; }
	to { background-position: -16px 0; }
}

@-o-keyframes floprogress {
	from { background-position: 0 0; }
	to { background-position: -16px 0; }
}

@keyframes floprogress {
    from { background-position: 0 0; }
	to { background-position: -16px 0; }
}




/* @form block elements
----------------------------------- */ 
.floraforms .block{ display:block; }

/* @form grid rows 
--------------------------------- */
.floraforms .frm-row{ margin:0 -10px;  }
.floraforms .frm-row:before,
.floraforms .frm-row:after { display: table; content: ""; line-height: 0; } 
.floraforms .frm-row:after{ clear: both; }

/* @form columns 
----------------------------------- */
.floraforms .frm-row .colm{ 
	min-height:1px; 
	padding-left:10px; 
	padding-right:10px; 
	position:relative; 
	float:left; 
}

.floraforms .frm-row .colm1{width:8.33%;}
.floraforms .frm-row .colm2{width:16.66%;}
.floraforms .frm-row .colm3{width:25%;}
.floraforms .frm-row .colm4{width:33.33%;}
.floraforms .frm-row .colm5{width:41.66%;}
.floraforms .frm-row .colm6{width:50%;}
.floraforms .frm-row .colm7{width:58.33%;}
.floraforms .frm-row .colm8{width:66.66%;}
.floraforms .frm-row .colm9{width:75%;}
.floraforms .frm-row .colm10{width:83.33%;}
.floraforms .frm-row .colm11{width:91.66%;}
.floraforms .frm-row .colm12{width:100%; }
.floraforms .frm-row .colm1-5{width:20%;}
.floraforms .frm-row .colm1-8{width:12.5%;}

/* @element alignment
-------------------------------------------------- */
.floraforms .align-right{ text-align:right; }
.floraforms .align-center{ text-align:center; }

/* @captcha + reload button
-------------------------------------------------- */
.floraforms .flo-captcha{ position:relative; padding-right:130px; }
.floraforms .flo-captcha .flo-input{
    -webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.floraforms .captcode{
	height: 42px;
	cursor:pointer;
	position: absolute;
	background:#F2F4FA;
	border: 2px solid #BDC3C7;
    -webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	display:inline-block;
	line-height: 42px;	
	padding:0 30px;
	border-left:0;
	width:130px;
	right:0;
	top:0;
}
.floraforms .captcode img{ position:relative; }
.floraforms .refresh-captcha{  position:absolute; right:14px; top:0; }
.floraforms .refresh-captcha i{ font-size:17px; color: #777; }

/* @Fix old of versions android + ios
------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
        .floraforms .flo-option,
        .floraforms .flo-switch, 
		.floraforms .captcode { -webkit-animation: bugfix infinite 1s; }
        @-webkit-keyframes bugfix { 
            from { padding: 0;  } 
            to { padding: 0; } 
        }
		.floraforms .flo-switch { margin-right:10px;  margin-bottom:5px; }
		.floraforms .flo-option { margin-right:15px; }					
}


/* @responsiveness for tablets + smart mobile 
-------------------------------------------------- */
@media (max-width: 600px) {
	.floraforms .frm-row{ margin:0;  }
	.floraforms .frm-row .colm{  width: 100%; float:none; padding:0; }
	.floraforms .align-right{ text-align: left; }
}
 
/* @responsiveness for embedded .pdf  
-------------------------------------------------- */

.videoWrapper {
 position: relative;
 padding-bottom: 56.25%;
 /* 16:9 */
 padding-top: 25px;
 height: 0;
 }

.videoWrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 }
 /* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}