/*-----------------------------------------------------------------------------------



	Theme Name:   Devine

	Theme URI:    http://preview.hb-themes.com/?theme=Divine

	Description:  Responsive Fullscreen WordPress Theme.

	Author:       HB-Themes

	Author URI:   http://www.hb-themes.com

	License:      GNU General Public License version 3.0

	License URI:  http://www.gnu.org/licenses/gpl-3.0.html

	Version:      1.1

	

	Developed and designed by Hristina Zlateska & Branko Conjic for HB-Themes.

	All files, unless otherwise stated, are released under the GNU General Public License

	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

	

-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------

        0. CSS Imports

-----------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);

@import url(https://fonts.googleapis.com/css?family=Lato:300,400);

@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:700);

 @font-face {

font-family: 'EntypoRegular';

src: url('./font-face/Entypo/Entypo-webfont.eot');

src: url('./font-face/Entypo/Entypo-webfont.eot?#iefix') format('embedded-opentype'), url('./font-face/Entypo/Entypo-webfont.woff') format('woff'), url('./font-face/Entypo/Entypo-webfont.ttf') format('truetype'), url('./font-face/Entypo/Entypo-webfont.svg#EntypoRegular') format('svg');

font-weight: normal;

font-style: normal;

font-variant: normal;

}

@font-face {

font-family: "FontAwesome";

src: url('./font-face/FontAwesome/fontawesome-webfont.eot');

src: url('./font-face/FontAwesome/fontawesome-webfont.eot?#iefix') format('eot'), url('./font-face/FontAwesome/fontawesome-webfont.woff') format('woff'), url('./font-face/FontAwesome/fontawesome-webfont.ttf') format('truetype'), url('./font-face/FontAwesome/fontawesome-webfont.svg#FontAwesome') format('svg');

font-weight: normal;

font-style: normal;

}

/*-----------------------------------------------------------------------------------

        1. CSS Reset

-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body, html {

	line-height: 1;

	margin: 0;

	padding: 0;

	background-attachment: fixed;

	height: 100%;

}

ol, ul {

	list-style: none

}

blockquote, q {

	quotes: none

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

:focus {

	outline: 0

}

ins {

	text-decoration: none

}

del {

	text-decoration: line-through

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

.clearfix:before, .clearfix:after {

	content: '\0020';

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

.clearfix:after {

	clear: both

}

.clearfix {

	zoom: 1

}

.last-column {

	margin-right: 0 !important;

	clear: right;

}

.clearboth {

	clear: both;

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	width: 100%;

}

.section {

	margin-bottom: 30px

}

img {

	border-style: none;

	vertical-align: top;

	max-width: 100%;

	height: auto;

}



.wp-caption, .wp-caption-text, .gallery-caption { font-size:11px; display:block; margin:0; padding:0; }

.sticky {}

/*-----------------------------------------------------------------------------------

        2. General Styles

-----------------------------------------------------------------------------------*/

.preloader #header, .preloader #content-wrapper { opacity:0; }

html, body, body *, p {

	-webkit-text-size-adjust: none;

	-webkit-font-smoothing: subpixel-antialiased;

	font-smoothing: subpixel-antialiased;

}

body {

	background-image: none;

	background-repeat: repeat;

	background-position: center center;

	background-attachment: scroll;

	background-color:#fff;

}

body, input, textarea {

	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #767676;

	font-weight:normal;

}

input, textarea {

	background-color: #fafafa;

}

textarea:focus { color:#333; }

.hidden, .none {

	display: none

}

p {

	margin-bottom:20px;

}

a {

	text-decoration:none;

	color: #498ab8;

-webkit-transition: color .2s linear;

-moz-transition: color .2s linear;

-o-transition: color .2s linear;

-ms-transition: color .2s linear;

transition: color .2s linear;

}

a:hover {

	color: #FC3E72;

}

/* Headings */

h1, h2, h3, h4, h5, h6 {

	padding: 0 0 20px 0;

	color: #4E575C;

	font-family: 'PT Sans Caption', Arial, sans-serif;

	font-weight: 400;

}

#footer h1, #footer h2, #footer h3, #footer, h4, #footer h5, #footer h6 { color: #AAA; }

h1 {

	font-size: 28px;

	line-height: 36px;

	letter-spacing:-1px;

}

h2 {

	font-size: 24px;

	letter-spacing: -1px;

	line-height: 36px;

}

h3 {

	font-size: 20px;

	letter-spacing: -0.2px;

	line-height: 36px;

}

h4 {

	font-size: 16px;

	letter-spacing: -0.2px;

	line-height: 36px;

}

h5 {

	font-size: 14px;

	letter-spacing: -0.1px;

	line-height: 18px;

}

h6 {

	font-size: 13px;

	letter-spacing: -0.1px;

	line-height: 18px;

	padding-bottom: 8px;

}

blockquote {

	padding:20px;

	background-color:#f7f7f7;

	border-left:solid 3px #FC3E72;

	margin-bottom: 20px;

	font-style:italic;

	font-size:13px;

	background-image:url(../images/sprites/quote.png);

	background-repeat:no-repeat;

	background-position:99% 7px;

}

pre, code, kbd, tt {

	clear: both;

	line-height: 20px !important;

	font-size: 11px !important;

	font-family: "Courier New", Courier, monospace, serif !important;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 20px;

	margin-left: 0;

	color: #000 !important;

}

pre {

	padding: 20px 10px;

	background: url("../images/sprites/bg-code.png");

	border: 1px solid #e2e1e0;

	overflow: auto;

	overflow-Y: hidden;

	white-space: pre-wrap;

	white-space: -moz-pre-wrap;

	white-space: -o-pre-wrap;

	word-wrap: break-word;

}

pre code {

	display: block;

	margin: 0px 0px 0px 10px;

}

abbr {

	border-bottom: 1px dashed;

	cursor: help;

}

address, cite, em, i {

	font-style: italic

}

dfn {

	border-bottom: 1px dashed;

	font-style: italic;

}

big {

	font-size: large

}

small, sub, sup {

	position: relative;

	font-size: 11px;

	vertical-align: baseline;

}

.bold {

	font-weight:bold;

	color:#000;

}

sub {

	top: 3px

}

sup {

	bottom: 3px

}

strong, b {

	font-weight: bold

}

mark, .highlight {

	display: inline;

	padding: 1px 3px;

	color: #fff;

	background-color: #FC3E72;

	text-shadow: none;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);

	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);

	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);

}

mark.dark, .highlight.dark {

	background-color: #454545

}

span.dropcap {

	float: left;

	display: block;

	margin: 2px 10px 0px 0px;

	line-height: 35px;

	font-size: 38px;

	text-transform: uppercase;

}

.alignleft {

	float: left;

	margin: 20px 20px 10px 0;

}

.alignright {

	float: right;

	margin: 20px 0 10px 20px;

}

.aligncenter {

	margin-left: auto;

	margin-right: auto;

	display: block;

	clear: both;

	text-align: center;

}

::-moz-selection, ::-webkit-selection, ::selection {

background-color: #FC3E72;

color: #fff;

text-shadow: none;

}

/* Form elements */

input[type=submit], button {

	outline:none;

	border:none;

	text-decoration:none;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

	line-height: normal !important;

	display: inline-block;

	height: 25px;

	box-sizing: initial;

	padding: 4px 6px;

	border: solid 1px #e2e1e0;

}

input[type=text], input[type=email] {

	border: solid 1px #e2e1e0;

	outline: none;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

	padding: 4px 6px;

	color: #999;

	width: 60%;

	font-size: 11px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

	line-height: normal !important;

	display: inline-block;

	height: 25px;

	box-sizing: initial;

}

input[type=text]:focus {

	-webkit-box-shadow: 0px 0px 4px rgba(10, 10, 200, 0.1);

	-moz-box-shadow:    0px 0px 4px rgba(10, 10, 200, 0.1);

	box-shadow:         0px 0px 4px rgba(10, 10, 200, 0.1);

	color:#222;

}
/* Contact form 7 
.gdpr-acceptance {
	margin: 0 !important;
}
span.wpcf7-list-item {
	margin: 0 !important;
}
.wpcf7-submit {
	border: 0;
	padding: 10px;
	background-color: #0092bc;
	color: #fff;
}
.wpcf7-form input,
.wpcf7-form textarea {
    padding: 5px;
    border: 1px solid #0092bc;
}
div.wpcf7-mail-sent-ok {
    color: #666;
}*/


.focus-color, .title-box span {

	color: #fc3e72 !important;

}

.underlined-title {

	display:block;

	border-bottom:solid 1px #eee;

	padding-bottom:0px;

	margin-bottom:40px;

}

#footer .underlined-title { border-bottom-color: #333; border-bottom-color: rgba(222,222,222,0.1); }

.title-box {

	margin-bottom:50px;

}

.page-title {

	font-family: 'Raleway', Arial sans-serif;

	font-weight:400;

	margin-bottom:0;

	padding-bottom:0;

	display:block;

	line-height:38px;

	margin-bottom:3px;

	padding-bottom:3px;

	border-bottom:solid 1px #eee;

}

.sub-title {

	font-family: 'Raleway', Arial sans-serif;

	font-weight:200;

	font-size:20px;

	color:#ccc;

	line-height:28px;

	letter-spacing:0px;

}

.rotate {

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	transition-property: transform;

	overflow:hidden;

}

.rotate:hover {

	-webkit-transform:rotate(360deg);

	-moz-transform:rotate(360deg);

	-o-transform:rotate(360deg);

}

.flip-edge {

	background-color:#DEEEFE;

	color:#666;

}

.flip-edge .read-more-button, .read-more-button.ribbon {

	background-color:#f9f9f9;

	text-shadow:none;

}

.flip-edge-inside {

	padding:20px 20px 0px 20px;

}

.flip-edge:after {

	content: "";

	position: absolute;

	bottom: 0;

	right: 0;

	border-width: 20px 20px 0 0;

	border-style: solid;

	border-color: rgba(0, 0, 0, .1) #FFF;

	display: block;

	width: 0;

}

.left-edge.flip-edge:after {

	bottom:0;

	left: 0 !important;

	border-width: 20px 0 0 20px;

}

.ribbon:after, .ribbon:before {

	content: "";

	border: 13px solid #f9f9f9;

}

.ribbon:after {

	border-right-color: transparent;

	position: absolute;

	right: -20px;

	top: 0;

}

.ribbon:before {

	border-left-color: transparent;

	position: absolute;

	left: -20px;

	top: 0;

}

.arrow-down {

	position:absolute;

	right:60px;

	bottom:-15px;

	width: 0;

	height: 0;

	border-left: 20px solid transparent;

	border-right: 20px solid transparent;

	border-top: 20px solid #498ab8;

	z-index:999;

}

.arrow-up {

	width: 0;

	height: 0;

	border-left: 20px solid transparent;

	border-right: 20px solid transparent;

	position:absolute;

	top:-10px;

	right:30px;

	border-bottom: 20px solid #fafafa;

	z-index:999;

}

#header-dropdown .arrow-down {

	cursor:pointer;

}

.title-description {

	font-weight: 300;

	letter-spacing: -0.1px;

	margin-bottom: 20px;

	font-size: 18px;

	padding: 0;

}

.title-description strong {

	font-size:20px;

	color:#FC3E72;

}

/*-----------------------------------------------------------------------------------

        3. Header Styles

-----------------------------------------------------------------------------------*/

#header {

	width:100%;

	overflow:hidden;

	overflow-x: hidden;

	overflow-y: hidden;

	display:table;

	background-color: #363D40;

	position:relative;

	z-index:999;

}

