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

    Theme Name: Offbeat
    Theme URI: http://themes.semicolonweb.com/wp/offbeat
    Description: Responsive Retina Ready Portfolio Theme
    Author: SemiColonWeb
    Author URI: http://themeforest.net/user/semicolonweb
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    Version: 1.2
    Tags: responsive, portfolio, agency, studio, creative, clean, modern, retina

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

/* ----------------------------------------------------------------
    Document Reset
-----------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

:focus { outline: 0;}

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

input[type="text"],
input[type="password"],
textarea,
input[type="submit"],
input[type="button"],
input[type="reset"] {  }

.input-block-level {
  display: block;
  width: 100% !important;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.home-search{
padding-top: 15px;
}

.entry_share{ 
display: none;
}

/* ----------------------------------------------------------------
    Basic Document Styles
-----------------------------------------------------------------*/


body {
	line-height: 1;
	color: #777;
	font: 12px/20px 'Merriweather', Helvetica, Arial, sans-serif;
	background: #FFF url("images/patterns/light/pattern7.png") repeat fixed;
}

input,
select,
textarea { font: 12px/20px 'Merriweather', Helvetica, Arial, sans-serif; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

::selection {
    background: #FF8300;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #FF8300; /* Firefox */
    color: #fff;
    text-shadow: none;
}

::-webkit-selection {
    background: #FF8300; /* Safari */
    color: #fff;
    text-shadow: none;
}


/* ----------------------------------------------------------------
    Typography
-----------------------------------------------------------------*/


a {
	text-decoration: none;
	color: #FF8300;
}

a:hover, .selected { color: #222; }

a img { border: none; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 0px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  	font-weight: bold;
  	padding: 0 0 25px 0;
  	color: #444;
    font-family: Helvetica, Arial, sans-serif;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span { color: #FF8300; }

h4,
h5,
h6 { padding-bottom: 20px; }

h1 {
	font-size: 28px;
	line-height: 32px;
}

h2 {
	font-size: 24px;
	line-height: 28px;
}

h3 {
	font-size: 20px;
	line-height: 24px;
}

h4 {
	font-size: 16px;
	line-height: 20px;
}

h5 {
	font-size: 14px;
	line-height: 18px;
}

h6 {
	font-size: 12px;
	line-height: 16px;
}

h1,
h2,
h3,
h4 {
    letter-spacing: -1px;
}

address { font-style: italic; }

abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #555;
}

blockquote {
  	color: #666;
  	border-left: 3px solid #777;
    font-size: 17px;
    line-height: 1.4;
    font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    padding: 5px 0 5px 20px;
    text-shadow: 1px 1px 1px #FFF;
    margin-left: 20px;
}

blockquote p { margin: 20px 0 0 0 !important; }

blockquote p:first-child { margin: 0 !important; }

strong { font-weight: bold; }

em,
dfn,
cite { font-style: italic; }

dfn { font-weight: bold; }

sup {
	font-size: 11px;
	vertical-align: top;
}

sub {
  	font-size: 11px;
  	vertical-align: bottom;
}

small {
    font-size: 11px;
    font-style: italic;
}

del { text-decoration: line-through; }

ins { text-decoration: underline; }

pre {
  	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
  	white-space: pre;
  	overflow: auto;
  	padding: 0 10px;
  	clear: both;
  	color: #666;
  	line-height: 19px;
}

code {
  	padding: 5px;
  	background: #F9F9F9;
}

var,
kbd,
samp,
code {
  	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
  	background: #F9F9F9;
}

kbd { font-weight: bold; }

samp,
var { font-style: italic; }

ul,
ol,
dl { margin-left: 20px; }

caption { text-align: left; }

img { max-width: 100%; }

.img-polaroid {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* ----------------------------------------------------------------
    Basic Layout Styles
-----------------------------------------------------------------*/


.tright { text-align: right !important; }
.tleft { text-align: left !important; }
.fright { float: right !important; }
.fleft { float: left !important; }
#wrapper { width: 1200px; margin: 0 auto; position: relative; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.container { width: 1140px; margin: 0 auto; position: relative; }
.line,
.double-line { clear: both; position: relative; width: 100%; margin: 40px 0; border-top: 1px solid #EEE;}
.double-line { border-top: 3px double #E5E5E5; }
.line a { position: absolute; left: auto; right: 0; padding-left: 5px; color: #272727; background: #F9F9F9; margin-top: -11px; border: none; }
.line a:hover { color: #575757; background: none; }
.emptydiv { display: block !important; position: relative !important;}
.allmargin { margin: 40px !important;}
.leftmargin { margin-left: 40px !important;}
.rightmargin { margin-right: 40px !important;}
.topmargin { margin-top: 40px !important;}
.bottommargin { margin-bottom: 40px !important;}
.bigleftmargin { margin-left: 60px !important;}
.bigrightmargin { margin-right: 60px !important;}
.bigtopmargin { margin-top: 60px !important;}
.bigbottommargin { margin-bottom: 60px !important;}
.nomargin {margin: 0 !important;}
.noleftmargin { margin-left: 0 !important;}
.norightmargin { margin-right: 0 !important;}
.notopmargin { margin-top: 0 !important;}
.nobottommargin { margin-bottom: 0 !important;}
.noborder { border: none !important; }
.noleftborder { border-left: none !important; }
.norightborder { border-right: none !important; }
.notopborder { border-top: none !important; }
.nobottomborder { border-bottom: none !important; }
.nopadding { padding: 0 !important; }
.noleftpadding { padding-left: 0 !important; }
.norightpadding { padding-right: 0 !important; }
.notoppadding { padding-top: 0 !important; }
.nobottompadding { padding-bottom: 0 !important; }
.noabsolute { position: relative !important;}
.hidden { display: none !important;}
.nothidden { display: block !important;}
.center { text-align: center !important;}
.divcenter { position: relative !important; float: none !important; margin-left: auto !important; margin-right: auto !important;}


span.page-divider { clear: both; position: relative; width: 100%; margin: 40px 0; }

span.page-divider span {
    display: block;
    width: 15%;
    border-bottom: 2px solid #FF8300;
}



.preloader,
.preloader2 {
	display: block;
	width: 100%;
	height: 100%;
	background: url("images/preloader.gif") center center no-repeat #FFF;
}

.preloader2 { background-color: transparent; }


.postcontent { width: 825px; }
.sidebar { width: 255px; }
.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 30.63%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 22%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
  	display: block;
  	position: relative;
  	margin-right: 4%;
  	margin-bottom: 40px;
  	float: left;
}

.postcontent,
.sidebar { margin-right: 60px; }

.col_full {
    clear: both;
  	float: none;
  	margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last { float: right; }

.col_last {
  	margin-right: 0 !important;
  	clear: right;
}

.entry_content ul {
    clear: left;
    color: #444;
    list-style-type: none;
    font-size: 13px;
    font-family: 'Merriweather', serif;
}

.entry_content ul.ul-list { list-style-type: disc; }

.entry_content ol {
    clear: left;
    color: #444;
    list-style-type: decimal;
    font-size: 13px;
    font-family: 'Merriweather', serif;
}

label {
    display: inline-block;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
  	font-weight: 600;
  	color: #444;
  	margin-bottom: 5px;
    cursor: pointer;
}

label.label-muted {
    color: #777;
    font-weight: normal;
    font-size: 12px;
    margin-right: 5px;
}

label.sm-fw { margin-right: 7px; }

label.sm-fw { color: #222; }

#footer.footer-dark label { color: #888; }

#footer.footer-dark label.sm-fw { color: #BBB; }

input[type="text"],
input[type="password"],
select,
textarea {
    display: block;
  	background: #FFF;
  	padding: 6px;
    margin: 0 0 0px;
  	border: 1px solid #E2E2E2;
  	outline: 0;
  	font: normal 11px/100%;
    color: #666;
}

select {
    padding: 7px;
    min-height: 34px !important;
}

#footer.footer-dark input[type="text"],
#footer.footer-dark input[type="password"],
#footer.footer-dark select,
#footer.footer-dark textarea {
  	background: #282A2B;
  	border-color: #444;
    color: #CCC;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

input[type="text"],
input[type="password"] { width: 90%; }

input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    position: relative;
    top: 2px;
}

textarea { 
  	width: 90%;
  	height: 150px;
  	line-height: 150%;
}

textarea.short-textarea { height: 80px; }

input.sm-fw {
    display: inline-block;
    width: 24px;
    padding: 4px 8px;
    text-align: center;
    margin-left: 7px;
}

input[type="text"]:active,
input[type="password"]:active,
textarea:active,
select:active,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus { border-color: #CCC; }

#footer.footer-dark input[type="text"]:active,
#footer.footer-dark input[type="password"]:active,
#footer.footer-dark textarea:active,
#footer.footer-dark select:active,
#footer.footer-dark input[type="text"]:focus,
#footer.footer-dark input[type="password"]:focus,
#footer.footer-dark textarea:focus,
#footer.footer-dark select:focus { border-color: #666; }

label.error {
    display: block;
    font-style: italic;
    font-weight: normal;
    font-size: 11px;
    color: #BD091B;
    margin-bottom: 15px;
}

input.error,
textarea.error,
select.error { border-color: #BD091B !important; }

#footer.footer-dark input.error,
#footer.footer-dark textarea.error,
#footer.footer-dark select.error { border-color: #CF4545 !important; }

.quick-contact-form label.error { margin: 0; }

#footer.footer-dark .btn-default {
    background-color: #282828;
    color: #CCC;
    border-color: #444;
}

form p {
    margin-top: 15px;
    margin-bottom: 0;
}

form p:first-child { margin-top: 0; }

form small {
    font-weight: normal;
    font-size: 10px;
    font-style: normal;
    color: #999;
}


table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}


/* ----------------------------------------------------------------
    Top Bar
-----------------------------------------------------------------*/


#top-bar {
    position: relative;
    height: 56px;
    z-index: 211;
}

#top-bar-wrapper {
    position: fixed;
    width: 1200px;
    top: 0;
    left: 50%;
    margin-left: -600px;
    background-color: #FFF;
    border-top: 5px solid #FF8300;
    height: 50px;
    border-bottom: 1px solid #EEE;
}

#top-bar-wrapper.non-sticky { position: relative; }

.stretched #top-bar-wrapper {
    width: 100%;
    left: 0;
    margin-left: 0;
}

.nicescroll-rails { z-index: 9999 !important; }


/* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/


#header { position: relative; }


/* ----------------------------------------------------------------
    Logo
-----------------------------------------------------------------*/


#logo {
    position: relative;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
}

#logo a {
    display: block;
    color: #000;
}

#logo img {
    display: block;
    max-width: 100%;
}

#logo a.standard-logo { display: block; }

#logo a.retina-logo { display: none; }


/* ----------------------------------------------------------------
    Primary Menu
-----------------------------------------------------------------*/


#primary-menu {
    position: relative;
    float: left;
    height: 50px;
}

.responsive-menu { display: none; }

#primary-menu.primary-menu2 {
    float: none;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    margin-bottom: -1px;
}

#primary-menu.primary-menu3 { float: right; }

#primary-menu ul {
    position: relative;
    margin: 0;
}

#primary-menu ul li {
    position: relative;
    float: left;
    height: 50px;
    z-index: 5;
}

#primary-menu.primary-menu3,
#primary-menu.primary-menu3 ul li { height: 120px; }

#primary-menu ul li.backLava {
    background-color: #FFF;
    width: 9px;
    height: 5px !important;
    position: absolute;
    top: -5px !important;
    z-index: 100;
}

#primary-menu.primary-menu2 ul li.backLava {
    background-color: #FF8300;
    top: -3px !important;
    height: 3px !important;
}

#primary-menu.primary-menu3 ul li.backLava {
    background-color: #FF8300;
    top: 0 !important;
    height: 3px !important;
}

#primary-menu ul li.selectedLava {
    border-top: 5px solid #FFF;
    margin-top: -5px;
}

#primary-menu.primary-menu2 ul li.selectedLava {
    border-top: 3px solid #FF8300;
    margin-top: -3px;
}

#primary-menu.primary-menu3 ul li.selectedLava {
    border-top: 4px solid #FF8300;
    margin-top: -1px;
}

#primary-menu ul ul li.backLava { display: none !important; }

#primary-menu ul li:first-child {
    padding-left: 0;
    background-image: none;
    margin-left: 0;
}

#primary-menu ul li:first-child span { display: none; }

#primary-menu li a {
    display: inline-block;
    margin-top: -5px;
    border-top: 4px solid transparent;
    height: 50px;
    line-height: 55px;
    padding: 0 15px;
    font-size: 15px;
    font-family: "Merriweather", sans-serif;
    color: #666;
}

#primary-menu.primary-menu3 li a {
    height: 120px;
    line-height: 120px;
}

#primary-menu.primary-menu3 ul li.selectedLava a { margin-top: -8px; }

#primary-menu li i { margin-right: 2px; }

#primary-menu > ul > li:hover,
#primary-menu ul li.current {  }

#primary-menu ul li.current a,
#primary-menu > ul > li:hover a { color: #111; }

#primary-menu ul li:hover > ul { display: block; }

#primary-menu ul ul {
    display: none;
    z-index: 200;
  	width: 180px;
  	margin: 0;
  	position: absolute;
  	top: 50px;
  	left: 0;
    border-top: 3px solid #FF8300;
}

#primary-menu.primary-menu3 ul ul { top: 120px; }

#primary-menu.primary-menu3 ul li.selectedLava ul { top: 117px; }

#primary-menu ul ul li {
    display: block;
  	float: none;
  	margin: 0;
  	padding: 0;
  	height: auto !important;
    border: none;
    background-image: none;
    background-color: #484848;
    border-top: 1px solid rgba(0,0,0,0.1);
}

#primary-menu ul ul li:first-child { border-top: 0; }

#primary-menu ul ul ul {
    margin: 0;
  	left: 180px !important;
  	top: 0px !important;
    border-top: 0;
    border-left: 2px solid #FF8300;
}

#primary-menu ul ul ul li:first-child { margin-top: 0; }

#primary-menu ul ul a,
#primary-menu.primary-menu3 ul ul a {
    display: block;
    margin: 0 !important;
    height: 40px;
    line-height: 44px !important;
    padding: 0 15px;
    border: none;
    text-transform: capitalize;
    font-size: 12px;
    color: #FFF !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-top: 1px solid rgba(255,255,255,0.1);
}

#primary-menu ul ul li:first-child,
#primary-menu ul ul li:first-child a { border-top: 0; }

#primary-menu ul ul a:hover,
#primary-menu ul ul li:hover > a {
    background-color: rgba(0,0,0,0.1);
}

#primary-menu ul ul li:first-child li a { border-top: 1px solid rgba(255,255,255,0.1); }

#primary-menu ul ul ul li:first-child a { border-top: none; }

#primary-menu ul > li.sub-menu > a > div {
    background-image: url("images/icons/mainsubmenu.png");
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 16px;
}

#primary-menu ul > li.sub-menu:hover > a > div,
#primary-menu ul li.current.sub-menu > a > div {  }

#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {
    background-image: url("images/icons/submenu.png");
    background-position: right center;
    background-repeat: no-repeat;
}

#primary-menu ul ul > li.sub-menu > a > div,
#primary-menu ul ul > li.sub-menu:hover > a > div {
    background-image: none;
    padding-right: 0;
}

#primary-menu ul:after {
  	content: ".";
  	display: block;
  	clear: both;
  	visibility: hidden;
  	line-height: 0;
  	height: 0;
}


/* ----------------------------------------------------------------
    Sticky Menu
-----------------------------------------------------------------*/


#primary-menu-wrap {
    position: relative;
    height: 51px;
}


.sticky-menu {
    z-index: 299;
    background-color: #FFF;
    position: fixed !important;
    top: 0;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    box-shadow: 0 10px 10px -10px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.07);
}

.stretched .sticky-menu {
    width: 100%;
    left: 0;
    margin-left: 0;
}

#primary-menu.primary-menu2.sticky-menu ul li.backLava { top: -1px !important; }

#primary-menu.primary-menu2.sticky-menu ul li.selectedLava ul { top: 51px; }

#primary-menu.primary-menu2.sticky-menu ul li.selectedLava { margin-top: -3px !important; }


