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







    Theme Name: Offbeat#000



    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)



*/



.widget_upcoming_events ul {

    margin-left: 0em !important;

}







.slider-wrap .section-meta{

	display: none;

}



.flexslider {

    margin: 0px 0px 0px;

    background: none !important;

    position: relative;

}





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"] { -webkit-appearance: none; }







.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;



}











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



    Basic Document Styles



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











body {



	line-height: 1;



	color: #000;



	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: #ffbb00;



    color: #fff;



    text-shadow: none;



}







::-moz-selection {



    background: #ffbb00; /* Firefox */



    color: #fff;



    text-shadow: none;



}







::-webkit-selection {



    background: #ffbb00; /* Safari */



    color: #fff;



    text-shadow: none;



}











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



    Typography



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











a {



	text-decoration: none;



	color: #ffbb00;



}







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







a img { border: none; }







p,



pre,



ul,



ol,



dl,



dd,



blockquote,



address,



table,



fieldset,



form { margin-bottom: 20px; }







h1,



h2,



h3,



h4,



h5,



h6 {



  	font-weight: bold;



  	padding: 0 0 5px 0;



  	color: #5462C5;



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



}



h2{

	color: #ffbb00;

	font-weight: normal;

	font-style: normal;

}





h1 span,



h2 span,



h3 span,



h4 span,



h5 span,



h6 span { color: #ffbb00; }







h4,



h5,



h6 { padding-bottom: 20px; }







h1 {



	font-size: 55px !important;



	line-height: 68px !important;

}

h1 {



	font-size: 55px !important;



	line-height: 68px !important;

}







h2 {



	font-size: 32px !important;
	padding: 5px;


	line-height: 40px !important;

	font-weight: bold;

}







h3 {



	font-size: 15px;



	line-height: 19px;



}







h4 {



	font-size: 12px;



	line-height: 16px;



}







h5 {



	font-size: 10px;



	line-height: 14px;



}







h6 {



	font-size: 8px;



	line-height: 12px;



}



h1



 {



    letter-spacing: -5px !important;



}











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 #000;



    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 #ffbb00;



}















.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: #fff; */



    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: #000;



    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 15px;



  	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: 45%; }







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;



}



.dark{

	background-color: #2e3672;

}





.dark A.button.inverse.flipInX.animated{

	border-color: white !important;

	margin-left: 5px;

	color: white !important;

}



.widgets_on_page ul li {

	padding: 5px;

}

.widget_upcoming_events ul.product_list_widget li a{

	color: white;

	font-size: 20px;

}







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: #000;



}











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 #ffbb00;



    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; 
border-bottom: solid 1px grey;
}











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



    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%;
    
    padding-top: 10px;



}







#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: #ffbb00;



    top: -3px !important;



    height: 3px !important;



}







#primary-menu.primary-menu3 ul li.backLava {



    background-color: #ffbb00;



    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 #ffbb00;



    margin-top: -3px;



}







#primary-menu.primary-menu3 ul li.selectedLava {



    border-top: 4px solid #ffbb00;



    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: 20px;



    font-family: "Merriweather", sans-serif;



    color: #666;



}

#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: 20px;



    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 #ffbb00;



}







#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 #ffbb00;



}







#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: 90px;*/



    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 #ffbb00;



    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: #ffbb00; }







.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: #ffbb00; }







.top-cart-item-desc span.top-cart-item-price {



    display: block;



    line-height: 18px;



    font-size: 12px;



    color: #000;



}







.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: #ffbb00;



}







.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: #ffbb00; }











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



    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: 1100px;



    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: #ffbb00; }







.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-top:20px;



}











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



    Page Title



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











#page-title {



    position: relative;



    background-color: #F9F9F9;



    padding: 30px 0;



    border-top: 1px solid #EEE;



    border-bottom: 1px solid #EEE;

	background-image: url(http://kidisco.ie/wp-content/uploads/2014/04/blur_kidisco.jpg);

}







#page-title h1,



#page-title h2 {



    font-size: 16px;



    line-height: 32px;



    font-family: Helvetica;



    font-weight: bold;



    padding-bottom: 0;



    /*text-shadow: 1px 1px 1px #FFF;*/



    color: white;



    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: 30px 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: 20px;



}