#header-dropdown {

	width:100%;

	height:440px;

	background-color:#498ab8;

	position:absolute;

	left:0;

	margin-top:-435px;

	z-index:9999;

	opacity: 0.8;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	filter: alpha(opacity=80);

}

.remove-opacity {

	opacity: 1 !important;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;

	filter: alpha(opacity=100) !important;

}

/* Map */

#map {

	width:100%;

	height:435px;

	position:relative;

}

#close-map-info {

	position:absolute;

	top:5px;

	right:0px;

	opacity:0.4;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

}

#close-map-info:hover {

	opacity:1;

}

#close-map-info span:before {

	font-size:60%;

}

#map img, .google img, .contact-map img, .google-map img {

	max-width:none;

} /* Fix map buttons */

.google-map, .contact-map {

	width:100%;

}

.contact-map {

	height:450px;

	margin-bottom:50px;

}

#map-contact-info {

	max-width:400px;

	position:absolute;

	bottom:40px;

	right:5px;

	z-index:999;

	background:rgba(255, 255, 255, 0.95);

	background:url(../images/sprites/w-trans-95.png) repeat;

	border:solid 1px #aaa;

	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.25);

	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.25);

	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.25);

	padding:15px 25px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}

#map-contact-info, #map-contact-info a {

	color:#767676;

}

#map-contact-info span {

	color:#333;

	font-weight:bold;

}

.contact-widget p.aligncenter {

	color:#000;

}

.contact-widget span {

	width: 60px;

	display: block;

	float: left;

	font-weight:bold;

	color:#434343;

}

.contact-widget {

	background-image: url(../images/sprites/earth.png);

	background-repeat: no-repeat;

	background-position: center 70%;

}

#intro-box {

	display: table-cell;

	vertical-align: middle;

	position: relative;

}

.search-404, .home-404 {

	font-family: 'Raleway', Arial sans-serif;

	font-weight:400;

	display:inline-block;

	background:rgba(73, 138, 184, 0.8);

	width:80px;

	color:#FFF;

	height:80px;

	line-height:80px;

	text-align:center;

	border-radius: 120px;

	margin-top:20px;

	text-transform:uppercase;

	font-size:13px;

	position:relative;

 -webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

}





.widget-item #search { background-color : rgba(0,0,0,0.2); border: none; }

.sidebar-content .widget-item #search { background-color: #f4f4f4; border:none !important; }

.widget-item #search:focus { color:#fff; }

.sidebar-content .widget-item #search:focus { color:#434343; }



.widget-item .close-overlay { display:none; }

.search-404:hover, .home-404:hover {

	color:#FFF;

	background:rgba(73, 138, 184, 1);

	z-index:999 !important;

}

.search-404 {

	margin-left: -15px;

	z-index:99;

}

.home-404 {

	margin-left:15px;

}

.welcome-logo img {

	display:block;

}

.welcome-logo a {

	display:inline-block;

	text-align:center;

	margin:0 auto;

	clear:both;

}

.welcome-logo {

	display:block;

	margin-bottom:40px;

}

#intro-box .inside {

	text-align:center;

	padding:20px 0;

	margin-top:-100px;

}

#intro-box .inside h1 {

	font-family: 'Raleway', Arial sans-serif;

	font-weight:400;

	font-size:40px;

	line-height:50px;

	color:#fff;

	background-color:rgba(255, 20, 90, 0.8);

	display:inline-block;

	width:auto;

	padding:2px 15px;

	margin-bottom:5px;

}

#intro-box .inside h2 {

	font-family: 'Raleway', sans-serif;

	font-weight:200;

	font-size:30px;

	line-height:40px;

	color:#fff;

	background-color:rgba(255, 20, 90, 0.8);

	display:inline-block;

	width:auto;

	padding:2px 15px;

	margin-bottom:30px;

}

#intro-box .get-started {

	display: block;

	position: absolute;

	bottom: -83px;

	left: 50%;

	width: 126px;

	height: 126px;

	margin-left: -63px;

	border: 0;

	background-color: #498AB8;

	opacity: 0.8;

	text-align:center;

	font-size:25px;

	text-decoration:none;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	filter: alpha(opacity=80);

	-webkit-border-radius: 72px;

	-moz-border-radius: 72px;

	border-radius: 72px;

 -webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

}

.get-started span {

	display:block;

	width:26px;

	margin:0 auto;

	margin-top:17px;

	text-indent:-9999px;

	height:26px;

	background-image:url(../images/sprites/begin.png);

	background-position:center center;

	background-repeat:no-repeat;

}

#intro-box .get-started:hover {

	opacity: 1;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

}

/*-----------------------------------------------------------------------------------

        5. Navigation Styles

-----------------------------------------------------------------------------------*/

#main-nav {

	position:fixed;

	top:0px;

	width:100%;

	background:#eee;

	height:70px;

	border-top:solid 5px #498ab8;

	z-index:99999;

	display:none;

}

#main-nav.no-effect {

	display:block;

	visibility:visible;

}

.external-page-template #main-nav.no-effect { position:absolute; top: 0px !important; }

.admin-bar #main-nav { top:28px; }

#nav-logo {

	padding-top:10px;

	display:inline-block;

	float:left;

}

#nav-logo h1 { padding:0; margin-top:8px; }

#nav-logo a img {

	height:50px;

}
#main-nav #menu-social {
	float: right;
	height: 89px;
	width: 40px;
	border-left: 1px solid #FFF;
}
#main-nav #menu-social a:first-child {
	padding-top: 7px;
}
#main-nav #menu-social a {
	float: right;
	width: 100%;
	text-align: right;
}
#main-nav #nav {

	float:right;

	display:inline-block;

	position:relative;

	z-index:999;

	top:-5px;

}

#main-nav #nav li {

	float:left;

	display:table;

	position:relative;

	width:auto;

}

#main-nav #nav li a {

	height:70px;

	font-family: 'PT Sans Caption', Arial, sans-serif;

	font-weight:400;

	font-size:12px;

	position:relative;

	display:block;

	border-top:solid 5px #498ab8;

	padding-left:15px;

	padding-right:15px;

	display: table-cell;

	vertical-align: middle;

	text-decoration:none;

	text-transform:uppercase;

	color:#999;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

}

#main-nav #nav li a:hover, #main-nav #nav li.hover-menu-item a {

	background-color:#f4f4f4;

	background-color: rgba(255,255,255,0.3);

	border-top: solid 5px #fc3e72;

	color:#282D30;

}

#main-nav #nav li a span {

	display:inline-block;

	padding-right:6px;

	font-weight:200;

	font-weight:normal;

	position:relative;

	top:2px;

}

#main-nav #nav li a#menu-search span {

	padding-right:0px;

}

#main-nav #nav li.current-menu-item a {

	background-color:#f4f4f4;

	background-color: rgba(255,255,255,0.5);

	border-top: solid 5px #fc3e72;

	color: #fc3e72;

	font-weight:400;

}

#main-nav #nav li a#menu-search {

	padding-left:20px;

}

#main-nav #nav li:hover .sub-menu {

	visibility:visible;

}

/* Submenu */

#main-nav #nav li .sub-menu {

	position:absolute;

	top:75px;

	left:0;

	background:#333;

	width:150px;

	margin:0;

	padding:0;

	display:block;

	visibility:hidden;

}

#main-nav #nav li .sub-menu li a {

	padding:8px 14px;

	border-top: none;

	border-bottom:solid 1px #e6e6e6;

	color:#999;

	background-color:#f2f2f2;

	height:auto;

	min-width:150px;

}

#main-nav #nav li .sub-menu li a:hover {

	color:#999;

	background-color:#f6f6f6;

	color:#282D30;

}

#main-nav #nav li .sub-menu li.current-menu-item a {

	background-color:#f4f4f4;

	color: #fc3e72;

}

/* Responsive Navigation */

#nav-wrap {

	position: relative;

	float: right;

	top:13px;

	text-transform: uppercase;

	font-family: 'Droid Sans', Arial, sans-serif;

	display: none;

	font-weight: bold;

}

/* menu icon */

#menu-icon {

	color: #000;

	width: 35px;

	height: 25px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	text-indent: -9999px;

	background-color:#e7e7e7;

	border:solid 1px #eee;

	padding: 8px 25px;

	cursor: pointer;

	display: block; /* show menu icon */

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

}

#menu-icon .image-icon {

	display: block;

	width: 100%;

	height: 100%;

	background: url(../images/sprites/menu-icon.png) no-repeat 0 0;

}

#menu-icon:hover {

	background:#e0e0e0;

}

#menu-icon.active {

	background: #498AB8;

	background: rgba(73, 138, 184, 0.9);

}

#menu-icon.active .image-icon {

	background: url(../images/sprites/menu-icon.png) no-repeat 0 -25px;

}

/* main nav */

#nav-resp {

	clear: both;

	position: absolute;

	top:57px;

	right: 0px;

	width: 280px;

	z-index: 90000;

	display: none; /* visibility will be toggled with jquery */

	border:none;

	background: #498AB8;

	background: rgba(73, 138, 184, 0.95);

	margin:0;
	
	/* Makes the mobile menu scrollable */
	height: 100%;
    min-height: 350px;
    overflow: auto;

}

.triangle {

	position: absolute;

	top: -8px;

	right: 31px;

	width: 16px;

	height: 9px;

	background-image: url(../images/sprites/triangle.png);

	background-repeat: no-repeat;

	background-position: center center;

}

ul#nav-resp .triangle {

}

#nav-resp li a {

	clear: both;

	float: none;

	display: block;

	margin: 0;

	padding: 12px 16px;

 -webkit-transition: all .2s linear;

 -moz-transition: all .2s linear;

 -o-transition: all .2s linear;

 -ms-transition: all .2s linear;

 transition: all .2s linear;

	font-weight: normal;

	text-shadow: none;

	text-decoraction: none;

	color:#FFF;

	border-bottom:solid 1px rgba(255, 255, 255, 0.1);

}

#nav-resp li {

}

#nav-resp li a:hover {

	background: rgba(255, 255, 255, 0.1);

}

/* dropdown */

#nav-resp ul {

	width: auto;

	position: static;

	display: block;

	border: none;

	background: inherit;

	margin: 0;

	padding: 0;

	display: block;

}

#nav-resp .sf-sub-indicator {

	display: none

}

#nav-resp ul li {

	margin: 0

}

#nav-resp ul li a {

	margin-left: 0px !important;

}

#nav-resp ul li li a {

}

#nav-resp ul li li a {

	margin-left: 45px !important

}

#nav-resp li li li li a {

	margin-left: 65px !important

}

.inactive-opacity {

	opacity:0.2;

}

/*************************************************************/



/*-----------------------------------------------------------------------------------

        5. Content Styles

-----------------------------------------------------------------------------------*/

#content-wrapper {

	width:100%;

	position:relative;

	padding-top:100px;

	z-index:9999;

	background-color: #FFF;

}

.external-page-template #content-wrapper { padding-top:140px; }

#shadow-top {

	position:absolute;

	z-index:9999;

	top:0px;

	width:100%;

	height:5px;

	background-color:#498ab8;

}

.hb-page {

	margin-bottom:0px;

}



.page-wrapper-hb { height:auto; padding: 40px 0 20px 0; margin-bottom: 80px; }