#header-wrap,
#header-wrap #primary-menu.primary-menu3,
#header-wrap #primary-menu.primary-menu3 ul li {
    height: 120px;
    transition: height 0.4s;
    -ms-transition: height 0.4s;
    -o-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -webkit-transition: height 0.4s;
}

#header-wrap.sticky-menu,
#header-wrap.sticky-menu #primary-menu.primary-menu3,
#header-wrap.sticky-menu #primary-menu.primary-menu3 ul li,
#header-wrap.sticky-menu #primary-menu.primary-menu3 > ul > li > a { height: 60px; }


#header-wrap #primary-menu.primary-menu3 li a,
#header-wrap #logo {
    line-height: 120px;
    transition: line-height 0.4s;
    -ms-transition: line-height 0.4s;
    -o-transition: line-height 0.4s;
    -moz-transition: line-height 0.4s;
    -webkit-transition: line-height 0.4s;
}

#header-wrap #logo { line-height: inherit !important; }

#header-wrap #logo {
    font-size: 36px;
    transition: font-size 0.4s;
    -ms-transition: font-size 0.4s;
    -o-transition: font-size 0.4s;
    -moz-transition: font-size 0.4s;
    -webkit-transition: font-size 0.4s;
}

#header-wrap.sticky-menu #primary-menu.primary-menu3 li a,
#header-wrap.sticky-menu #logo { line-height: 65px; }

#header-wrap.sticky-menu #logo { font-size: 20px; }

#header-wrap.sticky-menu #primary-menu.primary-menu3 ul li.backLava { top: 0 !important; }

#header-wrap.sticky-menu #primary-menu.primary-menu3 ul li.selectedLava { margin-top: -1px; }

#header-wrap.sticky-menu #primary-menu.primary-menu3 ul ul { top: 60px; }

#header-wrap.sticky-menu #primary-menu.primary-menu3 ul li.selectedLava ul { top: 57px; }


/* ----------------------------------------------------------------
    Top Links
-----------------------------------------------------------------*/


.top-links {
    position: relative;
    float: left;
}

.top-links ul { margin: 0; }

.top-links ul li {
    float: left;
    position: relative;
    height: 50px;
    border-left: 1px solid #F5F5F5;
}

.top-links ul li:first-child,
.top-links ul ul li { border-left: 0; }

.top-links li > a {
    display: block;
    padding: 0 13px;
    font-size: 13px;
    height: 50px;
    line-height: 50px;
    color: #666;
    font-family: 'Open Sans';
}

.top-links li i:first-child { margin-right: 2px; }

.top-links li.full-icon i {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin: 0;
}

.top-links li:hover {
    background-color: #F5F5F5;
    text-shadow: 1px 1px 1px #FFF;
}

.top-links li:hover span.label { text-shadow: 0px 0px 0px #FFF; }

.top-links ul ul,
.top-links ul div.top-link-section {
    display: none;
    position: absolute;
    z-index: 210;
    background: #FFF;
    border: 0;
    top: 50px;
    left: 0;
    width: 140px;
    margin: 0;
    border-top: 3px solid #FF8300;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.top-links ul ul li {
    float: none;
    height: 32px;
    border-top: 1px solid #F5F5F5;
}

.top-links ul ul li:first-child { border-top: none; }

.top-links ul ul a {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}

.top-links ul ul img {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 18px;
    height: 12px;
    margin-right: 4px;
}

.top-links ul ul.top-demo-lang img {
    top: 4px;
    width: 16px;
    height: 16px;
}

.top-links ul div.top-link-section {
    padding: 20px;
    left: 0;
    width: 210px;
}

.top-links.fright ul div.top-link-section {
    left: auto;
    right: 0;
}

.top-links ul .top-link-section#top-search-wrap { padding: 12px; }

#top-login-form { margin: 0; }

#top-login-form label {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 2px;
}

#top-login-form input { margin-bottom: 13px; }

.forgot-password-link {
    float: right;
    padding: 0 !important;
    line-height: 38px !important;
    height: 36px !important;
}

#top-cart-info { font-family: "Open Sans", sans-serif; }

#top-cart-info .top-cart-item {
    padding-bottom: 13px;
    margin-bottom: 13px;
    border-bottom: 1px solid #F5F5F5;
}

.top-cart-item-image {
    float: left;
    margin-right: 10px;
    width: 48px;
    height: 48px;
}

.top-cart-item-image a { border: 2px solid #EEE; }

.top-cart-item-image a,
.top-cart-item-image img {
    display: block;
    width: 44px;
    height: 44px;
}

.top-cart-item-image a:hover { border-color: #FF8300; }

.top-cart-item-desc {
    position: relative;
    overflow: hidden;
}

.top-cart-item-desc a {
    font-size: 13px;
    font-weight: bold;
    color: #666;
}

.top-cart-item-desc a:hover { color: #FF8300; }

.top-cart-item-desc span.top-cart-item-price {
    display: block;
    line-height: 18px;
    font-size: 12px;
    color: #999;
}

.top-cart-item-desc span.top-cart-item-quantity {
    display: block;
    position: absolute;
    right: 0;
    top: 1px;
    color: #444;
}

.top-checkout-wrap { position: relative; }

.top-checkout-wrap span.top-checkout-price {
    position: relative;
    top: 8px;
    font-size: 18px;
    font-weight: bold;
    color: #FF8300;
}

.top-cart-empty {
    font-size: 13px;
    color: #444;
    padding-bottom: 11px;
    margin-bottom: 17px;
    border-bottom: 1px solid #F5F5F5;
}

.top-links li span.label {
    position: relative;
    top: -1px;
}


/* ----------------------------------------------------------------
    Social - Icons
-----------------------------------------------------------------*/


#top-social {
    float: right;
    margin: 44px 0 -8px;
}

#top-social li {
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 0 8px 8px;
}

#top-social li:first-child { margin-left: 0; }

#top-social li a {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 34px;
    font-size: 14px;
    color: #666;
    text-align: center;
    background-color: #F5F5F5;
    border-radius: 50%;
    -webkit-transition: background-color 0.2s linear, color 0.2s linear;
    -moz-transition: background-color 0.2s linear, color 0.2s linear;
    -ms-transition: background-color 0.2s linear, color 0.2s linear;
    -o-transition: background-color 0.2s linear, color 0.2s linear;
    transition: background-color 0.2s linear, color 0.2s linear;
}

#top-social li a:hover {
    color: #FFF;
    background-color: #555;
}


/* ----------------------------------------------------------------
    Sliders
-----------------------------------------------------------------*/


#slider {
    position: relative;
    height: 500px;
    overflow: hidden;
}

#slider > div > img,
#slider > div > a > img,
#slider > div > iframe { display: block; }

#slider .container { width: 100%; }

.slider-wrap {
    position: relative;
    width: 100%;
    height: 500px;
}

.slider-wrap .slide,
.slider-wrap .slide > a,
.slider-wrap .slide img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.slider-line {
    position: absolute;
    border-top: 1px solid rgba(0,0,0,0.2);
    height: 0;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}


.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide a,
.fslider .slide img {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.fslider { min-height: 32px; }


/* ----------------------------------------------------------------
    Flex Slider
-----------------------------------------------------------------*/


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; border: none; }
.slider-wrap,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none !important; border: none;} 

.flexslider {position: relative;margin: 0; padding: 0;}
.flexslider .slider-wrap > .slide {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slider-wrap img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slider-wrap {display: block;} 
* html .slider-wrap {height: 1%;}

.no-js .slider-wrap > .slide:first-child {display: block;}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}


/* ----------------------------------------------------------------
    Slider Navigation
-----------------------------------------------------------------*/


.flex-direction-nav li { line-height: 0; }

.flex-prev,
.flex-next {
    display: block;
    position: absolute !important;
    z-index: 10;
    cursor: pointer;
    top: auto;
    left: -32px;
    top: 50%;
    margin-top: -28px;
    right: 38px;
    width: 32px !important;
    height: 56px !important;
    text-indent: -9999px;
    background-image: url("images/icons/flex-arrow.png");
    background-color: #666;
    background-color: rgba(11,11,11,0.6);
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    opacity: 0;
}

.flex-next {
    left: auto;
    right: -32px;
    background-position: -32px 0;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
}


.flex-prev:hover,
.flex-next:hover {
    background-color: #222;
    background-color: rgba(11,11,11,0.8);
}

.flexslider:hover .flex-prev,
.flexslider:hover .flex-next { opacity: 1; }

.flexslider:hover .flex-prev { left: 0; }

.flexslider:hover .flex-next { right: 0; }

.flex-control-nav {
    position: absolute;
    z-index: 10;
    text-align: center;
    top: 14px;
    right: 10px;
    margin: 0;
}

.flex-control-nav li {
    float: left;
    display: block;
    margin: 0 3px;
    width: 12px;
    height: 12px;
}

.flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 12px !important;
    height: 12px !important;
    background-color: #666;
    background-color: rgba(11,11,11,0.5);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {
    background-color: #333;
    background-color: rgba(11,11,11,0.8);
}


.flex-control-thumbs {
    position: relative;
    text-align: center;
    top: 0;
    right: 0;
    margin: 10px 0 0;
}

.flex-control-thumbs li {
    float: none;
    display: inline-block;
    margin: 0 5px;
    width: 68px !important;
    height: 68px !important;
}

.flex-control-thumbs li a,
.flex-control-thumbs li img {
    display: block;
    cursor: pointer;
    width: 64px !important;
    height: 64px !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.flex-control-thumbs li img { border: 2px solid #EEE; }

.flex-control-thumbs li img.flex-active { border-color: #FF8300; }


/* ----------------------------------------------------------------
    Slider Caption
-----------------------------------------------------------------*/


#slider .flexslider .container {
    position: absolute;
    width: 1140px;
    left: 50%;
    margin-left: -570px;
}


/* ----------------------------------------------------------------
    Slider Caption
-----------------------------------------------------------------*/


.slide-caption {
    display: block;
    position: absolute;
    z-index: 8;
    top: auto;
    left: auto;
    bottom: 50px;
    right: 76px;
    line-height: 24px;
    padding: 6px 15px;
    font-size: 14px;
    font-family: 'Merriweather', sans-serif;
    width: auto !important;
    max-width: 500px;
    background-color: #111;
    background-color: rgba(11,11,11,0.8);
    border-left: 3px solid #57B3DF;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}


.slide-caption2 {
    line-height: 20px;
    padding: 25px;
    font-size: 12px;
    max-width: 250px;
    background-color: #111;
    background-color: rgba(11,11,11,0.6);
}

.slide-caption2 h3 {
    font-size: 18px;
    line-height: 24px;
    font-family: Helvetica, sans-serif;
    padding-bottom: 12px;
    color: #EEE;
}

.slide-caption2 p { margin: 0; }

.slide-caption-left {
    left: 50px;
    right: auto;
}

.slide-caption span { color: #FF8300; }

.slide-caption .button {
    color: #FFF;
    border-color: #FFF;
    font-size: 16px;
    padding: 8px 14px;
    margin: 0;
    font-weight: normal;
}

.slide-caption.no-background { background: transparent; }

.slide-caption .button.large {
    font-size: 20px;
    line-height: 30px;
    padding: 10px 16px;
}


/* ----------------------------------------------------------------
    Main Content
-----------------------------------------------------------------*/


#content { position: relative; }

.content-wrap {
    position: relative;
    padding: 20px 0;
}


/* ----------------------------------------------------------------
    Page Title
-----------------------------------------------------------------*/


#page-title {
    position: relative;
    background-color: #F9F9F9;
    padding: 30px 0;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

#page-title h1,
#page-title h2 {
    font-size: 26px;
    line-height: 32px;
    font-family: Helvetica;
    font-weight: bold;
    padding-bottom: 0;
    text-shadow: 1px 1px 1px #FFF;
    color: #555;
    letter-spacing: -1px;
}

#page-title h1 span,
#page-title h2 span {
    display: inline-block;
    position: relative;
    font-family: 'Open Sans';
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 22px;
    margin-left: 10px;
    color: #AAA;
}

#page-title.title-bg { padding: 70px 0; }

#page-title.title-bg h1,
#page-title.title-bg h2 { font-size: 32px; }

#top-search { margin: 0; }

#top-search form { margin: 0; }

#top-search input {
    margin: 0;
    background-image: url("images/icons/search1.png");
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 0 28px;
    border: none;
    font-size: 13px;
    color: #AAA;
}

#header #top-search { width: 200px; }

#header #top-search input { width: 171px; }

#page-title .breadcrumb {
    position: absolute !important;
    width: auto !important;
    top: 50% !important;
    left: auto !important;
    right: 0 !important;
    margin: -10px 0 0 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
}

#page-title .breadcrumb i { width: auto !important; }

#page-title .breadcrumb > li + li:before { padding: 0 3px 0 6px !important; }


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


#portfolio-filter {
    position: relative;
    margin: 0 0 30px 0;
    list-style-type: none;
}

#portfolio-filter li {
    float: left;
    position: relative;
    font-family: "Open Sans";
    font-size: 13px;
}

#portfolio-filter li a {
    display: inline-block;
    position: relative;
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
}

#portfolio-filter li span {
    display: inline-block;
    color: #BBB;
    font-weight: bold;
    margin: 0 12px;
}

#portfolio-filter li:first-child a { border-left: none; }

#portfolio-filter li a:hover,
#portfolio-filter li.activeFilter a { color: #FF8300; }


/* ----------------------------------------------------------------
    Portfolio / Shop - Items
-----------------------------------------------------------------*/


#portfolio,
#shop {
    position: relative;
    margin: 0 -20px -20px 0;
}

.postcontent #shop { margin: 0 -18px -18px 0; }

.portfolio-item,
.product {
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    width: 270px;
}