#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: #ffbb00; }











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



    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 { height: 300px; }







.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: #ffbb00; }







.portfolio-title div.port-cats,



.product-title div.product-cats {



    display: block;



    font-size: 13px;



    line-height: 24px;



    color: #000;



}







.portfolio-title div.port-cats a,



.product-title div.product-cats a { color: #000; }







.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: #000;



    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: #ffbb00; }







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







.product-price {



    position: absolute;



    top: 10px;



    right: 0;



    color: #ffbb00;



    font-family: 'Open Sans', sans-serif;



    font-size: 20px;



    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: #ffbb00;



    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: #ffbb00; }







.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: #ffbb00;



    border-color: #ffbb00;



}







#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: #ffbb00;



    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: #ffbb00; }







.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: #ffbb00; }







.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: #000;



    margin-bottom: 15px;



}







.order_details li strong {



    display: block;



    color: #ffbb00;



    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: #000; }







.product ins span.amount {



    color: #ffbb00;



    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: 100%;



    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: 64px;



    text-align: center;



}







.entry_format,



.comments-icon {



    border: 2px solid #ffbb00;



    width: 60px;



    height: 60px;



    color: #ffbb00;



    font-size: 28px;



    line-height: 64px;



    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: #000;



    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: #5462C5;



    font-weight: bold;



    font-size: 22px;



    line-height: 26px;



    font-family: Helvetica;



    letter-spacing: -1px;



}







.entry_title h2 a { color: #5462C5; }







.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;



}







.entry_meta li {



    margin: 0 7px 3px 0;



    float: left;



    font-size: 12px;



    line-height: 20px;



    color: #000;



}







.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;



}







.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: #000; }







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







.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: #ffbb00; }







.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: #ffbb00; }







.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: #ffbb00;



    border-color: #ffbb00;



}







.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: #000;



    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: #000;



}







.sitemap span a { color: #000; }







.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: #ffbb00; }







.promo-action,



.promo .button {



    position: relative;



    margin: 0 auto;



}











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



    404



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











.error-404 {



    position: relative;



    text-align: center;



    font-size: 216px;



    line-height: 1;



    color: #ffbb00;



    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: #ffbb00 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: #000;



    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: #ffbb00; }







.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: #ffbb00;



    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: #ffbb00; }











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



    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: #ffbb00;



    -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 #ffbb00;



    -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: #ffbb00;



    -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 #ffbb00;



    -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: #ffbb00;



    -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 #ffbb00;



}







.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: #ffbb00;



    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: #ffbb00;



    box-shadow: 0 0 0 3px #ffbb00;



    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 #ffbb00;



}







.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 #ffbb00;



    color: #ffbb00;



    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 #ffbb00;



    color: #ffbb00;



    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 #ffbb00;



    color: #ffbb00;



    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 #ffbb00;



    -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: #ffbb00;



    -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: #ffbb00;



    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 #ffbb00;



    -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: #000;



    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: #000;



    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: #ffbb00;



    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: #000;



  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: #ffbb00;



  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: #ffbb00;



    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: #000; }







.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: #ffbb00;



    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: #ffbb00;



    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;



    color: #ffffff;



    margin: 10px auto;



    max-width: 1020px;

	font: bold 40px/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}







.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: 0px; }







.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: #ffbb00 !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-left: 25px;*/



	/*margin-top: 10px;*/



  	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: #ffbb00 !important;



    color: #ffbb00 !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: #ffbb00; }







.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: #ffbb00;



    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: #ffbb00;



    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: #ffbb00;



    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: #ffbb00;



    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: #ffbb00; }











#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: 30px 30px;



    border-top: 3px solid #ffbb00;

	margin-top: 20px;

}







#footer.footer-dark {



    background-color: #363839;



    color: #DDD;



   /* display: none; */



}







#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: #ffbb00;



    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: #000;



    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: #ffbb00; }







.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: #ffbb00;



    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: #ffbb00;



    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: #ffbb00;



    border-color: #ffbb00;



}







.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: #000 !important;



    border-color: #000 !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: #ffbb00;



    border-color: #ffbb00;



}











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



    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: #ffbb00; }







.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: #ffbb00;



}







/* 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: #ffbb00;



}







.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 #ffbb00;



    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 #ffbb00;



    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: #000;*/



    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;



}