.page-wrapper-hb.odd { background-color: #fbfbfb; }

.page-wrapper-hb.last { margin-bottom: 0; padding-bottom: 60px; }

.external-page-template .hb-page { margin-bottom: 80px !important; }



.featured-image { margin-bottom:40px; display: block;}

.fitVids.featured-image { margin-bottom: 60px; }

/* Blog Stuff */

.posts-grid .flexslider, .posts-grid .blog-post-excerpt, .posts-grid .post-featured-image {

	margin-left:1px;

}

.posts-grid .post {

	margin-bottom:30px !important;

}

.blog-post {

}

.blog-wrapper .separator {

	margin-top:40px;

	margin-bottom:40px;

}

.link-post {

	overflow:hidden;

}

.link-post .service-arrow {

	color:#dedede;

	z-index:999;

	top:-25px;

	right:-13px;

	font-size:100px;

}

.link-post:hover .service-arrow {

	color:#fc3e72;

}

#pagination-separator {

	margin-top:0px;

	margin-bottom:20px;

}

.blog-post:hover .blog-post-meta, .link-post:hover .blog-post-excerpt {

	border-bottom-color:#fc3e72;

	position:relative;

}

.post-featured-image img {

	display:block;

	width:100%;

	height:auto;

}

.post-featured-image, .blog-slider-post {

	display:block;

}

.blog-slider-post {

	overflow:hidden;

	margin-bottom:20px;

}

.blog-slider-post .flexslider-wrapper { margin-bottom: 20px; }

.blog-post-sec .post-featured-image {

	margin-bottom:40px;

}

.blog-post-sec {

	margin-bottom:40px;

}

.blog-excerpt .read-more-button {

	background-color:#f5f5f5;

}

.blog-head {

	margin-bottom:30px;

}

.blog-meta-info {

	font-weight: bold;

	text-align: center;

	display: block;

	float: left;

	background-color: #f3f3f3;

	width: 70px;

	height: 56px;

	margin-right: 15px;

	-webkit-border-radius: 54px;

	border-radius: 54px;

	padding: 14px 0 0 0;

	line-height: 1;

	z-index:99;

	display:inline-block;

}

.blog-meta-info .post-date {

	margin-top:5px;

	margin-bottom:3px;

	font-size:18px;

	display:inline-block;

	text-align:center;

	color:#555

}

.blog-meta-info .post-month {

	text-transform:uppercase;

	font-size:12px;

	display:inline-block;

	text-align:center;

	color:#999;

}

.blog-meta-title {

	position:relative;

	z-index:1;

	overflow:hidden;

	padding-top:5px;

}

.blog-meta-title h2 a {

	color:#323232;

}

.blog-meta-details {

	margin-top:7px;

	font-size:11px;

	color:#767676;

}

.blog-meta-details a {

	color:#323232;

	border-bottom:dotted 1px #bcbcbc;

}

.blog-meta-details a:hover, .blog-meta-title h2 a:hover {

	color:#fc3e72;

}

.blog-meta-title .separator {

	width:100% !important;

	margin:0px;

	margin-left:0px;

}

.blog-post-excerpt {

	padding:20px;

	background:#fafafa;

	border:solid 1px #dedede;

	border-top:none;

	border-bottom-color:#f3f3f3;

	position:relative;

}

.link-post .blog-post-excerpt {

	border:solid 1px #dedede;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

}

.blog-post-excerpt h2 {

	font-size:14px;

	letter-spacing:0px;

	line-height:20px;

	word-wrap:break-word;

}

.blog-head h2 {

	font-size:19px;

	line-height:26px;

	padding-bottom:5px;

	letter-spacing:0px;

}

.no-image-post .blog-post-excerpt {

	border-top:solid 1px #dedede;

}

.blog-post-excerpt p {

	margin-bottom:0px;

	padding:0;

}

blockquote p, .tooltip-text p {

	margin-bottom:10px;

}

blockquote p:last-child, .tooltip-text p:last-child {

	margin-bottom:0;

}

.blog-post-meta {

	border:solid 1px #dedede;

	color:#999;

	border-top:none;

	padding:10px 20px;

	font-size:11px;

	position:relative;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

	margin-left:1px;

}

.gallery-post {

	overflow:hidden;

}

.blog-post-meta a {

	color:#999;

}

.meta-post {

	float:left;

}

.post-comments {

	float:right;

}

.post-likes {

	float:right;

	margin-left:15px;

}

.from-the-portfolio-sec .from-the-portfolio-gal {

	position: relative;

	margin-bottom: 30px !important;

}

.from-the-portfolio-sec ul {

	margin-bottom: 0px

}

.from-the-portfolio-sec .arrow-cropper {

	font-family: 'EntypoRegular', Arial, sans-serif;

	font-size: 70px;

	color: #fafafa;

	position: absolute;

	left: 10px;

	top: -17px;

	line-height: 1px;

}

.from-the-portfolio-sec img, .from-the-portfolio-gal img, .from-the-portfolio-sec iframe {

	width: 100%;

	display: block;

	margin: 0;

	padding: 0;

}

.col-4.from-the-portfolio-sec img, .col-4.from-the-portfolio-gal img, .col-4.from-the-portfolio-sec iframe {

	height: 218px

}

.col-6.from-the-portfolio-sec img, .col-6.from-the-portfolio-gal img, .col-6.from-the-portfolio-sec iframe {

	height: 338px

}

.col-3.from-the-portfolio-sec img, .col-3.from-the-portfolio-gal img, .col-3.from-the-portfolio-sec iframe {

	height: 158px

}

.main-content-with-sidebar .col-4.from-the-portfolio-sec img, .main-content-with-sidebar .col-4.from-the-portfolio-gal img, .main-content-with-sidebar .col-4.from-the-portfolio-sec iframe, .main-content-with-sidebar .col-6.from-the-portfolio-sec img, .main-content-with-sidebar .col-6.from-the-portfolio-gal img, .main-content-with-sidebar .col-6.from-the-portfolio-sec iframe {

	height: 229px

}

.main-content-with-sidebar .col-3.from-the-portfolio-sec img, .main-content-with-sidebar .col-3.from-the-portfolio-gal img, .main-content-with-sidebar .col-3.from-the-portfolio-sec iframe {

	height: 108px;

}

.main-content-with-sidebar .col-3.from-the-portfolio-gal .overlay-inner {

	display:none;

}

.from-the-portfolio-sec a.from-the-portfolio-sec-header, .post-featured-image {

	display: block;

	background-color: #363D40;

	background-image: url(../images/sprites/hover-plus.png);

	background-repeat: no-repeat;

	background-position: center center;

}



/* Single Portfolio ----------------------------------------------------------- */

.project-title, .project-details {

	font-size:16px;

}

#single-meta-sidebar ul li {

	border-bottom:dotted 1px #ccc;

	padding-bottom:10px;

	margin-bottom:10px;

}

.project-terms, .project-terms a {

	color:#888;

}

.project-terms a:hover {

	color:#333;

}

.project-terms .like-count-sec:hover, .project-terms .like-active {

	color:#FF6383;

}

.project-terms .like-count-sec:hover span, .project-terms .like-active span {

	background-position: -15px -19px

}

.project-terms .like-count-sec span {

	margin-right:10px;

}

.project-terms span {

	display:inline-block;

	width:45%;

	color:#666;

	font-weight:bold;

	float:left;

}

.project-terms .list-terms {

	display:inline-block;

	float:right;

	width:55%;

}

#single-description, #single-meta-sidebar {

	margin-bottom:0 !important;

}

.other-projects {

	border:none !important;

	margin-top:10px;

}

.other-projects span {

	padding-top:4px;

}

.prev-project, .next-project, .all-project {

	width:26px;

	height:26px;

	text-indent:-9999px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	background-image:url(../images/sprites/prev-project.png);

	display:inline-block;

	background-repeat:no-repeat;

	background-position:center center;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	transition: all 0.2s linear;

	background-color: rgba(170, 170, 170, 0.1);

	opacity:0.7;

}

.prev-project:hover, .next-project:hover, .all-project:hover {

	background-color: rgba(200, 200, 200, 0.2);

	opacity:1;

}

.next-project {

	background-image:url(../images/sprites/next-project.png);

}

.all-project {

	background-image:url(../images/sprites/all-projects.png);

}

/* Overlay */

.overlay-info {

	width:100%;

	height:100%;

	display:block;

	position:absolute;

	top:0;

	left:0;

	background:#fc3e72;

	opacity:0;

	filter: alpha(opacity = 0);

}

.overlay-info .overlay-inner {

	display: table;

	position: absolute;

	width: 100%;

	height: 100%;

}

.overlay-content {

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}

.overlay-info h2.portfolio-title {

	color:#FFF;

	padding:0;

	font-size: 19px;

	line-height: 24px;

	font-size:19px;

}

.col-3 .overlay-info h2.portfolio-title {

	font-size:16px;

}

.overlay-info h5 {

	color:#666;

	margin:5px;

	font-weight:normal;

	font-size:12px;

	line-height:18px;

	padding:0;

}

.overlay-info p {

	margin:10px;

	color:#ddd;

}

.from-the-portfolio .featured-header a {

	background-image: none !important

}

.featured-overlay {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	display: block;

	opacity: 0;

}

.featured-title .arrow-in-button {

	width: 7px;

	height: 5px;

	display: inline-block;

	background-image: url(../images/sprites/sub-indicator-dark.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin-left: 5px;

	margin-bottom: 2px;

}

.blog-comment-pagination {

	display: inline-block;

	width: auto;

	float: right;

	text-transform: uppercase;

	margin-bottom: 20px;

}

.blog-comment-pagination .page-numbers, .page-numbers .current {

	float: left;

	font-size: 10px !important;

	margin-right: 3px;

	padding: 0 10px;

	height: 25px !important;

	line-height: 25px !important;

	background-color: #efefef;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

	position: relative;

}

.page-numbers:hover {

	background-color: #eee;

	color: #fc3e72;

}

.blog-comment-pagination .current {

	background-color: #888;

	color: #eee !important;

}

.blog-pagination {

	display: block;

	margin-bottom: 0px;

}



.from-the-blog .separator {

	margin: 20px 3px 10px 3px

}

.from-the-blog .from-the-blog-meta, .blog-details .from-the-blog-meta, .blog-post-text .from-the-blog-meta {

	font-size: 11px;

	color: #999;

	display: block;

	line-height: 18px;

	margin-left: 3px;

	margin-right: 3px;

	background-image: url(../images/sprites/action-border.png);

	background-repeat: repeat;

	padding: 5px 10px;

}

.blog-post-text .from-the-blog-meta {

	font-size: 11px;

	color: #999;

	display: block;

	line-height: 18px;

	margin-left: 0px;

	margin-right: 0px;

	background-image: url(../images/sprites/action-border.png);

	background-repeat: repeat;

	padding: 5px 15px;

}

.from-the-blog-meta li {

	margin-right: 20px;

	float: left;

}

.from-the-blog-meta li.like-count {

	margin-right: 5px;

}

.from-the-blog-meta a {

	color: #ababab;

	display: block;

}

.from-the-blog-meta a:hover {

	color: #333;

	display: block;

}

.print-tag, .print-tag a {

	font-size:12px;

	display:inline-block;

}

.print-tag {

	float:left;

	display:inline-block;

	max-width:400px;

	padding:0;

	margin:0;

}

#blog-content-separator {

	margin-bottom:10px;

	margin-top:60px;

}

.about-the-author {

	margin-top:20px;

	margin-bottom: 30px;

	display: block;

	padding: 5px;

	background-color: #fcfcfc;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	border:solid 1px #efefef;

}



.about-the-author-inner {

	padding: 30px

}