.postcontent .product {
    position: relative;
    float: left;
    margin: 0 18px 18px 0;
    width: 263px;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image > a,
.portfolio-item .portfolio-image img,
.product .product-image,
.product .product-image > a,
.product .product-image img {
    display: block;
    position: relative;
    width: 270px;
    height: 210px;
}

.product .product-image,
.product .product-image > a,
.product .product-image img {  }

.portfolio-item .portfolio-image { overflow: hidden; }

.postcontent .product .product-image,
.postcontent .product .product-image > a,
.postcontent .product .product-image img {
    width: 263px;
    height: 292px;
}

.portfolio-item .portfolio-image img {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.portfolio-item:hover .portfolio-image img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}


#portfolio.portfolio-3 { margin: 0 -30px -30px 0; }

.portfolio-3 .portfolio-item {
    margin: 0 30px 30px 0;
    width: 360px;
}

.portfolio-3 .portfolio-item .portfolio-image,
.portfolio-3 .portfolio-item .portfolio-image a,
.portfolio-3 .portfolio-item .portfolio-image img {
    width: 360px;
    height: 270px;
}


.portfolio-title,
.product-title {
    position: relative;
    padding: 10px 0 0;
}

.portfolio-title h3,
.product-title h3 {
    padding-bottom: 0;
    letter-spacing: 0;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

.postcontent .portfolio-title h3 { font-size: 13px; }

.portfolio-3 .portfolio-title h3 { font-size: 15px; }

.portfolio-title h3 a,
.product-title h3 a { color: #333; }

.portfolio-item h3 a:hover,
.product-title h3 a:hover { color: #FF8300; }

.portfolio-title div.port-cats,
.product-title div.product-cats {
    display: block;
    font-size: 13px;
    line-height: 24px;
    color: #999;
}

.portfolio-title div.port-cats a,
.product-title div.product-cats a { color: #999; }

.portfolio-title div.port-cats a:hover,
.product-title div.product-cats a:hover { color: #000; }

.portfolio-title div.port-like {
    position: absolute;
    top: 11px;
    right: 0;
}

.portfolio-title div.port-like a {
    color: #999;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}

.portfolio-title div.port-like a i {
    font-size: 14px;
    margin-right: 1px;
}

.portfolio-title div.port-like a:hover { color: #000; }

.portfolio-title div.port-like a.like-active { color: #FF8300; }

.product-title { padding-top: 7px; }

.product-price {
   position: absolute;
    top: 10px;
    right: 0;
    color: #FF8300;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.product-sale {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    line-height: 48px;
    font-size: 12px;
    text-transform: uppercase;
    width: 48px;
    height: 48px;
    background-color: #FF8300;
    border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    z-index: 1;
    border: 4px solid #FFF;
}

.product-overlay {
    position: absolute;
    left: 8px;
    bottom: 8px;
    width: 36px;
    height: 36px;
    text-align: center;
    z-index: 1;
    opacity: 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.product:hover .product-overlay { opacity: 1; }

.product-overlay a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px !important;
    font-size: 16px;
    color: #FFF;
    background-color: #333;
    font-family: "Open Sans", sans-serif;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.product-overlay a:hover { background-color: #FF8300; }

.product-overlay .added_to_cart,
.product-overlay .icon-spinner-2,
.product-overlay .icon-checkmark,
.product-overlay .loading .icon-cart-plus,
.product-overlay .added .icon-cart-plus { display: none; }

.product-overlay .loading .icon-spinner-2,
.product-overlay .added .icon-checkmark { display: inline-block; }


/* ----------------------------------------------------------------
    Portfolio Overlay
-----------------------------------------------------------------*/


.portfolio-overlay,
.portfolio-overlay-icons {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0.8;
}


.portfolio-overlay-icons {
    background-color: transparent;
    opacity: 1;
    color: #FFF;
}


.portfolio-overlay-icons a {
    display: none;
    position: absolute !important;
    top: 50% !important;
    left: 50%;
    background-color: transparent;
    width: 18px !important;
    height: 18px !important;
    margin: -20px 0 0 -75px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #FFF;
    padding: 9px;
    border: 2px solid #FFF !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.portfolio-overlay-icons a.left-icon {  }

.portfolio-overlay-icons a.right-icon {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -75px;
}

.portfolio-overlay-icons a.center-icon {
    display: block;
    margin: -20px 0 0 -20px;
    opacity: 0;
}

.portfolio-item:hover a.center-icon { opacity: 1; }


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

#portfolio-single-wrap { position: relative; }


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


#portfolio-single-wrap #slider { float: left; }

#portfolio-single-wrap.portfolio-single-left #slider { float: right; }

#portfolio-single-wrap.portfolio-single-full #slider,
.postcontent #portfolio-single-wrap #slider {
    float: none;
    margin-bottom: 30px;
}

#portfolio-single-wrap #slider {
    width: 720px;
    height: auto;
    background-color: transparent;
}

.postcontent #portfolio-single-wrap #slider { width: 100%; }

#portfolio-single-wrap .slider-wrap,
#portfolio-single-wrap .slide,
#portfolio-single-wrap #slider a,
#portfolio-single-wrap #slider img {
    display: block;
    width: 100%;
    height: auto;
}

#portfolio-single-wrap .slide { display: none; }

#portfolio-single-wrap #slider iframe { display: block; }

#portfolio-single-wrap.portfolio-single-full #slider {
    width: 1140px;
    height: auto;
}

#portfolio-single-wrap.portfolio-single-full .slider-wrap,
#portfolio-single-wrap.portfolio-single-full .slide,
#portfolio-single-wrap.portfolio-single-full .slide a,
#portfolio-single-wrap.portfolio-single-full .slide img {
    width: 100%;
    height: auto;
}


#portfolio-single-wrap .flex-prev,
#portfolio-single-wrap .flex-next,
.entry_image .flex-prev,
.entry_image .flex-next,
.fslider .flex-prev,
.fslider .flex-next {
    top: 50%;
    bottom: auto;
    margin-top: -28px;
}

.portfolio-item .portfolio-image .flex-prev,
.portfolio-item .portfolio-image .flex-next { margin-top: -14px; }


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


#portfolio-details-wrap {
    float: right;
    width: 380px;
    margin-left: 40px;
}

#portfolio-single-wrap.portfolio-single-left #portfolio-details-wrap {
    float: left;
    margin: 0 40px 0 0;
}

#portfolio-single-wrap.portfolio-single-full #portfolio-details-wrap,
.postcontent #portfolio-single-wrap #portfolio-details-wrap {
    float: none;
    margin: 0;
    width: auto;
}

#portfolio-details-wrap h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;
}

#portfolio-details-wrap span.page-divider { margin-top: 10px; }

#portfolio-details-wrap .port-details { margin-top: 10px; }

.port-desc { font-size: 13px; }

#portfolio-single-wrap.portfolio-single-full .port-desc,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc,
.postcontent #portfolio-single-wrap .port-desc {
    float: right;
    margin: 0;
    width: 800px;
}

.postcontent #portfolio-single-wrap .port-desc { width: 440px; }

#portfolio-single-wrap.portfolio-single-full .port-details,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details,
.postcontent #portfolio-single-wrap .port-details {
    float: left;
    margin: 0 40px 0 0;
    width: 300px;
}

#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc,
.postcontent #portfolio-single-wrap.portfolio-single-left .port-desc { float: left; }

#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details,
.postcontent #portfolio-single-wrap.portfolio-single-left .port-details {
    float: right;
    margin: 0 0 0 40px;
}

#portfolio-single-wrap.portfolio-details-sidebar-right .port-desc {
    float: left;
    margin: 0;
}

#portfolio-single-wrap.portfolio-details-sidebar-right .port-details {
    float: right;
    margin: 0 0 0 40px;
}

#portfolio-details-wrap .port-details h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}

#portfolio-details-wrap .port-terms,
.product-terms {
    position: relative;
    border-bottom: 1px dotted #EEE;
    margin-bottom: 10px;
    padding-bottom: 10px;
}


#portfolio-details-wrap .port-terms h5,
.product-terms h5 {
    color: #333;
    margin: 0 !important;
    float: left;
    width: 130px;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
}

#portfolio-details-wrap .port-terms span,
.product-terms span {
    display: block;
    position: relative;
    overflow: hidden;
}

.word-wrap {
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: pre-line;
}


/* ----------------------------------------------------------------
    Portfolio AJAX
-----------------------------------------------------------------*/

#portfolio-ajax-wrap {
    display: none;
    position: relative;
    min-height: 32px;
}

#portfolio-loader {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    background-color: rgba(255,255,255,0.8);
}

#portfolio-loader div {
    z-index: 9999;
    position: fixed;
    width: 64px;
    height: 64px;
    background: url("images/preloader2.gif") no-repeat center center;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
}


/* ----------------------------------------------------------------
    Portfolio Navigation
-----------------------------------------------------------------*/


#portfolio-navigation {
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    max-width: 106px;
    height: 32px;
    margin-top: -16px;
}

#portfolio-navigation a {
    display: block;
    float: left;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    padding: 6px;
    text-align: center;
    color: #555;
    border: 2px solid #555;
    transition: border-color .2s linear, color .2s linear;
    -moz-transition: border-color .2s linear, color .2s linear;
    -webkit-transition: border-color .2s linear, color .2s linear;
    -ms-transition: border-color .2s linear, color .2s linear;
    -o-transition: border-color .2s linear, color .2s linear;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}

#portfolio-navigation a i {
    font-size: 14px;
    line-height: 1;
    position: relative;
    top: -1px;
    left: 0;
}

#portfolio-navigation a:first-child { margin-left: 0; }

#portfolio-navigation a:hover {
    color: #FF8300;
    border-color: #FF8300;
}

#portfolio-ajax-show #portfolio-navigation {
    top: 0;
    margin-top: 0;
}


/* ----------------------------------------------------------------
    Related Portfolio Items
-----------------------------------------------------------------*/


#portfolio-related-wrap {
    padding: 50px 0;
    margin: 60px 0 -60px;
    background-color: #F9F9F9;
}

#portfolio-related-wrap h2 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;
}

.portfolio-related {
    position: relative;
    margin: 0 -20px 0 0;
}

.portfolio-related .portfolio-item { margin-bottom: 0; }

