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

	Theme Name: Notable
	Theme URI: http://demo.hb-themes.com/?theme=Notable
	Description: Responsive Creative Business 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.2
	
	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)
	
	
	---
	
	
	TABLE OF CONTENTS
		
	0. Import Fonts - http://www.fontsquirrel.com/
	1. CSS Reset - http://meyerweb.com/eric/tools/css/reset/
	2. General Styles
	3. Header Styles
	4. Content Styles
	5. Footer Styles
	6. Responsive Styles - Media Queries


	---
	

-----------------------------------------------------------------------------------*/
/************************************************************************************
		0. Import Fonts -  http://www.fontsquirrel.com/
-----------------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption:700);

@font-face { font-family: 'PTSansRegular'; src: url('./font-face/PTSans/PTS55F-webfont.eot'); src: url('./font-face/PTSans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('./font-face/PTSans/PTS55F-webfont.woff') format('woff'), url('./font-face/PTSans/PTS55F-webfont.ttf') format('truetype'), url('./font-face/PTSans/PTS55F-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; font-variant: normal; }
@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 - http://meyerweb.com/eric/tools/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; }
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both }
/*
      The following zoom:1 rule is specifically for IE6 + IE7.
      Move to separate stylesheet if invalid CSS is a problem.
    */
.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: 20px }
/*-----------------------------------------------------------------------------------*/
/************************************************************************************
		2. General Styles 
-----------------------------------------------------------------------------------*/
html,body,body *, p {-webkit-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; !important; font-smoothing: subpixel-antialiased; !important;}
body { background-image: url(../images/textures/smooth.png); background-repeat: repeat; background-position: center center; background-attachment: scroll; }
body,
input,
textarea { font: 14px/20px PT Sans, Helvetica, Arial, sans-serif; background-color: #f8f8f8; color: #000000; }
.hidden,
.none { display: none }
.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; }
blockquote { padding-left: 20px; font-size: 14px; border-left: solid 5px #ddd; font-style: italic; font-family: georgia, serif; }
#header-dropdown blockquote { font-size: 11px; border-left: solid 5px #666; }
/* Horizontal Gap */
p,
ul,
pre,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 20px }
.spacer { height: 20px; display: block; width: 100%; clear: both; float: none; }
form.newsletter-box-form { margin-bottom: 0px }
.widget-item form.newsletter-box-form input[type=email] { width:94% !important; }
.ie8 .widget-item form.newsletter-box-form input[type=email] { line-height:25px !important; }
.widget-item form.newsletter-box-form input[type=submit] { position:absolute; top:59px; right:0px;}
#footer .widget-item form.newsletter-box-form input[type=submit] { position:absolute; top:60px; right:1px;}
#header-dropdown .widget-item form.newsletter-box-form input[type=submit] { position:absolute; top:40px; right:1px;}
.sidebar-wrapper .widget-item form.newsletter-box-form input[type=submit] { top:41px; right: 2px; }
.no-margin { margin-bottom: 0 !important }
.wp-caption { padding: 5px 0px 5px 5px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption.aligncenter { margin-bottom: 20px; }
.wp-caption img { border: 0 none; height: auto; margin:0 !important; max-width: 100%; padding:0px;}
.wp-caption p.wp-caption-text { font-size:11px; font-style: italic; line-height:17px; margin:0; padding:7px 0px;}

.sticky {}
.gallery-caption{}
/* Form elements */
input[type=text],
input[type=email] { border: solid 1px #e2e1e0; outline: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; background: #efefef; 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; }
#footer input[type=text], #footer input[type=email], #header-dropdown input[type=text], #header-dropdown input[type=email], #footer textarea, #header-dropdown textarea, #header input[type=email], #header input[type=text], #header textarea { background-color: rgba(0,0,0,0.4); border:none; }
.ie8 #footer input[type=text], .ie8 #footer input[type=email], .ie8 #header-dropdown input[type=text], .ie8 #header-dropdown input[type=email], .ie8 #footer textarea, .ie8 #header-dropdown textarea, .ie8 #header input[type=email], .ie8 #header input[type=text], .ie8 #header textarea { background-color:transparent; background-image: url(../images/sprites/trans-04.png); background-repeat:repeat; line-height:25px !important;}
#footer textarea, #header-dropdown textarea { background-image: url(../images/sprites/comment-star-dark.png) !important; }
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; background-color: #efefef; }
textarea:focus { background-position: 105% 105% !important }
input[type=text]:hover,
input[type=email]:hover,
textarea:hover { border: solid 1px #d9d9d9 }
input:focus,
textarea:focus { color: #656565; border: solid 1px #d7d7d7; background-color: #f3f3f3; }
#footer input:focus, #footer textarea:focus, #header-dropdown input:focus, #header-dropdown textarea:focus { color:#EEE; }
input[type=submit] { width: auto !important;  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: #333; color: #aeaeae; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: none; outline: none; height: 29px; line-height: 29px; font-size: 12px; padding: 0 15px; font-weight: bold; -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); }
input[type=submit]:hover { cursor: pointer; background: #f60; color: #FFF; }
/* Buttons */
.button { position: relative; width: auto !important; background: #333; color: #aeaeae; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: none; outline: none; height: 29px; margin-right: 10px; margin-bottom: 20px; line-height: 29px; 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 14px 0px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0px 14px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 14px 0px 0px rgba(255, 255, 255, 0.2); text-transform: none; }
.button:active { top: 1px }
.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; }
#header-bottom .button { color: #f9f9f9 !important; }
#header-bottom .btn-grey.button { color: #222 !important; }
.separator-text .button { text-shadow: none; font-weight: bold; margin-top: -10px; font-family: Arial, Helvetica, sans-serif; }
.separator-text .focus-sep-text { text-shadow: none }
.button:hover { cursor: pointer; background: #f60; color: #FFF; text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.2); }
/* Button Sizes */
.btn-mega { height: 50px; line-height: 50px; padding: 0 28px; -moz-box-shadow: inset 0px 25px 0px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0px 25px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 25px 0px 0px rgba(255, 255, 255, 0.2); font-size: 18px; }
.btn-xlarge { height: 40px; line-height: 40px; padding: 0 20px; -moz-box-shadow: inset 0px 20px 0px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0px 20px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 20px 0px 0px rgba(255, 255, 255, 0.2); font-size: 14px; }
.btn-large { height: 34px; line-height: 34px; font-size: 13px; padding: 0 17px; -moz-box-shadow: inset 0px 17px 0px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0px 17px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 17px 0px 0px rgba(255, 255, 255, 0.2); }
.btn-small { height: 26px; line-height: 26px; font-size: 11px; padding: 0 17px; -moz-box-shadow: inset 0px 13px 0px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0px 13px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 13px 0px 0px rgba(255, 255, 255, 0.2); }
/* Rounded Edge Button */
.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
/* Button Colors */
.btn-blue { background-color: #06C; color: #ddd; }
.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; border: solid 1px #e1e1e1; }
.btn-grey:hover { background-color: #eee !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 */
.btn-with-icon { padding-right: 45px !important; }
.btn-small.btn-with-icon { padding-right: 35px !important; }
.btn-large .icon span { bottom: 6px !important }
.button.btn-xlarge .icon span { bottom: 7px !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: 50%; display: inline-block; position: relative; bottom: 6px; }
.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: 55px !important }
.btn-large .icon { right: 12px !important; bottom: 11px !important; }
.btn-xlarge .icon { bottom:14px !important; right: 15px !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; }
::-moz-selection,
::-webkit-selection,
::selection { background-color: #f60; color: #fff; text-shadow: none; }
a, a h6 { text-decoration: none; color: #ff3701; -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, a h6:hover,
#footer a:hover { color: #394060 }
a img { border: none }
hr { height: 1px; background-color: #ddd; border: none; margin: 10px 0px 20px 0px; }
p { margin-bottom: 20px }
.separator { height: 1px; width: 930px; display: block; margin-top: 30px; margin-bottom: 50px; margin-left: 0; background-color: #e2e1e0; position: relative; border: none; }
.col-1 .separator, .col-2 .separator, .col-3 .separator, .col-4 .separator, .col-5 .separator, .col-6 .separator, .col-7 .separator, .col-9 .separator, .col-10 .separator, .col-11 .separator { width: 100%; }
.boxed-container .separator-text,
.boxed-container .separator-icon,
.boxed-container .separator-top { background-color: #f9f9f9 }
.separator-small { height: 1px; width: 50%; display: block; margin-top: 0px; margin-bottom: 20px; margin-left: auto; margin-right: auto; background-color: #ddd; position: relative; border: none; }
.separator-icon { width: 63px; height: 38px; position: relative; top: -26px; margin: 0 auto; text-align: center; text-shadow: 0 -1px 0 #fefefe; background-color: #f8f8f8; 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: #f8f8f8; 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; text-shadow: 0 -1px 0 rgba(255,255,255,0.5); color: #9a9a9a; background: #f8f8f8; display: inline-block; font-weight: bold; font-family: 'PT Sans Caption', Arial, sans-serif; font-size: 14px; }
h1,
h2,
h3,
h4,
h5,
h6 { padding: 0 0 20px 0; color: #404348; font-family: PT Sans Caption Bold, Arial, sans-serif; font-weight: bold; }
h1 { font-size: 28px; line-height: 36px; }
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.1px; 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; }
/*		2.2 List Styles 
-----------------------------------------*/
ul,
ol { padding: 0; margin: 0 0 20px 0; line-height: 18px; }
ul.prestyled li, 
.widget_meta ul li, 
.widget_categories ul li, 
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_pages ul li,
.widget_nav_menu ul li,
.widget_archive ul 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 */
li ul,
li ol { margin: 0; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 10px; }
li li { margin: 0 }
ul { list-style: none }
ol { list-style: decimal inside }
ol ol { list-style: upper-alpha inside }
ol ol ol { list-style: lower-roman inside }
ol ol ol ol { list-style: lower-alpha inside }
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_nav_menu ul li,
.widget_recent_comments ul li { background-image: url(../images/lists/arrow.png); background-repeat: no-repeat; background-position: 0px 2px; }
#footer .widget_meta ul li, 
#header-dropdown .widget_meta ul li, 
#footer .list-widget ul li,
#header-dropdown .list-widget ul li, 
#footer .widget_categories ul li, 
#header-dropdown .widget_categories ul li,
#footer .widget_recent_entries ul li,
#footer .widget_pages ul li,
#footer .widget_archive ul li,
#header-dropdown .widget_archive ul li,
#header-dropdown .widget_pages ul li,
#header-dropdown .widget_recent_entries ul li,
#header-dropdown .widget_nav_menu ul li,
#footer .widget_recent_comments ul li, #header-dropdown .widget_recent_comments ul li,
#footer .widget_nav_menu ul li
 { background-image: url(../images/lists/arrow-white.png); background-repeat: no-repeat; background-position: 0px 2px; }
.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 }
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; }
pre { padding: 0 5px; font: Monaco, 'andale mono', 'lucida console', monospace; 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; }
sub { top: 3px }
sup { bottom: 3px }
strong,
b { font-weight: bold }
mark,
.highlight { display: inline; padding: 1px 2px; color: #EEE; background-color: #E84313; 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: #333 }
span.dropcap { float: left; display: block; margin: 2px 10px 0px 0px; line-height: 35px; font-size: 38px; text-transform: uppercase; }
h4 .title-icon { margin-left: 0px; margin-right: 15px; line-height: 1px; font-weight: normal; }
/*		Quote Styles
-----------------------------------------*/
.pullquote-left,
.pullquote-right { display: block; width: auto !important; max-width: 35%; font-size: 14px; font-style: italic; font-family: georgia, serif; margin-top: 20px; margin-right: 10px; margin-bottom: 10px; margin-left: 0; padding-left: 20px; }
.pullquote-left { float: left; border-right: solid 5px #ddd; padding-right:20px; padding-left:0px; margin-right:20px; }
.pullquote-right { float: right; margin-left: 20px; margin-right: 0 !important; border-left: solid 5px #ddd; }
/* Layered Paper Effect */
.layers { box-shadow: 0 1px 1px rgba(0, 0, 0, 0), /* The top layer shadow */ 0 8px 0 -5px #f9f9f9, /* The second layer */ 0 8px 1px -4px rgba(0, 0, 0, 0.15), /* The second layer shadow */ 0 17px 0 -10px #f9f9f9, /* The third layer */ 0 17px 1px -9px rgba(0, 0, 0, 0.15); /* The third layer shadow _NO__DOTCOMMA__AFTER__*/ }
#scrollTop { position: fixed; right: 20px; bottom: -70px; width: 35px; height: 35px; opacity: 0.7; display: block; text-indent: -9999px; background-image: url(../images/sprites/toptop.png); background-repeat: repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
/************************************************************************************
		3. Header Styles 
-----------------------------------------------------------------------------------*/
#header { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); position: relative; color: #999; background: url(../images/textures/dark-2.jpg) repeat; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); height: auto; border-bottom: solid 2px #f60; }
#header h1,
#header h2,
#header h3,
#header h4,
#header h5,
#header h6 { color: #f9f9f9 }
#header h6 { line-height: 15px; color: #f0f0f0; }
#header a,
#tagline { color: #a9a9a9 }
#header a:hover { color: #f9f9f9 }
#header-line { display:block; padding-top:5px; padding-bottom:5px; background: url(../images/sprites/trans-015.png) repeat; font-size:11px; border-bottom:solid 1px rgba(255,255,255,0.1); }
.social-networks-information { padding-top: 2px; }
.social-networks-information img { width:16px; height:16px; }
.social-networks-information a { margin-left:4px; opacity:0.8; filter: alpha(opacity = 80); }
.social-networks-information a:hover { opacity:1; filter: alpha(opacity = 100);}

.phone-information .icon-phone, .email-information .icon-envelope { padding-right:7px; }

.text-information, .phone-information, .email-information { margin-right:30px; }
/* Header Dropdown */
#header-dropdown { width: 100%; padding: 30px 0 30px 0; background-image: url(../images/sprites/header-dropdown-bg.png); background-repeat: repeat; color: #999; font-size: 11px; text-shadow: none !important; position: absolute; top: -999999px; border-bottom: solid 1px #333; -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); z-index: 9999; }
#header-dropdown p:last-child { margin-bottom: 0px !important }
#header-dropdown iframe { display:block; width:100%; height:125px; margin-bottom:0px; }
#header-dropdown a { color: #888 }
#header-dropdown a:hover { color: #FFF }
#header-dropdown div { margin-bottom: 0px }
#header-dropdown h5 { color: #D9D9D9 }
#trigger-button { position: absolute; right: 0px; width: 45px; height: 45px; bottom: -45px; background-image: url(../images/sprites/header-dropdown-toggle.png); background-repeat: no-repeat; text-indent: -9999999px; cursor: pointer; background-position: 0px 0px; }
.trigger-button-off { background-image: url(../images/sprites/header-dropdown-toggle.png); background-repeat: no-repeat; background-position: -45px 0px !important; }
.trigger-button-off:hover { background-position: -45px -45px !important }
#trigger-button:hover { background-position: 0px -45px }
.header-inner { }
#header-top { padding: 17px 0; background: url(../images/sprites/border.png) bottom repeat-x; }
#header-bottom { position: relative; padding: 40px 0 0 0; min-height: 60px; background: url(../images/sprites/header-border.png) bottom repeat-x; }
.page-title { position: relative }
.boxed-title { background-image: url(../images/sprites/header-border.png); background-repeat: repeat; border-left: solid 1px rgba(10,10,10,0.1); border-right: solid 1px rgba(10,10,10,0.1); border-top: solid 1px rgba(10,10,10,0.1); -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; border-top-right-radius: 2px; border-top-left-radius: 2px; }
.page-title .page-title-inner { padding: 15px 0; margin: 0px; }
.page-title-inner h3.page-heading-title { color: #f9f9f9; padding: 0; margin: 0; float: left; font-weight: bold; }
.page-title-inner .page-heading-description { float: left; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; margin-left: 15px; padding-left: 15px; padding-top: 5px; margin-top: 5px; padding-bottom: 0px; margin-bottom: 0px; color: #999; border-left: solid 2px rgba(0,0,0,0.1); }
.title-icon { color: #545454; font-family: 'EntypoRegular', Arial, sans-serif; font-size: 40px; line-height: 15px; cursor: default; float: left; }
#page-title-button-wrapper { height: 35px; line-height: 25px; position: absolute; right: 30px; top: 16px; width: auto; }
#page-title-social-button,
#page-title-search-button { width: 30px; height: 25px; padding: 5px; float: left; position: relative; overflow: hidden; background-image: url(../images/sprites/header-border.png); background-repeat: repeat; }
#page-title-social-button { margin-right: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
#page-title-social-button ul { position: absolute; top: 8px; height: 17px; width: auto; left: 42px; overflow: hidden; padding: 0; margin: 0; border: none; background: none; }
#page-title-social-button ul li { float: left; width: 16px; height: 18px; margin-top: 1px; margin-right: 5px; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding: 0; border: none; background: none; }
#page-title-social-button ul li a img { width: 16px; height: 16px; }
#page-title-social-button ul li:hover { opacity: 1 }
#page-title-social-button ul li:last-child { margin-right: none }
#social-button-trigger { width: 30px; height: 25px; text-indent: -9999px; background-image: url(../images/sprites/man.png); background-repeat: no-repeat; background-position: center center; float: left; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#social-button-trigger:hover { opacity: 1; cursor: pointer; }
#page-title-search-button { -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
#page-title-search-button #input-search-button { position: absolute; left: 42px; top: 3px; }
#page-title-search-button #input-search-button input { position: absolute; top: 2px; font-size: 11px; width: 120px; border: none; outline: none; color: #888; background: transparent !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding: 0px !important; }
#page-title-search-button #input-search-button input:hover,
#page-title-search-button #input-search-button input:focus { color: #fff }
#search-button-trigger { width: 30px; height: 25px; text-indent: -9999px; background-image: url(../images/sprites/magnifier.png); background-repeat: no-repeat; background-position: center center; float: left; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#search-button-trigger:hover { opacity: 1; cursor: pointer; }
.cross-icon { background-image: url(../images/sprites/cross.png) !important }
#logo { margin: 0 40px 0 0; float: left; }
#logo a { font-size: 28px; line-height: 30px; color: #eee; font-weight: bold; }
#logo a:hover { color: #f9f9f9 !important; }
#tagline { font-size: 12px; line-height: 20px; font-family: 'PT Sans Caption', Arial, sans-serif; margin-bottom: 0px; font-weight: bold; }
.slider-shadow { position: absolute; bottom: -50px; left: -85px; z-index: 0; }
/* Slides Slider */
#slides-slider { width: 100%; height: 400px; position: relative; margin-bottom: 40px; z-index: 10; background: #6655ee url('./orbit/loading.gif') no-repeat center center; overflow: hidden; }
/* Roundabout slider */
.roundabout-holder { list-style: none; width: 790px; height: 200px; margin-top: 70px; margin-bottom: 20px; margin-left: 80px; }
.roundabout-moveable-item { height: 350px; width: 500px; cursor: pointer; }
.roundabout-moveable-item img { width: 100%; height: auto; border: 5px solid #343434; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; zoom: 1; }
.roundabout-in-focus { cursor: auto }
/* One By One Slider */
#slider-section { width: 930px; height: 450px; margin: 0; overflow: hidden; position: relative; padding-bottom: 30px; z-index: 2; }
.social-networks-information { float:right; margin:0; }
/*-----------------------------------------------------------------------------------*/
/************************************************************************************
		4. Navigation Styles 
-----------------------------------------------------------------------------------*/
#main-nav { height: 25px; float: right; position: relative; margin: 4px 0 0 0; text-transform: uppercase; font-family: PT Sans, Arial, sans-serif; z-index: 9998; font-weight: bold; }
#menu-main.sf-js-enabled div.triangle { display: none !important }
#menu-main.sf-js-enabled li ul div.triangle { display: block !important }
#menu-main.sf-js-enabled li ul ul div.triangle { display: none !important }
.triangle { position: absolute; top: -7px; left: 20px; width: 16px; height: 9px; background-image: url(../images/sprites/triangle.png); background-repeat: no-repeat; background-position: center center; }
#main-nav ul { margin: 0; padding: 0; list-style: none; line-height: 25px; }
#main-nav ul ul ul { border-top: none !important; background-image: none !important; }
#main-nav ul a { display: block; position: relative; }
#main-nav li li a.sf-with-ul { padding-right: 0 }
#main-nav ul li { float: left; position: relative; margin: 0 4px 0 0; }
#main-nav ul li:last-child { margin-right: 0px }
#main-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
#main-nav ul ul { position: absolute; top: -9999em;  width: 20em; /* left offset of submenus need to match (see below) */ }
#main-nav ul ul li { width: 100% }
/*  Make sub menus appear */
#main-nav ul li:hover ul,
#main-nav ul li.sfHover ul { left: 0; top: 27px; /* match top ul list item height */ z-index: 99; }
/* Hide all subs subs (4 levels deep) */
#main-nav ul li:hover li ul,
#main-nav ul li.sfHover li ul,
#main-nav ul li li:hover li ul,
#main-nav ul li li.sfHover li ul,
#main-nav ul li li li:hover li ul,
#main-nav ul li li li.sfHover li ul { top: -9999em }
/* Displays all subs subs (4 levels deep) */
#main-nav ul li li:hover ul,
#main-nav ul li li.sfHover ul,
#main-nav ul li li li:hover ul,
#main-nav ul li li li.sfHover ul,
#main-nav ul li li li li:hover ul,
#main-nav ul li li li li.sfHover ul { left: 20em; /* match .nav ul width */ top: -1px; }
#main-nav ul li.current-menu-item ul a { background: none !important }
/* top level skin */
#main-nav ul a { line-height: 15px; float: left; font-size: 13px; height: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 5px 10px 0 10px; -webkit-transition: background-color .2s linear, color .2s linear; -moz-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear; -ms-transition: background-color .2s linear, color .2s linear; transition: background-color .2s linear, color .2s linear; }
#main-nav ul ul a { float: none }
#main-nav ul a:hover,
#main-nav ul li.sfHover a,
#main-nav ul li.current-cat a,
#main-nav ul li.current_page_item a,
#main-nav ul li.current-menu-item a { text-decoration: none}
#main-nav ul li.current-menu-ancestor a { background: rgba(0, 0, 0, 0.15); color:#f9f9f9 !important; }
.ie8 #main-nav ul li.current-menu-ancestor a { background-image: url(../images/sprites/trans-015.png); background-repeat:repeat;}
#main-nav ul li.current-menu-ancestor li a { color:#999 !important; }
#main-nav ul li.current-menu-ancestor li a:hover { color:#212121 !important; }
#main-nav ul li li.current-menu-ancestor, #main-nav ul li li li.current-menu-item, #main-nav ul li li.current-menu-item { background-color:#FFF; }
#main-nav ul li li.current-menu-item a, #main-nav ul li li.current-menu-ancestor a { color:#000 !important; }
/* 2nd level skin */
#main-nav ul ul { padding: 0 0 0 0; margin: 16px 0 0 0; width: 155px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
/* 3nd level skin */
#main-nav ul ul ul { padding: 0 0 0 5px; margin: 1px 0 0 0px; width: 155px; border: none; background-image: url(../images/sprites/menu-border-v.png) !important; background-position: left top !important; background-repeat: repeat-y; }
#main-nav ul ul ul ul { margin: 0px 0 0 -30px }
#main-nav ul ul li { height: 25px; line-height: 25px; float: none; background: none; border-bottom: 1px solid #f4f4f4; padding-bottom: 7px; }
#main-nav ul ul li:last-child { padding-bottom: 8px; border-bottom: none; }
#main-nav ul ul li:first-child { padding-top: 0px; margin-top: 5px; }
#main-nav ul ul ul li:first-child { padding-top: 0px; margin-top: 0px; }
#main-nav ul ul li a { line-height: 25px; height: 25px; font-size: 12px; text-shadow: none; -webkit-transition: background-color .2s linear, color .2s linear; -moz-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear; -ms-transition: background-color .2s linear, color .2s linear; transition: background-color .2s linear, color .2s linear; }
#main-nav ul ul ul li { }
#main-nav ul ul li a:hover { background: none }
#main-nav a .sf-sub-indicator { display:none; }
/*#main-nav li.current-menu-parent a { padding-right: 18px }*/
ul#menu-main > li a.sf-with-ul:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
	content: "\f078";
	padding-left: 10px;
	max-width:10px;
	padding-right:0px;
}


ul#menu-main li li a.sf-with-ul:after {
	font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
	content: "\f054";
	padding-left: 0;
	max-width:10px;
	float: right;
	margin-right:20px;
	text-align: right;
}

#main-nav li li a .sf-sub-indicator { display:none; }
.ie7 #main-nav li li a .sf-sub-indicator { display:none; }
.ie7 #main-nav li li.sfHover { margin-bottom: -3px }
#main-nav li li a .sf-sub-indicator:last-child { display: none }
#main-nav ul li li.current-menu-item a { background: none }
#main-nav ul li.sfHover ul a { }
#main-nav ul li.sfHover ul a:hover { }
#main-nav ul a:active { bottom: -1px }
#main-nav ul li a { color: #9a9a9a }
#main-nav ul a:hover,
.sfHover a { color: #f9f9f9 !important }
#main-nav ul li.current-menu-item a { background: rgba(0, 0, 0, 0.15); color: #f9f9f9; }
.ie8 #main-nav ul li.current-menu-item a {background-image:url(../images/sprites/trans-015.png); background-repeat:repeat;}
.sfHover li a { background: none !important }
#main-nav ul ul { border-top: 1px solid #26292b; background-image: url(../images/sprites/menu-border.png); background-repeat: repeat-x; background-position: top center; background-color: #f9f9f9; }
#main-nav ul ul li:hover { background-color: #fff }
#main-nav ul ul li.sfHover ul a,
#main-nav ul ul li li.sfHover ul a,
#main-nav ul ul a { color: #9a9a9a !important; text-transform: none; }
#main-nav ul ul li.sfHover ul a:hover,
#main-nav ul li li.sfHover a,
#main-nav ul li li li.sfHover a,
#main-nav ul li li li.current-menu-item a,
#main-nav ul ul a:hover { color: #212121 !important }
#main-nav ul li a .sf-sub-indicator { background-image: url(../images/sprites/sub-indicator-dark-main.png); background-repeat: no-repeat; background-position: 0px 0px; }
#main-nav ul li a:hover .sf-sub-indicator { background-image: url(../images/sprites/sub-indicator-dark-main.png); background-repeat: no-repeat; background-position: -5px 0px; }
#main-nav ul li li a .sf-sub-indicator { background-image: url(../images/sprites/sub-indicator-dark.png); background-repeat: no-repeat; background-position: 0px 0px; }
#main-nav ul li li a:hover .sf-sub-indicator { background-image: url(../images/sprites/sub-indicator-dark.png); background-repeat: no-repeat; background-position: 0px -5px; }
/*-----------------------------------------------------------------------------------*/
/* Responsive Navigation */
/* nav-wrap */
#nav-wrap { position: relative; float: right; display: inline-block; text-transform: uppercase; font-family: 'PT Sans Caption', 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: url(../images/sprites/trans-07.png) repeat; padding: 8px 25px; cursor: pointer; border: solid 1px #222; display: block; /* show menu icon */ opacity: 0.6; -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 center center; }
#menu-icon:hover { opacity: 1 }
#menu-icon.active { opacity: 1; border: solid 1px #000; }
/* main nav */
#nav { clear: both; position: absolute; top: 60px; right: 0px; width: 288px; z-index: 90000; display: none; /* visibility will be toggled with jquery */ background: #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 1px #e6e6e6; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
ul#nav .triangle { left: 238px !important }
#nav li a { clear: both; float: none; display: block; margin: 0; padding: 12px 16px; background: #eee; -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; }
#nav li { border-top: solid 1px #e0e0e0 }
#nav li a:hover { background: #fff; color: #f60; }
/* dropdown */
#nav ul { width: auto; position: static; display: block; border: none; background: inherit; margin: 0; padding: 0; display: block; background: #eee; }
#nav .sf-sub-indicator { display: none }
#nav ul li { margin: 0 }
#nav ul li a {margin-left: 20px !important; border-left: solid 1px #e0e0e0 }
#nav ul li li a { border-left: solid 1px #e0e0e0 }
#nav ul li li a { margin-left: 45px !important }
#nav li li li li a { margin-left: 65px !important }
/************************************************************************************
		5. Content Styles 
-----------------------------------------------------------------------------------*/
#content { background-repeat: repeat; border-top: solid 1px #FFF; }
#content-inner { padding-top: 40px; padding-bottom: 20px; /* another 20 by elements */ background-image: url(../images/sprites/action-border.png); background-repeat: repeat-x; background-position: center bottom; }
#main-content-with-sidebar .separator { width: 100% }
.boxed-container { background-color: #f9f9f9; border-left: solid 1px #e2e1e0; border-right: solid 1px #e2e1e0; background-image: url(../images/sprites/action-border.png); background-repeat: repeat-x; background-position: center bottom; }
.breadcrumb-wrapper { margin-bottom: 20px !important; position: relative; top: -20px; color: #999; font-size: 11px; padding: 4px 0; background-image: url(../images/sprites/action-border.png); background-repeat: repeat; text-shadow: 0px 1px 0px rgba(250,250,250,0.5); }
.breadcrumb-wrapper .blog-arrow { width: 6px; height: 10px; display: block; position: absolute; top: -8px; left: 20px; background-image: url(../images/sprites/blog-arrow-up.png); background-repeat: no-repeat; background-position: center center; }
.breadcrumb-wrapper .arrow-in-button { margin-right: 10px }
.breadcrumb-inside { padding: 0 12px }
.breadcrumb-wrapper p { display: inline-block; margin-right: 10px; margin-bottom: 0px; color: #999; }
.breadcrumb-wrapper a { color: #787878 }
.breadcrumb-wrapper a:hover { color: #f60 }
/* Sidebar */
#sidebar-default { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-image: url(../images/sprites/action-border.png); background-repeat: repeat; }
#sidebar-default .sidebar-wrapper { padding: 20px; overflow: hidden; }
.sidebar-wrapper h4,
.sidebar h3 { text-shadow: 0px 1px 0px rgba(200,200,200,0.5) }
.sidebar-wrapper .col-3.widget-item { width: 100%; display: block; float: none; clear: both; margin-bottom: 40px; }
.sidebar-wrapper .col-3.widget-item:last-child { margin-bottom: 0px }
.text-widget iframe { width: 100%; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; }
.text-widget iframe:hover { box-shadow: 0px 0px 5px 0px rgba(100, 100, 100, 0.1) }
.sidebar-wrapper p:last-child { margin-bottom: 0px }
/* Callout Button */
.action { background-color: #f9f9f9; margin-bottom: 40px !important; position: relative; z-index: 50; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-image: url(../images/sprites/action-border.png); background-repeat: repeat-x; background-position: center bottom; }
.action-inside { padding: 20px 30px }
.action .action-text { float: left; margin-right: 40px; width: 65%; }
.col-6 .action-text, .col-5 .action-text, .col-4 .action-text, .col-3 .action-text {width:50%;}
.action-text h2 { font-family: Arial, sans-serif; padding-bottom: 12px; font-size: 26px; line-height: 32px !important; letter-spacing: -2px; font-weight: bold; }
.action-text h2,
.action-text p { margin-bottom: 0px; padding-bottom: 2px; }
.action-text h2 { line-height: 30px }
.action-text p { font-size: 14px; color: #888; padding-top: 2px; }
.action .button { position: absolute; top: 50%; right: 30px; margin-top: -16px; }
/* Quotes */
.blockquote-text { text-align: center }
.blockquote-text blockquote { margin-bottom: 50px; padding: 0px 60px; line-height: 36px; font-size: 28px; font-family: georgia, serif; text-align: center; text-shadow: none; font-style: italic; background-image: url(../images/sprites/quotes.png); background-repeat: no-repeat; background-position: left top; border: none !important; }
.blockquote-text .testimonial-author { margin: 0; padding: 0; text-align: center; font-style: normal !important; }
.team-member-title { font-family: Arial, sans-serif; font-weight: bold; font-size: 14px; color: #323232; margin-bottom: 10px; padding: 0; }
.team-member-title span { font-size: 13px; color: #888; }
/* Team Member Box */
.team-member-box { margin-bottom: 40px !important }
.team-member-box .wrap { display: block; margin-bottom: 20px; }
.team-member-box .wrap img { display: block; width: 100%; height: auto; }
.team-member-box .separator { margin-top: 10px; margin-bottom: 10px; }
.testimonial-box { margin-bottom: 40px !important }
#header-dropdown .testimonial-box, #footer .testimonial-box { margin-bottom: 0px !important; }
.testimonial-box blockquote { margin-bottom: 0px; font-style: normal !important; font-family: Tahoma, Geneva, sans-serif; }
.testimonial-box-inner { padding: 0px }
blockquote .strong { font-weight: bold; font-size: 13px; }
blockquote p:last-child { margin-bottom: 0px !important }
cite.testimonial-author { color: #999; display: block; text-align: right; margin-top: 15px; font-size: 11px; margin-right: 20px; font-style: normal !important; }
h5.testimonial-author { color: #999; display: block; text-align: right; margin-bototm: 10px; font-size: 11px; font-style: normal !important; }
.testimonial-author span { font-weight: bold; font-size: 13px; }
/* 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: 180ms ease-in-out all; -moz-transition: 180ms ease-in-out all; transition: 180ms 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 }
/* Info Boxes ----------------------------------------------------------- */
.info-box { position: relative; background: #eee; width: 100%; display: block; margin-bottom: 0px; -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 }
/* 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: #f9f9f9; -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; }
.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: #878787; -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: #f8f8f8 }
.plan-item li:hover { color: #000 }
/* Plan item structure */
.plan-item-header { padding: 15px; text-decoration: none; text-shadow: 0px 1px 0px #fff; -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: #f5f5f5; -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: 22px; padding: 20px; line-height: 1 !important; color: #656565; font-style: italic; }
.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: #f60; background-color: #f4f4f4; }
.focus-plan .plan-item-price { font-weight: bold }
.focus-plan .plan-item-button a { background-color: #656565; color: #FFF; }
.plan-item-button a { padding: 8px 15px; background-color: #999; color: #d9d9d9; font-size: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 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: #f60; color: #FFF; }
.google-map { width: 100%; height: 300px; }
.google-map.col-12 { height: 450px }
/*-----------------------------------------------------------------------------------*/
/* Focus Slogan Text */
.focus-slogan-text { display: block; margin: 20px 0 20px 0; text-align: center; }
.focus-slogan-text h1 { font-family: Arial, sans-serif; padding-bottom: 12px; font-size: 36px; line-height: 32px !important; letter-spacing: -2px; font-weight: bold; }
.focus-slogan-text h4 { color: #f60; font-family: Arial, sans-serif; text-transform: uppercase; font-weight: bolder; line-height: 20px; letter-spacing: 0px; }
/* Focus Sep Text */
.focus-sep-text { font-family: 'PT Sans Caption', Arial, sans-serif; font-size: 14px; color: #f60; margin-left: 10px; margin-right: 20px; background-color: #eee; padding: 10px; -webkit-border-radius: 42px; -moz-border-radius: 42px; border-radius: 42px; text-transform: uppercase; font-weight: bold;}
/* News Letter Box */
.newsletter-box { background-color: #f9f9f9 }
.newsletter-box-inner { padding: 20px; border: 1px solid #e2e1e0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; margin-bottom: 0px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; text-align: center; background-image: url(../images/sprites/action-border.png); background-repeat: repeat-x; background-position: center bottom; }
.newsletter-box-inner input[type=submit] { position: absolute; bottom: 24px; right: 21px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; -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); }
.newsletter-box-inner input[type=submit]:hover { background-color: #f60; color: #fff; }
.newsletter-box-inner input[type=email] { font-weight: bold; width: 96%; padding: 4px 2% !important; font-size: 11px; }
/* Gallery Section  */
.gallery-section .gallery-item { display: block; overflow: hidden; }
.gallery-item a { padding: 5px; background-color: #f9f9f9; border: solid 1px #e2e1e0; -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; display: block; }
.gallery-section .gallery-item a:hover { box-shadow: 0px 0px 5px 0px rgba(100, 100, 100, 0.1) }
.gallery-section a img { display: block; width: 100%; height: auto; }
.gallery-section a:hover { opacity: 0.6 }
.gallery-section p { margin-bottom: 0px; display: block; text-align: center; color: #ccc; bottom: -50px; left: 6px; position: absolute; padding: 5px 0; width: 198px; font-size: 11px; background-image: url(../images/sprites/trans-07.png); background-repeat: repeat; opacity: 0; }
.gallery-item.col-3 p { width: 198px; }
.gallery-item.col-4 p { width: 278px; }
.gallery-item.col-6 p { width: 438px; } 

.gallery-item.col-3 img { height: 148px; }
.gallery-item.col-4 img { height: 209px; }
.gallery-item.col-6 img { height: 329px; }
/* Single Blog  */
.single-header-wrapper { width: 100%; margin-bottom: 30px; }
.single-header-wrapper .image-wrapper { display: block }
.single-header-wrapper .image-wrapper img { display: block; width: 100%; height: auto; }
.single-header-wrapper .image-wrapper a { display: block; background-color: #232323; background-image: url(../images/sprites/hover-plus.png); background-repeat: no-repeat; background-position: center center; }
.blog-post-text-inside { border-left: solid 5px #e2e1e0; padding-left: 20px; }
.blog-post-text-inside h4.title { padding: 0; margin-bottom: 20px; line-height: 18px; }
.blog-post-text .blog-details { width: 100%; display: block; margin-bottom: 20px; }
.blog-post-text .blog-header-right-side h4 { line-height: 20px }
.about-the-author { margin-bottom: 30px; background-image: url(../images/sprites/action-border.png); background-repeat: repeat-x; background-position: center bottom; display: block; padding: 5px; border: solid 1px #e2e1e0; 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; }
.about-the-author-inner { padding: 20px }
.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%; }
.search-entry .blog-type-icon { margin-right: 20px; margin-bottom: 15px; position: relative; z-index: 999; }
.search-entry h2 .blog-header-text { display: block; height: 50px; clear: right;}
.search-entry h2 .blog-header-text { position: relative; top: 14px; display: block; }
.print-tag { margin-top: -5px; margin-bottom:15px; color:#aaa; }
.print-tag a { color: #aaa; }
.print-tag a:hover { color: #888;}
/* 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 #CCC; }
.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: #fcfcfc; 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 #e0e0e0 }
.bypostauthor > .comment-body,
.bypostauthor > .children > .bypostauthor > .comment-body { background-color: #F9FFFF }
.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: #f60; }
.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: #f60 }
.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: #f60; }
/* Blog Type One  */
.blog-featured-image { display: block; padding: 5px; border: solid 1px #e2e1e0; background: #fcfcfc; }
.white-frame { display: block; padding: 5px; border: solid 1px #e2e1e0; 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; }
.white-frame:hover { box-shadow: 0px 0px 5px 0px rgba(100, 100, 100, 0.1) }
.blog-featured-image img,
.blog-featured-image iframe { width: 100%; height: 195px; display: block; }
.blog-pagination .separator { margin-bottom: 20px }
.image-wrapper { display: block; padding: 5px; border: solid 1px #e2e1e0; 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; }
.image-wrapper iframe { width: 100%; height: 340px; display: block; }
.blog-header,
.blog-details { margin-bottom: 0px !important }
.blog-header-right-side { width: 81%; margin-top: 3px; float: left; clear: right; display: inline-block; }
.blog-post-meta-desc { float: left; height: 24px; padding: 6px 10px; width: 100px; background-image: url(../images/sprites/action-border.png); background-repeat: repeat; display: inline-block; margin-left: 10px; }
.blog-type-icon { width: 46px; height: 46px; -webkit-border-radius: 2px; position: relative; float: left; -moz-border-radius: 2px; border-radius: 2px; background-image: url(../images/sprites/action-border.png); background-repeat: repeat; display: inline-block; -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-arrow { width: 6px; height: 10px; display: block; position: absolute; top: 18px; right: -6px; background-image: url(../images/sprites/blog-arrow.png); background-repeat: no-repeat; background-position: center center; }
.blog-details a.blog-header-text { float: left; display: inline-block; margin-left: 20px; clear: right; }
.blog-details a.blog-header-text h4 { padding: 0; margin: 0; display: block; -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-details a.blog-header-text:hover h4 { color: #f60 !important }
.blog-details p.blog-excerpt { display: block; clear: both; }
.blog-details p.blog-small-meta { display: inline-block; margin-left: 20px; font-size: 11px; color: #999; }
.blog-type-icon .icon { width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; display: block; margin-top: 8px; margin-left: 8px; 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; }
.blog-type-icon:hover .icon { opacity: 1 }
.blog-type-icon .icon.blog-image, .format-image.blog-image { background-image: url(../images/sprites/blog-image.png) }
.blog-type-icon .icon.blog-audio, .format-image.blog-audio { background-image: url(../images/sprites/blog-audio.png) }
.blog-type-icon .icon.blog-quote, .format-image.blog-quote { background-image: url(../images/sprites/blog-quote.png) }
.blog-type-icon .icon.blog-aside, .format-image.blog-aside { background-image: url(../images/sprites/blog-aside.png) }
.blog-type-icon .icon.blog-video, .format-image.blog-video { background-image: url(../images/sprites/blog-video.png) }
.video-widget iframe { width: 100%; }
.blog-type-icon .icon.blog-link, .format-image.blog-link { background-image: url(../images/sprites/blog-link.png) }
.aside-format-wrapper { display: block; padding: 40px 30px; background: #f9f9f9; }
.aside-format-wrapper p { margin-bottom: 0px; font-size: 13px; font-style: italic; font-family: georgia, serif; text-align: center; color: #888; }
.aside-format-wrapper blockquote { margin-bottom: 0px; border-left-width: 5px; border-left-style: solid; border-left-color: #efefef; color: #888; }
.blog-pagination { display: block }
.blog-pagination a { margin-bottom: 0px !important }
/* Blog Type Two Wide Blog */
.blog-type-two .blog-featured-image img { height: auto !important }
.blog-type-two .separator-small { margin-bottom: 0px }
.blog-type-two .blog-featured-image iframe { height: auto; min-height: 340px; }
.blog-type-two p { margin-bottom: 40px }
.blog-type-two .blog-header { margin-bottom: 20px !important }
.blog-type-two .separator-small { margin-bottom: 40px }
/* JPlayer */
.blog-header .player-with-image .jp-interface { position: absolute; bottom: 1px; }
div.jp-audio,
div.jp-video { font-size: 1em; font-family: Verdana, Arial, sans-serif; color: #fcfcfc; line-height: 1.6; }
div.jp-audio,
div.jp-video { width: 100% }
.jp-video-play,
div.jp-jplayer.jp-jplayer-video { width: 100% }
.audio-portfolio div.jp-interface { background-color:#f8f8f8 !important; position:absolute; left:0; top:0; }
div.jp-interface { position: relative; width: 290px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 100; background-color: #fcfcfc; border: solid 1px #efefef; background-repeat: repeat; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; }
.player-with-image div.jp-interface { border: none !important; width: 288px; margin-left: 1px; }
.player-with-image div.jp-interface:hover { box-shadow: none !important }
.blog-type-two .player-with-image div.jp-interface { width: 605px }
.blog-type-two .player-with-image .div.jp-progress-container,
.blog-type-two div.jp-type-single div.jp-progress { width: 477px }
.blog-type-two .player-with-image div.jp-volume-bar-container { position: absolute; top: 0; left: 555px; }
.blog-type-two .player-with-image div.jp-type-single a.jp-unmute,
.blog-type-two div.jp-type-single a.jp-mute { left: 529px }
.blog-type-two .blog-small-meta { margin-bottom: 20px }
.blog-type-two .aside-format-wrapper p { margin-bottom: 0px }
div.jp-interface:hover { box-shadow: 0px 0px 5px 0px rgba(150, 150, 150, 0.1); border-color: #e2e1e0; }
div.jp-type-single div.jp-interface { height: 30px }
div.jp-interface ul.jp-controls { list-style-type: none; padding: 0; margin: 0; }
div.jp-interface ul.jp-controls li { display: inline }
div.jp-interface ul.jp-controls a { position: absolute; overflow: hidden; text-indent: -9999px; }
a.jp-play,
a.jp-pause { width: 33px; height: 30px; z-index: 1; outline: none; }
div.jp-type-single a.jp-play,
div.jp-type-single a.jp-pause { top: 0; left: 0; }
a.jp-play { background: url("../images/sprites/jplayer-sprites.png") 0 0 no-repeat }
a.jp-play:hover { background: url("../images/sprites/jplayer-sprites.png") -33px 0 no-repeat }
a.jp-pause { background: url("../images/sprites/jplayer-sprites.png") 0 -30px no-repeat; display: none; }
a.jp-pause:hover { background: url("../images/sprites/jplayer-sprites.png") -33px -30px no-repeat }
div.jp-progress-container { position: absolute; top: 0; left: 24px; width: 160px; height: 6px; padding: 12px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
div.jp-progress { position: absolute; overflow: hidden; }
div.jp-type-single div.jp-progress { width: 160px; height: 5px; margin-top: 1px; padding: 0px; background: #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
div.jp-seek-bar { width: 0px; height: 5px; cursor: pointer; background: #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
div.jp-play-bar { width: 0px; height: 5px; background: #f60; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
/* The seeking class is added/removed inside jPlayer
div.jp-seeking-bg {
	background: url("pbar-ani.gif");
}
*/
div.jp-volume-bar-container { position: absolute; top: 0; left: 235px; width: 45px; height: 6px; padding: 12px 0px; }
div.jp-volume-bar { position: relative; overflow: hidden; background: #eee; width: 45px; margin-top: 1px; height: 5px; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
div.jp-volume-bar-value { width: 0px; height: 5px; background: #f60; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
a.jp-mute,
a.jp-unmute { width: 17px; height: 13px; z-index: 1; outline: none; background: url("../images/sprites/jplayer-sprites.png") -10px -68px no-repeat; }
a.jp-mute:hover { background: url("../images/sprites/jplayer-sprites.png") -43px -69px no-repeat }
a.jp-unmute { background: url("../images/sprites/jplayer-sprites.png") -10px -98px no-repeat }
a.jp-unmute:hover { background: url("../images/sprites/jplayer-sprites.png") -43px -98px no-repeat }
div.jp-type-single a.jp-mute,
div.jp-type-single a.jp-unmute { top: 9px; left: 212px; }
.blog-type-two div.jp-type-single div.jp-progress { width: 473px !important }
.blog-type-two div.jp-interface { width: 608px }
.blog-type-two div.jp-volume-bar-container { left: 553px !important }
.blog-type-two div.jp-type-single a.jp-mute,
.blog-type-two div.jp-type-single a.jp-unmute { left: 530px }
.blog-section .separator { background-color: #eee }
/* 404 Page */
.page-not-found-box { margin: 140px 0 140px 0 }
.page-not-found-box  h1 { font-size: 140px; line-height: 100px; }
/* Sitemap */
.sitemap-container ul { margin-bottom: 25px }
#sitemap-wrap h2 { font-size: 13px; margin-bottom: 10px; margin-top: 0px; padding: 0; line-height: 14px; }
.sitemap-container li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; border-bottom-color: rgba(192,192,192,0.2); }
.sitemap-container ul li:first-child { padding-top: 5px; border-top: none; }
.sitemap-container a { }
/* From The Portfolio 2  */
#portfolio-container-sec,
#portfolio-container-sec-no-filter { width: 105% }
.from-the-portfolio-sec { 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: #f8f8f8; position: absolute; left: 10px; top: -17px; line-height: 1px; }
.from-the-portfolio-sec 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-sec iframe { height: 218px }
.col-6.from-the-portfolio-sec img,
.col-6.from-the-portfolio-sec iframe { height: 338px }
.col-3.from-the-portfolio-sec img,
.col-3.from-the-portfolio-sec iframe { height: 158px }
.from-the-portfolio-sec-text { position: relative; background-color: #f8f8f8; padding: 15px; background-image: url(../images/sprites/menu-border.png); background-repeat: repeat-x; background-position: center bottom; }
.from-the-portfolio-sec-text a { padding: 0; margin: 0; color: #888; font-family: 'PT Sans Caption', Arial, sans-serif; display: inline-block; float: left; font-weight: bold; }
.from-the-portfolio-sec-text a:hover { color: #f60 }
.from-the-portfolio-sec-meta { float: right }
.like-count-sec a { color: #CCC }
.audio-portfolio .from-the-portfolio-sec-text { height:35px; padding:0; }
/* From The Blog ----------------------------------------------------------- */
.from-the-blog .featured-header,
.from-the-portfolio .featured-header { overflow:hidden; padding: 5px; position:relative; background-color: #f9f9f9; border: solid 1px #e2e1e0; -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; }
.featured-header:hover { box-shadow: 0px 0px 5px 0px rgba(100, 100, 100, 0.1) }
.featured-header img { width: 100%; display: block; }
.from-the-portfolio .featured-header img { min-height: 200px }
.from-the-blog .featured-header iframe { width:100%; height: 174px; display:block; margin:0; }
.col-4.from-the-blog .featured-header iframe { height: 209px; }
.col-6.from-the-blog .featured-header iframe { height: 329px; }
.col-8.from-the-blog .featured-header iframe { height: 374px; }
.featured-header a,
.from-the-portfolio-sec a.from-the-portfolio-sec-header { display: block; background-color: #323232; background-image: url(../images/sprites/hover-plus.png); background-repeat: no-repeat; background-position: center center; }
.audio-portfolio a.from-the-portfolio-sec-header { background-image:none !important; }
/* From The Portfolio ----------------------------------------------------------- */
.from-the-portfolio-title { margin: 0px }
.from-the-portfolio-title ul { float: left; margin: 0; padding: 0; display: inline-block; }
.from-the-portfolio-wrapper { overflow: hidden; padding-top: 5px; }
.from-the-portfolio-wrapper .read-more-button { float: right; margin-top: 0px; }
.from-the-portfolio-wrapper .separator { margin-top: 25px }
.from-the-portfolio-title h3 { float: left; padding: 0; margin-bottom: 10px; display: inline-block; line-height: 18px; color: #f60; }
#sort-categories { padding: 4px 12px; font-weight: bold; display: inline-block; 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; float: right; margin-top: -5px; color: #bbb; }
#sort-categories li { float: left; display: inline-block; margin-right: 10px; padding: 0; }
#sort-categories li span { margin-left: 10px }
#sort-categories li:last-child { margin-right: 0px }
#sort-categories li:last-child span { display: none }
#sort-categories li a { color: #999 }
#sort-categories li a:hover { color: #323232 }
#sort-categories .current-category a,
#sort-categories .current-category a:hover { color: #f60; cursor: default; }
.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-overlay .inner-overlay { padding: 25px; color: #eee; text-align: left; display: block; }
.inner-overlay a.featured-title { margin-bottom: 0px; font-weight: bold; font-family: 'PTSansRegular', Arial, sans-serif; text-transform: uppercase; display: block; padding-bottom: 0px; color: #DDD; }
.inner-overlay a.featured-title:hover { color: #FFF }
.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; }
.overlay-info { width:100%; height:100%; display:block; position:absolute; top:0; left:0; background:#000; 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; font-weight:normal; font-size:12px; line-height:18px; padding:0;}
.overlay-info p { margin:20px; color:#ddd; }

.inner-overlay hr { width: 10%; background-color: #999; margin: 10px 0; }
.inner-overlay p.featured-excerpt { font-size: 11px; color: #aaa; }
.inner-overlay .entry-meta { display: block; bottom: -30px !important; position: relative; padding: 0; color: #ccc; }
.inner-overlay .entry-meta a { display: block; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; color: #ccc; }
.inner-overlay .published { float: left !important; margin-left: 0px !important; }
.inner-overlay .published .icon { background-position: 0 0; width: 12px; height: 6px; float: left; margin: 7px 5px 0 0; }
.inner-overlay .published a:hover,
.inner-overlay .comment-count a:hover { color: #999 }
.inner-overlay .published a:hover .icon { background-position: -13px 0 }
.inner-overlay .like-count .icon,
.inner-overlay .comment-count .icon,
.inner-overlay .published .icon { background-image: url(../images/sprites/portfolio-sprite.png) }
.inner-overlay .comment-count .icon { background-position: 0 -7px; width: 15px; height: 11px; float: left; margin: 4px 5px 0 0; }
.inner-overlay .comment-count a:hover .icon { background-position: -16px -7px }
.inner-overlay .like-count .icon { background-position: 0 -19px; width: 13px; height: 11px; float: left; margin: 4px 5px 0 0; }
.inner-overlay .like-count a:hover .icon,
.inner-overlay .like-active .icon { background-position: -15px -19px !important }
.inner-overlay .like-count,
.inner-overlay .published,
.inner-overlay .comment-count { float: right; margin: 0 0 0 20px; font-size: 10px; line-height: 19px !important; }
.inner-overlay .comment-count { margin-left: 0px !important }
#portfolio-container { width: 104% }
.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.from-the-blog-content { margin-top: 20px; margin-left: 3px; margin-right: 3px; }
.from-the-blog-content p { margin-bottom: 20px !important }
.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: #999; display: block; }
.from-the-blog-meta a:hover { color: #333; display: block; }
.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: 15px; }
.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: 13px; height: 11px; float: left; margin: 3px 5px 0 0; }
.like-count-sec a:hover .icon,
.like-active .icon { background-position: -15px -19px }
.like-count-sec a:hover,
a.like-active { color: #FF6600 !important }
/* Contact Form 7 */
.wpcf7-captchac { position: relative; left: 15px; background: white; padding: 5px; vertical-align: middle; bottom: 2px; }
/* Services */
h6 span[class *= "icon-"] {position:relative; top:2px; margin-right: 5px;}
.service { padding: 20px; background: #f9f9f9; border: 1px solid #ddd; border: 1px solid rgba(0, 0, 0, 0.1); overflow-x: hidden; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-image: url(../images/sprites/action-border.png); background-repeat: repeat-x; background-position: center bottom; margin-bottom: 0px; }
.service h4 { padding-bottom: 10px; position: relative; z-index: 999; }
.service p { padding: 0; margin: 0; }
.service-arrow { position: absolute; top: -28px; right: -18px; color: #f3f3f3; font-family: 'EntypoRegular', Arial, sans-serif; font-size: 120px; text-shadow: 0px 1px 0 #fff; cursor: default; }
.section h1,
.section h2,
.section h3,
.section h4 { line-height: 25px }
.focus-heading { color: #f60; text-shadow: 0px 1px 0 #fff; text-transform: uppercase; line-height: 22px; }
#header .focus-heading { text-shadow:none; }
.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; }
.circle-description p:last-child { margin-bottom: 0px !important }
/* Read More Button */
.read-more-button { 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; }
.read-more-button:hover { color: #000  !important; }
.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:hover .arrow-in-button { background-position: 0px -5px }
.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; }
/* 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: #e9e9e9; border-bottom: 1px solid #e0e0e0; 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 #f7f5f3; border-right: 1px solid #d7d7d7; overflow: hidden; }
ul.tabs li a { display: block; padding: 0 15px; color: #737271; font-size: 12px; text-shadow: 0px 1px 0px #fff; 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 { background-color: #f0f0f0 }
ul.tabs li.active { background-color: #f9f9f9 !important; border-bottom: 1px solid #f9f9f9 !important; }
ul.tabs li.active a { color: #f60; background-color: #f9f9f9 !important; }
ul.tabs li:first-child.active,
ul.tabs li:first-child.active a:hover { border-top-left-radius: 3px }
.tabs_contents { background-color: #f9f9f9; border: 1px solid #f9f9f9; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden; }
.tab_content { padding: 15px; background-image: url(../images/sprites/action-border.png); background-repeat: repeat-x; background-position: center bottom; }
.tab_content *:last-child { margin-bottom:5px !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; }
.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; }
.trigger a:hover { background-color: #f0f0f0 }
.trigger.active a { background-color: #F3F3F3; border: 1px solid #e2e1e0; background-image: url(../images/lists/minus.png); color: #f60; }
.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: #f9f9f9; 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; overflow: hidden; }
.toggle-container { padding: 20px 20px 10px 20px }
.toggle-container p:last-child { margin-bottom: 10px }
.toggle-container pre { margin-bottom: 10px; }
/* 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; color: #f60; }
.trigger-button span { padding: 8px 10px 8px 20px; display: block; }
.trigger-button.active { background-color: #F3F3F3; background-image: url(../images/lists/minus.png); color: #f60; 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: #f9f9f9; 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 }
/* Page Pagination */
.blog-section .blog-type-two:last-child .separator-small { margin-bottom: 0px !important }
.page-pagination { margin-top: 20px; float: right; }
.page-pagination a,
.page-pagination span { font-size: 11px; line-height: 23px; height: 23px; width: 23px; text-align: center; margin-right: 3px; display: block; float: left; background: #eee; color: #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; }
.page-pagination a:hover { background: #e6e6e6 }
.page-pagination span.current,
.page-pagination span.current:hover { background: #f60; color: #f9f9f9; }
/* Landing Page */
#landing-header { font-weight: bold; float:right; display: inline-block; height: 33px; line-height: 33px; color: #e9e9e9; cursor: default; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background-image: url(../images/sprites/header-border.png); background-repeat: repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0px 20px; }
#landing-header:hover { color: #f9f9f9; }
#landing-header .icon-phone { font-size: 20px; float: left;}
#landing-header .landing-header-text { display: inline-block; float: left; margin-left: 10px; padding-left: 15px; font-size: 13px; line-height: 33px;}
/* Redirect Page */
#redirect-span { color: #f60; font-weight: bold; }
/* Search Result Posts */
.search-entry { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.search-entry h2 { font-size: 13px; margin-bottom: 18px; margin-top: 0px; padding: 0; line-height: 14px; }
.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; }
/* Contact Form */
#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% }
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 }
/*-----------------------------------------------------------------------------------*/
/************************************************************************************
		6. Footer Styles 
-----------------------------------------------------------------------------------*/
#footer { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); background-image: url(../images/sprites/header-border.png), url(../images/textures/dark-2.jpg); background-repeat: repeat-x, repeat; background-position: center top, center center; color: #b2b2b2; font-size: 11px; line-height: 19px; border-top: solid 2px #f60; }
.ie8 #footer { background-image: url(../images/textures/dark-2.jpg) !important; }
#footer a { color: #ddd }
#footer p { margin-bottom: 10px }
#footer p:last-child { margin-bottom: 0px }
#footer a:hover { color: #f9f9f9 }
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 { color: #b9b9b9 }
#footer .one-fourth,
#footer .one-half,
#footer .one-third,
#footer .one-fifth { margin-bottom: 0 }
#footer h4.footer-title { padding-bottom: 2px; background-image: url(../images/sprites/border.png); background-repeat: repeat-x; background-position: center bottom; margin-bottom: 20px; color: #d9d9d9; }
#footer .widget-item:nth-child(4) { margin-right: 0px !important }
#copyright-line { font-size: 11px; margin: 0px; padding: 10px 0px; background: url(../images/sprites/header-border.png) repeat; }
#copyright-line .footer-inner { padding: 0px }
#copyright-line #copyright-text { margin-bottom: 0px; float: left; }
.footer-inner { position: relative; margin: 0 auto; padding: 40px 0px 40px 0px; }
/* Post List */
.post_list { margin-bottom: 0px !important }
.post_list li { padding: 2px; margin-bottom: 10px; overflow: hidden; }
.post_list .post_thumb,
.post_list .avatar { position: relative; z-index: 2; float: left; margin-right: 10px; padding: 4px; border: 1px solid #545454; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; width: 62px; height: 62px; }
.post_list .post_thumb { height: 55px; width: 55px; }
.post_list .post_thumb:hover,
.post_list .avatar:hover { border: 1px solid #656565; }

.blog-type-icon-format { display:block; position:relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index:999; width:55px; height:55px; background:rgba(10,10,10,0.2); float:left; margin:6px 20px 10px 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;  }
.blog-type-icon-format span { width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center center; }

.sidebar-wrapper .blog-type-icon-format, .related-posts .blog-type-icon-format { background: #ededed; }
.sidebar-wrapper .blog-type-icon-format:hover , .related-posts .blog-type-icon-format:hover{ background: #dedede; }
.related-posts .post_description { margin-top: 10px; }
.related-posts small.details {margin-top: 5px !important; color: #888;}
.blog-type-icon-format:hover {background:rgba(30,30,30,0.6);}
.ie8 .blog-type-icon-format {background-image: url(../images/sprites/trans-015.png);}
.post_list .post_description a.post_caption { padding: 5px 0px 0px 0px; margin: 0px; line-height: 16px; font-size: 12px; font-weight:bold; }
.custom-recent-comment .post_description { padding-top: 5px !important; position: relative; z-index: 1; }
.post_list .post_description .details { margin-top: 0px; font-style: italic; display: block; margin-top: 10px; }
/* Footer navigation */
#footer .current-menu-ancestor a,
#footer .current-menu-item a { color: #FFF !important }
#footer ul { margin-bottom: 0; padding: 0; }
#footer-nav { width: auto; float: right; margin: 0; padding: 0; }
#footer-navigation { margin: 0; padding: 0; }
#footer-navigation li { float: left; margin-right: 10px; }
#footer-navigation li a { margin-left: 10px; position: relative; color: #878787; }
#footer-navigation li a:hover { color: #f9f9f9 }
#footer-navigation li a:active { top: 1px }
#footer-navigation li:first-child a { padding-left: 0px }
#footer-navigation li:last-child { margin-right: 0px }
#footer-navigation li:first-child span { display: none }
#footer-navigation li ul { display: none }
/* Widgets */
#footer .tagcloud a, #header-dropdown .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(10,10,10,0.2); -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, #header-dropdown .tagcloud a:hover { background:rgba(10,10,10,0.6); }

.tagcloud a { float:left; display:inline-block; margin:1px; padding:3px 8px; background:#eee; font:8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index:999; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;  }
.tagcloud a:hover { background:#e6e6e6; }
.contact-widget { background-image: url(../images/sprites/earth.png); background-repeat: no-repeat; background-position: center 70%; }
.contact-widget ul span { width: 40px; display: block; float: left; }
 #header-dropdown ul.contacts-widget { margin-bottom: 0px; }
.working-hours-widget ul span { width: 60%; display: block; float: left; }
/* Twitter */
.tweet_list li { margin-bottom: 20px }
.tweet_list li:last-child { margin-bottom: 0px; padding-bottom: 0px; border: none; }
.tweet-time-icon { width: 20px; margin-right: 10px; display: inline-block; background-image: url(../images/sprites/tweet-icon.png); background-repeat: no-repeat; background-position: top center; text-indent: -99999px; }
.tweet_time { display: block; margin-top: 7px; }
#header-dropdown #search, #footer #search { width:198px !important; }
/* PHOTOSTREAM */
.hb-stream ul,
#footer .hb-stream ul,
.widget .hb-stream ul { list-style-type: none; padding: 0; margin: 0; margin-left: -10px; }
.hb-stream ul li,
#footer .hb-stream ul li,
.widget .hb-stream ul li { width: auto; float: left; margin: 0 0 10px 10px; }
.hb-stream a,
#footer .hb-stream a,
.hb-stream img,
#footer .hb-stream img { height: 50px; width: 50px; }
.sidebar-wrapper .hb-stream img, .sidebar-wrapper .hb-stream a { height: 64px; width: 64px; }
#header-dropdown .hb-stream a,
#footer .hb-stream a { border: 1px solid #656565; padding: 5px; display: block; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; }
.sidebar-wrapper .hb-stream a { border: 1px solid #ccc; padding: 5px; display: block; -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 a,
#footer .hb-stream li { opacity: 0.85 !important; filter: alpha(opacity=60); }
#header-dropdown .hb-stream a:hover, #footer .hb-stream a:hover { border: 1px solid #f9f9f9; }
.sidebar-wrapper .hb-stream a:hover { border: 1px solid #777; }
/* Styled Table */
div.styled-table { margin-top: 5px; display: inline-block; width: 100%; }
div.styled-table > table { width: 100%; text-align: left; white-space: normal; }
div.styled-table > table > thead { /*    background: #fafafa;; border-bottom: 2px solid #DDD; border-top: 1px solid #DDD; */ }
div.styled-table > table > thead > tr { }
div.styled-table > table > thead > tr > th { padding: 10px; text-align: left; margin-top: 10px; background-color: #EEE;}
div.styled-table > table > tbody > tr > th { border-left: none;}
div.styled-table > table {width:97%;}
div.styled-table > table td { padding: 10px }
div.styled-table > table tbody { margin-top: 3px }
div.styled-table > table tbody tr { border: 1px solid #f0f0f0; border-top: none; background: transparent; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; color:#777;  }
div.styled-table > table tbody tr:hover { background:#f7f7f7; color:#323232;}
div.styled-table > table tfoot { font-size: 0.9em }
/* Force table to not be like a table anymore */
div.styled-table.responsive-table table,
div.styled-table.responsive-table thead,
div.styled-table.responsive-table tbody,
div.styled-table.responsive-table th,
div.styled-table.responsive-table td,
div.styled-table.responsive-table tr { display: block }
div.styled-table.responsive-table thead tr { position: absolute; top: -9999px; left: -9999px; }
div.styled-table.responsive-table tr { border: 1px solid #ccc }
div.styled-table.responsive-table td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
div.styled-table.responsive-table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
/*-----------------------------------------------------------------------------------*/
/************************************************************************************
		6. Media Queries - Responsive Styles 
-----------------------------------------------------------------------------------*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container { position: relative; margin-left: auto; margin-right: auto; width: 960px; padding-left: 30px; }
.header-inner,
.footer-inner { position: relative; margin-left: auto; margin-right: auto; width: 930px; padding-left: 30px; padding-right: 30px; }
/* Columns
/*-------------------------------------------*/
.col-1 { width: 50px }
.col-2, #main-content-with-sidebar .col-3 { width: 130px }
.col-3 { width: 210px }
.col-4, #main-content-with-sidebar .col-5, #main-content-with-sidebar .col-6 { width: 290px }
.col-5 { width: 370px }
.col-6 { width: 450px }
.col-7 { width: 530px }
.col-8, #main-content-with-sidebar .col-9, #main-content-with-sidebar .col-10, #main-content-with-sidebar .col-11, #main-content-with-sidebar .col-12 { 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: 20px; float: left; }
*[class *= "col-"]:last-child { margin-right: 0 }
.col-alpha { margin-left: 0px }
.col-omega { margin-right: 0px }
#footer *[class *= "col-"] { margin-bottom: 0px }

.slider-loading .obo-slider { visibility:hidden; }