.about-the-author p {

	margin-bottom: 0px

}

.about-image-wrapper {

	width: 80px;

	height: 80px;

	float: left;

	display: inline-block;

}

.about-image-wrapper img {

	width: 100%;

	height: 100%;

	display: block;

}

.about-the-author-text {

	float: right;

	display: inline-block;

	width: 80%;

}

.comment-count, .like-count {

	float: right !important

}

.from-the-blog .icon, .from-the-blog-meta .icon {

	background-image: url(../images/sprites/portfolio-sprite.png);

	background-repeat: no-repeat;

	width: 25px;

	height: 12px;

	float: left;

	margin: 2px 5px 0 0;

	display: block;

}

.published {

	margin-right: 0px !important

}

.published .icon {

	background-position: 0 0;

	width: 12px;

	height: 6px;

	margin: 6px 5px 0 0;

}

.published a:hover .icon {

	background-position: -13px 0

}

.comment-count {

	margin-right: 0px !important;

	margin-left: 7px;

}

.comment-count .icon {

	background-position: 0 -7px;

	width: 15px;

	height: 11px;

	float: left;

	margin: 4px 5px 0 0;

}

.comment-count a:hover .icon {

	background-position: -16px -7px

}

.like-count .icon {

	background-position: 0 -19px;

	width: 13px;

	height: 11px;

	float: left;

	margin: 3px 5px 0 0;

}

.like-count a:hover .icon, .like-active .icon {

	background-position: -15px -19px

}

.like-count a:hover, a.like-active {

	color: #FF6600 !important

}

.like-count-sec .icon {

	background-image: url(../images/sprites/portfolio-sprite.png);

	background-repeat: no-repeat;

	display: block;

	background-position: 0 -19px;

	width: 9px;

	height: 11px;

	float: left;

	margin: 4px 4px 0 0;

	padding-right:7px;

}

.like-count-sec a:hover .icon, .like-active .icon {

	background-position: -15px -19px

}

.like-count-sec a:hover, a.like-active {

	color: #FF6600 !important

}

/* Blog Comments */

#respond h4 {

	line-height: 25px;

	margin: 0px;

	padding: 0px;

}

#commentform label {

	margin-left: 10px

}

#commentform label small {

	margin-left: 0px

}

.commentlist {

	margin: 0px 0 20px 0;

	list-style-type: none;

}

.pinglist {

	margin: 20px 0 40px 20px;

	list-style-type: decimal;

}

.comment {

	margin: 0px 0px 10px 0px !important;

	padding: 0 !important;

}

.children {

	padding: 0 !important;

	list-style-type: none;

	margin: 10px 0 0 80px;

}

.comment .avatar {

	float: left;

	padding: 0 15px 0 0;

	margin: 0 14px 0 0;

	border-right: solid 1px #ddd;

}

.comments-pagination {

	margin: 0 0 40px 0;

	padding: 0;

}

.comments-pagination a {

	margin: 0;

	font-size: 10px;

}

.bypostauthor .comment-body:hover .author-tag {

	color: #E84313 !important

}

.author-tag {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8px !important;

	color: #888;

	text-transform: uppercase;

	float: right;

	line-height: 13px;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

}

.comment-author {

	margin: 0px 0 0 65px;

	font-weight: bold;

}

.comment-inner {

	margin: 0 0 0 65px

}

.comment-inner p {

	margin-bottom: 10px !important

}

.comment-meta {

	margin-top: 2px;

	margin-bottom: 15px;

	font-size: 10px;

}

.cancel-comment-reply {

	margin: 0 0 20px 0

}

.comment-author cite {

	font-weight: bold

}

.nocomments {

	text-align: center;

	padding: 20px;

}

.comment-body {

	background-color: #fff;

	padding: 20px 20px 10px 20px;

	border: solid 1px #eee;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

	background-image: url(../images/sprites/action-border.png);

	background-repeat: repeat-x;

	background-position: center bottom;

}

.comment-body:hover {

	border: solid 1px #ddd

}

.bypostauthor > .comment-body, .bypostauthor > .children > .bypostauthor > .comment-body {

	background-color: #FBFCFF;

}

.bypostauthor>.comment-body:hover {

	border-bottom-color:#FC3E72;

}

.bypostauthor > .children > .comment-body {

	background-color: #fcfcfc

}

.comment-body ul {

	list-style-type: disc

}

.comment-body ol {

	list-style-type: decimal

}

#respond #submit {

	margin-bottom: 0

}

.comment-meta .arrow-in-button {

	margin-left: 5px

}

.blog-comment-pagination {

	display: inline-block;

	width: auto;

	float: right;

	text-transform: uppercase;

	margin-bottom: 20px;

}

.blog-comment-pagination .page-numbers, .page-numbers .current {

	float: left;

	font-size: 10px !important;

	margin-right: 3px;

	padding: 0 10px;

	height: 25px !important;

	line-height: 25px !important;

	background-color: #efefef;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

	position: relative;

}

.page-numbers:hover {

	background-color: #eee;

	color: #FC3E72;

}

.blog-comment-pagination .current {

	background-color: #888;

	color: #eee !important;

}

.blog-pagination {

	display: block;

	margin-bottom: 0px;

}

.blog-pagination div a {

	text-transform: uppercase;

	font-size: 10px;

	text-shadow: none;

	font-weight: normal;

}

.blog-pagination div a:hover {

	color: #FC3E72

}

.blog-pagination div.alignleft a, .blog-pagination div.alignright a {

	position: relative;

	padding: 3px 15px;

	font-weight: bold;

	display: inline-block;

	margin-top: 5px;

	background-color: #eee;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	text-shadow: 0px 1px 0 #fff;

	-webkit-transition: color 0.2s linear;

	-moz-transition: color 0.2s linear;

	-o-transition: color 0.2s linear;

	transition: color 0.2s linear;

	color: #656565;

}

.blog-pagination div.alignleft a:hover, .blog-pagination div.alignright a:hover {

	background-color: #ececec;

	color: #FC3E72;

}



/* Page Pagination */

.pagination-wrapper {

	width:auto;

	display:block;

}



.page-blog-pagination-wrapper { float:right; width:auto; margin-top:30px; }

.page-blog-pagination a {

font-size: 13px;

font-weight: 600;

line-height: 30px;

height: 30px;

text-align: center;

margin-right: 3px;

display: block;

float: left;

color: #334433;

background-color: #f7f7f7;

-moz-box-sizing: border-box;

border-radius: 2px;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

padding-left:10px; padding-right:10px;

}

.page-blog-pagination a.current { background-color: #FC3E72; color:#FFF; }

.page-blog-pagination a.inactive:hover { color:#FC3E72; }



.page-pagination a {

	font-size: 13px;

	font-weight: 600;

	line-height: 40px;

	height: 40px;

	text-align: center;

	display: block;

	color: #767676;

	background-color: #f3f3f3;

	-moz-box-sizing: border-box;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	transition: all 0.2s linear;

}

.page-pagination a:hover {

	background-color: #498AB8;

	color:#FFF;

}

.page-pagination a.current {

	background-color: #fc3e72;

	color:#FFF;

}

.page-pagination a.inactive:hover {

	color:#fc3e72;

}

/* Portfolio Stuff */



/* Direction Aware Hover */

.da-thumbs {

	list-style: none;

	width: 100%;

	height: auto;

	position: relative;

	padding: 0;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.da-thumbs li {

	float: left;

	margin: 1px 1px 0px 0px;

	background: #333;

	padding: 0px;

	position: relative;

	display:block;

	width:309px;

	height:201px;

	overflow:hidden;

}

.da-thumbs li a, .da-thumbs li a img {

	display: block;

	position: relative;

	width:100%;

	height:100%;

}

.da-thumbs li a {

	overflow: hidden;

}

.da-thumbs li a > div {

	position: absolute;

	background-color: rgba(252, 62, 114, 0.95);

	width: 100%;

	height: 100%;

}

.da-thumbs li a div.da-animate {

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	-ms-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

/* Initial state classes: */

.da-slideFromTop {

	left: 0px;

	top: -100%;

}

.da-slideFromBottom {

	left: 0px;

	top: 100%;

}

.da-slideFromLeft {

	top: 0px;

	left: -100%;

}

.da-slideFromRight {

	top: 0px;

	left: 100%;

}

/* Final state classes: */

.da-slideTop {

	top: 0px;

}

.da-slideLeft {

	left: 0px;

}

.da-thumbs li a div.overlay-div div.overlay-div-inside {

	color:#FFF;

	font-family: 'Helvetica Neue', Helvetica, Arial sans-serif;

	font-weight:200;

	display:block;

	margin:20px;

	border-top:solid 3px rgba(255, 255, 255, 0.4);

	padding-top:20px;

}

.project-date {

	display:block;

	color:rgba(255, 255, 255, 0.9);

}

.views-likes-holder {

	display:block;

	width:100%;

	margin-top:20px;

	position:absolute;

	left:20px;

	bottom:20px;

	text-align:left;

	color:rgba(255, 255, 255, 0.9);

}

.project-views, .project-likes {

	display:inline-block;

	font-size:11px;

}

.project-views {

	margin-right:2px;

}

.project-likes {

	margin-left: 2px;

}

.eye-holder {

	position:absolute;

	right:15px;

	bottom: 30px;

	line-height:1px;

	color:rgba(255, 255, 255, 0.6);

}

.eye-holder span {

	height:30px;

	display:block;

}

.eye-holder span:before {

	font-weight:200 !important;

	font-size:100px;

	line-height:1px;

}

#da-thumbs li a div div h1 {

	font-family: 'Raleway', Arial sans-serif;

	display:block;

	text-align:left;

	bottom:0px;

	font-weight:400;

	letter-spacing:0px;

	font-size:16px;

	line-height:20px;

	padding-bottom:0;

	margin-bottom:20px;

	color:#FFF;

}

#da-thumbs li a div div h3 {

	font-family: 'Helvetica Neue', Helvetica, Arial sans-serif;

	display:block;

	text-align:left;

	bottom:0px;

	font-weight:200;

	letter-spacing:0px;

	font-size:12px;

	line-height:18px;

	color:rgba(255, 255, 255, 0.9);

	margin-bottom:0;

	padding-bottom:0;

}



/* Search Result Posts */

.search-entry { padding-bottom: 20px; margin-bottom: 30px; border-bottom:solid 1px #f7f7f7; }

.search-entry h2 { font-size: 13px; margin-bottom: 18px; margin-top: 0px; padding: 0; line-height: 14px; }

.search-entry p:last-child { margin-bottom:0px; }

.search-portfolio-thumb { max-width: 45%; float: left; margin-right: 20px; padding: 4px; border: 1px solid #e3e2e1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.search-portfolio-thumb img { margin: 0px; padding: 0px; display: block; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.search-portfolio-thumb:hover img { -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }



/* Portfolio filter */

#portfolio-filter {

	display:block;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

	margin-bottom:40px;

}

#portfolio-filter li {

	display:inline-block;

	margin-left:3px;

	position:relative;

}

#portfolio-filter li .arrow-down {

	bottom:-30px;

	left:50%;

	margin-left: -7px;

	bottom:-10px;

	border-left: 8px solid transparent;

	border-right: 8px solid transparent;

	border-top: 8px solid #fc3e72;

	display:none;

}

#portfolio-filter li a {

	background-color:#eee;

	padding:8px 14px;

	color:#878787;

	-moz-box-shadow: inset 0px 15px 0px 0px rgba(255, 255, 255, 0.1);

	-webkit-box-shadow: inset 0px 15px 0px 0px rgba(255, 255, 255, 0.1);

	box-shadow: inset 0px 15px 0px 0px rgba(255, 255, 255, 0.1);

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

}