.portfolio-related .portfolio-title { text-shadow: 1px 1px 1px #FFF; }


.pagination { display: block !important; }


/* ----------------------------------------------------------------
    Isotope
-----------------------------------------------------------------*/

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-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;
      -ms-transition-property:     -ms-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;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/* ----------------------------------------------------------------
    Products
-----------------------------------------------------------------*/


.single-product .product,
.search-results .product { width: 100%; }

.search-results .product {
    float: none;
    margin-bottom: 50px !important;
    padding-bottom: 40px !important;
    border-bottom: 3px solid #EEE !important;
}

#shop .product { width: inherit; }

.shop-product-slider .flexslider { height: auto !important; }

.product-single h2 { padding-bottom: 15px; }

.product-meta {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #EEE;
}

.product-single .product-price {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    color: #FF8300;
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    line-height: 1;
    font-weight: bold;
}

.product-single .product-rating {
    float: right;
    color: #444;
    font-size: 14px;
    line-height: 1;
    position: relative;
    top: 10px;
}

.product-meta .product-rating.star-rating {
    top: 10px;
    font-size: 14px;
    line-height: 14px;
    height: 14px;
}

.product-availability {
    float: left;
    position: relative;
    top: 2px;
    margin-left: 10px;
}

.product-single select,
.product-single input {
    padding: 10px;
    margin-bottom: 30px;
}

.product-single input { padding: 9px; }

.product-quantity {
    float: left;
    margin-right: 20px;
}

.quantity .qty {
    float: left;
    width: 30px;
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
    border: 0;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    color: #FFF;
    background-color: #333;
    text-align: center;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
}

.quantity .plus,
.quantity .minus {
    display: block;
    cursor: pointer;
    border: 0px transparent;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    float: left;
    width: 32px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #333;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.quantity .plus:hover,
.quantity .minus:hover { background-color: #FF8300; }

.single-product .product-sale {
    top: -10px;
    left: -10px;
    right: auto;
    line-height: 56px;
    font-size: 13px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 3px solid #FFF;
}

.product-price del { font-weight: normal; }

.single-product .product-price del { font-size: 24px; }

.product-price span.from { display: none; }

.single-product .product-price span.from {
    display: inline;
    font-weight: normal;
    font-size: 14px;
    color: #444;
}


/* ----------------------------------------------------------------
    Product Reviews
-----------------------------------------------------------------*/


.woocommerce p.stars,
.woocommerce-page p.stars {
    margin: 0 0 15px !important;
    *zoom: 1;
}

.woocommerce p.stars:before,
.woocommerce-page p.stars:before,
.woocommerce p.stars:after,
.woocommerce-page p.stars:after {
    content: " ";
    display: table;
}

.woocommerce p.stars:after,
.woocommerce-page p.stars:after { clear: both; }

.woocommerce p.stars span,
.woocommerce-page p.stars span {
    width: 80px;
    height: 16px;
    position: relative;
    float: left;
    background: url(images/icons/star.png) repeat-x left 0;
}

.woocommerce p.stars span a,
.woocommerce-page p.stars span a {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 0;
    padding-top: 16px;
    overflow: hidden;
}

.woocommerce p.stars span a:hover,
.woocommerce-page p.stars span a:hover,
.woocommerce p.stars span a:focus,
.woocommerce-page p.stars span a:focus { background: url(images/icons/star.png) repeat-x left -16px; }

.woocommerce p.stars span a.active,
.woocommerce-page p.stars span a.active { background: url(images/icons/star.png) repeat-x left -32px; }

.woocommerce p.stars span a.star-1,
.woocommerce-page p.stars span a.star-1 {
    width: 16px;
    z-index: 10;
}

.woocommerce p.stars span a.star-2,
.woocommerce-page p.stars span a.star-2 {
    width: 32px;
    z-index: 9;
}

.woocommerce p.stars span a.star-3,
.woocommerce-page p.stars span a.star-3 {
    width: 48px;
    z-index: 8;
}

.woocommerce p.stars span a.star-4,
.woocommerce-page p.stars span a.star-4 {
    width: 64px;
    z-index: 7;
}

.woocommerce p.stars span a.star-5,
.woocommerce-page p.stars span a.star-5 {
    width: 80px;
    z-index: 6;
}

div.pp_woocommerce #respond .form-submit { margin-top: 10px !important; }

.single-product .commentlist {
    list-style-type: none;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EEE;
}

.single-product p.add_review { margin-bottom: 0; }

.comment-meta .star-rating { position: absolute; }

.shop_attributes,
.shop_attributes td p { margin-bottom: 0 !important; }

p.stock.out-of-stock { color: #FF0000; }

#reviews #comments { padding-left: 0; }


/* ----------------------------------------------------------------
    Cart
-----------------------------------------------------------------*/


.cart .remove {
    font-size: 14px;
    color: #FF0000;
}

.cart .remove:hover { color: #000; }

.cart th {
    padding: 0 15px 12px 15px !important;
    font-size: 14px;
    color: #555;
}

.cart td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    border-color: #E5E5E5 !important;
}

.cart-product-thumbnail a {
    display: block;
    width: 70px;
}

.cart-product-thumbnail img {
    display: block;
    width: 64px;
    height: 64px;
    border: 3px solid #EEE;
}

.cart-product-thumbnail img:hover { border-color: #FF8300; }

.cart-product-name a,
.product-name a {
    font-weight: bold;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
}

.cart-product-name a:hover,
.product-name a:hover { color: #666; }

.cart-product-price,
.cart-product-quantity,
.cart-product-subtotal {
    text-align: center !important;
}

.cart-product-quantity .quantity { display: inline-block; }

td.actions {
    padding: 20px 15px !important;
    vertical-align: top !important;
    background-color: #F5F5F5;
}

#coupon_code {
    display: inline-block;
    margin: 0 10px 0 0;
}

.cart-totals td { border-color: #E5E5E5 !important; }

.state_select,
.shipping_calculator .input-text {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chosen-container {
    display: block;
    margin-bottom: 15px;
}


/* ----------------------------------------------------------------
    Checkout
-----------------------------------------------------------------*/


.woocommerce-error {
    margin-left: 0;
    background-color: #FECBCF;
    padding: 15px 15px 15px 30px;
    border-radius: 4px;
}

.woocommerce-error li {
    color: #5C0107;
    list-style-type: circle;
}

.woocommerce-info {
    background-color: #EEE;
    padding: 10px;
    border-radius: 3px;
    font-size: 13px;
    color: #555;
    margin-bottom: 0;
}

.woocommerce-info + form { margin: 20px 0 0; }

.woocommerce-info i {
    font-size: 14px;
    margin-right: 8px;
}

ul.alert.alert-danger {
    padding-left: 30px !important;
    color: #5C0107 !important;
}

.form-row { margin-top: 0; }

.product-name { font-weight: bold; }

.shop_table th {
    color: #555;
    font-size: 13px;
}

#payment ul {
    margin-left: 0;
    list-style-type: none;
}

#payment ul li { margin-top: 15px; }

#payment ul li:first-child { margin-top: 0; }

.order_details { margin: 0 0 10px 0; }

.order_details li {
    float: left;
    width: 25%;
    font-family: 'Open Sans', sans-serif;
    list-style-type: none;
    font-size: 11px;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 15px;
}

.order_details li strong {
    display: block;
    color: #FF8300;
    font-size: 14px;
    text-transform: none;
}

.customer_details { margin: 0; }

.customer_details li {
    float: none;
    width: 100%;
    margin: 15px 0 0;
}

.customer_details li:first-child { margin-top: 0; }

.my_account_orders td { vertical-align: middle !important; }

.address header { position: relative; }

.address .edit {
    position: absolute;
    top: 2px;
    left: auto;
    right: 0;
}

.order-info mark {
    background-color: transparent;
    font-weight: bold;
    color: inherit;
}

.digital-downloads { list-style-type: none !important; }

.digital-downloads li { margin-top: 15px; }

.digital-downloads li:first-child { margin-top: 0; }

.digital-downloads li span.count {
    display: inline-block;
    margin-left: 10px;
    color: #AAA;
    font-size: 12px;
    font-style: italic;
}


/* ----------------------------------------------------------------
    Woocommerce Product
-----------------------------------------------------------------*/


.product {
    padding: 0 !important;
    border: 0 !important;
}

.product ins { text-decoration: none; }

.product del { color: #999; }

.product ins span.amount {
    color: #FF8300;
    font-weight: bold;
}

.post-type-archive-product .product del,
.related .product del {
    font-size: 20px !important;
    font-weight: normal;
}

.product .add_to_cart_button,
.product .added_to_cart {
    margin-left: 5px;
    text-align: center;
}

.product .add_to_cart_button i { margin: 0; }

.product .add_to_cart_button .fa.fa-spinner,
.product .add_to_cart_button .fa-check,
.product .add_to_cart_button.loading .fa-shopping-cart,
.product .add_to_cart_button.added .fa-shopping-cart { display: none !important; }

.product .add_to_cart_button.loading .fa-spinner,
.product .add_to_cart_button.added .fa-check { display: inline-block !important; }


/* ----------------------------------------------------------------
    Woocommerce Product Categories
-----------------------------------------------------------------*/

.product-category a,
.product-category img { display: block; }

.product-category img {
    margin-bottom: 5px;
    width: 225px;
    height: 225px;
}


/* ----------------------------------------------------------------
    Posts
-----------------------------------------------------------------*/


#posts { position: relative; }

.entry {
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 40px;
    border-bottom: 3px solid #EEE;
}

.post-grid {
    padding-bottom: 0;
    margin: 0 -30px -50px 0;
}

.post-grid .entry {
    position: relative;
    float: left;
    margin: 0 30px 50px 0;
    border: 0;
    width: 358px;
    border: 1px solid #E5E5E5;
    padding: 15px 0 0;
}

.entry_image {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.post-grid .entry_image {
    width: 360px;
    margin: -16px -1px 20px -1px;
}

.entry_image a,
.entry_image img {
    display: block;
    position: relative;
    width: 100px;
    height: auto;
}

.entry_image iframe,
.ipost-image iframe { display: block; }

.entry_image iframe {
    width: 100% !important;
    margin: 0 !important;
    max-width: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.post-grid .entry_image iframe {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
    border-color: #E5E5E5 !important;
    border-width: 1px !important;
}

.entry_image .slider-wrap,
.entry_image .slide,
.entry_image .slide a,
.entry_image .slide img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.entry_image blockquote {
  	color: #555;
  	border-left: 3px solid #666;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    padding: 5px 0 5px 20px;
    text-shadow: 1px 1px 1px #FFF;
    margin-left: 0;
    margin-bottom: 0;
}

.post-grid .entry_image blockquote {
  	color: #555;
  	border-left: 2px solid #666;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 0 5px 15px;
    text-shadow: 1px 1px 1px #FFF;
    margin: 15px 15px -5px;
}

.entry_icons {
    float: left;
    width: 24px;
    text-align: center;
}

.entry_format,
.comments-icon {
    border: 2px solid #FF8300;

    color: #FF8300;
    font-size: 16px;

    text-align: center;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
}

.post-grid .entry_icons {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
}

.post-grid .entry_format {
    border: 1px solid #DDD;
    background-color: #FFF;
    width: 38px;
    height: 38px;
    color: #999;
    font-size: 14px;
    line-height: 40px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.entry_c {
    float: left;
    margin-left: 20px;
    width: 741px;
}

.post-grid .entry_c {
    float: none;
    padding: 0 15px 15px;
    margin: 0;
    width: 298px;
}

.entry_title { margin-bottom: 5px; }

.entry_title h1,
.entry_title h2 {
    padding: 0;
    color: #444;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    font-family: Helvetica;
    letter-spacing: -1px;
}

.entry_title h2 a { color: #555; }

.entry_title h2 a:hover { color: #888; }

.post-grid .entry_title { margin-bottom: 8px; }

.post-grid .entry_title h2 {
    font-size: 18px;
    line-height: 22px;
}

.entry_status {
    border: 1px solid #DDD;
    border-bottom-width: 2px;
    border-right-width: 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #888;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 15px;
}

.post-grid .entry_status {
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0;
    margin-bottom: 15px;
}

.entry_status p { margin: 0; }

.entry_meta {
    position: relative;
    margin: 3px -7px 0 0;
    list-style-type: none !important;
	display: none;
}

.entry_meta li {
    margin: 0 7px 3px 0;
    float: left;
    font-size: 12px;
    line-height: 20px;
    color: #999;
}

.entry_meta li span {
    display: inline-block;
    margin-right: 7px;
    font-size: 13px;
}

a.post-comments {
    position: absolute;
    right: 15px;
    bottom: 12px;
}

a.post-comments i {
    position: relative;
    top: 1px;
    font-size: 14px;
}

.entry_content {
    position: relative;
    font-size: 13px;
}

.entry .entry_content,
.post-single .entry_content { margin-top: 15px; }

.post-single { margin-bottom: 40px; }

.post-single .entry_content { margin-bottom: -20px; }

.entry_share {
    position: relative;
    margin: 20px 0 10px;
    padding: 10px 0;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
	display: none;
}

.entry_share span {
    display: block;
    float: left;
    margin-right: 15px;
}

.entry_share a {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin-left: 15px;
}

.entry_share a img {
    display: block;
    margin: 0;
    width: 24px;
    height: 24px;
}


/* ----------------------------------------------------------------
    Post Grid Shortcode
-----------------------------------------------------------------*/


.pg-shortcode { margin-bottom: -40px; }

.pg-shortcode .entry-image {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #EEE;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.pg-shortcode .entry-image > a,
.pg-shortcode .entry-image .slide a,
.pg-shortcode .entry-image img {
    display: block;
    width: 100%;
    height: 100%;
}

.pg-shortcode .entry-image i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    width: 64px;
    height: 64px;
    font-size: 28px;
    text-align: center;
    line-height: 68px;
    color: #FFF;
    background-color: rgba(0,0,0,0.2);
    border-radius: 50%;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.center .entry_meta li {
    display: inline-block;
    float: none;
}

.pg-shortcode .entry_meta a { color: #777; }

.pg-shortcode .entry_meta a:hover { color: #FF8300; }

.pg-shortcode .entry_meta i { font-size: 14px; }

.pg-shortcode .pg-entry-title { margin: 15px 0 0 0; }

.pg-shortcode .pg-entry-title h3 {
    font-size: 18px;
    padding-bottom: 0;
}

.pg-shortcode .pg-entry-title h3 a { color: inherit; }

.pg-shortcode .pg-entry-title h3 a:hover { color: #FF8300; }

.pg-shortcode .pg-entry-desc { margin: 10px 0 0 0; }

.pg-shortcode .pg-entry-desc p { margin-bottom: 0; }


/* ----------------------------------------------------------------
    Page/Post Navigation
-----------------------------------------------------------------*/


.post-navigation {
    position: relative;
    margin: 0;
    list-style-type: none !important;

}

.post-navigation li.previous { float: left;}

.post-navigation li.next { float: right;}

.post-navigation a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    color: #888;
    border-radius: 30px;
}

.post-navigation a:hover { color: #FF8300; }

.post-navigation a i { font-size: 14px; }

.post-navigation li.previous i { margin-right: 2px; }

.post-navigation li.next i { margin-left: 2px; }

#infscr-loading {
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: rgba(0,0,0,0.7);
    top: 50%;
    left: 50%;
    text-align: center;
    line-height: 52px;
    margin-top: -24px;
    margin-left: -24px;
    border-radius: 50%;
    font-size: 28px;
    color: #FFF;
}

#infscr-loading img {
    display: inline-block;
    margin: 8px auto;
}


/* ----------------------------------------------------------------
    Post Elements
-----------------------------------------------------------------*/


img.alignleft,
div.alignleft {
    float: left;
    margin: 5px 20px 13px 0;
    max-width: 100%;
}

div.alignleft > img,
div.alignnone > img,
div.aligncenter > img,
div.alignright > img {
    display: block;
    float: none;
}

img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter {
    display: block;
    margin: 10px 0;
    float: none;
}

img.aligncenter,
div.aligncenter,
div.aligncenter img {
    margin-left: auto;
  	margin-right: auto;
  	clear: both;
}

img.alignright,
div.alignright {
    float: right;
    margin: 5px 0 13px 20px;
}

.wp-caption {
  	text-align: center;
  	margin: 10px 20px 13px 20px;
  	font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
  	font-style: italic;
}

.wp-caption img,
.wp-caption img a {
    display: block;
    margin: 0;
}

p.wp-caption-text {
    display: inline-block;
  	margin: 10px 0 0 0;
  	padding: 5px 10px;
    background-color: #EEE;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.wp-smiley {
  	max-height: 13px;
  	margin: 0 !important;
}


/* ----------------------------------------------------------------
    Comments List
-----------------------------------------------------------------*/


#comments {
    position: relative;
    margin-top: 40px;
    padding: 40px 0 0 84px;
    border-top: 3px solid #EEE;
}

.comments-icon {
    position: absolute;
    top: 40px;
    left: 0;
}

.commentlist {
    list-style-type: none;
    padding-bottom: 40px;
    margin: 0 0 40px;
    border-bottom: 3px solid #EEE;
}

.commentlist li,
.commentlist li ul,
.commentlist li ul li { margin: 30px 0 0 0; }

.commentlist ul:first-child { margin-top: 0; }

.commentlist li {
    position: relative;
    margin: 30px 0 0 30px;
}

#reviews .commentlist li { margin-left: 0; }

.comment-wrap {
    position: relative;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px 15px 15px 35px;
}

.commentlist ul .comment-wrap {
    margin-left: 25px;
    padding-left: 20px;
}

.commentlist > li { }

.commentlist > li:first-child {
    padding-top: 0;
    margin-top: 0;
}

.commentlist li .children { margin-top: 0; }

.commentlist li li .children { margin-left: 30px; }

.commentlist li .comment-content,
.pingback {
    position: relative;
    overflow: hidden;
}

.commentlist li .comment-content p,
.pingback p {
    margin: 20px 0 0 0;
    font-size: 13px;
}

.commentlist li .comment-content { padding: 0 0 0 15px; }

#reviews .commentlist li .comment-content { padding-left: 10px; }

.commentlist li .comment-meta {
    float: left;
    margin-right: 0;
    line-height: 1;
}

.comment-avatar {
    position: absolute;
    top: 10px;
    left: -35px;
    padding: 4px;
    background: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
}

#reviews .comment-avatar {
    position: relative;
    top: 0;
    left: 0;
}

.comment-avatar img {
    display: block;
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
}

.commentlist li .children .comment-avatar { left: -25px; }

.comment-content .comment-author {
    font-family: 'Open Sans', sans-serif;
    margin-bottom: -10px;
    font-size: 14px;
    font-weight: bold;
    color: #555;
}

.comment-content .comment-author a {
    border: none;
    color: #333;
}

.comment-content .comment-author a:hover {
    color: #FF8300;
    border-color: #FF8300;
}

.comment-content .comment-author span { display: block; }

.comment-content .comment-author span,
.comment-content .comment-author span a {
    font-size: 11px;
    font-weight: normal;
    color: #AAA;
}

.comment-content .comment-author span a:hover { color: #888; }

.comment-reply-link {
    display: block;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    width: 14px;
    height: 14px;
    color: #CCC;
    font-size: 14px;
    line-height: 1;
}

.comment-reply-link:hover { color: #888; }

#cancel-comment-reply-link {
    display: inline-block;
    font-style: normal;
    margin-left: 5px;
    color: #FF0000;
}

#cancel-comment-reply-link:hover { color: #666; }

.bypostauthor {}


/* ----------------------------------------------------------------
    Comment Form
-----------------------------------------------------------------*/


#respond,
#respond form { margin-bottom: 0; }

.commentlist li #respond { margin: 30px 0 0; }

.commentlist li li #respond { margin-left: 30px; }

#respond p { margin: 10px 0 0 0; }

#respond p:first-child { margin-top: 0; }

#respond label small {
    color: #999;
    font-weight: normal;
}

#respond input[type="text"],
#respond textarea { margin-bottom: 0; }

#respond .col_one_third,
#respond .col_full { margin-bottom: 15px; }

.fb-comments,
.fb_iframe_widget,
.fb-comments > span,
.fb_iframe_widget > span,
.fb-comments > span > iframe,
.fb_iframe_widget > span > iframe {
    display: block !important;
    width: 100% !important;
    margin: 0;
}


/* ----------------------------------------------------------------
    Sitemap
-----------------------------------------------------------------*/


.sitemap {
    position: relative;
    list-style-type: square;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}

.sitemap ul {
    list-style-type: circle;
    font-family: "Merriweather", serif;
    font-size: 13px;
    font-weight: normal;
    margin: 5px 0 5px 20px;
}

.sitemap span {
    display: block;
    margin: 2px 0 5px;
    font-size: 12px;
    font-weight: normal;
    color: #999;
}

.sitemap span a { color: #777; }

.sitemap span a:hover { color: #000; }

.sitemap ul ul { list-style-type: disc; }


/* ----------------------------------------------------------------
    Promo
-----------------------------------------------------------------*/


.promo {
    position: relative;
    text-align: center;
    padding: 10px 0;
}

.promo-desc {
    position: relative;
    margin-bottom: 20px;
}

.promo h3 {
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 0;
    color: #444;
}

.promo h3 > span { color: #FF8300; }

.promo-action,
.promo .button {
    position: relative;
    margin: 0 auto;
}


/* ----------------------------------------------------------------
    404
-----------------------------------------------------------------*/


.error-404 {
    position: relative;
    text-align: center;
    font-size: 216px;
    line-height: 1;
    color: #FF8300;
    font-family: "Merriweather", serif;
}

.error-404 span {
    display: block;
    font-size: 48px;
    color: #444;
    margin-bottom: 20px;
}

.error-404-meta {
    position: relative;
    margin: 60px 0 20px;
}

.error-404-meta form {
    position: relative;
    margin: 0 auto;
    width: 386px;
}

.error-404-meta input[type="text"] {
    display: block;
    width: 350px;
    padding: 13px 17px;
    font-size: 13px;
}

.error-404-meta input[type="submit"] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: auto;
    right: 0;
    display: block;
    border: none;
    width: 48px;
    height: 48px;
    background: #FF8300 url("images/icons/search-404.png") no-repeat center center;
    text-indent: -9999px;
}

.error-404-meta input[type="submit"]:hover { background-color: #444; }


/* ----------------------------------------------------------------
    Toggle
-----------------------------------------------------------------*/


.toggle {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
}

.toggle .togglet,
.toggle .toggleta {
	display: block;
	position: relative;
    line-height: 24px;
    padding: 0 0 0 24px;
    margin: 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #333;
	cursor: pointer;
	background: url("images/icons/toggle-plus.png") no-repeat left;
}

.toggle .toggleta {
    font-weight: bold;
    background: url("images/icons/toggle-minus.png") no-repeat left;
}

.toggle .togglec {
	display: block;
	position: relative;
    padding: 10px 0 0 24px;
}


/* ----------------------------------------------------------------
    Alert Messages
-----------------------------------------------------------------*/


.style-msg,
.style-msg2 {
    display: block;
    border-left: 4px solid rgba(0,0,0,0.1);
    margin: 0 0 20px 0;
}

.style-msg2 { border-left: 4px solid rgba(0,0,0,0.2); }

.successmsg {
  	background: #C1FFCC;
  	color: #184B21;
}

.errormsg {
  	background: #F9BBB9;
  	color: #740D0A;
}

.infomsg {
  	background: #B9DFF4;
  	color: #124F70;
}

.alertmsg {
  	background: #FCE0B6;
  	color: #975E06;
}

.style-msg .sb_msg,
.style-msg2 .msgtitle,
.style-msg2 .sb_msg {
    display: block;
    padding: 10px 15px;
    border-left: 1px solid rgba(255,255,255,0.5);
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}

.style-msg2 .msgtitle {
    background: rgba(0,0,0,0.1);
    border-top: none;
    border-bottom: none;
    font-size: 13px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}

.style-msg2 .sb_msg { font-weight: normal; }

.style-msg2 ol,
.style-msg2 ul { margin: 0 0 0 30px; }

.style-msg2 ol { list-style-type: decimal; }

.style-msg2 ul { list-style-type: disc; }


/* ----------------------------------------------------------------
    Quotes
-----------------------------------------------------------------*/


.quote {
    background: url("images/icons/quote.png") left top no-repeat;
    margin: 10px 0;
    padding: 0 0 0 15px;
    font-size: 15px;
    font-style: italic;
    color: #777;
    font-family: 'Merriweather', Georgia, serif;
    text-shadow: 1px 1px 1px #FFF;
    border: 0;
}

blockquote.quote-left,
blockquote.quote-right {
    font-size: 15px;
    line-height: 20px;
  	padding-left: 15px;
}

.quote-left {
    float: left;
    width: 150px;
    margin-right: 20px;
    margin-left: 0;
    margin-bottom: 5px;
}

.quote-right {
    float: right;
    width: 150px;
    margin-left: 20px;
    margin-bottom: 5px;
}


/* ----------------------------------------------------------------
    Gallery
-----------------------------------------------------------------*/


.gallery {
    display: block;
    position: relative;
    margin: 0 auto;
}

.gallery .gallery-item {
    display: block;
    float: left;
    text-align: center;
    margin: 0;
}

.gallery-item a {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    max-width: 95%;
    max-height: 95%;
}

.gallery-item img {
    display: block;
    margin: 0 !important;
    padding: 5px;
    max-width: 100%;
    height: auto;
    background-color: #EEE;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.gallery-item img:hover { background-color: #FF8300; }

.gallery .gallery-caption { margin-left: 0; }

.gallery br { clear: both }

.col-0 { width: 100%; }
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33.333%; }
.col-4 { width: 25%; }
.col-5 { width: 20%;}
.col-6 { width: 16.666%; }
.col-7 { width: 14.285%; }
.col-8 { width: 12.5%; }
.col-9 { width: 11.111%; }


/* ----------------------------------------------------------------
    Features
-----------------------------------------------------------------*/


.product-feature {
    position: relative;
    padding-left: 80px;
    margin-top: 30px;
}

.product-feature:first-child { margin-top: 0; }

.product-feature h3 {
    font-size: 18px;
    line-height: 22px;
    color: #444;
    padding-bottom: 7px;
}

.product-feature h3 a { color: #333; }

.product-feature h3 a:hover { color: #666; }

.product-feature p { margin: 0 !important; }

.product-feature a.pf-icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 48px;
    height: 48px;
}

.product-feature img,
.product-feature > span,
.product-feature .pf-icon span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 12px;
    width: 24px;
    height: 24px;
    background-color: #FF8300;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
}

.product-feature > span,
.product-feature .pf-icon span {
    font-size: 24px;
    color: #FFF;
    text-align: center;
    line-height: 24px;
}

.product-feature2 { padding-left: 56px; }

.product-feature2 img,
.product-feature2 > span,
.product-feature2 .pf-icon span,
.product-feature3 img,
.product-feature3 > span,
.product-feature3 .pf-icon span {
    padding: 0;
    width: 42px;
    height: 42px;
    background-color: transparent !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 42px;
    color: #333;
    text-align: center;
    line-height: 1;
}

.product-feature3 {
    padding: 15px;
    background-color: #F5F5F5;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
}

.product-feature3 a.pf-icon {
    position: relative;
    margin: 0 auto 10px;
    width: 98px;
    height: 98px;
}

.product-feature3 img,
.product-feature3 > span,
.product-feature3 .pf-icon span {
    position: relative;
    margin: 0 auto 15px;
    width: 98px;
    height: 98px;
    font-size: 98px;
}

.product-feature3:hover span { color: #FF8300; }


/* ----------------------------------------------------------------
    Animated Icon Hovers
-----------------------------------------------------------------*/


.hi-icon {
    display: block !important;
    font-size: 28px;
    line-height: 56px !important;
    cursor: pointer;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 20px 20px 0;
    text-align: center;
    position: absolute;
    z-index: 1;
    color: #FFF;
    top: 0;
    left: 0;
}

.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box;
}

/* Effect 1 */
.hi-icon-effect-1.hi-icon {
    background: #FF8300;
    -webkit-transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.hi-icon-effect-1.hi-icon:after {
    top: -3px;
    left: -3px;
    padding: 3px;
    box-shadow: 0 0 0 3px #444;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.3s, opacity 0.3s;
    transform: scale(.8);
    opacity: 0;
}

/* Effect 1a */
.no-touch .hi-icon-effect-1a.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-1a.hi-icon {
    background: #444;
    color: #FFF;
}

.no-touch .hi-icon-effect-1a.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-1a.hi-icon:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 1b */
.no-touch .hi-icon-effect-1b.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-1b.hi-icon {
    background: #444;
    color: #FFF;
}

.hi-icon-effect-1b.hi-icon:after,
.product-feature:hover .hi-icon-effect-1b.hi-icon:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.no-touch .hi-icon-effect-1b.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-1b.hi-icon:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/* Effect 2 */
.hi-icon-effect-2.hi-icon {
    color: #FFF;
    box-shadow: 0 0 0 3px #FF8300;
    -webkit-transition: color 0.3s, box-shadow 0.3s, background 0.3s, background 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s, background 0.3s;
    transition: color 0.3s, box-shadow 0.3s, background 0.3s;
}

.hi-icon-effect-2.hi-icon:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    background: #FF8300;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s, background 0.3s;
    transition: transform 0.3s, opacity 0.3s, background 0.3s;
}

/* Effect 2a */
.no-touch .hi-icon-effect-2a.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-2a.hi-icon {
    color: #FFF;
    box-shadow: 0 0 0 3px #444;
    background: transparent;
}

.no-touch .hi-icon-effect-2a.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-2a.hi-icon:after {
    background: #444;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

/* Effect 2b */
.no-touch .hi-icon-effect-2b.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-2b.hi-icon:after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.6s, opacity 0.3s;
    -moz-transition: -moz-transform 0.6s, opacity 0.3s;
    transition: transform 0.6s, opacity 0.3s;
}

.no-touch .hi-icon-effect-2b.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-2b.hi-icon {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    background: transparent;
}


/* Effect 3 */
.hi-icon-effect-3.hi-icon {
    box-shadow: 0 0 0 3px #FF8300;
    -webkit-transition: color 0.5s, box-shadow 0.5s, background 0.5s;
    -moz-transition: color 0.5s, box-shadow 0.5s, background 0.5s;
    transition: color 0.5s, box-shadow 0.5s, background 0.5s;
}

.hi-icon-effect-3.hi-icon:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    background: #FF8300;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background 0.5s;
    -moz-transition: -moz-transform 0.5s, opacity 0.5s, background 0.5s;
    transition: transform 0.5s, opacity 0.5s, background 0.5s;
}

/* Effect 3a */
.hi-icon-effect-3a.hi-icon {
    color: #FFF;
    box-shadow: 0 0 0 3px #FF8300;
}

.no-touch .hi-icon-effect-3a.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-3a.hi-icon {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    background: transparent;
}

.no-touch .hi-icon-effect-3a.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-3a.hi-icon:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    background: #444;
}

/* Effect 3b */
.hi-icon-effect-3b.hi-icon {
    color: #FF8300;
    background: transparent;
}

.no-touch .hi-icon-effect-3b.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-3b.hi-icon {
    color: #FFF;
    box-shadow: 0 0 0 3px #444;
}

.hi-icon-effect-3b.hi-icon:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    background: #444;
}

.no-touch .hi-icon-effect-3b.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-3b.hi-icon:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/* Effect 4 */
.hi-icon-effect-4.hi-icon {
    width: 60px !important;
    height: 60px !important;
    color: #FF8300;
    box-shadow: 0 0 0 3px #FF8300;
    background: transparent;
}

.hi-icon-effect-4a.hi-icon {
    -webkit-transition: box-shadow 0.2s, color 0.2s;
    -moz-transition: box-shadow 0.2s, color 0.2s;
    transition: box-shadow 0.2s, color 0.2s;
}

.hi-icon-effect-4.hi-icon:before {
    line-height: 60px;
}

.hi-icon-effect-4.hi-icon:after {
    top: -3px;
    left: -3px;
    padding: 0;
    z-index: 10;
    border: 3px dashed #FF8300;
}

.no-touch .hi-icon-effect-4.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-4.hi-icon {
    box-shadow: 0 0 0 0 #444;
    color: #444;
}

.no-touch .hi-icon-effect-4.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-4.hi-icon:after { border: 3px dashed #444; }

/* Effect 4b */
.no-touch .hi-icon-effect-4b.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-4b.hi-icon {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.no-touch .hi-icon-effect-4b.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-4b.hi-icon:after {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}


/* Effect 5 */
.hi-icon-effect-5.hi-icon {
    box-shadow: 0 0 0 3px #FF8300;
    color: #FF8300;
    overflow: visible;
    background: transparent;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.hi-icon-effect-5.hi-icon:after {
    display: none;
}

.no-touch .hi-icon-effect-5.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-5.hi-icon {
    background: #444;
    color: #FFF;
    box-shadow: 0 0 0 6px rgba(11,11,11,0.3);
}

.no-touch .hi-icon-effect-5a.hi-icon:hover:before,
.no-touch .product-feature:hover .hi-icon-effect-5a.hi-icon:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

.no-touch .hi-icon-effect-5b.hi-icon:hover:before,
.no-touch .product-feature:hover .hi-icon-effect-5b.hi-icon:before {
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
        transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

.no-touch .hi-icon-effect-5c.hi-icon:hover:before,
.no-touch .product-feature:hover .hi-icon-effect-5c.hi-icon:before {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

.no-touch .hi-icon-effect-5d.hi-icon:hover:before,
.no-touch .product-feature:hover .hi-icon-effect-5d.hi-icon:before {
    -webkit-animation: toBottomFromTop 0.3s forwards;
    -moz-animation: toBottomFromTop 0.3s forwards;
    animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}


/* Effect 6 */
.hi-icon-effect-6.hi-icon {
    box-shadow: 0 0 0 3px #FF8300;
    color: #FF8300;
    background: transparent;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.no-touch .hi-icon-effect-6.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-6.hi-icon {
    background: #444;
    color: #FFF;
    box-shadow: 0 0 0 3px #444;
}

.no-touch .hi-icon-effect-6.hi-icon:hover:before,
.no-touch .product-feature:hover .hi-icon-effect-6.hi-icon:before {
    -webkit-animation: spinAround 2s linear infinite;
    -moz-animation: spinAround 2s linear infinite;
    animation: spinAround 2s linear infinite;
}


/* Effect 7 */
.hi-icon-effect-7.hi-icon {
    box-shadow: 0 0 0 3px #FF8300;
    color: #FF8300;
    background: transparent;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.no-touch .hi-icon-effect-7.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-7.hi-icon {
    color: #444;
}

.hi-icon-effect-7.hi-icon:after {
    top: -6px;
    left: -6px;
    padding: 6px;
    z-index: -1;
    opacity: 0;
}

/* Effect 7a */
.hi-icon-effect-7a.hi-icon:hover,
.product-feature:hover .hi-icon-effect-7a.hi-icon { box-shadow: 0 0 0 3px #444; }

.hi-icon-effect-7a.hi-icon:after {
    box-shadow: 0 0 0 #FF8300;
    -webkit-transition: opacity 0.3s, box-shadow 0.3s;
    -moz-transition: opacity 0.3s, box-shadow 0.3s;
    transition: opacity 0.3s, box-shadow 0.3s;
}

.no-touch .hi-icon-effect-7a.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-7a.hi-icon:after {
    opacity: 1;
    box-shadow: 3px 2px 0 #444;
}

.hi-icon-effect-7a.hi-icon:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.no-touch .hi-icon-effect-7a.hi-icon:hover:before,
.no-touch .product-feature:hover .hi-icon-effect-7a.hi-icon:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 7b */
.hi-icon-effect-7b.hi-icon:hover,
.product-feature:hover .hi-icon-effect-7b.hi-icon { box-shadow: 0 0 0 3px #444; }

.hi-icon-effect-7b.hi-icon:after {
    box-shadow: 3px 2px #444;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.no-touch .hi-icon-effect-7b.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-7b.hi-icon:after {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.hi-icon-effect-7b.hi-icon:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.no-touch .hi-icon-effect-7b.hi-icon:hover:before,
.no-touch .product-feature:hover .hi-icon-effect-7b.hi-icon:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/* Effect 8 */
.hi-icon-effect-8.hi-icon {
    background: #FF8300;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-effect-8.hi-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px #444;
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.no-touch .hi-icon-effect-8.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-8.hi-icon {
    background: #444;
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #FFF;
}

.hi-icon-effect-8.hi-icon:hover:after,
.product-feature:hover .hi-icon-effect-8.hi-icon:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(11,11,11,0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(11,11,11,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(11,11,11,0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(11,11,11,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(11,11,11,0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(11,11,11,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(11,11,11,0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(11,11,11,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(11,11,11,0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(11,11,11,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(11,11,11,0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(11,11,11,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}


/* Effect 9 */
.hi-icon-effect-9.hi-icon {
    color: #FF8300;
    background: transparent;
    -webkit-transition: box-shadow 0.3s, color 0.3s;
    -moz-transition: box-shadow 0.3s, color 0.3s;
    transition: box-shadow 0.3s, color 0.3s;
}

.hi-icon-effect-9.hi-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 3px #FF8300;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, box-shadow 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s;
}

/* Effect 9a */
.no-touch .hi-icon-effect-9a.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-9a.hi-icon:after {
    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    -ms-transform: scale(0.84);
    transform: scale(0.84);
    opacity: 0.5;
    box-shadow: 0 0 0 3px #444;
}

.no-touch .hi-icon-effect-9a.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-9a.hi-icon {
    box-shadow: 0 0 0 6px #444;
    color: #444;
}

/* Effect 9b */
.no-touch .hi-icon-effect-9b.hi-icon:hover:after,
.no-touch .product-feature:hover .hi-icon-effect-9b.hi-icon:after {
    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    -ms-transform: scale(0.84);
    transform: scale(0.84);
    box-shadow: 0 0 0 3px #444;
}

.no-touch .hi-icon-effect-9b.hi-icon:hover,
.no-touch .product-feature:hover .hi-icon-effect-9b.hi-icon {
    box-shadow: 0 0 0 6px rgba(11,11,11,0.4);
    color: #444;
}


/* ----------------------------------------------------------------
    AudioPlayer
-----------------------------------------------------------------*/


.audioplayer {
  height: 2.5em; /* 40 */
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  border: 1px solid #222;
  position: relative;
  z-index: 1;
  background: #333;
  background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
  background: -webkit-linear-gradient( top, #444, #222 );
  background: -moz-linear-gradient( top, #444, #222 );
  background: -ms-radial-gradient( top, #444, #222 );
  background: -o-linear-gradient( top, #444, #222 );
  background: linear-gradient( top, #444, #222 );
  -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 7px rgba( 0, 0, 0, .5 ); /* 20 */
  -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 7px rgba( 0, 0, 0, .5 ); /* 20 */
  box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 7px rgba( 0, 0, 0, .5 ); /* 20 */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif;
}
  .audioplayer-mini
  {
    width: 2.5em; /* 40 */
    margin: 0 auto;
  }
  .audioplayer > div
  {
    position: absolute;
  }
  .audioplayer-playpause
  {
    width: 2.5em; /* 40 */
    height: 100%;
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    left: 0;
  }
    .audioplayer:not(.audioplayer-mini) .audioplayer-playpause
    {
      border-right: 1px solid #555;
      border-right-color: rgba( 255, 255, 255, .1 );
    }
    .audioplayer-mini .audioplayer-playpause
    {
      width: 100%;
    }
    .audioplayer-playpause:hover,
    .audioplayer-playpause:focus
    {
      background-color: #222;
    }
    .audioplayer-playpause a
    {
      display: block;
    }
    .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a
    {
      width: 0;
      height: 0;
      border: 0.5em solid transparent; /* 8 */
      border-right: none;
      border-left-color: #fff;
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -0.5em 0 0 -0.25em; /* 8 4 */
    }
    .audioplayer-playing .audioplayer-playpause a
    {
      width: 0.75em; /* 12 */
      height: 0.75em; /* 12 */
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -0.375em 0 0 -0.375em; /* 6 */
    }
      .audioplayer-playing .audioplayer-playpause a:before,
      .audioplayer-playing .audioplayer-playpause a:after
      {
        width: 40%;
        height: 100%;
        background-color: #fff;
        content: '';
        position: absolute;
        top: 0;
      }
      .audioplayer-playing .audioplayer-playpause a:before
      {
        left: 0;
      }
      .audioplayer-playing .audioplayer-playpause a:after
      {
        right: 0;
      }
  .audioplayer-time
  {
    width: 4.375em; /* 70 */
    height: 100%;
    line-height: 30px; /* 38 */
    text-align: center;
    z-index: 2;
    top: 0;
  }
    .audioplayer-time-current
    {
      border-left: 1px solid #111;
      border-left-color: rgba( 0, 0, 0, .25 );
      left: 2.6em; /* 40 */
    }
    .audioplayer-time-duration
    {
      border-right: 1px solid #555;
      border-right-color: rgba( 255, 255, 255, .1 );
      right: 2.6em; /* 40 */
    }
      .audioplayer-novolume .audioplayer-time-duration
      {
        border-right: 0;
        right: 0;
      }
  .audioplayer-bar
  {
    height: 0.875em; /* 14 */
    background-color: #222;
    cursor: pointer;
    z-index: 1;
    top: 50%;
    right: 6.875em; /* 110 */
    left: 6.875em; /* 110 */
    margin-top: -0.438em; /* 7 */
  }
    .audioplayer-novolume .audioplayer-bar
    {
      right: 4.375em; /* 70 */
    }
    .audioplayer-bar div
    {
      width: 0;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
    }
    .audioplayer-bar-loaded
    {
      background-color: #333;
      z-index: 1;
    }
    .audioplayer-bar-played
    {
      background: #007fd1;
      background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) );
      background: -webkit-linear-gradient( left, #007fd1, #c600ff );
      background: -moz-linear-gradient( left, #007fd1, #c600ff );
      background: -ms-radial-gradient( left, #007fd1, #c600ff );
      background: -o-linear-gradient( left, #007fd1, #c600ff );
      background: linear-gradient( left, #007fd1, #c600ff );
      z-index: 2;
    }
  .audioplayer-volume
  {
    width: 2.5em; /* 40 */
    height: 100%;
    border-left: 1px solid #111;
    border-left-color: rgba( 0, 0, 0, .25 );
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    right: 0;
  }
    .audioplayer-volume:hover,
    .audioplayer-volume:focus
    {
      background-color: #222;
    }
    .audioplayer-volume-button
    {
      width: 100%;
      height: 100%;
    }
      .audioplayer-volume-button a
      {
        width: 0.313em; /* 5 */
        height: 0.375em; /* 6 */
        background-color: #fff;
        display: block;
        position: relative;
        z-index: 1;
        top: 40%;
        left: 35%;
      }
        .audioplayer-volume-button a:before,
        .audioplayer-volume-button a:after
        {
          content: '';
          position: absolute;
        }
        .audioplayer-volume-button a:before
        {
          width: 0;
          height: 0;
          border: 0.5em solid transparent; /* 8 */
          border-left: none;
          border-right-color: #fff;
          z-index: 2;
          top: 50%;
          right: -0.25em;
          margin-top: -0.5em; /* 8 */
        }
        .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after
        {
          /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
          width: 0.313em; /* 5 */
          height: 0.313em; /* 5 */
          border: 0.25em double #fff; /* 4 */
          border-width: 0.25em 0.25em 0 0; /* 4 */
          left: 0.563em; /* 9 */
          top: -0.063em; /* 1 */
          -webkit-border-radius: 0 0.938em 0 0; /* 15 */
          -moz-border-radius: 0 0.938em 0 0; /* 15 */
          border-radius: 0 0.938em 0 0; /* 15 */
          -webkit-transform: rotate( 45deg );
          -moz-transform: rotate( 45deg );
          -ms-transform: rotate( 45deg );
          -o-transform: rotate( 45deg );
          transform: rotate( 45deg );
        }
    .audioplayer-volume-adjust
    {
      height: 6.25em; /* 100 */
      cursor: default;
      position: absolute;
      left: 0;
      right: -1px;
      top: -9999px;
      background: #222;
      background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
      background: -webkit-linear-gradient( top, #444, #222 );
      background: -moz-linear-gradient( top, #444, #222 );
      background: -ms-radial-gradient( top, #444, #222 );
      background: -o-linear-gradient( top, #444, #222 );
      background: linear-gradient( top, #444, #222 );
      -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;
    }
      .audioplayer-volume:not(:hover) .audioplayer-volume-adjust
      {
        opacity: 0;
      }
      .audioplayer-volume:hover .audioplayer-volume-adjust
      {
        top: auto;
        bottom: 100%;
      }
      .audioplayer-volume-adjust > div
      {
        width: 40%;
        height: 80%;
        background-color: #222;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin: 30% auto 0;
      }
        .audioplayer-volume-adjust div div
        {
          width: 100%;
          height: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          background: #007fd1;
          background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
          background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
          background: -moz-linear-gradient( bottom, #007fd1, #c600ff );
          background: -ms-radial-gradient( bottom, #007fd1, #c600ff );
          background: -o-linear-gradient( bottom, #007fd1, #c600ff );
          background: linear-gradient( bottom, #007fd1, #c600ff );
        }
    .audioplayer-novolume .audioplayer-volume
    {
      display: none;
    }

  .audioplayer-play,
  .audioplayer-pause,
  .audioplayer-volume a
  {
    -webkit-filter: drop-shadow( 1px 1px 0 #000 );
    -moz-filter: drop-shadow( 1px 1px 0 #000 );
    -ms-filter: drop-shadow( 1px 1px 0 #000 );
    -o-filter: drop-shadow( 1px 1px 0 #000 );
    filter: drop-shadow( 1px 1px 0 #000 );
  }
  .audioplayer-bar,
  .audioplayer-bar div,
  .audioplayer-volume-adjust div
  {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .audioplayer-bar,
  .audioplayer-volume-adjust > div
  {
    -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
    -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
    box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
  }
  .audioplayer-volume-adjust div div,
  .audioplayer-bar-played
  {
    -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
    -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
    box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
  }
  .audioplayer-volume-adjust
  {
    -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
    -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
    box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
  }
  .audioplayer *,
  .audioplayer *:before,
  .audioplayer *:after
  {
    -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    transition: color .25s ease, background-color .25s ease, opacity .5s ease;
  }


/* ----------------------------------------------------------------
    Coming Soon
-----------------------------------------------------------------*/


#countdown-wrap {
    position: relative;
    padding: 100px 0;
    background-color: #F9F9F9;
}

#countdown-wrap h1 {
    padding-bottom: 60px;
    text-shadow: 1px 1px 1px #FFF;
    color: #555;
    text-align: center;
}

.countdown_row {
    display: block;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #FFF;
}

.countdown_section {
    display: inline-block;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    width: 180px;
    color: #999;
    text-transform: lowercase;
    font-family: 'Open Sans', sans-serif;
}

.countdown_amount {
    font-size: 96px;
    line-height: 100px;
    font-family: "Merriweather", serif;
    color: #444;
}

.countdown_descr {
    display: block;
    width: 100%;
}

.lp-subscribe {
    position: relative;
    text-align: center;
}

.lp-subscribe form {
    display: inline-block;
    position: relative;
    margin: 5px auto 0;
    max-width: 600px;
}

.lp-subscribe-input,
.lp-subscribe-submit {
    float: left;
}

.lp-subscribe input[type="text"] {
    display: block;
    width: 360px;
    padding: 13px 12px 11px 46px;
    font-size: 16px;
    color: #999;
    background: url("images/icons/subscribe.png") left no-repeat;
    margin: 0 !important;
}

.lp-subscribe input[type="submit"] {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    padding: 0 15px;
    height: 46px;
    line-height: 46px;
    background: #FF8300;
    text-align: center;
    text-transform: uppercase;
    margin: 0 !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.lp-subscribe input[type="submit"]:hover { background-color: #444; }

.lp-subscribe label.error { display: none !important; }


/* ----------------------------------------------------------------
    Clients
-----------------------------------------------------------------*/


.our-clients {
    position: relative;
    margin: 0;
}

.our-clients li {
    margin: 0;
    position: relative;
    float: left;
}

.our-clients li,
.our-clients li a,
.our-clients li img {
    display: block;
    width: 142px;
    height: 90px;
}

.our-clients li a {
    opacity: 0.5;
    transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
}

.our-clients li a:hover { opacity: 1; }


/* ----------------------------------------------------------------
    Side Navigation
-----------------------------------------------------------------*/


.sidenav {
  width: 100%;
  padding: 0;
  background-color: #fff;
  list-style-type: none !important;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.sidenav > li > a {
  display: block;
  margin: 0 0 -1px;
  padding: 9px 14px;
  font-size: 13px;
  border: 1px solid #E5E5E5;
  border-right-width: 2px;
  color: #777;
  font-family: 'Open Sans', sans-serif;
}
.sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover {
  position: relative;
  z-index: 2;
  padding: 10px 15px;
  border: 0;
  color: #FFF;
  font-weight: bold;
  background-color: #FF8300;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1);
}

.sidenav li i {
    position: relative;
    top: 1px;
    margin-right: 4px;
    font-size: 14px;
    text-align: center;
    width: 16px;
}

/* Chevrons */
.sidenav .fa-chevron-right {
  float: right;
  margin-top: 4px;
  margin-right: -6px;
  opacity: .4;
  font-size: 12px !important;
}
.sidenav > li > a:hover {
  background-color: #F5F5F5;
  color: #222;
}
.sidenav a:hover .fa-chevron-right {
  opacity: .5;
}
.sidenav .ui-tabs-active .fa-chevron-right,
.sidenav .ui-tabs-active a:hover .fa-chevron-right { opacity: 1; }


/* ----------------------------------------------------------------
    Team Members
-----------------------------------------------------------------*/


.team-member {
    position: relative;
    width: 100%;
}

.team-member .team-image {
    position: relative;
    margin-bottom: 20px;
}

.team-image,
.team-image img {
    display: block;
    width: 100%;
}

.team-rounded .team-image img {
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.team-rounded .team-image {
    text-align: center;
    margin-bottom: -10px;
}

.team-image span {
    display: block;
    position: absolute;
    background-color: #FF8300;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    top: auto;
    bottom: 30px;
    left: 0;
    padding: 0 10px;
    line-height: 26px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Open Sans";
}

.team-rounded .team-image span {
    display: inline-block;
    position: relative;
    top: auto;
    bottom: 35px;
    z-index: 2;
}

.team-member .team-desc { position: relative; }

.team-desc h4 {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #DDD;
}

.team-desc p { margin-bottom: 0; }

.team-social {
    position: absolute;
    top: 4px;
    left: auto;
    right: 0;
}

.team-social a {
    float: left;
    margin-left: 10px;
}

.team-social a:first-child { margin-left: 0; }

.team-social a,
.team-social img,
.team-social i {
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 1;
}

.team-social i {
    position: relative;
    color: #666;
    font-size: 16px;
}

.team-social i:hover { color: #888; }

.team-skills {
    margin: 15px 0 0;
    padding: 7px 0 2px;
    border-top: 1px dotted #DDD;
    border-bottom: 1px dotted #DDD;
}

.team-skills li {
    display: inline-block;
    margin: 0 15px 5px 0;
    line-height: 22px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Open Sans";
}

.team-skills li i {
    display: inline-block;
    position: relative;
    font-size: 12px;
    text-align: center;
    width: 14px;
    color: #444;
    margin-right: 2px;
}


/* ----------------------------------------------------------------
    FAQs
-----------------------------------------------------------------*/


#faqs { margin: 0 0 -15px; }

.faq {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #DDD;
}

.faq .togglet,
.faq .toggleta {
    background-image: none !important;
    line-height: 20px;
    padding-left: 26px;
}

.faq .togglet i,
.faq .toggleta i {
    display: block;
    position: absolute;
    font-size: 14px;
    width: 14px;
    text-align: center;
    top: 3px;
    left: 0;
}

.faq .togglec { padding: 10px 0 0 26px; }


/* ----------------------------------------------------------------
    Icons
-----------------------------------------------------------------*/


.i-rounded,
.i-plain,
.i-circled {
    display: block !important;
    float: left;
    margin: 12px 12px 12px 0;
    text-align: center !important;
    font-size: 28px;
    line-height: 36px !important;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    cursor: pointer;
}

.i-rounded,
.i-circled {
    width: 36px !important;
    height: 36px !important;
    padding: 8px;
    background-color: #444;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.i-plain {
    width: 42px !important;
    height: 42px !important;
    font-size: 42px;
    line-height: 1;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
}

.i-plain:hover { color: #777; }

.i-circled {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.i-light {
    background-color: #F5F5F5;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}


.i-rounded:hover,
.i-circled:hover {
    background-color: #FF8300;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.2);
}


.dropcap {
    float: left;
    display: block;
    margin: 3px 8px 3px 0;
    padding: 8px;
    font-size: 36px;
    line-height: 1;
    border: 1px solid #BBB;
    color: #666;
    box-shadow: 0 0 8px #BBB;
}

.highlight {
    display: inline;
    padding: 0 5px;
    color: #FFF;
    background-color: #444;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


/* ----------------------------------------------------------------
    Animated Numbers
-----------------------------------------------------------------*/


.counter {
    color: #FF8300;
    margin: 5px 0 10px;
    min-height: 48px;
}

.digit-con {
    height: 48px;
    overflow: hidden;
    display: inline-block;
    margin: 0 1px;
    font-family: 'Open Sans', sans-serif;
}

.digit-con span {
    display: block;
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    position: relative;
    top: 0;
}

.counter + small {
    color: #555;
    font-size: 14px;
}


/* ----------------------------------------------------------------
    Skills Bar
-----------------------------------------------------------------*/


.skills {
    margin: 0;
    list-style-type: none !important;
}

.skills li {
    position: relative;
    margin-top: 27px;
    height: 25px;
    background-color: #F2F2F2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    font-family: "Open Sans", sans-serif;
}

.skills li:first-child { margin-top: 0; }

.skills li .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: visible !important;
}

.skills li .progress-percent {
    position: absolute;
    top: -24px;
    right: 0;
    background-color: #444;
    color: #E5E5E5;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    height: 22px;
    line-height: 22px;
    padding: 0px 5px;
    font-size: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.progress-percent:after, .progress-percent:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.progress-percent:after {
    border-top-color: #444;
    border-width: 4px;
    left: 50%;
    margin-left: -4px;
}

.progress-percent:before {
    border-top-color: #444;
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}

.skills li span {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}


/* ----------------------------------------------------------------
    Animated Rounded Skills
-----------------------------------------------------------------*/

.rounded-skill {
    display: inline-block;
    margin: 0 15px 15px;
}

.easyPieChart {
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #444;
}

.easyPieChart i { font-size: 28px; }

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}


/* ----------------------------------------------------------------
    Login Form
-----------------------------------------------------------------*/


#login-form {
    background: #F9F9F9;
    padding: 30px;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}


/* ----------------------------------------------------------------
    Sections
-----------------------------------------------------------------*/


.section,
.content-section {
    margin: 60px 0;
    padding: 40px 0;
    background-color: #F9F9F9;
    box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07);
    -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07);
    -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07);
    text-align: center;
}

.content-section {
    font-size: 13px;
    text-align: left;
    padding: 60px 0;
    box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07), inset 0 -10px 10px -10px rgba(0,0,0,0.07);
    -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07), inset 0 -10px 10px -10px rgba(0,0,0,0.07);
    -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07), inset 0 -10px 10px -10px rgba(0,0,0,0.07);
}

.section-icon,
.section-testi-icon {
    display: block;
    height: 56px;
    font-size: 56px;
    line-height: 1;
    color: #444;
    margin: 0 auto;
}

.section-testi-icon {
    width: 64px;
    height: 64px;
    font-size: 64px;
    border: 3px solid #666;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}

.section-testi-icon img {
    display: block;
    height: 64px;
    font-size: 64px;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
}

.section-desc {
    display: block;
    font-size: 22px;
    line-height: 1.5;
    color: #555;
    margin: 16px auto;
    max-width: 700px;
}

.section-desc a,
.section-meta a {
    display: inline !important;
    width: auto !important;
    height: auto !important;
}

.section-meta {
    display: block;
    font-size: 13px;
    line-height: 1;
    color: #AAA;
    margin: 0 auto;
    max-width: 700px;
}

.section-meta a { color: #AAA; }

.section-meta a:hover { color: #000; }

.section .fslider { padding-bottom: 40px; }

.section .fslider,
.section .fslider .flexslider,
.section .fslider .slider-wrap,
.section .fslider .slide { overflow: visible !important; }

.section .flex-control-nav {
    position: absolute;
    width: 100%;
    z-index: 10;
    text-align: center;
    top: auto;
    right: 0;
    bottom: -40px;
    margin: 0;
}

.section .flex-control-nav li {
    float: none;
    display: inline-block;
    margin: 0 3px;
    width: 12px;
    height: 12px;
}


.content-section h2 {
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 25px;
}


.content-section p { margin-bottom: 25px; }

.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6,
.light p,
.light .button,
.light .section-icon,
.light .section-testi-icon,
.light .section-desc,
.light .section-meta,
.light .counter + small,
.light .easyPieChart,
.light .i-plain,
.light .i-rounded,
.light .i-circled,
.light .i-light {
    color: #FFF !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2) !important;
}

.light .i-rounded,
.light .i-circled,
.light .i-light { background-color: rgba(0,0,0,0.3) !important; }

.light .i-plain:hover { color: #DDD !important; }

.light .i-rounded:hover,
.light .i-circled:hover,
.light .i-light:hover { background-color: #FF8300 !important; }

.light .i-light {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.light .counter { text-shadow: 1px 1px 1px rgba(0,0,0,0.2) !important; }

.light .button { border-color: #FFF; }

.light .section-testi-icon { border-color: rgba(0,0,0,0.2); }

.light .button:hover { text-shadow: 0px 0px 0px rgba(0,0,0,0); }

.light .section-meta { color: #EEE; }

.light a { color: #EEE; }

.light a:hover { color: #CCC; }

.light .section-desc a:not(.button) { border-bottom: 1px dotted #EEE; }

.light .section-desc a:not(.button):hover { border-bottom: 1px solid #CCC; }

.light .preloader2 { background-image: url("images/preloader-dark.gif"); }

.text-slider h2 { font-size: 32px; }

.text-slider p { font-size: 18px; }

/* ----------------------------------------------------------------
    Buttons
-----------------------------------------------------------------*/


.button {
  	display: inline-block;
  	position: relative;
    cursor: pointer;
  	outline: none;
  	white-space: nowrap;
  	margin: 5px;
  	padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid #444;
    line-height: 24px;
    padding: 5px 10px;
    color: #444;
    transition: color .2s linear, border-color .2s linear;
    -moz-transition: color .2s linear, border-color .2s linear;
    -webkit-transition: color .2s linear, border-color .2s linear;
    -ms-transition: color .2s linear, border-color .2s linear;
    -o-transition: color .2s linear, border-color .2s linear;
}



.button.mini {
    font-size: 12px;
    line-height: 20px;
    padding: 4px 8px;
}

.button.large {
    font-size: 16px;
    line-height: 30px;
    padding: 7px 14px;
}

.button:hover,
.button.inverse {
    border-color: #FF8300 !important;
    color: #FF8300 !important;
}

.button.inverse:hover {
    border-color: #444 !important;
    color: #444 !important;
}

.button:active,
.simple-button:active { top: 1px; }


button.button {
    margin: 5px 0 !important;
    background-color: #F6F6F6 !important;
}

button.button:hover { background-color: #F6F6F6 !important; }

button.button span {
    color: #555 !important;
    text-shadow: 1px 0 1px rgba(255,255,255,0.8) !important;
}

.simple-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
  	outline: none;
  	white-space: nowrap;
  	margin: 5px;
    color: #FFF;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    padding: 0 15px;
    font-weight: bold;
    line-height: 36px;
    background: #333;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.simple-button.inverse { background: #FF8300; }

.simple-button.large {
    line-height: 48px;
    font-size: 16px;
}

.simple-button i,
.button i {
    position: relative;
    margin: 0 5px 0 0;
    font-size: 14px;
}

.simple-button.large i,
.button.large i {
    top: 1px;
    font-size: 18px;
    line-height: 20px;
    width: 18px;
    height: 18px;
}

.footer-dark .simple-button,
.footer-dark .simple-button.inverse:hover { background: #282A2B; }

.simple-button:hover {
    background: #FF8300;
    color: #FFF;
}

.simple-button.inverse:hover { background: #333; }


/* ----------------------------------------------------------------
    Pricing Boxes
-----------------------------------------------------------------*/


.pricing {
  	display: block;
  	position: relative;
    margin-bottom: 50px;
    padding-top: 30px;
}

.pricing .pricing-wrap {
	float: left;
	width: 25%;
	position: relative;
}

.pricing3 .pricing-wrap { width: 33.33%; }

.pricing5 .pricing-wrap { width: 20%; }

.pricing .pricing-wrap.best-price { margin-left: -1px; }

.pricing-wrap .pricing-inner {
	position: relative;
	border: 1px solid #EEE;
	border-left: none;
	text-align: center;
}

.pricing-wrap:first-child { margin-left: 1px; }

.pricing-wrap:first-child .pricing-inner { border-left: 1px solid #EEE; }

.best-price .pricing-inner {
    margin: -30px 0 0;
    border-left: 1px solid #EEE;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.pricing-inner .pricing-title {
    position: relative;
	padding: 20px 0;
    background-color: #F9F9F9;
    border-bottom: 1px solid #EEE;
    text-shadow: 1px 1px 1px #FFF;
}

.pricing-title h4 {
	font-size: 22px;
	line-height: 24px;
    font-weight: bold;
    padding-bottom: 0;
	color: #444;
}

.best-price .pricing-title {
    padding: 25px 0;
    margin: -1px -1px 0;
    border-bottom: 1px solid #EEE;
    background-color: #FF8300;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.best-price .pricing-title h4 {
    font-size: 24px;
    line-height: 28px;
    color: #FFF;
}


.pricing-inner .pricing-price {
	padding: 20px 0;
	font-size: 36px;
	line-height: 40px;
    font-family: Helvetica, serif;
    color: #444;
    border-bottom: 1px solid #EEE;
}

.best-price .pricing-price {
    color: #FF8300;
    font-weight: bold;
    padding: 25px 0;
    font-size: 44px;
    line-height: 48px;
}

.pricing-price .price-sub {
	display: inline-block;
	position: relative;
	font-size: 16px;
	vertical-align: top;
	top: -7px;
	margin-left: 2px;
}

.pricing-price .price-tenure {
    display: block;
	font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    color: #AAA;
}

.pricing-inner .pricing-features {
	padding: 10px 15px;
    text-shadow: 1px 1px 1px #FFF;
}

.pricing-features ul {
    margin: 0;
    list-style-type: none;
}

.pricing-features li {
    position: relative;
    font-size: 13px;
	padding: 7px 0;
    font-family: 'Open Sans', sans-serif;
}

.best-price .pricing-features li {
    font-size: 14px;
    padding: 8px 0;
}

.pricing-features li span {
    font-weight: bold;
    color: #333;
}

.pricing-features li:first-child { border-top: 0; }

.pricing-action {
    border-top: 1px solid #EEE;
    padding: 20px 0;
}

.best-price .pricing-action { padding: 25px 0; }

.pricing-action a { margin: 0 !important; }


/* ----------------------------------------------------------------
    Accordions
-----------------------------------------------------------------*/


.acctitle,
.acctitlec {
  	display: block;
  	position: relative;
  	cursor: pointer;
    border-top: 1px dotted #DDD;
    line-height: 24px;
    padding: 10px 0 10px 24px;
    margin: 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
  	color: #333;
  	background: url("images/icons/toggle-plus.png") no-repeat left;
}

.acctitlec {
	background: url("images/icons/toggle-minus.png") no-repeat left;
	cursor: auto;
}

.acctitle:first-child {
	border-top: none;
}

.acc_content {
	position: relative;
	padding: 0 0 15px 24px;
}


/* ----------------------------------------------------------------
    Tabs
-----------------------------------------------------------------*/


.tabs {
    position: relative;
    margin: 0 0 30px 0;
}

ul.tab-nav {
    margin: 0;
    border-bottom: 1px solid #DDD;
    list-style: none;
}

ul.tab-nav li {
    float: left;
    border: 1px solid #DDD;
    border-bottom: 0;
    border-left: 0;
    height: 40px;
}

ul.tab-nav li:first-child {
    margin-left: 15px;
    border-left: 1px solid #DDD;
}

ul.tab-nav li a {
    display: block;
    padding: 0 15px;
    color: #444;
    height: 40px;
    line-height: 40px;
    background-color: #F2F2F2;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

ul.tab-nav li.ui-tabs-active a {
    position: relative;
    top: 1px;
    background-color: #FFF;
}


/* ----------------------------------------------------------------
    Tab Navigation Style 2
-----------------------------------------------------------------*/


ul.tab-nav.tab-nav2 {
    margin: 0;
    border-bottom: 0;
}

ul.tab-nav.tab-nav2 li {
    float: left;
    border: 0;
    height: 40px;
    margin-left: 10px;
}

ul.tab-nav.tab-nav2 li:first-child {
    margin-left: 0;
    border-left: 0;
}

ul.tab-nav.tab-nav2 li a {
    display: block;
    padding: 0 15px;
    color: #444;
    height: 40px;
    line-height: 40px;
    background-color: #F5F5F5;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

ul.tab-nav.tab-nav2 li.ui-state-active a {
    position: relative;
    top: 0;
    background-color: #FF8300;
    color: #FFF;
}


.tab-container {
    position: relative;
    padding: 15px 0 0;
}

ul.tab-nav li a i {
    font-size: 14px;
    margin-right: 3px;
}


/* ----------------------------------------------------------------
    Google Maps
-----------------------------------------------------------------*/


#google-map {
    position: relative;
    width: 100%;
    height: 100%;
}

.gmap img { max-width: none !important; }

.gm-style .gm-style-iw h3 span {
    font-size: inherit;
    font-family: inherit;
}


/* ----------------------------------------------------------------
    Google Custom Search
-----------------------------------------------------------------*/


.cse .gsc-control-cse,
.gsc-control-cse,
.gsc-above-wrapper-area,
.gsc-adBlock,
.gsc-thumbnail-inside,
.gsc-url-top,
.gsc-table-result,
.gsc-webResult,
.gsc-result { padding: 0 !important; }

.gsc-result-info { padding-left: 0 !important; }

.gsc-above-wrapper-area-container,
.gsc-table-result { margin-bottom: 10px; }

.gcsc-branding { display: none; }

.gsc-results,
.gsc-webResult { width: 100% !important; }


/* ----------------------------------------------------------------
    Tipsy
-----------------------------------------------------------------*/


.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 1000000; opacity: 0.8; font-family: Helvetica, Arial, sans-serif; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 300px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


/* ----------------------------------------------------------------
    Go To Top
-----------------------------------------------------------------*/


#gotoTop {
    display: none;
    z-index: 999;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #333;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

#gotoTop:hover { background-color: #FF8300; }


#imageBackground {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -99;
}


/* ----------------------------------------------------------------
    Footer
-----------------------------------------------------------------*/

#footer {
  	position: relative;
  	background-color: #EEE;
  	padding: 60px 30px;
    border-top: 3px solid #FF8300;
}

#footer.footer-dark {
    background-color: #363839;
    color: #DDD;
}

#footer.footer-dark a {
    color: #CCC;
    border-bottom: 1px dotted #DDD;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

#footer.footer-dark a:hover {
    color: #CCC;
    border-bottom-style: solid;
}

.footer-widgets-wrap {
    overflow: hidden;
    margin: 0 -40px -40px 0;
}

#footer .col_one_fourth {            
    width: 255px;
    margin: 0 40px 40px 0;
}

#copyrights-social a,
#copyrights-social a:hover {
    border-bottom-style: none;
}


/* ----------------------------------------------------------------
    Widgets
-----------------------------------------------------------------*/


.widget {
    display: block;
    position: relative;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px dotted #E5E5E5;
    width: 100%;
}


.widget h4 {
    font-size: 13px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-bottom: 20px;
    line-height: 24px;
    letter-spacing: 0;
}

#footer .widget h4 { padding-bottom: 20px; }

#footer.footer-dark .widget h4 {
    color: #DDD;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}


#footer .widget {
    padding: 0;
    border: none;
    margin: 40px 0 0 0;
}

.widget:first-child {
    margin-top: 0 !important;
    padding-top: 0;
    border-top: none;
}


.widget_search form { margin: 0; }

.widget_text input[type="text"] { width: 247px; }

.widget_search input[type="text"] {
    margin: 0 !important;
    background: url("images/icons/search.png") no-repeat left center;
    padding-left: 39px;
    width: 208px;
}

.widget_search input[type="submit"],
.widget_search button { display: none; }


/* ----------------------------------------------------------------
    Twitter Widget
-----------------------------------------------------------------*/


.twitter-widget ul,
.twitter-widget ul li { margin: 0; }

.twitter-widget ul li {
    padding: 0 0 0 18px;
    margin-top: 15px;
    background: url("images/icons/twitter.png") top left no-repeat;
}


#footer.footer-dark .twitter-widget ul li { background: url("images/icons/ftwitter.png") top left no-repeat; }

.twitter-widget ul li:first-child { margin-top: 0; }

.twitter-widget ul li span { display: block; }


a.twitter-follow-me {
    display: block;
    position: relative;
    float: right;
    padding: 5px 10px;
    font-size: 11px;
    margin-top: 15px;
    color: #888;
    background-color: #EEE;
    border: none !important;
    text-shadow: 1px 1px 1px #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#footer.footer-dark a.twitter-follow-me { background-color: #282A2B; }

a.twitter-follow-me:hover,
#footer.footer-dark a.twitter-follow-me:hover {
    background-color: #FF8300;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}


/* ----------------------------------------------------------------
    Testimonials
-----------------------------------------------------------------*/


.testimonial-scroller { position: relative; }

.testimonial-item { display: block; }

.testimonial-item .testi-content {
    position: relative;
    background: #FFF;
    border: 1px solid #E5E5E5;
    padding: 15px;
    font-size: 13px;
    font-family: 'Merriweather', serif;
    text-shadow: 1px 1px 1px #FFF;
    margin-bottom: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.testi-content:after, .testi-content:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.testi-content:after {
    border-top-color: #FFF;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}

.testi-content:before {
    border-top-color: #D5D5D5;
    border-width: 9px;
    left: 50%;
    margin-left: -9px;
}

#footer .testimonial-item .testi-content {
    background: #EEE;
    border: 1px solid #DDD;
}

#footer .testi-content:after { border-top-color: #EEE; }

#footer .testi-content:before { border-top-color: #CCC; }

#footer.footer-dark .testimonial-item .testi-content {
    background-color: #282A2B;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#footer.footer-dark .testi-content:after { border-top-color: #282A2B; }

#footer.footer-dark .testi-content:before { border-top-color: #282A2B; }

.testimonial-item .testi-author {
    text-align: center;
    color: #222;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.testimonial-item .testi-author span {
    display: block;
    color: #999;
    font-size: 11px;
    line-height: 16px;
    font-style: italic;
    font-weight: normal;
    font-family: 'Merriweather', serif;
}

#footer.footer-dark .testimonial-item .testi-author {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#footer.footer-dark .testimonial-item .testi-author span { color: #CCC; }


/* ----------------------------------------------------------------
    Posts List
-----------------------------------------------------------------*/


.sposts-list { margin: 0; }

.sposts-list li { margin: 15px 0 0 0; }

.sposts-list li:first-child { margin-top: 0; }

.sposts-list .spost-image {
    float: left;
    margin: 0 10px 0 0;
    background-color: #DDD;
}

.sposts-list a { border: none !important; }

.sposts-list .spost-image,
.sposts-list .spost-image a {
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
}

.sposts-list .spost-image img {
    width: 42px;
    height: 42px;
    padding: 3px;
}

.spost-image i {
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    text-align: center;
    color: #444;
}

.sposts-list .spost-content {
    position: relative;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
}

.sposts-list .spost-title {
    font-size: 13px !important;
    line-height: 20px;
    font-weight: bold;
}

.tabbed-widget .spost-title { font-size: 12px; }

.sposts-list .spost-meta,
.sposts-list .spost-meta ul { margin: 0 !important; }

.sposts-list .spost-meta { font-size: 11px; }

.sposts-list .spost-meta li {
    float: left;
    margin: 0 0 0 4px;
    color: #BBB;
}

.spost-meta li i {
    font-size: 14px;
    margin-right: 2px;
}

.sposts-list .spost-meta a { color: #000; }

.sposts-list .spost-meta a:hover { color: #888; }

.sposts-list .spost-meta span {
    display: block;
    float: left;
    margin: 0 4px 0 0;
    font-size: 15px;
    height: 20px;
    line-height: 18px;
}

.sposts-list .spost-meta li:first-child { margin-left: 0; }

#footer.footer-dark .spost-title a:hover { color: #AAA; }

#footer.footer-dark .sposts-list .spost-meta a:hover,
#footer.footer-dark .sposts-list .spost-image i { color: #FFF; }

#footer.footer-dark .sposts-list .spost-image { background: #282A2B; }

.sposts-list .spost-image:hover,
#footer.footer-dark .sposts-list .spost-image:hover { background: #FF8300; }

.sposts-list .spost-image:hover i,
#footer.footer-dark .sposts-list .spost-image:hover i { color: #FFF; }


/* ----------------------------------------------------------------
    Flickr Widget
-----------------------------------------------------------------*/


.flickr-widget .flickr-widget-wrap {
	position: relative;
	margin: 0 -1px -1px 0;
}

.flickr-widget .flickr_badge_image { margin: 0 1px 1px 0; }

.flickr-widget a {
    border: none !important;
    line-height: 1 !important;
}

.flickr-widget .flickr_badge_image,
.flickr-widget .flickr_badge_image a { float: left; }

.flickr-widget .flickr_badge_image,
.flickr-widget .flickr_badge_image a,
.flickr-widget .flickr_badge_image img {
    display: block;
  	width: 62px;
  	height: 62px;
}


/* ----------------------------------------------------------------
    Widgets Menu Style
-----------------------------------------------------------------*/


.widget_nav_menu ul,
.widget_nav_menu li,
.widget_links ul,
.widget_links li,
.widget_meta ul,
.widget_meta li,
.widget_archive ul,
.widget_archive li,
.widget_recent_comments ul,
.widget_recent_comments li,
.widget_recent_entries ul,
.widget_recent_entries li,
.widget_categories ul,
.widget_categories li,
.widget_pages ul,
.widget_pages li,
.widget_rss ul,
.widget_rss li,
.widget_product_categories ul,
.widget_product_categories li,
.widget_layered_nav ul,
.widget_layered_nav li,
.widget_layered_nav_filters ul,
.widget_layered_nav_filters li { margin: 0; }

.widget_nav_menu li,
.widget_links li,
.widget_meta li,
.widget_archive li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_categories li,
.widget_pages li,
.widget_rss li,
.widget_product_categories li,
.widget_layered_nav li,
.widget_layered_nav_filters li {
    font-family: "Open Sans", sans-serif;
    padding: 0 4px;
}

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_recent_comments li,
.widget_rss li a,
.widget_product_categories li a,
.widget_layered_nav li a,
.widget_layered_nav_filters li a {
    display: inline-block;
    padding: 3px 3px 3px 10px;
}

.widget_recent_comments li {
    display: block;
    background: url("images/icons/sidebar-comment.png") left top no-repeat;
    padding: 4px 0 4px 20px;
}

#footer.footer-dark .widget_recent_comments li { background: url("images/icons/footer-comment.png") left top no-repeat; }

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_recent_comments li a,
.widget_rss li a,
.widget_product_categories li a,
.widget_layered_nav li a,
.widget_layered_nav_filters li a {
    background: url("images/icons/sidebar-link.png") left top no-repeat;
    border: none !important;
    color: #444;
    font-size: 13px;
}

.widget_nav_menu li a:hover,
.widget_links li a:hover,
.widget_meta li a:hover,
.widget_archive li a:hover,
.widget_recent_entries li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_recent_comments li a:hover,
.widget_rss li a:hover,
.widget_product_categories li a:hover,
.widget_layered_nav li a:hover,
.widget_layered_nav_filters li a:hover { color: #000; }

#footer.footer-dark .widget_nav_menu li a,
#footer.footer-dark .widget_links li a,
#footer.footer-dark .widget_meta li a,
#footer.footer-dark .widget_archive li a,
#footer.footer-dark .widget_recent_comments li a,
#footer.footer-dark .widget_recent_entries li a,
#footer.footer-dark .widget_categories li a,
#footer.footer-dark .widget_pages li a,
#footer.footer-dark .widget_rss li a,
#footer.footer-dark .widget_product_categories li a,
#footer.footer-dark .widget_layered_nav li a,
#footer.footer-dark .widget_layered_nav_filters li a { background: url("images/icons/footer-link.png") left top no-repeat; }


.widget_recent_comments li a {
    display: inline;
    padding: 0;
    background: none !important;
    font-size: 12px;
}


.widget_nav_menu > ul > li:first-child,
.widget_links > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_recent_comments > ul > li:first-child,
.widget_recent_entries > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_pages > ul > li:first-child,
.widget_rss > ul > li:first-child,
.widget_product_categories > ul > li:first-child,
.widget_layered_nav > ul > li:first-child,
.widget_layered_nav_filters > ul > li:first-child { border-top: 0 !important; }


.widget_nav_menu > ul,
.widget_links > ul,
.widget_meta > ul,
.widget_archive > ul,
.widget_recent_comments > ul,
.widget_recent_entries > ul,
.widget_categories > ul,
.widget_pages > ul,
.widget_rss > ul,
.widget_product_categories > ul,
.widget_layered_nav > ul,
.widget_layered_nav_filters > ul { margin-top: -4px !important; }


.widget_nav_menu ul ul,
.widget_links ul ul,
.widget_meta ul ul,
.widget_archive ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_rss ul ul,
.widget_product_categories ul ul,
.widget_layered_nav ul ul,
.widget_layered_nav_filters ul ul { margin-left: 15px; }


#footer.footer-dark .widget_nav_menu li a:hover,
#footer.footer-dark .widget_links li a:hover,
#footer.footer-dark .widget_meta li a:hover,
#footer.footer-dark .widget_archive li a:hover,
#footer.footer-dark .widget_recent_comments li a:hover,
#footer.footer-dark .widget_recent_entries li a:hover,
#footer.footer-dark .widget_categories li a:hover,
#footer.footer-dark .widget_pages li a:hover,
#footer.footer-dark .widget_rss li a:hover,
#footer.footer-dark .widget_product_categories li a:hover,
#footer.footer-dark .widget_layered_nav li a:hover,
#footer.footer-dark .widget_layered_nav_filters li a:hover { color: #BBB; }


.widget_layered_nav li small {
    position: relative;
    top: 4px;
    float: right;
    font-style: normal;
    font-size: 10px;
    line-height: 1;
    background-color: #EEE;
    padding: 4px 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#footer.footer-dark .widget_layered_nav li small {
    color: #DDD;
    background-color: #282A2B;
}

.widget_layered_nav li.chosen small {
    color: #FFF;
    background-color: #FF8300;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.widget_layered_nav_filters li a {
    padding-left: 0;
    background-image: none !important;
}

.widget_layered_nav_filters li i { font-size: 14px; }

.widget_layered_nav_filters li a:hover i { color: #FF0000; }


/* ----------------------------------------------------------------
    Tag Cloud
-----------------------------------------------------------------*/


.tagcloud { margin-bottom: -2px; }

.tagcloud a {
    display: block;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 3px 6px;
    background-color: #EEE;
    font-size: 13px !important;
    color: #666;
    text-shadow: 1px 1px 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#footer.footer-dark .tagcloud a {
    border: none !important;
    background-color: #282A2B;
}

.tagcloud a:hover,
#footer.footer-dark .tagcloud a:hover {
    background-color: #FF8300;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}


/* ----------------------------------------------------------------
    WP Calendar Widget
-----------------------------------------------------------------*/


.widget_calendar table { margin: 0; }
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: center; color: #333; font-size: 12px; margin: 0 0 10px 0; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

#footer.footer-dark #wp-calendar caption { color: #FFF; }
#footer.footer-dark #wp-calendar tbody { color: #EEE; }
#footer.footer-dark #wp-calendar tbody td { background: #282A2B; border: 1px solid #363839; }
#footer.footer-dark #wp-calendar tbody td:hover { background: #363839; }


/* ----------------------------------------------------------------
    Portfolio Widget
-----------------------------------------------------------------*/


.portfolio-widget .portfolio-item {
    position: relative;
    float: left;
    margin: 0;
    width: 255px;
}

.portfolio-widget .portfolio-item .portfolio-image,
.portfolio-widget .portfolio-item .portfolio-image a,
.portfolio-widget .portfolio-item .portfolio-image img {
    display: block;
    position: relative;
    width: 255px;
    height: 198px;
}

.portfolio-widget .portfolio-title { padding: 10px 0; }

#footer.footer-dark .portfolio-title {
    background-color: #282A2B;
    border-bottom-color: #222;
}


/* ----------------------------------------------------------------
    Widget Scroll Arrows
-----------------------------------------------------------------*/


.widget-scroll-prev,
.widget-scroll-next {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 16px;
    padding: 2px;
    text-align: center;
    color: #555;
    border: 2px solid #555;
    transition: border-color .2s linear, color .2s linear;
    -moz-transition: border-color .2s linear, color .2s linear;
    -webkit-transition: border-color .2s linear, color .2s linear;
    -ms-transition: border-color .2s linear, color .2s linear;
    -o-transition: border-color .2s linear, color .2s linear;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    top: 0;
    left: auto;
    right: 28px;
}

.widget-scroll-prev i,
.widget-scroll-next i {
    position: relative;
    top: -1px;
    font-size: 12px;
    line-height: 1;
}

.widget-scroll-prev:hover,
.widget-scroll-next:hover {
    color: #FF8300;
    border-color: #FF8300;
}

.widget .widget-scroll-prev,
.widget .widget-scroll-next { top: 41px; }

.widget:first-child .widget-scroll-prev,
.widget:first-child .widget-scroll-next { top: 1px; }

.widget-scroll-next {
    right: 0;
    background-position: -24px 0;
}

.widget-scroll-prev.disabled,
.widget-scroll-next.disabled {
    cursor: auto;
    color: #999 !important;
    border-color: #999 !important;
}

#footer.footer-dark .widget-scroll-prev.disabled,
#footer.footer-dark .widget-scroll-next.disabled {
    color: #282A2B !important;
    border-color: #282A2B !important;
    opacity: 0.5;
}

.testimonial-scroller .widget-scroll-prev,
.testimonial-scroller .widget-scroll-next { top: 0; }

.widget-scroll.fslider,
.widget-scroll.fslider .flexslider,
.widget-scroll.fslider .flexslider .slider-wrap { overflow: visible !important; }

.widget-scroll.testimonials .flexslider .slider-wrap > .slide { -webkit-backface-visibility: visible; }

.widget-scroll .flex-direction-nav {
    display: block;
    position: absolute;
    width: 52px;
    height: 24px;
    top: -43px;
    left: auto;
    right: 0
}

.widget-scroll .flex-prev,
.widget-scroll .flex-next {
    top: 0;
    left: 0;
    margin-top: 0;
    right: 28px;
    background-image: none;
    background-color: transparent;
    border-radius: 0;
    opacity: 1;
    width: 16px !important;
    height: 16px !important;
    padding: 2px;
    text-align: center;
    color: #666;
    border: 2px solid #666 !important;
    transition: border-color .2s linear, color .2s linear;
    -moz-transition: border-color .2s linear, color .2s linear;
    -webkit-transition: border-color .2s linear, color .2s linear;
    -ms-transition: border-color .2s linear, color .2s linear;
    -o-transition: border-color .2s linear, color .2s linear;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}

.widget-scroll .flex-prev i,
.widget-scroll .flex-next i {
    font-size: 12px;
    line-height: 16px;
}

.widget-scroll .flex-next {
    left: auto;
    right: 0;
    background-position: 0;
}


.widget-scroll .flex-prev:hover,
.widget-scroll .flex-next:hover {
    background-color: transparent;
    color: #FF8300;
    border-color: #FF8300;
}


/* ----------------------------------------------------------------
    Woocommerce Widgets
-----------------------------------------------------------------*/


/* Product Search */

.widget_product_search form { margin: 0; }

.widget_product_search label { display: none; }

/* Product List */

.product_list_widget { margin: 0; }

.product_list_widget li { margin-top: 15px; }

.product_list_widget li:first-child { margin-top: 0; }

.product_list_widget li a {
    display: block;
    font-weight: bold;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.product_list_widget li img {
    float: left;
    display: block;
    margin-right: 10px;
    width: 42px;
    height: 42px;
    border: 3px solid #DDD;
}

.product_list_widget li img:hover { border-color: #FF8300; }

.product_list_widget li del,
.product_list_widget li del span.amount { color: #BBB; }

.product_list_widget li ins {
    text-decoration: none;
    color: #000;
}

.product_list_widget li span.quantity,
.product_list_widget li span.amount { color: #000; }

.product_list_widget li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Shopping Cart */

.widget_shopping_cart p { margin: 15px 0 0 0; }

.widget_shopping_cart p.total strong {
    display: inline-block;
    margin-right: 5px;
    color: #555;
    text-transform: uppercase;
}

.widget_shopping_cart p.total span.amount {
    font-weight: bold;
    color: #FF8300;
}

/* Pricing Filter */

.widget_price_filter form { margin-bottom: 0; }

.price_slider { margin-bottom: 15px; }

.price_slider_amount {
    text-align: right;
    line-height: 36px;
}

.price_slider_amount span {
    font-weight: bold;
    color: #FF8300;
}

.price_slider_amount .button { float: left; }

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.25);
    cursor: pointer;
    background: #e7e7e7;
    background: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#e7e7e7));
    background: -webkit-linear-gradient(#FEFEFE,#e7e7e7);
    background: -moz-linear-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
    background: -moz-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
    outline: none;
    top: -3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.ui-slider .ui-slider-handle:last-child { margin-left: -1em; }

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size:.7em;
    display: block;
    border: 0;
    background: none repeat scroll 0 0 #FF8300;
    box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
    -webkit-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

.price_slider_wrapper .ui-widget-content {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background: #1e1e1e;
    background: -webkit-gradient(linear,left top,left bottom,from(#1e1e1e),to(#6a6a6a));
    background: -webkit-linear-gradient(#1e1e1e,#6a6a6a);
    background: -moz-linear-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
    background: -moz-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
}

.ui-slider-horizontal { height: 8px; }

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min { left: -1px; }

.ui-slider-horizontal .ui-slider-range-max { right: -1px; }


/* ----------------------------------------------------------------
    Copyrights
-----------------------------------------------------------------*/


#copyrights {
    position: relative;
    padding: 25px 30px;
    line-height: 20px;
    font-size: 12px;
    background-color: #E5E5E5;
    overflow: hidden;
    border-top: 1px solid #FF8300;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
}

#copyrights a {
    display: inline-block;
    margin-left: 7px;
    color: #666;
    border-bottom: 1px dotted #888;
}

#copyrights span.link-divider {
    display: inline-block;
    margin-left: 7px;
}

#copyrights a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

#copyrights.copyrights-dark {
    background-color: #282A2B;
    color: #999;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#copyrights.copyrights-dark a {
    color: #AAA;
    border-bottom: 1px dotted #AAA;
}

#copyrights.copyrights-dark a:hover {
    color: #DDD;
    border-bottom: 1px solid #DDD;
}

#copyrights .col_half { margin-bottom: 0 !important; }

#copyrights #copyrights-social {
    text-align: right;
    margin-top: 2px;
    line-height: 1;
}

#copyrights-social a {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

#copyrights-social img {
    display: block;
    width: 16px;
    height: 16px;
}

 
/* ----------------------------------------------------------------
    Stretched Layout
-----------------------------------------------------------------*/


.stretched #wrapper{
    margin: 0 auto;
    width: 100%;
}


/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
    padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
    padding: 0;
}


/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
        opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
        opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}


.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out; 
    -moz-transition: all 0.15s ease-out; 
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out; 
    -moz-transition: all 0.15s ease-out; 
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.entry_content ul.fa-ul { list-style-type: none; }

.fa-li {
    top: 0 !important;
    line-height: inherit !important;
}