#portfolio-filter li a:hover {

	background-color:#f4f4f4;

	color:#333;

}

.inactive-portfolio-item {

	cursor:default !important;

}

.current-portfolio-item { cursor:default; background-color: #498AB8; background-image:url(../images/sprites/hover-plus.png); background-position:center center; background-repeat:no-repeat; }

.current-portfolio-item img { opacity:0.05; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; filter: alpha(opacity=5); }

.current-portfolio-item .overlay-div { display:none; visibility:hidden;}

.current-filter a, .current-filter a:hover {

	background-color:#fc3e72 !important;

	color:#FFF !important;

}

.current-filter .arrow-down {

	display:block !important;

}

/* Gallery */

.hb-gallery {

	display:block;

	overflow:hidden;

	margin-bottom:30px;

}

.hb-gallery li {

	width:110px;

	height:110px;

	margin:0 6px 6px 0;

	float:left;

	position:relative;

	background-color: #fc3e72;

	background-image:url(../images/sprites/hover-plus.png);

	background-repeat:no-repeat;

	background-position:center center;

}



.hb-gallery li a, .hb-gallery li a img {

	display:block;

	height:100%;

	width:100%;

}

/* Team members */

.team-column .team-image {

	display:block;

	width:100%;

	margin-bottom:20px;

}

.team-column .team-image img {

	display:block;

	width:90%;

	height:auto;

	-moz-border-radius: 110px;

	-webkit-border-radius: 110px;

	border-radius: 110px;

	margin:0 auto;

}

.team-column {

	text-align:center;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

	border-top:solid 1px transparent;

}

.team-inside {

	padding:30px 10px;

}

.team-title {

	font-family: 'Raleway', Arial sans-serif;

	font-weight:400;

	color: #fc3e72;

	margin-bottom:0;

	padding-bottom:0;

	line-height:22px;

}

.team-position {

	font-family: 'Raleway', Arial sans-serif;

	font-weight:200;

	color: #666;

	line-height: 24px;

	padding-top: 4px;

}

.team-description {

	color:#999;

	padding:10px;

}

.team-description p {

	margin-bottom:10px;

}

.team-description p:last-child {

	margin-bottom:0px;

}

.team-column:hover {

	background-color: #f9f9f9;

	border-top-color: #fc3e72;

}

.team-column .separator-small {

	margin:20px auto 20px auto;

}

.team-column .social {

	text-align:center;

	display:block;

	margin-bottom:0;

}

.team-column .social li {

	display:inline-block;

	position:relative;

	width:33px;

	height:33px;

	margin-right:3px;

}

/* Page with sidebar */

.page-with-sidebar .sidebar-content-inside {

	padding-left:30px;

}

.sidebar-content .widget-item {

	width:100%;

}

.sidebar-content .widget-item .google-map {

	width:100%;

	height:200px;

	margin-bottom:20px;

}



/* Standard Table */

.hb_table {

	margin: 20px 0 40px 0;

}

.hb_table th {

	border: 1px solid #e2e2e2;

	background: #fcfcfc;

	text-align: center;

	padding: 8px 14px;

	font-size: 14px;

	text-align: left;

	font-weight: 600;

}

.hb_table td {

	padding: 8px 14px;

	border: #e2e2e2 1px solid;



	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-ms-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	transition: all 0.3s linear;	

}

.hb_table tr.odd td {

	background: #f9f9f9;

	}

.hb_table tr:hover td {

	background: #edf9fa;

	}

.hb_table td.b{

	font-weight: 600;

	}	

.al_right {

	text-align: right;

}



.no_bm {

	margin-bottom: 0;

}



/* Pricing tables ----------------------------------------------------------- */

.pricing-table { display: inline-block; margin-top: 20px; margin-bottom: 0px; width: 100%; }

.plan-item { position: relative; overflow: hidden; border: 1px solid #e2e1e0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align: center; background-color: #fff; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; background-image: url(../images/sprites/action-border.png); background-repeat: repeat-x; background-position: center bottom; }

.focus-plan { background: #FFF; }

.plan-item ul,

.plan-item li { margin: 0; padding: 0; }

.plan-item ul { margin: 20px 0 0 }

.plan-item li { padding: 10px 20px; border-bottom: solid 1px #f4f4f4; color: #545454; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.plan-item li:nth-child(even) { background-color: #fafafa;}

.plan-item:hover .plan-item-price { color: #fc3e72; }

.plan-item:hover { border-top-color: #fc3e72; }

.plan-item:hover .plan-item-header { color: #000; }

.plan-item:hover ul li { color:#000 !important; }

/* Plan item structure */

.plan-item-header { padding: 18px 15px 15px 15px; text-decoration: none; color: #767676; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom: 1px solid #f4f4f4; background-color: #fcfcfc; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

li.plan-item-price { margin-top: -19px; font-size: 26px; padding: 20px; line-height: 1 !important; color: #656565; font-weight:bold;}

.plan-item-button { padding: 30px 0 }

.focus-plan { margin-top: -20px !important }

.focus-plan .plan-item-header:before, .focus-plan .plan-item-header:after { font-family: 'EntypoRegular', Arial, sans-serif; font-size: 24px; line-height: 0; margin: 10px; content: 'Q'; }

.focus-plan .plan-item-header { padding: 25px; color: #fc3e72 !important; font-weight: bold; background-color: #fcfcfc;}

.focus-plan .plan-item-button { background-color: #fcfcfc; }

.focus-plan { border-top-color: #fc3e72; }

.focus-plan .plan-item-price { font-weight: bold; color: #000; }

.focus-plan .plan-item-button a { background-color: #334455; color: #FFF; }

.plan-item-button a { padding: 10px 20px; background-color: #556677; color: #d9d9d9; font-size: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: bold; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -moz-box-shadow: inset 0px 14px 0px 0px rgba(190, 190, 190, 0.1); -webkit-box-shadow: inset 0px 14px 0px 0px rgba(190, 190, 190, 0.1); box-shadow: inset 0px 14px 0px 0px rgba(190, 190, 190, 0.1); }

.plan-item-button a:hover { background-color: #fc3e72; color: #FFF; }



.sidebar-content .tagcloud a { float:left; display:inline-block; margin:1px; padding:3px 8px; font:8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index:999; background:rgba(220,220,220,0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; color:#787878; }

.sidebar-content .tagcloud a:hover { background:rgba(220,220,220,0.4); color:#000; }



#footer .tagcloud a {float:left; display:inline-block; margin:1px; color:#aaa; padding:3px 8px; font:8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index:999; background:rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}



#footer .tagcloud a:hover {background:rgba(0,0,0,0.5); color:#fff;}



.widget-item a { color: #222; }

.widget_archive li a { margin-right:5px; }

.widget-item a:hover { color: #FC3E72; }

.widget_categories ul li, 

.widget_meta ul li, 

.widget_recent_entries ul li,

.widget_pages ul li,

.widget_archive ul li,

.widget_nav_menu ul li,

.widget_recent_comments ul li { padding-bottom: 5px; margin-bottom: 8px; border-bottom: solid 1px #eee; }



#footer .widget_categories ul li, 

#footer .widget_meta ul li, 

#footer .widget_recent_entries ul li,

#footer .widget_pages ul li,

#footer .widget_archive ul li,

#footer .widget_nav_menu ul li,

#footer .widget_recent_comments ul li { border-bottom: solid 1px #555 !important;  background-image: url(../images/lists/arrow-white.png) !important; }



#footer .contact-widget span { color:#AAA; }

ul.prestyled,

ol.prestyled { padding: 0; margin: 0 0 20px 0; line-height: 18px; }

ul.prestyled li,

ol.prestyled li { padding-top: 3px; padding-right: 0; padding-bottom: 2px; padding-left: 20px; }

.the-icons li span { position: relative; top: 1px; }

/* Second level */



ul.prestyled li, 

.widget_categories ul li, 

.widget_meta ul li, 

.widget_recent_entries ul li,

.widget_pages ul li,

.widget_archives ul li,

.widget_archive ul li,

.widget_nav_menu ul li,

.widget_recent_comments ul li { background-image: url(../images/lists/arrow.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 20px; }

.list-check li { background-image: url(../images/lists/check.png) !important }

.list-cross li { background-image: url(../images/lists/cross.png) !important }

.list-plus li { background-image: url(../images/lists/plus.png) !important }

.list-minus li { background-image: url(../images/lists/minus.png) !important }

.list-star li { background-image: url(../images/lists/star.png) !important }

ul.prestyled ul { margin: 10px 0px 10px 30px }



/* Contact Page */

#contact-form {

	margin-bottom:30px;

}

#map-contact {

	height:400px;

	width:100%;

	border-bottom:solid 5px #f4f4f4;

}

#submit-button {

	float: left

}

#contact-form label {

	margin-left: 10px

}

#contact-form input, #contact-form textarea {

	margin-bottom: 15px

}

#contact-form textarea, #commentform textarea {

	width: 97.2%

}

label.error {

	display: none !important

}

#respond {

	margin-bottom: 30px

}

button#submit {

	margin-bottom: 0px !important

}

input.error, textarea.error {

	-webkit-box-shadow: 0 0 4px rgba(250, 0, 0, 0.1);

	-moz-box-shadow: 0 0 4px rgba(250, 0, 0, 0.1);

	box-shadow: 0 0 4px rgba(250, 0, 0, 0.1);

	border: solid 1px #F00 !important;

}

label small, .form-disclaimer {

	margin-left: 10px;

	color: #999;

}

.form-disclaimer {

	float: right;

	margin-top: 8px;

	padding: 0;

}

#commentform .form-disclaimer {

	margin-bottom: 0px

}

.ajax-progress {

	width: 30px;

	height: 30px;

	margin-left: 20px;

	margin-top: 3px;

	float: left;

	display: inline-block;

	visibility: hidden;

	background-image: url(../images/sprites/ajax-loader.gif);

	background-repeat: no-repeat;

	background-position: center center;

}

.sidebar-wrapper #search {

	width: 207px !important;

	background-image: url(../images/sprites/search-sprite.png);

	background-repeat: no-repeat;

	background-position: 95% center;

	padding-right: 35px;

}

.contact-form-success-message, .contact-form-error-message {

	display: none

}

textarea {

	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #656565;

}

textarea {

	color: #999;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

	padding: 8px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

	line-height: normal !important;

	display: inline-block;

	border: solid 1px #e2e1e0;

	outline: none;

	width: 90%;

	height: 150px;

	overflow: hidden;

	background-image: url(../images/sprites/comment-star.png) !important;

	background-repeat: no-repeat;

	background-position: right bottom !important;

}

textarea:focus {

	background-position: 105% 105% !important

}

input[type=text]:hover, input[type=email]:hover, textarea:hover {

	border: solid 1px #d9d9d9

}

/*-----------------------------------------------------------------------------------

        6. Footer Styles

-----------------------------------------------------------------------------------*/

#footer {

	width:100%;

	background-color:#363D40;

	padding-top:60px;

	padding-bottom: 20px;

}

#copyright-line {

	background-color: #282D30;

	padding-bottom:10px;

	padding-top:10px;

	margin-top:0px !important;

	font-size:11px;

	text-align:center;

	font-weight:bold;

}

/*-----------------------------------------------------------------------------------

        7. Grid Styles

-----------------------------------------------------------------------------------*/

.container {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	width: 930px;

	padding-left:30px;

	padding-right:30px;

}

/* Columns

/*-------------------------------------------*/



.main-content-with-sidebar .col-1 { width: 3.8251366% }

.main-content-with-sidebar .col-2 { width: 12.568306% }

.main-content-with-sidebar .col-3 { width: 21.31147541% }

.main-content-with-sidebar .col-4 { width: 30.054645%; }

.main-content-with-sidebar .col-5 { width: 38.79781421%; }

.main-content-with-sidebar .col-6 { width: 47.54084861%; }

.main-content-with-sidebar .col-7 { width: 56.284153%; }

.main-content-with-sidebar .col-8 { width: 65.02732279%; }

.main-content-with-sidebar .col-9 { width: 73.77049181%; }

.main-content-with-sidebar .col-10 { width: 82.51366121%; }

.main-content-with-sidebar .col-11 { width: 91.25683061%; }

.main-content-with-sidebar .col-12 { width: 100%; margin-right:0; }



.main-content-with-sidebar *[class *= "col-"] {

margin-right: 4.91803279%;

margin-bottom: 30px;

}





.col-1 {

	width: 50px

}

.col-2 {

	width: 130px

}

.col-3 {

	width: 210px

}

.col-4 {

	width: 290px;

}

.col-5 {

	width: 370px

}

.col-6 {

	width: 450px

}

.col-7 {

	width: 530px

}

.col-8 {

	width: 610px

}

.col-9 {

	width: 690px

}

.col-10 {

	width: 770px

}

.col-11 {

	width: 850px

}

.col-12 {

	width: 930px

}

*[class *= "col-"] {

position: relative;

margin-right: 30px;

margin-bottom: 30px;

float: left;

}

*[class *= "col-"]:last-child {

margin-right: 0

}

.col-alpha {

	margin-left: 0px

}

.col-omega {

	margin-right: 0px

}

#footer *[class *= "col-"] {

margin-bottom: 20px

}

/*-----------------------------------------------------------------------------------

        8. Footer Styles

-----------------------------------------------------------------------------------*/

#footer {

	color:#888;

}

#footer a, #copyright-line a {

	color:#f7f7f7;

}

.widget-item {

	margin-bottom:40px;

}



.title-widget, .title-widget .underlined-title { margin-bottom:0px !important; }



.widget-item #search { display:block; width:94%; }

.widget-item #submit-search { display:none; }

.sidebar-content .widget-item {

	color:#999;

}

.sidebar-content .widget-item h3 {

	color:#888;

}

.sidebar-content .widget-item h3 span {

	color:#000 !important;

}

.widget-item h3 {

	color:#aaa;

	font-family: 'Raleway', Arial sans-serif;

	font-weight:400;

}

#footer .widget-item h3 span.focus-color, #footer .widget-item h3 span {

	color:#FFF !important;

}

#scrollTop {

	background-color:#498ab8;

	color:#FFF;

	color:rgba(255, 255, 255, 0.7);

	display:none;

	font-size:15px;

	border-radius: 2px;

	bottom: 20px;

	height: 50px;

	position: fixed;

	z-index:9999;

	right: 20px;

	width: 50px;

	opacity:0.6;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

	filter: alpha(opacity=60);

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

	-webkit-border-radius: 72px;

	-moz-border-radius: 72px;

	border-radius: 72px;

}

/* HB-Stream Widget */

.hb-stream ul, #footer .hb-stream ul, .widget .hb-stream ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

}

.hb-stream ul li, #footer .hb-stream ul li, .widget .hb-stream ul li {

	width: auto;

	float: left;

	margin: 0 6px 6px 0;

}

.hb-stream a, .sidebar-wrapper .hb-stream img, #main-sidebar .hb-stream a {

	height: 62px;

	width: 62px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}

#footer .hb-stream a, #footer .hb-stream img, .hb-stream a {

	width:62px;

	height: 62px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}

#header-dropdown .hb-stream a, .hb-stream a, #footer .hb-stream a {

	padding: 0;

	border:1px solid #363D40;

	background-image:url(../images/sprites/glare.png);

	background-position:top left;

	background-repeat:no-repeat;

	display: block;

}

.sidebar-content .hb-stream a {

	background-image:url(../images/sprites/glare-sidebar.png);

	border:1px solid #ddd;

	}

.hb-stream li a img {

	opacity: 0.5;

	filter: alpha(opacity=60);

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

}

.hb-stream li:hover a img {

	opacity: 1;

	filter: alpha(opacity=100);

}

/* Twitter */

.tweet_list li {

	margin-bottom: 10px;

	padding-bottom:10px;

	border-bottom:solid 1px #434343;

}

.tweet_list li:last-child {

	margin-bottom: 0px;

	padding-bottom: 0px;

	border: none;

}

.tweet_time {

	display: block;

	margin-top: 0px;

}

.tweet_time a {

	color:#666 !important;

}

#scrollTop:hover {

	color:#FFF;

	color:rgba(255, 255, 255, 1);

}

#scrollTop span {

	position:absolute;

	top:17px;

	left:17px;

}

#footer .widget-item p:last-child {

	margin-bottom:0px;

}

.footer-button {

	

	display:inline-block;

	padding:5px 12px;

	color:#aaa;

	background: rgba(0, 0, 0, 0.1);

	margin-top:15px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

 -webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

}

.footer-button:hover {

	color:#fff;

	background:rgba(0, 0, 0, 0.5);

}

/*-----------------------------------------------------------------------------------

        9. Other Styles

-----------------------------------------------------------------------------------*/



/* Tipsy Tooltips */

.tipsy {

	font-size: 10px;

	position: absolute;

	padding: 5px;

	z-index: 999999;

	font-weight:400;

	font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;

}

.tipsy-inner {

	background-color: #498AB8;

	color: #FFF;

	max-width: 200px;

	padding-bottom:1px;

	padding-top:2px;

	padding-left:12px;

	padding-right:12px;

	text-align: center;

}

.tipsy-inner {

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

}

.tipsy-arrow {

	position: absolute;

	width: 0;

	height: 0;

	border: 5px solid transparent;

	display:none;

}

.tipsy-arrow-n {

	border-bottom-color: #FC3E72;

}

.tipsy-arrow-s {

	border-top-color: #FC3E72

}

.tipsy-arrow-e {

	border-left-color: #FC3E72

}

.tipsy-arrow-w {

	border-right-color: #FC3E72

}

.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow {

	top: 0;

	border-top: none;

}

.tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow {

	bottom: 0;

	border-bottom: none;

}

.tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow {

	left: 50%;

	margin-left: -5px;

}

.tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow {

	left: 10px;

}

.tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow {

	right: 10px;

}

.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow {

	top: 50%;

	margin-top: -5px;

}

.tipsy-e .tipsy-arrow {

	right: 0;

	border-right: none;

}

.tipsy-w .tipsy-arrow {

	left: 0;

	border-left: none;

}

#search-overlay {

	width:100%;

	height:100%;

	position:fixed;

	top:0;

	left:0;

	background-color:rgba(255, 20, 90, 0.88);

	z-index:99999;

	display:none;

}



#search-overlay input[type=submit], #search-overlay #submit-search { display:none; opacity:0; visibility:hidden; }



#search-overlay .hb-search {

	width:90%;

	text-align:left;

	left:5%;

	text-align:center;

	border:none;

	font-size:90px;

	display: table-cell;

	letter-spacing:-2px;

	position:absolute;

	top:50%;

	margin-top:-60px;

	height:120px;

	padding:0;

	line-height:120px;

	background-color:transparent;

	background-image:none;

	outline:none;

	color:#FFF;

	font-family: 'Raleway', Arial, sans-serif !important;

	font-weight:200;

	-webkit-box-shadow: none !important;

	-moz-box-shadow:    none !important;

	box-shadow:         none !important;

}

#search-overlay ::-webkit-input-placeholder {

 color:    #FFBAD6;

}

#search-overlay :-moz-placeholder {

 color:    #FFBAD6;

}

#search-overlay :-ms-input-placeholder {

 color:    #FFBAD6;

}

#search-overlay .close-overlay {

	position:absolute;

	top:20px;

	right:20px;

	width:40px;

	height:40px;

	background-color:none;

	background-image:url(../images/sprites/close-overlay.png);

	background-position:0 0;

	background-repeat:no-repeat;

	text-indent: -999999px;

}

/*-----------------------------------------------------------------------------------

        10. Shortcode Styles

-----------------------------------------------------------------------------------*/



/* Info Boxes ----------------------------------------------------------- */

.info-box {

	position: relative;

	background: #eee;

	display: block;

	margin-bottom: 30px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}

.info-green {

	background-color: #cafdce;

	color: #637a65;

}

.info-green .info-box-inner {

	border: solid 1px #9cfaa3;

}

.info-red {

	background-color: #fdcaca;

	color: #7f6060;

}

.info-red .info-box-inner {

	border: solid 1px #ffc3c3;

}

.info-blue {

	background-color: #dee9fe;

	color: #737b8b;

}

.info-blue .info-box-inner {

	border: solid 1px #cddfff;

}

.info-orange {

	background-color: #fbe9de;

	color: #877863;

}

.info-orange .info-box-inner {

	border: solid 1px #fbe0b9;

}

.info-box-inner {

	padding: 20px;

	border: 1px solid #e2e1e0;

	text-align: center;

	font-weight: bold;

}

.close-info-box {

	position: absolute;

	font-family: 'EntypoRegular', Arial, sans-serif;

	font-size: 30px;

	line-height: 0;

	top: 8px;

	right: 10px;

	opacity: 0;

	text-shadow: 0px 1px 0px #fff;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

}

.info-box:hover .close-info-box {

	opacity: 0.4

}

.info-box p {

	margin-bottom: 0px

}

/* Social Icons */

.social li {

	display: inline;

	text-indent: -9999px;

}

.social li a {

	background-position: 0px 0px;

	width: 33px;

	height: 33px;

	margin-right: 3px;

	margin-bottom: 3px;

	float: left;

	-webkit-transition: 140ms ease-in-out all;

	-moz-transition: 140ms ease-in-out all;

	transition: 140ms ease-in-out all;

}

.social li a:hover {

	background-position: 0 -33px

}

.social .twitter {

	background: url('../images/social/twitter-icon.png') no-repeat

}

.social .facebook {

	background: url('../images/social/facebook-icon.png') no-repeat

}

.social .flickr {

	background: url('../images/social/flickr-icon.png') no-repeat

}

.social .dribbble {

	background: url('../images/social/dribbble-icon.png') no-repeat

}

.social .forrst {

	background: url('../images/social/forrst-icon.png') no-repeat

}

.social .vimeo {

	background: url('../images/social/vimeo-icon.png') no-repeat

}

.social .linkedin {

	background: url('../images/social/linkedin-icon.png') no-repeat

}

.social .github {

	background: url('../images/social/github-icon.png') no-repeat

}

.social .rss {

	background: url('../images/social/rss-icon.png') no-repeat

}

.social .apple {

	background: url('../images/social/apple-icon.png') no-repeat

}

.social .delicious {

	background: url('../images/social/delicious-icon.png') no-repeat

}

.social .deviantart {

	background: url('../images/social/deviantart-icon.png') no-repeat

}

.social .digg {

	background: url('../images/social/digg-icon.png') no-repeat

}

.social .lastfm {

	background: url('../images/social/lastfm-icon.png') no-repeat

}

.social .pinterest {

	background: url('../images/social/pinterest-icon.png') no-repeat

}

.social .reddit {

	background: url('../images/social/reddit-icon.png') no-repeat

}

.social .skype {

	background: url('../images/social/skype-icon.png') no-repeat

}

.social .stumbleupon {

	background: url('../images/social/stumbleupon-icon.png') no-repeat

}

.social .youtube {

	background: url('../images/social/youtube-icon.png') no-repeat

}

.social .googleplus {

	background: url('../images/social/google-icon.png') no-repeat

}

.callout-box {

	border-left:solid 3px #FC3E72;

	background-color:#f7f7f7;

}

.callout-box h2 {

	padding-bottom:5px;

	font-size:16px;

	letter-spacing:0px;

	line-height:24px;

}

.callout-box p {

	padding:0;

	margin:0;

	color: #aaa;

}

.callout-box-inner {

	padding:27px 35px;

}

.callout-box-inner .button {

	float:right;

	display:inline-block;

	margin:5px 10px 0px 10px;

}

.callout-box-inner .btn-xlarge {

	margin-top:8px;

}

.circle-feature-wrapper {

	margin-bottom: 0px

}

.circle-feature {

	font-size: 16px;

	font-weight: bold;

	display: inline-block;

	width: 35px;

	line-height: 35px;

	text-align: center;

	color: #f9f9f9;

	-moz-border-radius: 50px;

	-webkit-border-radius: 50px;

	border-radius: 50px;

	float: left;

	margin-top: 10px;

}

.default-color {

	background-color: #666

}

.circle-description {

	margin-left: 55px

}

.circle-description h4 {

	margin-bottom: 0px;

	padding-bottom: 10px;

	line-height: 22px;

}

.circle-description h4 a {

	color:#656565;

}

.circle-description h4 a:hover {

	color:#FC3E72;

}

.circle-feature-wrapper:hover h4 a {

	color:#FC3E72

}

.circle-description p:last-child {

	margin-bottom: 0px !important

}

.circle-feature [class^="icon-"]:before, .circle-feature [class*=" icon-"]:before {

 margin-left:6px;

 margin-bottom:0px;

 font-size:96%;

 line-height:15px;

 position:relative;

 top:-1px;

}

.circle-feature .icon:before {

	padding:0;

	margin:0;

	position:relative;

	top:-3px;

	line-height:13px;

	font-size:30px;

}

.service-alt {

	padding:25px 5px;

-webkit-transition: all .2s linear;

-moz-transition: background .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

	border-top:solid 1px transparent;

}

.service-alt p:last-child {

	margin-bottom:0px;

}

.service-alt h4, .service-alt, .service-alt p, .fullwidth-service h4 {

	text-align:center;

}

.service-alt h4 a {

	color: #555;

}

.service-alt:hover {

	background-color: #f9f9f9;

	border-top-color:#fc3e72;

}

.fullwidth-service p {

	text-align: center;

}

.service-alt .icon-image span:before, .fullwidth-service span:before {

	font-size:3em;

	text-align:center;

	color:#555;

}

.service-alt h4, .fullwidth-service h4 {

	padding-bottom:10px;

}

.service-alt .icon-image, .fullwidth-service .icon-image {

	width:auto;

	height:auto;

	padding-bottom:10px;

	display:block;

	margin:0 auto;

	text-align:center;

}

.service-alt .icon-image .icon:before, .fullwidth-service .icon-image .icon:before {

	font-size: 70px;

	line-height: 0px;

}

/* Buttons */

.button {

	position: relative;

	width: auto !important;

	background-color: #363D40;

	color: #aeaeae;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	border: none;

	outline: none;

	height: 38px;

	margin-right: 10px;

	margin-bottom: 20px;

	line-height: 38px;

	font-size: 12px;

	padding: 0 20px;

	font-weight: bold;

-webkit-transition: all .2s linear;

-moz-transition: background .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

	display: inline-block;

	-moz-box-shadow: inset 0px 19px 0px 0px rgba(255, 255, 255, 0.05);

	-webkit-box-shadow: inset 0px 19px 0px 0px rgba(255, 255, 255, 0.05);

	box-shadow: inset 0px 19px 0px 0px rgba(255, 255, 255, 0.05);

	text-transform: none;

}

.button:hover {

	background-color: #498AB8;

	color:#FFF;

	text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.2);

	cursor:pointer;

}

.button.inactive, .button.inactive:hover {

	background: #eee !important;

	color: #999 !important;

	cursor: default !important;

	text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.7) !important;

}

.separator-text .button {

	margin-top: -11px;

	font-family: Arial, Helvetica, sans-serif;

}

.separator-text .focus-sep-text {

	text-shadow: none

}



.ie8 .btn-large .icon { font-size:14px !important; bottom:-5px !important; }



.ie8 #search-overlay { background-color:rgb(195,14,77) !important; 

opacity:0.8; 

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 

filter: alpha(opacity=80);

}



.ie8 #header { height:800px !important; }

.ie8 #intro-box .inside h1, .ie8 #intro-box .inside h2 { background-color: rgb(195,14,77) !important; }



.ie8 .welcome-logo img, .ie8 .welcome-logo a { width: 376px; height:85px; }





/* Button sizes */

.btn-mega {

	height: 56px;

	line-height: 56px;

	padding: 0 20px;

	-moz-box-shadow: inset 0px 28px 0px 0px rgba(255, 255, 255, 0.1);

	-webkit-box-shadow: inset 0px 28px 0px 0px rgba(255, 255, 255, 0.1);

	box-shadow: inset 0px 28px 0px 0px rgba(255, 255, 255, 0.1);

	font-size: 16px;

}

.btn-xlarge {

	height: 46px;

	line-height: 46px;

	padding: 0 20px;

	-moz-box-shadow: inset 0px 23px 0px 0px rgba(255, 255, 255, 0.1);

	-webkit-box-shadow: inset 0px 23px 0px 0px rgba(255, 255, 255, 0.1);

	box-shadow: inset 0px 23px 0px 0px rgba(255, 255, 255, 0.1);

	font-size: 14px;

}

.btn-large {

	height: 40px;

	line-height: 40px;

	font-size: 13px;

	padding: 0 17px;

	-moz-box-shadow: inset 0px 20px 0px 0px rgba(255, 255, 255, 0.1);

	-webkit-box-shadow: inset 0px 20px 0px 0px rgba(255, 255, 255, 0.1);

	box-shadow: inset 0px 20px 0px 0px rgba(255, 255, 255, 0.1);

}

.btn-small {

	height: 30px;

	line-height: 30px;

	font-size: 12px;

	padding: 0 14px;

	-moz-box-shadow: inset 0px 15px 0px 0px rgba(255, 255, 255, 0.1);

	-webkit-box-shadow: inset 0px 15px 0px 0px rgba(255, 255, 255, 0.1);

	box-shadow: inset 0px 15px 0px 0px rgba(255, 255, 255, 0.1);

}

/* Rounded Edge Button */

.btn-rounded {

	-webkit-border-radius: 60px;

	-moz-border-radius: 60px;

	-o-border-radius: 60px;

	border-radius: 60px;

}

/* Button Colors */

.btn-blue {

	background-color: #498AB8;

	color: #eee;

}

.btn-blue:hover {

	background-color: #08C !important;

	color: #FFF !important;

}

.btn-green {

	background-color: #1EBD56;

	color: #eee !important;

}

.btn-green:hover {

	background-color: #21D15F !important;

	color: #FFF !important;

}

.btn-red {

	background-color: #eb1d3b;

	color: #eee !important;

}

.btn-red:hover {

	background-color: #fd1738 !important;

	color: #FFF !important;

}

.btn-orange {

	background-color: #e64418;

	color: #eee !important;

}

.btn-orange:hover {

	background-color: #ff3701 !important;

	color: #FFF !important;

}

.btn-grey {

	background-color: #e9e9e9;

	color: #888 !important;

}

.btn-grey:hover {

	background-color: #efefef !important;

	color: #222 !important;

}

.btn-purple {

	background-color: #dc0b9a;

	color: #eee !important;

}

.btn-purple:hover {

	background-color: #ff0cb2 !important;

	color: #FFF !important;

}

.btn-cyan {

	background-color: #19d5d7;

	color: #eee !important;

}

.btn-cyan:hover {

	background-color: #15ebee !important;

	color: #fff !important;

}

.btn-black {

	background-color: #333 !important;

}

.btn-black:hover {

	background-color: #555 !important;

	color: #FFF !important;

}

/* Other Button Styles */

.button .icon span.icon {

	right:15px !important;

	top:-5px !important;

}

.btn-with-icon {

	padding-right: 45px !important;

}

.btn-small.btn-with-icon {

	padding-right: 35px !important;

}

.btn-large .icon span {

	bottom: 9px !important;

}

.button.btn-xlarge .icon span {

	bottom: 9px !important

}

.btn-mega .icon span {

	bottom: 5px !important;

	font-size: 75% !important;

}

.btn-small .icon {

	font-size: 30px !important;

	bottom: 6px !important;

}

.btn-small .icon span {

	font-size: 45% !important;

	bottom: 5px !important;

}

.btn-with-icon .icon span {

	font-size: 40%;

	display: inline-block;

	font-weight:normal !important;

	position: relative;

	bottom: 10px;

}

.btn-mega.btn-with-icon {

	padding-right: 65px !important

}

.btn-mega .icon {

	right: 20px !important;

	bottom: 20px !important;

}

.btn-large.btn-with-icon, .btn-xlarge.btn-with-icon {

	padding-right: 45px !important

}

.btn-large .icon {

	right: 12px !important;

	bottom: 11px !important;

}

.btn-xlarge .icon {

	bottom:14px !important;

	right: 10px !important;

}

.button .icon {

	font-family: 'EntypoRegular', Arial, sans-serif;

	font-size: 35px;

	line-height: 1px;

	width: 22px;

	height: 15px;

	margin-left: 12px;

	display: block;

	position: absolute;

	bottom: 9px;

	right: 10px;

	font-weight: normal;

}

/* Read More Button */

.read-more-button {

	position: relative;

	padding: 3px 15px;

	font-weight: bold;

	display: inline-block;

	margin-top: 5px;

	background-color: #f3f3f3;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	text-shadow: 0px 1px 0 #fff;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	transition: all 0.2s linear;

	color: #777;

}

.read-more-button:hover {

	background-color:#f8f8f8;

}

.read-more-button:active {

	top: 1px

}

.arrow-in-button {

	width: 7px;

	height: 5px;

	display: inline-block;

	background-image: url(../images/sprites/sub-indicator-dark.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin-left: 8px;

	margin-bottom: 1px;

}

.read-more-button span {

	margin-left:12px;

	font-size:70%;

	margin-right:0;

	padding-right:0;

	line-height:11px;

}

.icon-text {

	font-family: 'EntypoRegular', Arial, sans-serif;

	display: inline-block;

	float: left;

	line-height: 2px;

	margin-top: -2px;

	padding-bottom: 3px;

	margin-right: 10px;

	font-size: 300%;

	font-weight: normal;

	cursor: default;

}

/* Focus Sep Text */

.focus-sep-text {

	font-family: 'PT Sans Caption', Arial, sans-serif;

	font-size: 14px;

	color: #888;

	margin-left: 10px;

	margin-right: 20px;

	background-color: #f4f4f4;

	padding: 10px;

	-webkit-border-radius: 42px;

	-moz-border-radius: 42px;

	border-radius: 42px;

	text-transform: uppercase;

	font-weight: normal;

}

/* Separator */

.separator {

	height: 1px;

	width: 100%;

	display: block;

	margin-top: 30px;

	margin-bottom: 50px;

	background-color: #e9e9e9;

	position: relative;

	border: none;

}

.separator-small {

	height: 1px;

	width: 30%;

	display: block;

	margin-top: 0px;

	margin-bottom: 20px;

	background-color: #e0e0e0;

	position: relative;

	border: none;

}

#footer .widget-item .separator, #footer .widget-item .separator-small { background-color: #434343; margin-bottom: 15px; margin-top:15px;}

.separator-icon {

	width: 63px;

	padding-left:5px;

	height: 38px;

	position: relative;

	top: -26px;

	margin: 0 auto;

	text-align: center;

	background-color: #fff;

	color: #dcdcdc;

	font-family: 'EntypoRegular', Arial, sans-serif;

	font-size: 60px;

	cursor: default;

}

.separator-top {

	width: 43px;

	height: 28px;

	position: relative;

	display: block;

	top: -14px;

	margin: 0 0 0 92%;

	text-align: center;

	text-shadow: 0 -1px 0 #fefefe;

	background-color: #fff;

	cursor: pointer;

-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-o-transition: all .2s linear;

-ms-transition: all .2s linear;

transition: all .2s linear;

}

.separator-top span {

	display: block;

	width: 100%;

	height: 100%;

	background-image: url(../images/sprites/to-top-arrow.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.separator-text {

	position: relative;

	top: -11px;

	text-transform: uppercase;

	padding: 3px 20px;

	text-align: center;

	color: #bbb;

	background: #fff;

	display: inline-block;

	font-family: 'PT Sans Caption', Arial, sans-serif;

	font-size: 14px;

}

.separator-icon span.icon:before {

	font-size:85px;

	line-height:5px;

}



.page-wrapper-hb.odd .separator-icon, .page-wrapper-hb.odd .separator-top, .page-wrapper-hb.odd .separator-text { background-color: #fbfbfb; }



/* Progress Bar */

.progress-bar {

	width:100%;

	margin-bottom:14px;

}

.progress-bar p {

	font-size:12px;

	line-height:12px;

	text-transform:uppercase;

	margin-bottom:5px;

}

.progress-bar p span {

	margin:0 0 0 10px;

}

.progress-bar .progress {

	width:100%;

	height:16px;

	display:block;

	position:relative;

	overflow:hidden;

}

.progress-bar .progress span {

	position:absolute;

	top:0;

	left:0;

	height:16px;

	background:#498AB8;

	-webkit-border-top-right-radius: 8px;

	-webkit-border-bottom-right-radius: 8px;

	-moz-border-radius-topright: 8px;

	-moz-border-radius-bottomright: 8px;

	border-top-right-radius: 8px;

	border-bottom-right-radius: 8px;

	-webkit-border-top-left-radius: 20px;

	-webkit-border-bottom-left-radius: 20px;

	-moz-border-radius-topleft: 20px;

	-moz-border-radius-bottomleft: 20px;

	border-top-left-radius: 20px;

	border-bottom-left-radius: 20px;

	opacity:0;

	filter: alpha(opacity=0);

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

}

.progress > span:after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	background-image: 

 -webkit-gradient(linear, 0 0, 100% 100%,  color-stop(.25, rgba(255, 255, 255, .1)),  color-stop(.25, transparent), color-stop(.5, transparent),  color-stop(.5, rgba(255, 255, 255, .1)),  color-stop(.75, rgba(255, 255, 255, .1)),  color-stop(.75, transparent), to(transparent)  );

	background-image: 

 -webkit-linear-gradient(  -45deg,  rgba(255, 255, 255, .1) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .1) 50%,  rgba(255, 255, 255, .1) 75%,  transparent 75%,  transparent  );

	background-image: 

 -moz-linear-gradient(  -45deg,  rgba(255, 255, 255, .1) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .1) 50%,  rgba(255, 255, 255, .1) 75%,  transparent 75%,  transparent  );

	background-image: 

 -ms-linear-gradient(  -45deg,  rgba(255, 255, 255, .1) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .1) 50%,  rgba(255, 255, 255, .1) 75%,  transparent 75%,  transparent  );

	background-image: 

 -o-linear-gradient(  -45deg,  rgba(255, 255, 255, .1) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .1) 50%,  rgba(255, 255, 255, .1) 75%,  transparent 75%,  transparent  );

	z-index: 1;

	-webkit-background-size: 50px 50px;

	-moz-background-size:    50px 50px;

	background-size:         50px 50px;

	-webkit-animation: move 2s linear infinite;

	-webkit-border-top-right-radius: 8px;

	-webkit-border-bottom-right-radius: 8px;

	-moz-border-radius-topright: 8px;

	-moz-border-radius-bottomright: 8px;

	border-top-right-radius: 8px;

	border-bottom-right-radius: 8px;

	-webkit-border-top-left-radius: 20px;

	-webkit-border-bottom-left-radius: 20px;

	-moz-border-radius-topleft: 20px;

	-moz-border-radius-bottomleft: 20px;

	border-top-left-radius: 20px;

	border-bottom-left-radius: 20px;

	overflow: hidden;

}

.progress { background-color: #f7f7f7; -webkit-border-top-right-radius: 8px;

	-webkit-border-bottom-right-radius: 8px;

	-moz-border-radius-topright: 8px;

	-moz-border-radius-bottomright: 8px;

	border-top-right-radius: 8px;

	border-bottom-right-radius: 8px;

	-webkit-border-top-left-radius: 20px;

	-webkit-border-bottom-left-radius: 20px;

	-moz-border-radius-topleft: 20px;

	-moz-border-radius-bottomleft: 20px;

	border-top-left-radius: 20px;

	border-bottom-left-radius: 20px; }



/* Accordion */

.accordion-unit {

	margin-bottom: 0px

}

.trigger-button {

	float: left;

	width: 100%;

	margin-bottom: 0px;

	text-decoration: none;

	text-shadow: 0px 1px 0px #fff;

	background-color: #e9e9e9;

	cursor: pointer;

	background-image: url(../images/lists/plus.png);

	background-repeat: no-repeat;

	background-position: 95% center;

	border-top: 1px solid #f9f9f9;

	border-bottom: 1px solid #e0e0e0;

	border-left: 1px solid transparent;

	border-right: 1px solid transparent;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

	font-family: 'PT Sans Caption', Arial, sans-serif;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

	font-weight: bold;

}

.trigger-button:hover {

	background-color: #f0f0f0;

}

.trigger-button span {

	padding: 8px 10px 8px 20px;

	display: block;

}

.trigger-button.active {

	background-color: #F3F3F3;

	background-image: url(../images/lists/minus.png);

	color: #FC3E72;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #F3F3F3;

	border-right-color: #e2e1e0;

	border-left-color: #e2e1e0;

}

.accordion {

	width: 100%;

	float: left;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #e2e1e0;

	border-left-color: #e2e1e0;

	background-color: #fff;

	background-image: url(../images/sprites/action-border.png);

	background-repeat: repeat-x;

	background-position: center bottom;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #e2e1e0;

}

.accordion .accordion-wrap {

	padding: 20px

}

.accordion .accordion-wrap p:last-child {

	margin-bottom: 0px !important

}



/* Toggle */

.toggle-container .toggle-shortcode-inside, .accordion-unit .toggle-shortcode-inside, .tabs .toggle-shortcode-inside {

	width: 100% !important;

}

.toggle-container .info-box, .accordion-unit .info-box, .tabs .info-box {

	width: 100% !important;

	margin-bottom: 10px;

}

.toggle-container .info-box p, .accordion-unit .info-box p, .tabs .info-box p {

	margin-bottom: 0px !important;

}

.toggle-unit {

	margin-bottom: 0px;

	position: relative;

	display: block;

	width: 100%;

}

.toggle-wrap {

	display: block;

	width: 100%;

}

.toggle-wrap:last-child {

	margin-bottom: 0px !important

}

.trigger {

	display: block !important;

	width: 100%;

}

.trigger a {

	display: block;

	width: 100%;

	margin-bottom: 0px;

	text-decoration: none;

	text-shadow: 0px 1px 0px #fff;

	background-color: #e9e9e9;

	cursor: pointer;

	background-image: url(../images/lists/plus.png);

	background-repeat: no-repeat;

	background-position: 95% center;

	border-top: 1px solid #f9f9f9;

	border-bottom: 1px solid #e0e0e0;

	border-left: 1px solid transparent;

	border-right: 1px solid transparent;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

	font-family: 'PT Sans Caption', Arial, sans-serif;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

	font-weight: bold;

	color:#666;

}

.trigger a:hover {

	background-color: #f3f3f3

}

.trigger.active a {

	background-color: #F3F3F3;

	border: 1px solid #e2e1e0;

	background-image: url(../images/lists/minus.png);

	color: #fc3e72;

}

.trigger a span.trig-wrap {

	padding: 8px 10px 8px 20px;

	display: block;

}

.toggle-container-wrapper {

	width: 100%;

	display: block;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #e2e1e0;

	border-left-color: #e2e1e0;

	background-color: #fff;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #e2e1e0;

	overflow: hidden;

}

.toggle-container {

	padding: 20px 20px 10px 20px

}

.toggle-container p:last-child {

	margin-bottom: 10px

}

.toggle-container pre {

	margin-bottom: 10px;

}

/* Tab Boxes */

.tabs_container {

	border: 1px solid #e2e1e0;

	-moz-border-radius: 2px;

	border-radius: 2px;

	overflow: hidden;

	margin-bottom: 0px;

}

ul.tabs {

	height: 32px;

	margin: 0px;

	background-color: #f7f7f7;

	border-bottom: 1px solid #eee;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

}

ul.tabs li {

	float: left;

	margin-bottom: -1px;

	height: 32px;

	line-height: 32px;

	border-left: 1px solid #f7f7f7;

	border-right: 1px solid #e4e4e4;

	overflow: hidden;

}

ul.tabs li a {

	display: block;

	padding: 0 15px;

	color: #999;

	font-size: 12px;

	font-family: 'PT Sans Caption', Arial, sans-serif;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

	font-weight: bold;

}

ul.tabs li a:hover {

	color:#363D40;

}

ul.tabs li.active {

	background-color: #fff !important;

	border-bottom: 1px solid #fff !important;

}

ul.tabs li.active a {

	color: #FC3E72;

	background-color: #fff !important;

}

ul.tabs li:first-child.active, ul.tabs li:first-child.active a:hover {

	border-top-left-radius: 3px

}

.tabs_contents {

	background-color: #fff;

	border: 1px solid #fff;

	border-bottom-left-radius: 3px;

	border-bottom-right-radius: 3px;

	overflow: hidden;

}

.tabs_contents .alignleft { margin: 0 20px 10px 0; }

.tab_content {

	padding: 20px 15px 15px 15px;

}

.tab_content *:last-child {

	margin-bottom:5px !important;

}

/* Spacer */

.spacer {

	height: 30px;

	display: block;

	width: 100%;

	clear: both;

	float: none;

}

/* jPlayer */

.jp-controls {

	visibility:hidden;

}

.jp-mute, .jp-unmute {

	z-index: 99999;

	outline: none;

	width: 22px;

	height: 14px;

	display:block;

	position:fixed;

	background-image:url(../images/sprites/play.gif);

	background-repeat:no-repeat;

	background-position: center center;

	left:20px;

	bottom:20px;

	text-indent:-99999px;

}

.jp-unmute {

	background-image:url(../images/sprites/stop.png);

	opacity:0.5;

}