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

	Theme Name: CoWorker
	Theme URI: http://themes.semicolonweb.com/html/coworker
	Description: Responsive Business Theme
	Author: SemiColonWeb
	Author URI: http://themeforest.net/user/semicolonweb
	Version: 2.1

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

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

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

:focus { outline: 0;}

[hidden] {
    display: none;
}

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

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

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

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

/*
input[type="text"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
*/

input[type="submit"],
input[type="reset"] { -webkit-appearance: none; }


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


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

input,
select,
textarea { font: 12px/20px "Open Sans", 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: #57B3DF;
    color: #fff;
    }
::-moz-selection {
    background: #57B3DF; /* Firefox */
    color: #fff;
}

::-webkit-selection {
	background: #57B3DF; /* Safari */
	color: #fff;
}



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


a {
	text-decoration: none;
	color: #57B3DF;
}

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: normal;
	padding: 0 0 20px 0;
	color: #444;
    font-family: 'Open Sans', sans-serif;
}

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

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

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

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

h3 {
    font-weight: 600;
	font-size: 18px;
	line-height: 24px;
}

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

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

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

address { font-style: italic; }

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

blockquote {
	color: #666;
	border-left: 3px solid #777;
    font-size: 17px;
    line-height: 1.4;
	font-family: 'Droid Serif', 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: 1020px; margin: 50px 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: 960px; margin: 0 auto; position: relative; padding-right: 0px; padding-left: 0px; }
.line,
.double-line { clear: both; position: relative; width: 100%; margin: 30px 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: 30px !important;}
.leftmargin { margin-left: 30px !important;}
.rightmargin { margin-right: 30px !important;}
.topmargin { margin-top: 30px !important;}
.bottommargin { margin-bottom: 30px !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; margin-left: auto !important; margin-right: auto !important;}


span.page-divider { display: block; }

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

.dotted-divider {
    clear: both;
    background: url("images/divider.png") repeat-x;
    margin: 30px 0;
    height: 5px;
}



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

.preloader2 { background-color: transparent; }


.postcontent { width: 720px; }
.landing-offer-media { width: 650px; }
.sidebar { width: 210px; }
.landing-offer-text { width: 280px; }
.col_full { width: 100%; }
.col_half,
.landing-offer-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,
.landing-offer-media,
.sidebar,
.landing-offer-text,
.col_full,
.col_half,
.landing-offer-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: 30px;
	float: left;
}

.postcontent,
.sidebar,
.landing-offer-media,
.landing-offer-text { margin-right: 30px; }

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

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

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

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

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

label {
	display: inline-block;
    font-size: 12px;
	font-weight: 600;
	color: #444;
	margin-bottom: 5px;
    cursor: pointer;
}

select { min-height: inherit !important; }

/*
input[type="text"],
input[type="password"],
select,
textarea {
    display: block;
	background: #FFF;
	padding: 7px;
    margin-bottom: 10px;
	border: 1px solid #DDD;
    border-top-width: 2px;
	outline: 0;
	font: normal 11px/100%;
    color: #666;
}

#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[type="text"]:active,
input[type="password"]:active,
textarea:active,
select:active,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus { border-color: #CCC; }

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

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

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

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

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

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

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

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

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

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


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


#top-bar {
    position: relative;
    background-color: #EEE;
    height: 40px;
}

#top-menu {
    position: relative;
    float: left;
    height: 40px;
}

#top-menu li {
    float: left;
    position: relative;
    margin-left: 10px;
    height: 40px;
    text-shadow: 1px 1px 1px #FFF;
}

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

#top-menu li a,
#top-menu li span,
#top-menu li div {
    display: block;
    float: left;
    position: relative;
    line-height: 20px;
    margin-top: 10px;
    color: #777;
}

#top-menu li span { color: #999; }

#top-menu li a:hover {
    color: #57B3DF;
    border-bottom: 1px dotted #57B3DF;
}

#top-menu li span {
    margin-right: 10px;
    font-size: 14px;
}

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

#top-menu li.top-menu-em a {
    position: relative;
    top: -1px;
    padding: 1px 6px;
    background-color: #57B3DF;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#top-menu li.top-menu-em a:hover {
    color: #FFF;
    border-bottom: none;
}

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

#top-menu ul ul {
    display: none;
    z-index: 200;
    width: 100px;
    margin: 0;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #EEE;
    border-top: 2px solid #57B3DF;
    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);
}

/* Fallback when Superfish/jQuery fails to load: open language (and other) submenus on hover */
#top-menu li:hover > ul {
    display: block;
}

#top-menu ul ul li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    height: 32px;
    border: none;
    background-image: none;
    border-top: 1px solid #E5E5E5;
}

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

#top-menu ul ul a {
    display: block;
    float: none;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 10px;
    border: none;
    text-transform: capitalize;
    color: #777;
    font-weight: normal;
}

#top-menu ul ul a:hover,
#top-menu ul ul li:hover > a {
    border: none !important;
    background-color: #E5E5E5;
    color: #777;
}

#top-menu ul ul a span { display: none !important; }

#top-menu ul ul li img {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

#top-social {
    position: relative;
    float: right;
    height: 40px;
    margin: 0 -30px 0 40px;
}

#top-social ul, #top-menu ul { margin: 0; }

#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
}

#top-social li,
#top-social li a,
#top-social li .ts-text {
    float: left;
    width: auto;
    overflow: hidden;
}

#top-social li a {
    width: 40px;
    line-height: 40px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#top-social li .ts-icon { float: left; }

#top-social li.ts-facebook a { background-color: #3B5998; }

#top-social li.ts-facebook .ts-icon { background: url("images/icons/social/facebook.png") no-repeat center center; }

#top-social li.ts-twitter a { background-color: #3CF; }

#top-social li.ts-twitter .ts-icon { background: url("images/icons/social/twitter.png") no-repeat center center; }

#top-social li.ts-gplus a { background-color: #BD3518; }

#top-social li.ts-gplus .ts-icon { background: url("images/icons/social/gplus.png") no-repeat center center; }

#top-social li.ts-dribbble a { background-color: #D97AA5; }

#top-social li.ts-dribbble .ts-icon { background: url("images/icons/social/dribbble.png") no-repeat center center; }

#top-social li.ts-forrst a { background-color: #304C25; }

#top-social li.ts-forrst .ts-icon { background: url("images/icons/social/forrst.png") no-repeat center center; }

#top-social li.ts-blogger a { background-color: #FCA448; }

#top-social li.ts-blogger .ts-icon { background: url("images/icons/social/blogger.png") no-repeat center center; }

#top-social li.ts-flickr a { background-color: #FF0084; }

#top-social li.ts-flickr .ts-icon { background: url("images/icons/social/flickr.png") no-repeat center center; }

#top-social li.ts-pinterest a { background-color: #CB2027; }

#top-social li.ts-pinterest .ts-icon { background: url("images/icons/social/pinterest.png") no-repeat center center; }

#top-social li.ts-rss a { background-color: #F88F16; }

#top-social li.ts-rss .ts-icon { background: url("images/icons/social/rss.png") no-repeat center center; }

#top-social li.ts-vimeo a { background-color: #0590B8; }

#top-social li.ts-vimeo .ts-icon { background: url("images/icons/social/vimeo.png") no-repeat center center; }

#top-social li.ts-youtube a { background-color: #F33; }

#top-social li.ts-youtube .ts-icon { background: url("images/icons/social/youtube.png") no-repeat center center; }

#top-social li.ts-phone a { background-color: #4818AB; }

#top-social li.ts-phone .ts-icon { background: url("images/icons/social/phone.png") no-repeat center center; }

#top-social li.ts-mail a { background-color: #444; }

#top-social li.ts-mail .ts-icon { background: url("images/icons/social/mail.png") no-repeat center center; }

#top-social li.ts-linkedin a { background-color: #0A6495; }

#top-social li.ts-linkedin .ts-icon { background: url("images/icons/social/linkedin.png") no-repeat center center; }


/* ----------------------------------------------------------------
    Top Bar Style 2
-----------------------------------------------------------------*/


#top-bar.top-bar2 #top-menu { float: right; }

#top-bar.top-bar2 #top-social {
    float: left;
    margin: 0 40px 0 -30px;
}


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


#header { position: relative; }


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


#logo {
    position: relative;
    float: left;
    height: 120px;
    max-width: 230px;
    margin-right: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    line-height: 120px;
}

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

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

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

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


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


#primary-menu,
#lp-contacts,
.sticky-menu-wrap {
    position: relative;
    float: right;
    max-width: 710px;
    height: 120px;
}

.rs-menu,
.select-menu { display: none; }

.rs-menu {
    cursor: pointer;
    background-color: #EEE;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #555;
    text-shadow: 1px 1px 1px #FFF;
}

.rs-menu i {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 28px;
    line-height: 44px !important;
}

#primary-menu ul,
.sticky-menu-wrap ul {
    position: relative;
    margin: 0;
}

#primary-menu ul li,
.sticky-menu-wrap ul li {
    position: relative;
    float: left;
    height: 120px;
    background: url("images/icons/menu-divider.png") no-repeat left center;
    margin-left: 1px;
}

#primary-menu ul li:first-child,
.sticky-menu-wrap 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,
.sticky-menu-wrap li a {
    display: inline-block;
    border-top: 4px solid transparent;
    padding: 35px 16px 38px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    color: #444;
}

#primary-menu li a span {
    display: block;
    margin-top: 2px;
    top: 0;
    color: #777;
    font-family: "Open Sans", serif;
    font-size: 11px;
    font-weight: 400 !important;
    text-transform: capitalize;
}

#primary-menu li i,
#sticky-menu li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    margin-right: 2px;
    line-height: inherit !important;
}

#primary-menu li:first-child a span {
    display: block;
    top: 0;
}

#primary-menu > ul > li:hover,
#primary-menu ul li.current,
#primary-menu > ul > li.current-menu-ancestor,
#primary-menu > ul > li.current-menu-parent,
#primary-menu > ul > li.current-menu-item,
#primary-menu > div > ul > li:hover,
#primary-menu div ul li.current,
#primary-menu > div > ul > li.current-menu-ancestor,
#primary-menu > div > ul > li.current-menu-parent,
#primary-menu > div > ul > li.current-menu-item,
.sticky-menu-wrap > ul > li:hover,
.sticky-menu-wrap ul li.current,
.sticky-menu-wrap > ul > li.current-menu-ancestor,
.sticky-menu-wrap > ul > li.current-menu-parent,
.sticky-menu-wrap > ul > li.current-menu-item { background: #57B3DF; }

#primary-menu ul li.current a,
#primary-menu > ul > li:hover a,
#primary-menu > ul > li.current-menu-ancestor > a,
#primary-menu > ul > li.current-menu-parent > a,
#primary-menu > ul > li.current-menu-item > a,
#primary-menu div ul li.current a,
#primary-menu > div > ul > li:hover a,
#primary-menu > div > ul > li.current-menu-ancestor > a,
#primary-menu > div > ul > li.current-menu-parent > a,
#primary-menu > div > ul > li.current-menu-item > a,
.sticky-menu-wrap ul li.current a,
.sticky-menu-wrap > ul > li:hover a,
.sticky-menu-wrap > ul > li.current-menu-ancestor > a,
.sticky-menu-wrap > ul > li.current-menu-parent > a,
.sticky-menu-wrap > ul > li.current-menu-item > a {
    border-top-color: rgba(0,0,0,0.1);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#primary-menu > ul > li:hover a span,
#primary-menu ul li.current a span,
#primary-menu > ul > li.current-menu-ancestor a span,
#primary-menu > ul > li.current-menu-parent a span,
#primary-menu > ul > li.current-menu-item a span,
#primary-menu > div > ul > li:hover a span,
#primary-menu > div ul li.current a span,
#primary-menu > div > ul > li.current-menu-ancestor a span,
#primary-menu > div > ul > li.current-menu-parent a span,
#primary-menu > div > ul > li.current-menu-item a span { color: #EEE; }


#primary-menu ul li:hover > ul,
.sticky-menu-wrap ul li:hover > ul {
	display: block;
}

#primary-menu ul ul,
.sticky-menu-wrap ul ul {
	display: none;
    z-index: 200;
	width: 200px;
	margin: 0;
	position: absolute;
	top: 120px;
	left: 0;
}

#primary-menu ul ul li,
.sticky-menu-wrap ul ul li {
    display: block;
	float: none;
	margin: 0;
	padding: 0;
	height: auto;
    border: none;
    background-image: none;
    background-color: #57B3DF;
    margin-top: 1px;
}

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

#primary-menu ul ul ul,
.sticky-menu-wrap ul ul ul {
    margin: 0;
	left: 200px !important;
    padding-left: 1px;
	top: 0;
	*top: 1px;
}

#primary-menu ul ul ul li:first-child,
.sticky-menu-wrap ul ul ul li:first-child { margin-top: 0; }

#primary-menu ul ul a,
.sticky-menu-wrap ul ul a {
    display: block;
	height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border: none;
    text-transform: capitalize;
    color: #FFF;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#primary-menu ul ul a:hover,
#primary-menu ul ul li:hover > a,
.sticky-menu-wrap ul ul a:hover,
.sticky-menu-wrap ul ul li:hover > a {
    font-weight: bold;
    background-color: rgba(0,0,0,0.1);
}

#primary-menu ul ul a span,
.sticky-menu-wrap ul ul a span { display: none !important; }

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

#primary-menu ul > li.sub-menu > a > div,
.sticky-menu-wrap ul > li.sub-menu > a > div {
    background-image: url("images/icons/mainsubmenu.png");
    background-position: right top;
    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 > li.current-menu-ancestor.sub-menu > a > div,
#primary-menu > ul > li.current-menu-parent.sub-menu > a > div,
#primary-menu > ul > li.current-menu-item.sub-menu > a > div,
#primary-menu div > ul > li.current-menu-ancestor.sub-menu > a > div,
#primary-menu div > ul > li.current-menu-parent.sub-menu > a > div,
#primary-menu div > ul > li.current-menu-item.sub-menu > a > div,
#header.header7 #primary-menu ul > li.sub-menu:hover > a > div,
#header.header7 #primary-menu ul li.current.sub-menu > a > div,
#header.header7 #primary-menu > ul > li.current-menu-ancestor.sub-menu > a > div,
#header.header7 #primary-menu > ul > li.current-menu-parent.sub-menu > a > div,
#header.header7 #primary-menu > ul > li.current-menu-item.sub-menu > a > div,
.sticky-menu-wrap ul > li.sub-menu:hover > a > div,
.sticky-menu-wrap ul li.current.sub-menu > a > div,
.sticky-menu-wrap > ul > li.current-menu-ancestor.sub-menu > a > div,
.sticky-menu-wrap > ul > li.current-menu-parent.sub-menu > a > div,
.sticky-menu-wrap > ul > li.current-menu-item.sub-menu > a > div { background-image: url("images/icons/mainsubmenuh.png"); }

#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a,
.sticky-menu-wrap ul ul > li.sub-menu > a,
.sticky-menu-wrap 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,
#header.header7 #primary-menu ul ul > li.sub-menu > a > div,
#header.header7 #primary-menu ul ul > li.sub-menu:hover > a > div,
.sticky-menu-wrap ul ul > li.sub-menu > a > div,
.sticky-menu-wrap ul ul > li.sub-menu:hover > a > div {
    background-image: none;
    padding-right: 0;
}

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


/* ----------------------------------------------------------------
    Header - Style 2
-----------------------------------------------------------------*/

#header.header2 { border-top: 3px solid #57B3DF; }

#header.header2 #primary-menu {
    float: none;
    max-width: none;
    height: 80px;
    border-top: 1px solid #EEE;
}

#header.header2 #primary-menu ul { margin: 0 -30px; }

#header.header2 #primary-menu ul li { height: 80px; }

#header.header2 #primary-menu li a { padding: 15px 16px 18px; }

#header.header2 #primary-menu ul ul {
    top: 80px;
    margin: 0;
}

#header.header2 #primary-menu ul ul ul {
    top: 0;
	*top: 1px;
}

#header.header2 #primary-menu ul ul li { height: auto; }

#header.header2 #primary-menu ul ul a { padding: 0 15px; }


/* ----------------------------------------------------------------
    Header - Style 3
-----------------------------------------------------------------*/


#header.header3 #primary-menu {
    float: none;
    max-width: none;
    height: 60px;
    border-top: 1px solid #EEE;
}

#header.header3 #primary-menu ul { margin: 0 -30px; }

#header.header3 #primary-menu ul li { height: 60px; }

#header.header3 #primary-menu li a { padding: 17px 16px 19px; }

#header.header3 #primary-menu li a span { display: none; }

#header.header3 #primary-menu ul ul {
    top: 60px;
    margin: 0;
}

#header.header3 #primary-menu ul ul ul {
    top: 0;
	*top: 1px;
}

#header.header3 #primary-menu ul ul li { height: auto; }

#header.header3 #primary-menu ul ul a { padding: 0 15px; }



/* ----------------------------------------------------------------
    Header - Style 4
-----------------------------------------------------------------*/


#header.header4 #logo {
    float: none;
    max-width: none;
    margin: 0;
    text-align: center;
}

#header.header4 #logo img { display: inline-block; }

#header.header4 #primary-menu { text-align: center; }

#header.header4 #primary-menu ul {
    display: inline-block;
    margin: 0 auto;
}

#header.header4 #primary-menu ul li { text-align: left; }

#header.header4 #primary-menu ul ul li { display: block; }

#header.header4 #lp-contacts {
    float: none;
    max-width: none;
    text-align: center;
}

#header.header4 #lp-contacts li {
    float: none;
    display: inline-block;
    text-align: left;
}

#header.header4 #top-search {
    left: 50%;
    margin-left: -90px;
}


/* ----------------------------------------------------------------
    Header - Style 6
-----------------------------------------------------------------*/


#header.header6 #primary-menu { background-color: #363839; }

#header.header6 #primary-menu li a { color: #FFF; }

#header.header6 #primary-menu > div > ul > li.sub-menu > a > div { background-image: url("images/icons/mainsubmenuh.png"); }


#header.header6 #primary-menu ul li {
    background-image: url("images/icons/menu-dividerd.png");
    background-position: left center;
    background-repeat: no-repeat;
}

#header.header6 #primary-menu ul li:first-child { background-image: none; }


/* ----------------------------------------------------------------
    Header - Style 7
-----------------------------------------------------------------*/


#header.header7 #primary-menu ul li { text-align: center; }

#header.header7 #primary-menu li a { padding: 24px 20px 6px; }

#header.header7 #primary-menu li a span { display: none; }

#header.header7 #primary-menu > ul > li > a i {
    display: block;
    margin: 0 auto 10px;
    width: 100%;
    height: 32px;
    line-height: 1 !important;
    font-size: 32px;
    text-align: center;
}

#header.header7 #primary-menu ul ul li { text-align: left; }

#header.header7 #primary-menu ul ul a { padding: 0 15px; }

#header.header7 #primary-menu > ul > li.sub-menu > a > div {
    background-image: url("images/icons/mainsubmenu.png");
    background-position: bottom center;
    padding: 0 0 24px 0;
}


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


#sticky-menu {
    display: none;
    position: fixed;
    top: -60px;
    left: 0;
    width: 100%;
    background-color: #FFF;
    z-index: 250;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

#sticky-menu .sticky-logo {
    float: left;
    margin-right: 40px;
    max-height: 60px;
}

.sticky-logo a,
.sticky-logo a img {
    display: block;
    width: auto;
    max-height: 60px;
}

#sticky-menu .sticky-menu-wrap {
    float: right;
    max-width: none;
    height: 60px;
}

#sticky-menu .sticky-menu-wrap ul li { height: 60px; }

#sticky-menu .sticky-menu-wrap ul ul li { height: auto; }

#sticky-menu .sticky-menu-wrap li a { padding: 17px 16px 19px; }

#sticky-menu .sticky-menu-wrap ul ul a { padding: 0 15px; }

#sticky-menu .sticky-menu-wrap li a span { display: none; }

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

#sticky-menu .sticky-menu-wrap ul ul ul {
    top: 0;
    *top: 1px;
}

#sticky-menu .sticky-search-trigger,
#sticky-menu .sticky-search-area-close {
    display: block;
    position: relative;
    float: right;
    margin-left: 1px;
    width: 50px;
    height: 60px;
    background: url("images/icons/menu-divider.png") no-repeat left center;
}

#sticky-menu .sticky-search-trigger a,
#sticky-menu .sticky-search-area-close a {
    display: block;
    position: relative;
    margin: 20px auto;
    width: 20px;
    height: 20px;
    color: #666;
}

#sticky-menu .sticky-search-trigger a:hover,
#sticky-menu .sticky-search-area-close a:hover { color: #000; }

#sticky-menu .sticky-search-trigger i,
#sticky-menu .sticky-search-area-close i {
    display: block;
    margin: 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    text-align: center;
}

#sticky-menu .sticky-search-area {
    display: none;
    position: absolute;
    height: 60px;
    width: 100%;
    background-color: #FFF;
    z-index: 10;
    overflow: hidden;
}

.sticky-search-area-close { float: left; }

.sticky-search-area form {
    float: left;
    margin: 0;
    width: 909px;
}

.sticky-search-area input {
    border: none;
    display: block;
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    padding: 13px 0;
    width: 100%;
    color: #666;
}


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


#slider {
    position: relative;
    height: 400px;
    background-color: #EEE;
}

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

.fallback-image,
.fallback-image a,
.fallback-image img {
    display: none;
    width: 100%;
    height: 100%;
}

#slider .container { width: 100%; }

#slider.thumb-slider,
#slider.piecemaker-slider { height: auto; }

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

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


/* ----------------------------------------------------------------
    3D Slider
-----------------------------------------------------------------*/


.slider-3d { position: relative; }

#piecemaker { margin: -25px 0 0 -90px; }

.body-slider-3d #header { z-index: 20; }


/* ----------------------------------------------------------------
    Camera Slider
-----------------------------------------------------------------*/


#slider.camera-slideshow { height: auto; }


/* ----------------------------------------------------------------
    Layer & Revolution Slider
-----------------------------------------------------------------*/


#slider.revolution-slider,
#slider.layerslider-wrap { overflow: hidden; }


/* ----------------------------------------------------------------
    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; 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-control-nav { display: none; }

.flex-control-thumbs { display: none; }

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


/* ----------------------------------------------------------------
    Slider with Thumbs
-----------------------------------------------------------------*/


#slider.thumb-slider .flex-control-thumbs { display: block; }

#slider.thumb-slider .flex-control-thumbs,
#slider.thumb-slider .rs-thumb-wrap {
    display: block;
    position: relative;
    background: #FFF;
    height: 55px;
    text-align: center !important;
}

.flex-control-thumbs li,
.rs-thumb-wrap a {
    display: inline-block !important;
    width: 102px !important;
    height: 55px !important;
    cursor: pointer;
    margin: 0 !important;
}

.rs-thumb-wrap a {
    height: 50px !important;
    border-top: 5px solid #CCC;
}

.flex-control-thumbs li img,
.rs-thumb-wrap a img {
    display: block !important;
    width: 102px !important;
    height: 50px !important;
    border-top: 5px solid #CCC;
}

.rs-thumb-wrap a img { border: none; }

.flex-control-thumbs li img.flex-active,
.rs-thumb-wrap a.active { border-top-color: #57B3DF; }


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


.flex-prev,
.flex-next,
.rs-prev,
.rs-next,
.nivo-prevNav,
.nivo-nextNav,
.camera_prev,
.camera_next,
.camera_commands,
.tp-leftarrow.default,
.tp-rightarrow.default,
.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next {
    display: block;
    position: absolute !important;
    z-index: 10;
    cursor: pointer;
    top: auto;
    left: auto;
    bottom: 50px;
    right: 38px;
    width: 36px !important;
    height: 36px !important;
    text-indent: -9999px;
    background: url("images/icons/slider-nav.png") no-repeat 0 0;
    background-color: #111;
    background-color: rgba(11,11,11,0.8);
    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;
}

.tp-leftarrow.default,
.tp-rightarrow.default {
    z-index: 30;
    background: url("images/icons/slider-nav.png") no-repeat 0 0 !important;
    background-color: #111 !important;
    background-color: rgba(11,11,11,0.8) !important;
    transition: opacity .25s ease-in-out, background-color .2s linear;
    -moz-transition: opacity .25s ease-in-out, background-color .2s linear;
    -webkit-transition: opacity .25s ease-in-out, background-color .2s linear;
    -ms-transition: opacity .25s ease-in-out, background-color .2s linear;
    -o-transition: opacity .25s ease-in-out, background-color .2s linear;
    opacity: 1;
}

.tp-leftarrow.default.hidearrows,
.tp-rightarrow.default.hidearrows { opacity: 0; }

.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next {
    top: 50%;
    margin-top: -18px;
    left: 20px;
    right: auto;
}

#slider.thumb-slider .flex-prev,
#slider.thumb-slider .flex-next { bottom: 105px; }

.flex-next,
.rs-next,
.nivo-nextNav,
.camera_next,
.ls-noskin .ls-nav-next {
    right: 0;
    background-position: -36px 0;
}

.ls-noskin .ls-nav-next {
    right: 20px;
    left: auto;
}

.tp-rightarrow.default { background-position: -36px 0 !important; }

.portfolio-image .flex-prev,
.portfolio-image .flex-next {
    position: absolute !important;
    top: auto;
    left: 0;
    bottom: 0;
    width: 28px !important;
    height: 28px !important;
    background-image: url("images/icons/portfolio-slider-nav.png");
    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;
}

.portfolio-image .flex-next {
    left: 30px;
    background-position: -28px 0;
}


.flex-prev:hover,
.flex-next:hover,
.rs-prev:hover,
.rs-next:hover,
.nivo-prevNav:hover,
.nivo-nextNav:hover,
.camera_prev:hover,
.camera_next:hover,
.camera_commands:hover,
.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover,
.ls-noskin .ls-nav-prev:hover,
.ls-noskin .ls-nav-next:hover { background-color: #57B3DF !important; }


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


.slide-caption,
.rs-caption,
.nivo-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: 'Droid Serif', 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: 15px;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    max-width: 200px;
    background-color: #111;
    background-color: rgba(11,11,11,0.8);
}

.camera_caption.slide-caption2 { max-width: 300px; }

.slide-caption2 h3 {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #EEE;
}

.slide-caption2 p { margin: 0; }

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


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


#content { position: relative; }

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


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


#page-title,
#countdown-wrap {
    position: relative;
    background-color: #F5F5F5;
    padding: 25px 0;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

#page-title h1 {
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 0;
    text-shadow: 1px 1px 1px #FFF;
    color: #555;
}

#page-title h1 span {
    display: inline-block;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    margin-left: 10px;
    color: #AAA;
}

#top-search {
    position: absolute;
    width: 180px;
    top: 50%;
    left: auto;
    right: 0;
    margin-top: -20px;
}

#top-search form { margin: 0; }

#top-search input {
    width: 131px;
    background-image: url("images/icons/search.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 38px;
    color: #999;
}

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

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


/* ----------------------------------------------------------------
    Landing Page
-----------------------------------------------------------------*/


#lp-contacts { margin: 0; }

#lp-contacts li {
    float: left;
    position: relative;
    height: 40px;
    overflow: hidden;
    margin: 40px 0 0 40px;
    padding-left: 48px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #555;
}

#lp-contacts li:first-child { margin-left: 0; }

#lp-contacts li i {
    display: block;
    position: absolute;
    font-size: 40px;
    line-height: 40px !important;
    width: 40px;
    height: 40px;
    text-align: center;
    top: 0;
    left: 0;
    overflow: hidden;
}

#lp-contacts li span {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #57B3DF;
    font-weight: normal;
}


#landing-area {
    position: relative;
    background-color: #EEE;
    padding: 40px 0;
}

#landing-area h1 {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-shadow: 1px 1px 1px #FFF;
}

#landing-area p.landing-desc {
    font-size: 14px;
    color: #333;
    text-shadow: 1px 1px 1px #FFF;
}

#landing-area ul.landing-features {
    list-style: none;
    margin: 0 0 0 40px;
    font-size: 16px;
    line-height: 22px;
    color: #555;
    text-shadow: 1px 1px 1px #FFF;
}

#landing-area ul.landing-features i.fa { top: 1px !important; }

ul.landing-features li { margin-top: 7px; }

ul.landing-features li:first-child { margin-top: 0; }

ul.landing-features li:hover { font-weight: bold; }

.landing-offer-media,
.landing-offer-text,
.landing-offer-half { margin-bottom: 0; }

.landing-action {
    position: relative;
    margin-top: 20px;
    text-align: center;
}

.landing-action > span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px #FFF;
}


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


#countdown-wrap { padding: 50px 0; }

#countdown-wrap h1 {
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 50px;
    text-shadow: 1px 1px 1px #FFF;
    font-weight: 400;
    color: #555;
    text-align: center;
}


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

.countdown_section {
	display: inline-block;
	font-size: 17px;
    line-height: 22px;
	text-align: center;
    width: 180px;
    color: #999;
    text-transform: lowercase;
}

.countdown_amount {
	font-size: 96px;
    line-height: 100px;
    font-family: "Droid Serif", sans-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 .alert {
    text-align: left;
    margin: 0 auto;
    max-width: 400px;
}

.lp-subscribe .lp-subscribe-input {
    display: block;
    float: left;
    width: 420px;
}

.lp-subscribe .lp-subscribe-submit {
    display: block;
    float: left;
}

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

.lp-subscribe input[type="submit"] {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    padding: 0 15px;
    height: 49px;
    line-height: 49px;
    background: #57B3DF;
    text-align: center;
    text-transform: uppercase;
    margin: 0 !important;
    -webkit-border-radius: 0;
    border-radius: 0;
}

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

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


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


#portfolio-filter {
    position: relative;
    margin: 0 0 30px 0;
}

#portfolio-filter li {
    float: left;
    position: relative;
    padding: 0 0 12px;
    border-bottom: 1px solid #EEE;
}

#portfolio-filter li a {
    display: block;
    position: relative;
    padding: 0 15px;
    font-size: 13px;
    line-height: 15px;
    font-family: "Open Sans";
    color: #888;
    border-left: 1px solid #EEE;
}

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

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

#portfolio-filter li.activeFilter a { font-weight: bold; }

#portfolio-filter li.activeFilter { border-bottom: 2px solid #57B3DF; }


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


#portfolio {
    position: relative;
    margin: 0 -12px -12px 0;
}

.portfolio-item {
    position: relative;
    float: left;
    margin: 0 12px 12px 0;
    width: 231px;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img {
    display: block;
    position: relative;
    width: 231px;
    height: 180px;
}


.postcontent #portfolio { margin: 0 -8px -8px 0; }

.postcontent .portfolio-item {
    margin: 0 8px 8px 0;
    width: 174px;
}

.postcontent .portfolio-item .portfolio-image,
.postcontent .portfolio-item .portfolio-image a,
.postcontent .portfolio-item .portfolio-image img {
    width: 174px;
    height: 136px;
}


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

.portfolio-3 .portfolio-item {
    margin: 0 15px 15px 0;
    width: 310px;
}

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


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

.postcontent .portfolio-3 .portfolio-item {
    margin: 0 13px 13px 0;
    width: 231px;
}

.postcontent .portfolio-3 .portfolio-image,
.postcontent .portfolio-3 .portfolio-image a,
.postcontent .portfolio-3 .portfolio-image img {
    width: 231px;
    height: 180px;
}


#portfolio.portfolio-5 { margin: 0 -5px -5px 0; }

.portfolio-5 .portfolio-item {
    margin: 0 5px 5px 0;
    width: 188px;
}

.portfolio-5 .portfolio-item .portfolio-image,
.portfolio-5 .portfolio-item .portfolio-image a,
.portfolio-5 .portfolio-item .portfolio-image img {
    width: 188px;
    height: auto;
}


#portfolio.portfolio-2 { margin: 0 -20px -20px 0; }

.portfolio-2 .portfolio-item {
    margin: 0 20px 20px 0;
    width: 470px;
}

.portfolio-2 .portfolio-item .portfolio-image,
.portfolio-2 .portfolio-item .portfolio-image a,
.portfolio-2 .portfolio-item .portfolio-image img {
    width: 470px;
    height: 300px;
}

.postcontent .portfolio-2 .portfolio-item { width: 350px; }

.postcontent .portfolio-2 .portfolio-image,
.postcontent .portfolio-2 .portfolio-image a,
.postcontent .portfolio-2 .portfolio-image img {
    width: 350px;
    height: 223px;
}


.portfolio-title {
    position: relative;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #DDD;
    background-color: #F5F5F5;
}

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

.portfolio-title h3 {
    padding-bottom: 0;
    font-size: 14px;
    font-weight: normal;
}

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

.portfolio-2 .portfolio-title h3 { font-size: 18px; }

.portfolio-title h3 a {
    color: #555;
    text-shadow: 1px 1px 1px #FFF;
}

.portfolio-item:hover h3 a { color: #57B3DF; }

.portfolio-item:hover .portfolio-title { border-bottom-color: #57B3DF; }



#portfolio .slider-wrap,
.postcontent #portfolio.portfolio-3 .slider-wrap { height: 180px; }

.postcontent #portfolio .slider-wrap { height: 136px; }

#portfolio.portfolio-3 .slider-wrap { height: 210px; }

#portfolio.portfolio-2 .slider-wrap { height: 300px; }

.postcontent #portfolio.portfolio-2 .slider-wrap { height: 223px; }


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


.scroll-portfolio { margin-bottom: 15px !important; }

.scroll-portfolio .portfolio-item { width: 231px !important; }

.scroll-portfolio .portfolio-item .portfolio-image
.scroll-portfolio .portfolio-item .portfolio-image a,
.scroll-portfolio .portfolio-item .portfolio-image img {
    width: 231px !important;
    height: 180px;
}

.scroll-portfolio .widget-scroll-prev,
.scroll-portfolio .widget-scroll-next { top: 0; }


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


.portfolio-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #57B3DF;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0.9;
}


.port-gallery .portfolio-overlay { background: transparent; }

.portfolio-overlay-wrap {
    position: relative;
    padding: 15px;
    color: #FFF;
}

.portfolio-overlay-wrap p {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    margin-bottom: 15px;
}

.portfolio-overlay-wrap span {
    display: block;
    margin-bottom: 15px;
}

.portfolio-overlay-wrap span span {
    margin: 0;
    width: 15%;
    border-bottom: 1px solid #FFF;
}

.portfolio-overlay-wrap a {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-bottom: 1px dotted #FFF;
    font-style: italic;
}

.portfolio-overlay-wrap a:hover { border-style: solid; }

.portfolio-2 .portfolio-overlay-wrap {
    font-size: 16px;
    line-height: 24px;
}


.p-overlay-icons,
.postcontent #portfolio.portfolio-3 .p-overlay-icons,
.postcontent #portfolio.portfolio-2 .p-overlay-icons {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    width: auto;
    height: 28px;
    margin-top: 0;
    margin-left: 0;
}

.p-overlay-icons a {
    display: block;
    float: left;
    margin-left: 2px;
    width: 28px !important;
    height: 28px !important;
    text-indent: -9999px;
    background-color: #222;
    background-repeat: no-repeat;
    background-image: url("images/icons/portfolio-overlay.png");
}

.p-overlay-icons a:first-child { margin-left: 0; }

.p-overlay-icons a.p-o-image { background-position: -28px 0; }

.p-overlay-icons a.p-o-video { background-position: 0 0; }

.p-overlay-icons a.p-o-gallery { background-position: -56px 0; }

.p-overlay-icons a.p-o-link { background-position: -84px 0; }


.portfolio-5 .p-overlay-icons,
.portfolio-widget .p-overlay-icons,
.postcontent #portfolio .p-overlay-icons {
    top: 50%;
    margin-top: -14px;
    width: 58px;
    left: 50%;
    margin-left: -29px;
}


/* ----------------------------------------------------------------
    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: 680px;
    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 #slider iframe { display: block; }

#portfolio-single-wrap.portfolio-single-full #slider {
    width: 960px;
    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%;
    left: 0;
    bottom: auto;
    right: auto;
    margin-top: -18px;
}

#portfolio-single-wrap .flex-next,
.entry_image .flex-next,
.fslider .flex-next {
    left: auto;
    right: 0;
}

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


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


#portfolio-details-wrap {
    float: right;
    width: 250px;
    /* margin-left: 30px; */
}

#portfolio-single-wrap.portfolio-single-left #portfolio-details-wrap {
    float: left;
    margin: 0 30px 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;
}

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

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


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

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

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

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

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

#portfolio-details-wrap .port-terms {
    position: relative;
    border-bottom: 1px dotted #DDD;
    margin-bottom: 15px;
    padding-bottom: 15px;
}


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

#portfolio-details-wrap .port-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 Navigation
-----------------------------------------------------------------*/


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

#portfolio-navigation a {
    display: block;
    float: left;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    background: #E5E5E5 url("images/icons/portfolio-nav.png") no-repeat 0 0;
    transition: background-color .2s linear,background-position .3s linear;
    -moz-transition: background-color .2s linear,background-position .3s linear;
    -webkit-transition: background-color .2s linear,background-position .3s linear;
    -ms-transition: background-color .2s linear,background-position .3s linear;
    -o-transition: background-color .2s linear,background-position .3s linear;
}

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

#portfolio-navigation .port-nav-list { background-position: -32px 0; }

#portfolio-navigation .port-nav-next { background-position: -64px 0; }

#portfolio-navigation a:hover {
    background-position: 0 -32px;
    background-color: #57B3DF;
}

#portfolio-navigation .port-nav-list:hover { background-position: -32px -32px; }

#portfolio-navigation .port-nav-next:hover { background-position: -64px -32px; }


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


#portfolio-related {
    position: relative;
    margin: 30px 0 0 0;
}

#portfolio-related-items {
    position: relative;
    margin: 0 -5px 0 0;
}

#portfolio-related-items li {
    position: relative;
    float: left;
    margin: 0 5px 0 0;
}

#portfolio-related-items li,
#portfolio-related-items li > a,
#portfolio-related-items li > img {
    display: block;
    width: 188px !important;
    height: 146px;
}

.postcontent #portfolio-related-items li,
.postcontent #portfolio-related-items li > a,
.postcontent #portfolio-related-items li > img {
    width: 176px !important;
    height: 137px;
}

#portfolio-related-items li .p-overlay-icons {
    top: 50%;
    margin-top: -14px;
    width: 28px;
    left: 50%;
    margin-left: -14px;
}


/* ----------------------------------------------------------------
    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;
}




/* ----------------------------------------------------------------
    Shop
-----------------------------------------------------------------*/


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

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

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

.product {
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    width: 225px;
}


.product .product-image,
.product .product-image > a,
.product .product-image img {
    display: block;
    position: relative;
    width: 225px;
    height: 250px;
}


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

.shop-3 .product {
    margin: 0 30px 30px 0;
    width: 300px;
}

.shop-3 .product .product-image,
.shop-3 .product .product-image > a,
.shop-3 .product .product-image img {
    display: block;
    position: relative;
    width: 300px;
    height: 333px;
}


.postcontent .shop-3 .product {
    margin: 0 24px 24px 0;
    width: 224px;
}

.postcontent .shop-3 .product-image,
.postcontent .shop-3 .product-image > a,
.postcontent .shop-3 .product-image img {
    display: block;
    position: relative;
    width: 224px;
    height: 250px;
}


.postcontent .shop-2 .product {
    margin: 0 30px 30px 0;
    width: 345px;
}

.postcontent .shop-2 .product-image,
.postcontent .shop-2 .product-image > a,
.postcontent .shop-2 .product-image img {
    display: block;
    position: relative;
    width: 345px;
    height: 383px;
}


.product-title {
    position: relative;
    padding: 7px 0 0;
}

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

.shop-3 .product-title h3,
.postcontent .shop-2 .product-title h3 { font-size: 17px; }


.postcontent .shop-3 .product-title h3 { font-size: 15px; }


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

.product-title h3 a:hover { color: #57B3DF; }

.product-title div.product-cats {
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #999;
    font-family: 'Droid Serif', serif;
}

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

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

.shop-3 .product-title,
.postcontent .shop-2 .product-title { padding-top: 10px; }

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

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

.shop-3 .product-price,
.postcontent .shop-2 .product-price { font-size: 20px; }

.postcontent .shop-3 .product-price { font-size: 18px; }

.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: #57B3DF;
    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;
    font-size: 14px;
    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: #57B3DF; }



/* ----------------------------------------------------------------
    Single Product
-----------------------------------------------------------------*/


.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: #57B3DF;
    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: 16px;
    line-height: 1;
}

.product-rating i {
    position: relative;
    top: 10px;
}

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

input#product-quantity {
    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;
}

span#product-quantity-plus,
span#product-quantity-minus {
    display: block;
    cursor: pointer;
    float: left;
    width: 32px;
    height: 36px;
    line-height: 36px !important;
    text-align: center;
    background-color: #333;
    color: #FFF;
    font-size: 10px;
    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;
}

span#product-quantity-plus:hover,
span#product-quantity-minus:hover { background-color: #57B3DF; }



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


#posts { position: relative; }

.entry {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 3px double #E5E5E5;
}

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

.small-posts .entry_image {
    float: left;
    width: 300px;
    margin: 0;
}

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

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

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

.entry_date {
    float: left;
    width: 72px;
    text-align: center;
}

.postcontent .small-posts .entry_date {
    width: 60px;
    margin-right: 10px;
}

.col_full .small-posts .entry_date { margin-right: 15px; }

.entry_date div.month,
.entry_date div.day {
    background-color: #57B3DF;
    color: #FFF;
    font-size: 20px;
    line-height: 1;
    font-weight: 300;
    padding: 0 0 10px;
}

.entry_date div.day {
    font-weight: normal;
    padding: 10px 0 0;
    font-size: 32px;
    font-weight: 600;
}

.postcontent .small-posts .entry_date div.month,
.postcontent .small-posts .entry_date div.day {
    font-size: 16px;
    padding: 0 0 12px;
}

.postcontent .small-posts .entry_date div.day {
    font-size: 28px;
    padding: 12px 0 0;
}

.entry_date div.post-icon {
    position: relative;
    color: #57B3DF;
    font-size: 38px;
    margin: 20px 0 0 0;
}

div.post-icon i {
    display: block;
    padding: 0;
    margin: 0;
}

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

.col_full .entry_c { width: 868px; }

.postcontent .small-posts .entry_c { width: 400px; }

.col_full .small-posts .entry_c { width: 640px; }

.entry_title { margin-bottom: 5px; }

.entry_title h2 {
    padding: 0;
    color: #444;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}

.postcontent .small-posts .entry_title h2 {
    font-size: 16px;
    line-height: 20px;
}

.entry_title h2 a { color: #555; }

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

.entry_meta {
    position: relative;
    margin: 0 -7px -3px 0;
}

.post-single .entry_meta { margin-bottom: 12px; }

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

.entry_meta li a {
    color: #999;
    font-family: "Open Sans", sans-serif;
}

.entry_meta li a:hover { color: #57B3DF; }

.entry_meta li i {
    display: inline-block;
    position: relative;
    margin-right: 4px;
    font-size: 14px;
}

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

.entry span.page-divider { margin: 12px 0; }

.entry span.page-divider span {  }

.small-posts span.page-divider { margin: 20px 0 12px; }

.postcontent .small-posts span.page-divider span { width: 20%; }

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


.entry_share {
    position: relative;
    margin: 20px 0;
    padding: 10px 0;
    line-height: 24px;
}

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

.ipost { position: relative; }

.ipost .ipost-image { position: relative; }

.ipost .ipost-image a,
.ipost .ipost-image img {
    display: block;
    width: 100%;
    height: auto;
}

.ipost .ipost-title h5 {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 5px;
}

.ipost .ipost-title a { color: #555; }

.ipost .ipost-title a:hover { color: #57B3DF; }

.ipost .ipost-meta {
    position: relative;
    margin: 0 -10px 0 0;
}

.ipost-meta li {
    float: left;
    font-size: 13px;
    margin: 0 10px 0 0;
    color: #AAA;
}

.ipost-meta li span { margin-right: 10px; }

.ipost-meta li a { color: #888; }

.ipost-meta li a:hover { color: #000; }

.ipost-content { margin-top: 10px; }



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

.related-posts li {
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    width: 165px !important;
    list-style: none;
}

.col_full .related-posts li { width: 176px !important; }

.related-posts li .rpost-image {
    position: relative;
    margin-bottom: 10px;
}

.rpost-image,
.rpost-image a,
.rpost-image img {
    display: block;
    width: 165px !important;
    height: 120px;
}

.col_full .rpost-image,
.col_full .rpost-image a,
.col_full .rpost-image img {
    width: 176px !important;
    height: 128px;
}

.rpost-title {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.rpost-title a { color: #666; }

.rpost-title a:hover { color: #000; }

.post-overlay {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: 24px;
    height: 24px;
    padding: 6px;
    line-height: 24px;
    text-align: center;
    background-color: #222;
    background-color: rgba(0,0,0,0.5);
    font-size: 20px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.post-overlay.fa { line-height: 24px !important; }


/* ----------------------------------------------------------------
    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: 'Droid Serif', 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: 30px;
    padding-top: 30px;
    border-top: 3px double #E5E5E5;
}

.commentlist {
    list-style-type: none;
    border-bottom: 3px double #E5E5E5;
    padding-bottom: 30px;
    margin: 0 0 30px;
}

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

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

.commentlist li {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #EEE;
}

.commentlist ul .comment-wrap { margin-left: 30px; }

.commentlist > li { }

.commentlist > li:first-child {
    padding-top: 0;
    border-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; }

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

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

.comment-avatar img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.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: #57B3DF;
    border-color: #57B3DF;
}

.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 { border-bottom: 1px dotted #AAA; }

.comment-content .comment-author span a:hover {
    color: #888;
    background: none;
    border-bottom: 1px solid #AAA;
}


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


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

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

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

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

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

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

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

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

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


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


.sidenav {
  width: 100%;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.sidenav > li > a {
  display: block;
  margin: 0 0 -1px;
  padding: 9px 14px;
  font-size: 13px;
  border: 1px solid #E5E5E5;
  border-right-width: 2px;
  color: #777;
}
.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 > .active > a,
.sidenav > .active > a:hover {
  position: relative;
  z-index: 2;
  padding: 10px 15px;
  border: 0;
  color: #FFF;
  font-weight: bold;
  background-color: #57B3DF;
  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 {
    width: 16px;
    height: 16px;
    text-align: center;
    margin-right: 3px;
    font-size: 14px;
}

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


/* ----------------------------------------------------------------
    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: "Droid Serif", serif;
    font-size: 13px;
    font-weight: normal;
    margin: 5px 0 5px 20px;
}

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

.sitemap span a { color: #777; }

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

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


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


.promo {
    position: relative;
    background: url("images/promo.png") repeat;
    padding: 15px 18px;
    border-left: 3px solid #57B3DF;
    margin-bottom: 30px;
}

.promo-desc {
    position: relative;
    padding-right: 165px;
}

.promo h3 {
    font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 0;
    text-shadow: 1px 1px 1px #FFF;
}

.promo h3 > span { color: #57B3DF; }

.promo-desc > span {
    display: block;
    margin-top: 3px;
    font-size: 15px;
    line-height: 22px;
    color: #777;
    font-family: "Open Sans";
}

.promo-action {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    max-width: 150px;
}

.promo-action a {
    display: block;
    color: #FFF;
    font-size: 14px;
    font-family: "Open Sans";
    padding: 0 15px;
    font-weight: bold;
    line-height: 40px;
    background: #333;
    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;
}

.promo-action a:hover { background: #57B3DF; }


.well.callout h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    padding-bottom: 15px;
}

.well.callout p {
    font-size: 13px;
    font-family: 'Droid Serif', serif;
    color: #999;
}


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


.error-404 {
    position: relative;
    text-align: center;
    font-size: 216px;
    line-height: 1;
    color: #57B3DF;
    font-family: "Open Sans", sans-serif;
}

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

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

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

.error-404-meta input[type="text"] {
    display: block;
    width: 350px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    padding: 7px 17px;
}

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

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


/* ----------------------------------------------------------------
    Tabs
-----------------------------------------------------------------*/


.tab_widget {
	display: block;
	position: relative;
	margin: 0 0 30px 0;
}

.tab_widget ul.tabs {
	display: block;
	position: relative;
	list-style: none;
	height: 42px;
	border-bottom: 1px solid #DDD;
    margin: 0;
}

#footer.footer-dark .tab_widget ul.tabs { border-bottom-color: #282828; }

.side-tabs ul.tabs {
    float: left;
    width: 250px;
    height: auto;
    border-bottom: none;
    padding: 20px 0;
    border-right: 1px solid #DDD;
}

.tab_widget ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 39px;
	line-height: 39px;
	border: 1px solid #DDD;
    border-top-width: 3px;
    border-left: none;
	overflow: hidden;
	position: relative;
	background-image: linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -o-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.09, rgb(230,230,230)),
    	color-stop(0.55, rgb(238,238,238))
    );
}

#footer.footer-dark .tab_widget ul.tabs li {
	border-color: #282828;
	background-image: linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%);
    background-image: -o-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%);
    background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%);
    background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%);
    background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.09, rgb(51,51,51)),
    	color-stop(0.55, rgb(59,59,59))
    );
}

.side-tabs ul.tabs li {
    float: none;
    border: 1px solid #DDD;
    border-top: none;
    border-right: none;
    height: 40px;
	line-height: 40px;
    margin-top: 0;
}

.tab_widget ul.tabs li:first-child { border-left: 1px solid #DDD; }

#footer.footer-dark .tab_widget ul.tabs li:first-child { border-color: #282828; }

.tab_widget ul.tabs li a {
	text-decoration: none;
	color: #888;
	font-size: 14px;
	display: block;
	padding: 0 13px;
	outline: none;
	font-weight: bold;
    font-family: "Open Sans", sans-serif;
	text-shadow: 1px 1px 1px #FFF;
    border: none;
    border-left: 1px solid #F9F9F9;
}

#footer.footer-dark .tab_widget ul.tabs li a {
	color: #EEE;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 0;
}

.tabbed-widget .tab_widget ul.tabs a { padding: 0 13px; }

.side-tabs ul.tabs li a { border-left: 0; }

.tab_widget ul.tabs li a i {
    float: left;
    font-size: 18px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.side-tabs ul.tabs li a i {
    width: 18px;
    height: 18px;
    text-align: center;
    margin-right: 8px;
}

.tab_widget ul.tabs li:first-child a { border-left: none; }

.tab_widget ul.tabs li a:hover { background: none; }

.tab_widget ul.tabs li.active,
.tab_widget ul.tabs li.active a:hover {
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

#footer.footer-dark .tab_widget ul.tabs li.active,
#footer.footer-dark .tab_widget ul.tabs li.active a:hover {
	background: #555;
	border-bottom: 1px solid #555;
}

.tab_widget ul.tabs li.active { border-top: 3px solid #57B3DF; }

.tab_widget ul.tabs li.active a { color: #57B3DF; }

.side-tabs ul.tabs li.active,
.side-tabs ul.tabs li.active a:hover {
	border-bottom: 1px solid #DDD;
    border-right: 1px solid #FFF;
}

.side-tabs ul.tabs li.active {
    border-top: none;
    border-left: 4px solid #57B3DF;
    margin-right: -1px;
}

.side-tabs ul.tabs li:first-child { border-top: 1px solid #DDD !important; }

.tab_widget .tab_container {
	display: block;
	overflow: hidden;
	position: relative;
	clear: both;
	background: #FFF;
    border: 1px solid #DDD;
    border-top: none;
}

#footer.footer-dark .tab_widget .tab_container {
    background: #555;
    border-color: #282828;
}

.side-tabs .tab_container {
    clear: none;
    border: none;
}

.tab_widget .tab_content {
	display: block;
	position: relative;
	padding: 15px;
}

.side-tabs .tab_content { padding: 20px 0 0 20px; }



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


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

.toggle .togglet,
.toggle .toggleta {
	display: block;
	position: relative;
    line-height: 24px;
    padding-left: 32px;
	cursor: pointer;
	margin: 0;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
	color: #333;
	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 32px;
}


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


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

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


/* ----------------------------------------------------------------
    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;
}



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


.quote {
    background: url("images/icons/quote.png") left top no-repeat;
    margin: 10px 0;
    padding: 0 0 0 15px;
	font-size: 15px;
    font-style: italic;
    color: #777;
    font-family: 'Droid Serif', 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 {
    margin: 20px auto;
    float: left;
	width: 100%;
    line-height: 1;
}

.gallery .gallery-item {
    float: left;
	text-align: center;
	margin-left: 0;
    width: auto !important;
	margin:  10px 10px 0 0 !important;
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
    width: auto !important;
	height: auto !important;
}

.gallery-item a {
	float: left;
	border: none !important;
	margin:  0 !important;
	padding: 0 !important;
}

.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: 60px;
    margin-top: 30px;
}

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

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

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

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

.product-feature p { margin: 0; }

.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: 48px;
    height: 48px;
    background-color: #57B3DF;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
}

.product-feature > span,
.product-feature .pf-icon span {
    font-size: 28px;
    color: #FFF;
    text-align: center;
    line-height: 26px !important;
    text-indent: -1px;
}

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

.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: 40px;
    height: 40px;
    background-color: transparent !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 40px;
    color: #333;
    text-align: center;
    line-height: 1 !important;
}

.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 5px;
    width: 96px;
    height: 96px;
}

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

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


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


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

.our-clients li {
    margin: 0 12px 0 0;
    position: relative;
    float: left;
    border: 5px solid #F5F5F5;
    transition: border-color .2s linear;
    -moz-transition: border-color .2s linear;
    -webkit-transition: border-color .2s linear;
    -ms-transition: border-color .2s linear;
    -o-transition: border-color .2s linear;
}

.our-clients li:hover { border-color: #57B3DF; }

.our-clients li,
.our-clients li a,
.our-clients li img {
    display: block;
    width: 140px !important;
    height: 90px;
    background: #F9F9F9;
}


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


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

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

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

.team-rounded .team-image img {
    background: #EEE;
    padding: 5px;
    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: #57B3DF;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    top: auto;
    bottom: 30px;
    left: 0;
    padding: 0 10px;
    line-height: 22px;
    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: 16px;
    line-height: 22px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #DDD;
}

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

.team-social {
    position: absolute;
    top: 5px;
    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: 14px;
    height: 14px;
    text-align: center;
    line-height: 1;
}

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

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

.team-skills {
    margin: 10px 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 span {
    display: inline-block;
    font-size: 14px;
    color: #57B3DF;
    margin-right: 3px;
    text-shadow: 0px 0px 0px #FFF;
}


/* ----------------------------------------------------------------
    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: 18px;
    width: 18px;
    text-align: center;
    top: 1px;
    left: 0;
}

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


/* ----------------------------------------------------------------
    About
-----------------------------------------------------------------*/


.skills { margin: 0; }

.skills li {
    position: relative;
    margin-top: 15px;
}

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

.skills li .progress {
    height: 30px;
    margin: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.skills li span {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    color: #FFF;
}


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


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

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

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

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

.i-circled.fa {
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
}

.i-light.fa {
    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.fa:hover,
.i-circled.fa:hover {
    background-color: #57B3DF;
    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;
}


/* ----------------------------------------------------------------
    Buttons
-----------------------------------------------------------------*/


.button {
	display: inline-block;
	position: relative;
    cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0;
	background-image: url("images/button.png");
	background-repeat: repeat-x;
	background-position: 0 0;
	border: 1px solid rgba(114,114,114,0.4);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 0px rgba(114,114,114,0.3);
	-moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
	-webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
	background-color: #629D63 !important;
}

.button:hover {
    background-image: url("images/button.png");
	background-position: 0 -30px;
    background-color: #666 !important;
	text-decoration: none;
    border: 1px solid rgba(100,100,100,0.4);
}

.button:active { top: 1px; }

.button span {
	display: inline-block;
	padding: 0 18px;
	height: 29px;
	line-height: 29px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.red_btn { background-color: #F25B60 !important; }

.green_btn { background-color: #629D63 !important; }

.blue_btn { background-color: #5A9EE2 !important; }

.brown_btn { background-color: #DE8E36 !important; }

.white_btn,
.white_btn:hover { background-color: #F6F6F6 !important; }

.white_btn span {
    color: #444 !important;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

.yellow_btn { background-color: #C5B925 !important; }

.purple_btn { background-color: #BE56E0 !important; }

.black_btn,
.black_btn:hover { background-color: #494949 !important; }

.black_btn span {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}



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

.btn-group button.btn { margin: 0; }

.simple-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
    color: #FFF;
    font-size: 14px;
    font-family: "Open Sans";
    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: #57B3DF; }

.simple-button.large {
    line-height: 48px;
    font-size: 16px;
}

.simple-button i,
.border-button i {
    position: relative;
    top: 1px;
    float: left;
    margin: 0 6px 0 0;
    font-size: 16px;
    width: 16px;
    height: 16px;
}

.simple-button.large i,
.border-button.large i {
    margin: 0 6px 0 0;
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.simple-button:hover {
    background: #57B3DF;
    color: #FFF;
}

.simple-button.inverse:hover { background: #333; }


.border-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid #444;
    line-height: 24px;
    padding: 5px 10px;
    color: #444;
    transition: color .2s linear, border-color .2s linear;
    -moz-transition: color .2s linear, border-color .2s linear;
    -webkit-transition: color .2s linear, border-color .2s linear;
    -ms-transition: color .2s linear, border-color .2s linear;
    -o-transition: color .2s linear, border-color .2s linear;
}

.border-button.large {
    font-size: 16px;
    line-height: 30px;
    padding: 7px 14px;
}

.border-button:hover,
.border-button.inverse {
    border-color: #FF8300 !important;
    color: #FF8300 !important;
}

.border-button.inverse:hover {
    border-color: #444 !important;
    color: #444 !important;
}


/* ----------------------------------------------------------------
    Pricing Boxes
-----------------------------------------------------------------*/


.pricing {
	display: block;
	position: relative;
    margin-bottom: 40px;
}

.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 #E5E5E5;
	border-left: none;
	text-align: center;
}

.pricing-wrap:first-child { margin-left: 1px; }

.pricing-wrap:first-child .pricing-inner { border-left: 1px solid #E5E5E5; }

.best-price .pricing-inner { border-left: 1px solid #E5E5E5; }

.pricing-inner .pricing-title {
    position: relative;
	padding: 10px 0;
}

.pricing-title h4 {
	font-size: 17px;
	line-height: 24px;
    font-weight: bold;
    padding-bottom: 0;
	color: #444;
}

.best-price .pricing-title h4 { color: #57B3DF; }

.pricing-title h4 span {
    display: block;
    font-family: "Droid Serif", serif;
    font-size: 13px;
    font-weight: normal;
    color: #BBB;
}

.pricing-inner .pricing-price {
	padding: 15px 0;
	font-size: 36px;
	line-height: 40px;
    font-family: "Droid Serif", serif;
    background-color: #EEE;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

.best-price .pricing-price { color: #57B3DF; }

.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-family: "Open Sans", sans-serif;
    color: #AAA;
}

.pricing-inner .pricing-features {
	padding: 10px 15px;
	border-bottom: 1px solid #E5E5E5;
    text-shadow: 1px 1px 1px #FFF;
}

.pricing-features ul { margin: 0; }

.pricing-features li {
    position: relative;
	padding: 6px 0;
	border-top: 1px solid #EEE;
}

.pricing-features li span {
    font-weight: bold;
    color: #333;
}

.pricing-features li:first-child { border-top: 0; }

.pricing-action {
    background-color: #EEE;
    padding: 15px 0;
}

.pricing-action a { margin: 0 !important; }

.pricing-style2 .pricing-price {
    padding: 15px 0;
    font-size: 36px;
    line-height: 40px;
    font-family: "Droid Serif", serif;
    background-color: #444;
    margin: 0 -1px;    
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.pricing-style2 .best-price .pricing-price { background-color: #57B3DF; }

.pricing-style2 .best-price .price-tenure { color: #EEE; }


.pricing-wrap.pricing-defines .pricing-inner {
	border-color: transparent;
	border-right: 1px solid #E5E5E5;
	text-align: left;
}

.pricing-wrap.pricing-defines .pricing-title,
.pricing-wrap.pricing-defines .pricing-price,
.pricing-wrap.pricing-defines .pricing-action { visibility: hidden; }

.pricing-wrap.pricing-defines .pricing-features {
    padding: 10px 15px;
	border: 1px solid #E5E5E5;
    border-right: none;
    background-color: #EEE;
}

.pricing-wrap.pricing-defines .pricing-features li {
    border-top: 1px solid #E5E5E5;
    font-weight: bold;
    color: #AAA;
}

.pricing-wrap.pricing-defines .pricing-features li a.fa-question-circle {
    display: block;
    position: absolute;
    width: 17px;
    height: 17px;
    text-align: center;
    top: 6px;
    left: auto;
    right: 0;
    font-size: 17px;
    color: #AAA;
}

.pricing-wrap.pricing-defines .pricing-features li a.fa-question-circle:hover { color: #666; }

.pricing-wrap.pricing-defines .pricing-features li:first-child { border-top: 0; }


/* ----------------------------------------------------------------
    Accordions
-----------------------------------------------------------------*/


.acctitle,
.acctitlec {
	display: block;
	position: relative;
	cursor: pointer;
    border-top: 1px dotted #DDD;
    line-height: 24px;
    padding: 12px 0 12px 32px;
	margin: 0;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
	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 32px;
}


/* ----------------------------------------------------------------
    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;
    font-weight: inherit;
}


/* ----------------------------------------------------------------
    Twitter Panel
-----------------------------------------------------------------*/


#twitter-panel {
    position: relative;
    background-color: #57B3DF;
    padding: 20px 0;
    z-index: 1;
    margin-bottom: -3px;
    border-bottom: 3px solid rgba(0,0,0,0.3);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#twitter-panel .preloader2 { background-image: url("images/preloader-dark.gif"); }

#twitter-panel-icon {
    float: left;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin-right: 16px;
}

#twitter-panel-icon i { font-size: 36px; }

#twitter-panel-content {
    float: left;
    width: 780px;
    margin-right: 20px;
    font-size: 13px;
    line-height: 18px;
}

#twitter-panel-content span { display: block; }

#twitter-panel-content small a {
    color: #DDD;
    color: rgba(255,255,255,0.7);
}

#twitter-panel-content a {
    display: inline !important;
    color: #EEE;
    border-bottom: 1px dotted #EEE;
}

#twitter-panel-content a:hover {
    color: #FFF;
    border-bottom: 1px solid #FFF;
}

#twitter-panel-follow {
    float: left;
    width: 108px;
}

#twitter-panel-follow a {
    display: block;
    float: right;
    padding: 0 10px;
    background-color: rgba(0,0,0,0.2);
    color: #FFF;
    font-size: 13px;
    font-weight: 600px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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;
}

#twitter-panel-follow a:hover { background-color: rgba(0,0,0,0.5); }


/* ----------------------------------------------------------------
    reCaptcha
-----------------------------------------------------------------*/


.recaptcha_widget {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background-color: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0;
}

#recaptcha_image {
    width: 100% !important;
    height: auto !important;
}

#recaptcha_image img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 15px solid #FFF;
}
    
.recaptcha_is_showing_audio embed {
    height: 0;
    width: 0;
    overflow: hidden;
}

.recaptcha_is_showing_audio #recaptcha_image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 10px solid #FFF;
}

.recaptcha_is_showing_audio #recaptcha_image br { display: none;}

.recaptcha_is_showing_audio #recaptcha_image #recaptcha_audio_download { display: block; }

.recaptcha_input label {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.recaptcha_input input { width: 100%; }

.recaptcha_options {
    list-style: none;
    margin: 4px 0 0;
    height: 14px;
}

.recaptcha_options li {
    float: left;
    margin: 0 6px 0 0;
}

.recaptcha_options li a {
    text-decoration: none;
    text-shadow: 0 1px 1px #FFF;
    font-size: 14px;
    color: #777;
    display: block;
    width: 14px;
    height: 14px;
    text-align: center;
}

.recaptcha_options li a:active {
    position: relative;
    top: 1px;
    text-shadow: none;
}

.captcha_hide { display:none; }

body > iframe { display: none; }


/* ----------------------------------------------------------------
    Testimonials
-----------------------------------------------------------------*/


.testimonial-scroller { position: relative; }

.testimonial-item { float: left; }

.testimonial-item .testi-content {
    position: relative;
    background: #FFF;
	border: 1px solid #E5E5E5;
    padding: 15px;
    font-size: 13px;
    font-family: 'Droid Serif', serif;
    text-shadow: 1px 1px 1px #FFF;
    margin-bottom: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

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

.testi-content:after {
	border-top-color: #FFF;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}

.testi-content:before {
	border-top-color: #D5D5D5;
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}

#footer .testimonial-item .testi-content {
    background: #EEE;
	border: 1px solid #DDD;
}

#footer .testi-content:after { border-top-color: #EEE; }

#footer .testi-content:before { border-top-color: #CCC; }

#footer.footer-dark .testimonial-item .testi-content {
    background-color: #282A2B;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#footer.footer-dark .testi-content:after { border-top-color: #282A2B; }

#footer.footer-dark .testi-content:before { border-top-color: #282A2B; }

.testimonial-item .testi-author {
    text-align: center;
    color: #222;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.testimonial-item .testi-author span {
    display: block;
    color: #999;
    font-size: 11px;
    line-height: 16px;
    font-style: italic;
    font-weight: normal;
    font-family: 'Droid Serif', 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; }


/* ----------------------------------------------------------------
    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; }


/* ----------------------------------------------------------------
    Go To Top
-----------------------------------------------------------------*/


#gotoTop {
    display: none;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #444;
    font-size: 24px;
    line-height: 35px !important;
    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: #57B3DF; }


#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: 40px 30px;
    border-top: 3px solid #57B3DF;
}

#footer.footer-dark {
    background-color: #363839;
    color: #DDD;
}

#footer.footer-dark a {
    color: #CCC;
    /*border-bottom: 1px dotted #DDD;
    border-bottom-style: none; */
    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: 210px;
    margin: 0 40px 40px 0;
}

#footer li i { top: 1px !important; }

#copyrights-social a,
#copyrights-social a:hover {
    border-bottom-style: none;
}


/* ----------------------------------------------------------------
    Widgets
-----------------------------------------------------------------*/


.widget {
	display: block;
    position: relative;
	margin-top: 30px;
    padding-top: 30px;
    border-top: 3px double #E5E5E5;
    width: 100%;
}


.widget h4 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 15px;
    line-height: 24px;
}

#footer .widget h4 { padding-bottom: 20px; }

#footer.footer-dark .widget h4 {
    color: #EEE;
	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: 192px; }

.widget_search input[type="text"] {
    margin: 0 !important;
    background: url("images/icons/search.png") no-repeat left center;
    padding-left: 39px;
    width: 163px;
}

.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: #E5E5E5;
    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: #57B3DF;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}


/* ----------------------------------------------------------------
    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;
}

.sposts-list .spost-image img {
    width: 42px;
    height: 42px;
    padding: 3px;
}

.sposts-list .spost-content {
    position: relative;
    overflow: hidden;
}

.sposts-list .spost-title {
    font-size: 13px;
    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: 13px; }

.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 { 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: #57B3DF; }


/* ----------------------------------------------------------------
    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: 69px;
	height: 69px;
}


/* ----------------------------------------------------------------
    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 { 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 {
    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 {
    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 {
    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 { 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 { 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 { 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 { 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 { 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 { color: #BBB; }


/* ----------------------------------------------------------------
    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: #57B3DF;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}


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


.portfolio-widget .portfolio-item {
    position: relative;
    float: left;
    margin: 0;
    width: 210px;
}

.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: 210px;
    height: 164px;
}

.portfolio-widget .portfolio-title { padding: 10px 0; }

.portfolio-widget a { border: none !important; }

#footer.footer-dark .portfolio-title {
    background-color: #282A2B;
    border-bottom-color: #222;
}

#footer.footer-dark .portfolio-item:hover .portfolio-title { border-bottom-color: #57B3DF; }


/* ----------------------------------------------------------------
    Widget Scroll Arrows
-----------------------------------------------------------------*/


.widget-scroll-prev,
.widget-scroll-next {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 24px;
    height: 24px;
    top: 0;
    left: auto;
    right: 26px;
    background: #444 url('images/icons/widget-scroll.png') no-repeat 0 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;
}

#footer.footer-dark .widget-scroll-prev,
#footer.footer-dark .widget-scroll-next { background-color: #282A2B; }

.widget .widget-scroll-prev,
.widget .widget-scroll-next { top: 30px; }

.widget:first-child .widget-scroll-prev,
.widget:first-child .widget-scroll-next { top: 0; }

.widget-scroll-next {
    right: 0;
    background-position: -24px 0;
}

.widget-scroll-prev.disabled,
.widget-scroll-next.disabled {
    cursor: auto;
    background-color: #999 !important;
}

#footer.footer-dark .widget-scroll-prev.disabled,
#footer.footer-dark .widget-scroll-next.disabled {
    background-color: #282A2B !important;
    opacity: 0.5;
}

.widget-scroll-prev:hover,
.widget-scroll-next:hover,
#footer.footer-dark .widget-scroll-prev:hover,
#footer.footer-dark .widget-scroll-next:hover { background-color: #57B3DF; }

.testimonial-scroller .widget-scroll-prev,
.testimonial-scroller .widget-scroll-next { top: 0; }


/* ----------------------------------------------------------------
    Copyrights
-----------------------------------------------------------------*/


#copyrights {
    position: relative;
    padding: 15px 30px;
    line-height: 20px;
    font-size: 12px;
    background-color: #E5E5E5;
    overflow: hidden;
    border-top: 1px solid #57B3DF;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
}

#copyrights a {
    display: inline-block;
    margin-left: 7px;
    color: #666;
    border-bottom: 1px dotted #888;
}

#copyrights span.link-divider {
    display: inline-block;
    margin-left: 7px;
}

#copyrights a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

#copyrights.copyrights-dark {
    background-color: #282A2B;
    color: #999;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#copyrights.copyrights-dark a {
    color: #AAA;
    border-bottom: 1px dotted #AAA;
}

#copyrights.copyrights-dark a:hover {
    color: #DDD;
    border-bottom: 1px solid #DDD;
}

#copyrights .col_half { margin-bottom: 0 !important; }

#copyrights #copyrights-social {
    text-align: right;
    margin-top: 2px;
    line-height: 1;
}

#copyrights-social a {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

#copyrights-social img {
    display: block;
    width: 16px;
    height: 16px;
}

 
/* ----------------------------------------------------------------
    Stretched Layout
-----------------------------------------------------------------*/


.stretched #wrapper{
    margin: 0 auto;
    width: 100%;
}

.stretched #top-social { margin-right: 0; }

.stretched #top-bar.top-bar2 #top-social { margin-left: 0; }

.stretched #header,
.stretched .content-wrap {
    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);            
}

.stretched #header.header2 #primary-menu ul,
.stretched #header.header3 #primary-menu ul { margin: 0; }

.stretched #slider {
    padding: 40px 0;
    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);
}

.stretched #portfolio-single-wrap #slider {
    padding: 0;
    background: none;
}

.stretched #slider .container { width: 960px; }

.stretched #slider.elastic-slideshow,
.stretched #slider.revolution-slider,
.stretched #slider.layerslider-wrap {
    padding: 0;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07);
    -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07);
    -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07);
}

.stretched #slider.camera-slideshow {
    padding: 0;
    height: auto;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07);
    -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07);
    -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07);
}

.stretched #slider.slider-nivo { height: auto; }

.stretched #slider.elastic-slideshow .container,
.stretched #slider.camera-slideshow .container,
.stretched #slider.revolution-slider .container,
.stretched #slider.layerslider-wrap .container { width: 100%; }

.stretched #piecemaker { margin-bottom: -35px; }

.stretched .slider-3d { margin-left: -30px; }

.stretched #slider .kwicks .kwick-panel { width: 192px; }

.stretched #slider.kwicks-panel-2 .kwicks .kwick-panel { width: 480px; }
.stretched #slider.kwicks-panel-3 .kwicks .kwick-panel { width: 320px; }
.stretched #slider.kwicks-panel-4 .kwicks .kwick-panel { width: 240px; }

.stretched #slider.thumb-slider .flex-control-thumbs,
.stretched #slider.thumb-slider .rs-thumb-wrap { background: transparent; }

.stretched .slider-line { display: none; }

.stretched #slider.elastic-slideshow .slider-line,
.stretched #slider.camera-slideshow .slider-line,
.stretched #slider.revolution-slider .slider-line,
.stretched #slider.layerslider-wrap .slider-line {
    display: block;
    border: none;
    height: 11px;
    background: transparent url("images/slider-shadow.png") repeat-x;
}

.stretched #page-title { padding: 30px 0; }

.stretched #page-title,
.stretched #countdown-wrap,
.stretched #landing-area {
    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);
    border-top-color: #E5E5E5;
}

.stretched #footer,
.stretched #copyrights {
    padding-left: 0;
    padding-right: 0;
}

.stretched #copyrights { margin-bottom: -20px; }





.panel-title,
.list-group h4 {
    padding-bottom: 0 !important;
    color: inherit;
}

.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .fa-chevron-left {
  left: 50%;
}
.carousel-control .fa-chevron-right {
  right: 50%;
}


.fa { line-height: inherit !important; }

.entry_content ul.fa-ul { list-style-type: none; }

.fa-li { top: 0 !important; }

/* CookielawBanner */
#CookielawBanner, h6 {
    background-color: #282A2B;
    color: #999;
}

/*
.bg-black {
  background-color: black;
}*/

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}


/* feedback-box */
.vertical-right-aligned {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 100;
}



/* colors */
/** ===============================================================
 *
 *      Edit your Color Configurations below:
 *      You should only enter 6-Digits HEX Colors.
 *
 ================================================================== */


/** usage: var(--main-color)
:root {
    --main-color: #57B3DF;
}


 $color = "#2780AF"; // Change your Color Here

 #57B3DF

**/

/** ===============================================================
 *
 *      Primary Color Scheme
 *
 ================================================================== */

/* ----------------------------------------------------------------
    Colors
-----------------------------------------------------------------*/
a,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
#top-menu li a:hover,
#lp-contacts li span,
#portfolio-filter li a:hover,
#portfolio-filter li.activeFilter a,
.portfolio-item:hover h3 a,
.product-title h3 a:hover,
.product-price,
.product-single .product-price,
.entry_date div.post-icon,
.entry_meta li a:hover,
.ipost .ipost-title a:hover,
.comment-content .comment-author a:hover,
.promo h3 > span,
.error-404,
.tab_widget ul.tabs li.active a,
.product-feature3:hover span,
.team-skills li span,
.best-price .pricing-title h4,
.best-price .pricing-price { color:  #57B3DF; }

.pricing-style2 .pricing-price { color: #FFF !important; }


/* ----------------------------------------------------------------
    Background Colors
-----------------------------------------------------------------*/


#top-menu li.top-menu-em a,
#primary-menu > ul > li:hover,
#primary-menu ul li.current,
#primary-menu > div > ul > li:hover,
#primary-menu div ul li.current,
#primary-menu > div > ul > li.current-menu-ancestor,
#primary-menu > div > ul > li.current-menu-parent,
#primary-menu > div > ul > li.current-menu-item,
.sticky-menu-wrap > ul > li:hover,
.sticky-menu-wrap ul li.current,
.sticky-menu-wrap > ul > li.current-menu-ancestor,
.sticky-menu-wrap > ul > li.current-menu-parent,
.sticky-menu-wrap > ul > li.current-menu-item,
#primary-menu ul ul li,
.sticky-menu-wrap ul ul li,
.lp-subscribe input[type="submit"],
.portfolio-overlay,
#portfolio-navigation a:hover,
.product-sale,
.product-overlay a:hover,
span#product-quantity-plus:hover,
span#product-quantity-minus:hover,
.entry_date div.month,
.entry_date div.day,
.sidenav > .active > a,
.sidenav > .active > a:hover,
.promo-action a:hover,
.error-404-meta input[type="submit"],
.product-feature img,
.product-feature > span,
.product-feature .pf-icon span,
.team-image span,
.fa-rounded:hover,
.fa-circled:hover,
.simple-button.inverse,
.simple-button:hover,
.pricing-style2 .best-price .pricing-price,
#twitter-panel,
#gotoTop:hover,
a.twitter-follow-me:hover,
#footer.footer-dark a.twitter-follow-me:hover,
.sposts-list .spost-image:hover,
#footer.footer-dark .sposts-list .spost-image:hover,
.tagcloud a:hover,
#footer.footer-dark .tagcloud a:hover,
.widget-scroll-prev:hover,
.widget-scroll-next:hover,
#footer.footer-dark .widget-scroll-prev,
#footer.footer-dark .widget-scroll-next { background-color:  #57B3DF; }

.ei-title h2 span,
.ei-title h3 span,
.ei-slider-thumbs li.ei-slider-element,
.flex-prev:hover,
.flex-next:hover,
.rs-prev:hover,
.rs-next:hover,
.nivo-prevNav:hover,
.nivo-nextNav:hover,
.camera_prev:hover,
.camera_next:hover,
.camera_commands:hover,
.tp-leftarrow.large:hover,
.tp-rightarrow.large:hover,
.ls-noskin .ls-nav-prev:hover,
.ls-noskin .ls-nav-next:hover { background-color:  #57B3DF !important; }

.ei-title h3 span { background-color: rgba(11,11,11,0.8) !important; }


/* ----------------------------------------------------------------
    Border Colors
-----------------------------------------------------------------*/


#top-menu li a:hover,
.comment-content .comment-author a:hover,
.our-clients li:hover { border-color:  #57B3DF; }


#top-menu ul ul,
#header.header2,
.flex-control-thumbs li img.flex-active,
.rs-thumb-wrap a.active,
.tab_widget ul.tabs li.active,
#footer,
#copyrights { border-top-color:  #57B3DF; }


span.page-divider span,
#portfolio-filter li.activeFilter,
.portfolio-item:hover .portfolio-title,
#footer.footer-dark .portfolio-item:hover .portfolio-title { border-bottom-color:  #57B3DF; }


.slide-caption,
.rs-caption,
.nivo-caption,
.promo,
.side-tabs ul.tabs li.active { border-left-color:  #57B3DF; }

.ei-title h3 span { border-left-color:  #57B3DF !important; }


/* ----------------------------------------------------------------
    Selection Colors
-----------------------------------------------------------------*/


::selection,
::-moz-selection,
::-webkit-selection { background-color:  #57B3DF; }


/* tipsy */
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 1000000; opacity: 0.8; }
.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; }


/* animate */
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/


@media only screen and (min-width: 768px) {


.not-animated { opacity: 0; }

.animated {
  opacity: 1 !important;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}


}


/* magnific-popup */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }



/* layerslider */

/*
	* Style settings of LayerSlider
	*
	* (c) 2011-2013 George Krupa, John Gera & Kreatura Media
	*
	* Plugin web:			http://kreaturamedia.com/
	* Licenses: 			http://codecanyon.net/licenses/
*/



/* Global settings */

.ls-container {
	visibility: hidden;
	position: relative;
}

.ls-lt-container {
	position: absolute;
}

.ls-lt-container,
.ls-lt-container * {
	text-align: left !important;
	direction: ltr !important;
}

.ls-container-fullscreen {
	margin: 0 auto !important;
	padding: 2% !important;
	background: black !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border: none !important;
}

.ls-container-fullscreen .ls-thumbnail-wrapper,
.ls-container-fullscreen .ls-fullscreen,
.ls-container-fullscreen .ls-shadow {
	display: none !important;
}

.ls-overflow-hidden {
	overflow: hidden;
}

.ls-inner {
	position: relative;
	background-position: center center;
	z-index: 2;
}

.ls-loading-container {
	position: absolute !important;
	display: none;
	z-index: 3 !important;
	left: 50% !important;
	top: 50% !important;
}

.ls-loading-indicator {
	margin: 0 auto;
}

.ls-inner,
.ls-slide {
	width: 100%;
	height: 100%;
}

.ls-slide,
.ls-layer {
	position: absolute;
	display: none;
	background-position: center center;
	overflow: hidden;
}

.ls-active,
.ls-animating {
	display: block !important;
}

.ls-slide > * {
	position: absolute;
	line-height: normal;
	margin: 0;
	left: 0;
	top: 0;
}

.ls-slide .ls-bg {
	left: 0px;
	top: 0px;
	transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	-moz-transform: none !important;
	-webkit-transform: none !important;
}

.ls-yourlogo {
	position: absolute;
	z-index: 99;
}



/* Timers */

.ls-bar-timer {
	position: absolute;
	width: 0;
	height: 2px;
	background: white;
	border-bottom: 2px solid #555;
	opacity: .55;
	filter: alpha(opacity=55);
	z-index: 4;
	top: 0;
}

.ls-circle-timer {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 4;
	opacity: .65;
	filter: alpha(opacity=65);
	display: none;
}

.ls-ct-half {
	background: white;
}

.ls-ct-center {
	background: #444;
}

.ls-ct-left,
.ls-ct-right {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.ls-ct-left,
.ls-ct-right {
	float: left;
	position: relative;
}

.ls-ct-rotate {
	width: 200%;
	height: 100%;
	position: absolute;
	top: 0;
}

.ls-ct-left .ls-ct-rotate,
.ls-ct-right .ls-ct-hider,
.ls-ct-right .ls-ct-half {
	left: 0;
}

.ls-ct-right .ls-ct-rotate,
.ls-ct-left .ls-ct-hider,
.ls-ct-left .ls-ct-half {
	right: 0;
}

.ls-ct-hider,
.ls-ct-half {
	position: absolute;
	top: 0;
}

.ls-ct-hider {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.ls-ct-half {
	width: 200%;
	height: 100%;
}

.ls-ct-center {
	width: 50%;
	height: 50%;
	left: 25%;
	top: 25%;
	position: absolute;
}

.ls-ct-half,
.ls-ct-center {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}



/* Navigation */

.ls-bottom-nav-wrapper {
	height: 0;
}

.ls-bottom-slidebuttons {
	text-align: left;
}

.ls-bottom-nav-wrapper,
.ls-below-thumbnails {
	z-index: 2;
	height: 0;
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.ls-below-thumbnails {
	display: none;
	z-index: 6;
}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
	outline: none;
}

* .ls-bottom-nav-wrapper *,
* .ls-bottom-nav-wrapper span * {
	direction: ltr !important;
}

.ls-bottom-slidebuttons {
	position: relative;
	z-index: 1000;
}

.ls-bottom-slidebuttons,
.ls-nav-start,
.ls-nav-stop,
.ls-nav-sides {
	position: relative;
}

.ls-nothumb {
	text-align: center !important;
}

.ls-link {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	background-image: url(blank.gif);
}

.ls-slide > a > * {
	background-image: url(blank.gif);
}



/* Embedded videos */

.ls-vpcontainer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.ls-videopreview {
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
	cursor : pointer;
}

.ls-playvideo {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
}



/* Thumbnails */

.ls-tn {
	display: none !important;
}

.ls-thumbnail-hover {
	display: none;
	position: absolute;
	left: 0;
}

.ls-thumbnail-hover-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.ls-thumbnail-hover-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ls-thumbnail-hover-img {
	position: absolute;
	overflow: hidden;
}

.ls-thumbnail-hover img {
	max-width: none !important;
	position: absolute;
	display: inline-block;
	visibility: visible !important;
	left: 50%;
	top: 0;
}

.ls-thumbnail-hover span {
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
}

.ls-thumbnail-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 4;
}

.ls-thumbnail {
	position: relative;
	margin: 0 auto;
}

.ls-thumbnail-inner,
.ls-thumbnail-slide-container {
	width: 100%;
}

.ls-thumbnail-slide-container {
	overflow: hidden !important;
	position: relative;
}

.ls-touchscroll {
	overflow-x: auto !important;
}

.ls-thumbnail-slide {
	text-align: center;
	white-space: nowrap;
	float: left;
	position: relative;
}

.ls-thumbnail-slide a {
	overflow: hidden;
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
}

.ls-thumbnail-slide img {
	max-width: none !important;
	max-height: 100% !important;
	height: 100%;
	visibility: visible !important;
}

.ls-shadow {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	width: 100%;
	left: 0;
	overflow: hidden !important;
	visibility: hidden;
}

.ls-shadow img {
	width: 100% !important;
	height: auto !important;
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
}

.ls-bottom-nav-wrapper,
.ls-thumbnail-wrapper,
.ls-nav-prev,
.ls-nav-next {
	visibility: hidden;
}



/* WP plugin fullwidth */

.ls-wp-fullwidth-container {
	width: 100%;
	position: relative;
}

.ls-wp-fullwidth-helper {
	position: absolute;
}



/* 2D & 3D Layer Transitions */

.ls-overflow-hidden {
	overflow: hidden;
}

.ls-lt-tile {
	position: relative;
	float: left;
	perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	-moz-perspective: 1000px;
	-webkit-perspective: 1000px;
}

.ls-lt-tile img {
	visibility: visible;
	display: inline-block;
}

.ls-curtiles {
	overflow: hidden;
}

.ls-curtiles,
.ls-nexttiles {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ls-curtile, .ls-nexttile {
	overflow: hidden;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.ls-curtile {
	left: 0;
	top: 0;
}

.ls-curtile img,
.ls-nexttile img {
	position: absolute;
	filter: inherit;
}

.ls-3d-container {
	position: relative;
	overflow: visible !important;
}

.ls-3d-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.ls-3d-box div {
	overflow: hidden;
	background: #777;
	margin: 0;
	padding: 0;
	position: absolute;
}



/* Full screen */

.ls-fullscreen {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	display: block;
}



/* Removing all default global styles of WordPress themes */

html * .ls-nav-prev,
html * .ls-nav-next,
html * .ls-container img,
html * .ls-bottom-nav-wrapper a,
html * .ls-container .ls-fullscreen,
body * .ls-nav-prev,
body * .ls-nav-next,
body * .ls-container img,
body * .ls-bottom-nav-wrapper a,
body * .ls-container .ls-fullscreen,
#ls-global * .ls-nav-prev,
#ls-global * .ls-nav-next,
#ls-global * .ls-container img,
#ls-global * .ls-bottom-nav-wrapper a,
#ls-global * .ls-container .ls-fullscreen,
html * .ls-thumbnail a,
body * .ls-thumbnail a,
#ls-global * .ls-thumbnail a {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	line-height: normal;
	outline: none;
	padding: 0;
	border: 0;
}

html * .ls-slide > a,
body * .ls-slide > a,
#ls-global * .ls-slide > a,
html * .ls-slide > h1,
body * .ls-slide > h1,
#ls-global * .ls-slide > h1,
html * .ls-slide > h2,
body * .ls-slide > h2,
#ls-global * .ls-slide > h2,
html * .ls-slide > h3,
body * .ls-slide > h3,
#ls-global * .ls-slide > h3,
html * .ls-slide > h4,
body * .ls-slide > h4,
#ls-global * .ls-slide > h4,
html * .ls-slide > h5,
body * .ls-slide > h5,
#ls-global * .ls-slide > h5,
html * .ls-slide > p,
body * .ls-slide > p,
#ls-global * .ls-slide > p,
html * .ls-slide > div,
body * .ls-slide > div,
#ls-global * .ls-slide > div,
html * .ls-slide > span,
body * .ls-slide > span,
#ls-global * .ls-slide > span,
html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide > * {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide > * {
	margin: 0;
}

html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img {
	background: none !important;
	min-width: 0 !important;
	max-width: none !important;
	border-radius: 0;
	box-shadow: none;
	border: 0;
	padding: 0;
}

/*html * .ls-thumbnail a img,
body * .ls-thumbnail a img,
#ls-global * .ls-thumbnail a img {
	min-width: 100% !important;
}
*/

html * .ls-wp-container .ls-slide > *,
body * .ls-wp-container .ls-slide > *,
#ls-global * .ls-wp-container .ls-slide > * {
	line-height: normal;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
}

html * .ls-wp-container .ls-slide > a > *,
body * .ls-wp-container .ls-slide > a > *,
#ls-global * .ls-wp-container .ls-slide > a > * {
	margin: 0;
}

html * .ls-wp-container .ls-slide > a,
body * .ls-wp-container .ls-slide > a,
#ls-global * .ls-wp-container .ls-slide > a {
	text-decoration: none;
}

.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper,
.ls-container,
.ls-container * {
	box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}

html * .ls-yourlogo,
body * .ls-yourlogo,
#ls-global * .ls-yourlogo {
	margin: 0;
}

html * .ls-tn,
body * .ls-tn,
#ls-global * .ls-tn {
	display: none;
}

.site {
	overflow: visible !important;
}



/* Style of LayerSlider Debug Console */

.ls-debug-console * {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: white !important;
	text-shadow: none !important;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important;
	line-height: normal !important;
	-webkit-font-smoothing: antialiased !important;
	text-align: left !important;
	font-style: normal !important;
}

.ls-debug-console h1 {
	padding-top: 10px !important;
	font-size: 17px !important;
	font-weight: bold !important;
}

.ls-debug-console h1:first-child {
	padding-top: 0 !important;
}

.ls-debug-console ul {
	padding-top: 10px !important;
	list-style: none !important;
}

.ls-debug-console li {
	margin-left: 10px !important;
	font-size: 13px !important;
	position: relative !important;
	font-weight: normal !important;
}

html * .ls-debug-console li ul,
body * .ls-debug-console li ul,
#ls-global * .ls-debug-console li ul {
	display: none;
	width: 260px;
	left: -10px;
}

.ls-debug-console li ul {
	position: absolute !important;
	bottom: 100% !important;
	padding: 10px 10px 10px 0 !important;
	background: white !important;
	border-radius: 10px !important;
	box-shadow: 0 0 20px black !important;
}

html * .ls-debug-console li:hover ul,
body * .ls-debug-console li:hover ul,
#ls-global * .ls-debug-console li:hover ul {
	display: block;
}

.ls-debug-console li ul * {
	color: black !important;
}

.ls-debug-console a {
	text-decoration: none !important;
	border-bottom: 1px dotted white !important;
}

.ls-error {
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-wenkit-border-radius: 5px !important;
	background: white !important;
	height: auto !important;
	width: auto !important;
	color: white !important;
	padding: 20px 40px 30px 80px !important;
	position: relative !important;
	box-shadow: 0 2px 20px -5px black;
}

.ls-error p {
	line-height: normal !important;
	text-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: justify !important;
	font-family: Arial, sans-serif !important;
}

.ls-error .ls-error-title {
	line-height: 40px !important;
	color: red !important;
	font-weight: bold !important;
	font-size: 16px !important;
}

.ls-error .ls-error-text {
	color: #555 !important;
	font-weight: normal !important;
	font-size: 13px !important;
}

.ls-error .ls-exclam {
	width: 40px !important;
	height: 40px !important;
	position: absolute !important;
	left: 20px !important;
	top: 20px !important;
	border-radius: 50px !important;
	-moz-border-radius: 50px !important;
	-webkit-border-radius: 50px !important;
	font-size: 30px !important;
	font-weight: bold !important;
	color: white !important;
	line-height: 40px !important;
	background: red !important;
	text-align: center !important;
}



/* GPU Hardware Acceleration */

html * .ls-container .ls-shadow,
html * .ls-container .ls-slide > *,
html * .ls-container .ls-fullscreen,
html * .ls-container .ls-3d-container,
html * .ls-container .ls-lt-container,
html * .ls-container .ls-lt-container *,
html * .ls-container .ls-thumbnail-wrapper,
html * .ls-container .ls-bottom-nav-wrapper,
body * .ls-container .ls-shadow,
body * .ls-container .ls-slide > *,
body * .ls-container .ls-fullscreen,
body * .ls-container .ls-3d-container,
body * .ls-container .ls-lt-container,
body * .ls-container .ls-lt-container *,
body * .ls-container .ls-thumbnail-wrapper,
body * .ls-container .ls-bottom-nav-wrapper,
#ls-global * .ls-container .ls-shadow,
#ls-global * .ls-container .ls-slide > *,
#ls-global * .ls-container .ls-fullscreen,
#ls-global * .ls-container .ls-3d-container,
#ls-global * .ls-container .ls-lt-container,
#ls-global * .ls-container .ls-lt-container *,
#ls-global * .ls-container .ls-thumbnail-wrapper,
#ls-global * .ls-container .ls-bottom-nav-wrapper,
.ls-gpuhack {
	transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

.ls-gpuhack {
	width: 100% !important;
	height: 100% !important;
}


html * .ls-container .ls-webkit-hack,
body * .ls-container .ls-webkit-hack,
#ls-global * .ls-container .ls-webkit-hack {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/* GPU */

@media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) {
	#ls-test3d {
		position: absolute;
		left: 9px;
		height: 3px;
	}
}



/* responsive */
/* -----------------------------------------------------------------------
    Responsive
-------------------------------------------------------------------------- */

@media only screen and (min-width: 980px) and (max-width: 1040px) {
    body.stretched { overflow-x: hidden; }
}


@media only screen and (max-width: 979px) {


body {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}


#wrapper { overflow: hidden; }

#primary-menu {
    width: 100%;
    max-width: 100%;
}

#primary-menu ul,
#header.header4 #primary-menu ul { display: none; }

div.responsive-menu,
div.responsive-menu span {
    background: url("../images/responsive-menu.png");
    -webkit-font-smoothing: antialiased;
}

.rs-menu,
.rs-menu * {
    margin: 0;
    padding: 0;
}

.rs-menu {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

div.rs-menu {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.select-menu {
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 38px;
    font-size: 13px;
}

#primary-menu ul {
    margin: 0 auto;
    border: 3px solid #EEE;
}

#primary-menu ul li {
    float: none;
    height: auto;
    background: none;
    margin: 0;
    border-top: 1px solid #EEE;
}

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

#primary-menu li a,
#header.header2 #primary-menu ul li a {
    display: block;
    padding: 10px 16px 13px;
}

#primary-menu ul ul {
	display: none;
    z-index: 1;
	width: 100%;
	position: relative;
	top: 0;
    border: none;
}

#primary-menu ul ul ul {
	left: 0 !important;
    padding: 0;
	top: 0;
}

#primary-menu ul ul a { padding: 3px 25px !important; }

#primary-menu ul ul ul a { padding: 3px 35px !important; }

#primary-menu ul ul li {
    border-top: 1px solid rgba(0,0,0,0.05) !important;
    margin: 0;
}

#header.header2 #primary-menu,
#header.header3 #primary-menu,
#header.header6 #primary-menu {
    background-color: transparent;
    margin-bottom: 30px;
    height: auto;
    border-top: none;
}

#header.header2 #primary-menu ul { margin: 0 auto !important; }

#header.header2 #primary-menu ul li { height: auto; }

#header.header2 #primary-menu ul ul,
#header.header3 #primary-menu ul ul { top: 0; }

#header.header2 .select-menu,
#header.header3 .select-menu,
#header.header6 .select-menu { margin: 0; }

#header.header3 #primary-menu {
    height: auto;
    border: none;
}

#header.header3 #primary-menu ul { margin: 0 auto; }

#header.header3 #primary-menu ul li { height: auto; }

#header.header6 #primary-menu li a { color: #444; }

#header.header6 #primary-menu li.current a,
#header.header6 #primary-menu li a:hover,
#header.header6 #primary-menu li:hover a,
#header.header6 #primary-menu li li a { color: #FFF; }

#header.header6 #primary-menu > div > ul > li.current.sub-menu > a > div,
#header.header6 #primary-menu > div > ul > li.sub-menu:hover > a > div { background-image: url("../images/icons/mainsubmenuh.png"); }

#header.header6 #primary-menu ul li { background-image: none; }

#header.header3 #primary-menu > div,
#header.header3 #primary-menu > div > ul { margin: 0 auto !important; }

#header.header7 #primary-menu li a,
#header.header3 #primary-menu li a {
    text-align: left;
    padding: 13px 15px 15px;
}

#header.header7 #primary-menu > ul > li > a i {
    display: inline-block;
    width: 18px;
    margin: 0 5px 0 0;
    height: auto;
    line-height: 20px !important;
    font-size: 13px;
    text-align: center;
}

#header.header7 #primary-menu ul ul li { text-align: left; }

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


#sticky-menu { display: none !important; }

#top-bar {
    text-align: center;
    height: auto;
}

#top-menu,
#top-bar.top-bar2 #top-menu {
    text-align: center;
    float: none;
    margin: 0 auto;
}

#top-menu ul { display: inline-block; }

#top-social,
#top-bar.top-bar2 #top-social {
    float: none;
    margin: 0 auto;
    text-align: center;
}

#top-social ul {
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: center;
}

#top-social li { display: inline-block; }


#slider { overflow: hidden; }

#slider.elastic-slideshow { overflow: visible; }

.kwicks,
.slider-3d,
#piecemaker { display: none; }

#slider.layerslider-wrap { height: auto; }

.fallback-image,
.fallback-image a,
.fallback-image img { display: block; }

.stretched #slider.thumb-slider .flex-control-thumbs,
.stretched #slider.thumb-slider .rs-thumb-wrap { background: #FFF; }

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

.sidebar {
    margin-top: 40px !important;
    padding-top: 40px;
    border-top: 3px double #E5E5E5;
}


#twitter-panel { text-align: center; }

#twitter-panel-icon {
    position: relative;
    float: none;
    text-align: center;
    width: 100%;
    margin: 0 0 15px;
}

#twitter-panel-content {
    float: none;
    width: 100%;
    margin: 0 0 20px;
}

#twitter-panel-follow {
    float: none;
    width: 100%;
}

#twitter-panel-follow a {
    display: inline-block;
    float: none;
}

#footer { padding: 40px 20px; }

#gotoTop {
    display: none !important;
    visibility: hidden !important;
}


.stretched #header,
.stretched .content-wrap {
    box-shadow: 0 0 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.1);
}

.stretched #slider { padding: 0; }

.stretched #slider .container { width: 100% !important; }

.stretched .slider-line { display: block; }

.stretched #page-title { padding: 25px 0; }

.stretched #copyrights { margin-bottom: 0; }

}


/* Tablet Portrait size to Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {


#wrapper {
    width: 100% !important;
    margin: 0 auto;
}

.container { width: 720px; }

#header .container { width: 100%; }

#logo {
    text-align: left !important;
    float: none;
    max-width: none;
    width: 720px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.postcontent { width: 720px; }
.landing-offer-media { width: 460px; }
.sidebar { width: 720px; }
.landing-offer-text { width: 230px; }

#landing-area { padding: 25px 0; }

#landing-area h1 {
    font-size: 21px;
    line-height: 28px;
    padding-bottom: 15px;
}

#landing-area p.landing-desc {
    font-size: 12px;
    margin-bottom: 15px;
}

#landing-area ul.landing-features {
    font-size: 13px;
    line-height: 18px;
}

ul.landing-features li { margin-top: 4px; }

ul.landing-features li:first-child { margin-top: 0; }

.landing-action { margin-top: 15px; }

.postcontent,
.sidebar {
	margin: 0 0 30px 0;
	float: none;
}

.landing-offer-media,
.landing-offer-text {  }

#primary-menu {
    margin: 0 !important;
    height: auto;
}

#primary-menu .rs-menu {
    position: absolute;
    z-index: 1;
    top: -80px;
    left: auto;
    right: 10%;
}

#primary-menu ul {
    display: block;
    border-left: 0;
    border-right: 0;
}

#primary-menu ul,
#lp-contacts,
#top-search { display: none; }

#slider,
.slider-wrap,
.ei-slider,
.rs-slider,
#slider.slider-nivo,
.nivoSlider,
.camera_wrap,
#slider.piecemaker-slider { height: 301px; }

#slider.revolution-slider .fullwidthbanner-container,
#slider.revolution-slider .fullwidthbanner {
    height: 301px !important;
    max-height: 301px !important;
}

#slider.thumb-slider { height: auto; }

#slider.thumb-slider .flex-control-thumbs,
#slider.thumb-slider .rs-thumb-wrap { height: 40px; }

.flex-control-thumbs li,
.rs-thumb-wrap a {
    width: 76px !important;
    height: 40px !important;
}

.rs-thumb-wrap a {
    height: 37px !important;
    border-top: 3px solid #CCC;
}

.flex-control-thumbs li img,
.rs-thumb-wrap a img {
    width: 76px !important;
    height: 37px !important;
}

.rs-thumb-wrap a img { border: none; }

#portfolio { margin: 0 -8px -8px 0; }

.portfolio-item {
    margin: 0 8px 8px 0;
    width: 174px;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img {
    width: 174px;
    height: 136px;
}

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

.portfolio-3 .portfolio-item {
    margin: 0 13px 13px 0;
    width: 231px;
}

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

.portfolio-2 .portfolio-item { width: 350px; }

.portfolio-2 .portfolio-item .portfolio-image,
.portfolio-2 .portfolio-item .portfolio-image a,
.portfolio-2 .portfolio-item .portfolio-image img {
    width: 350px;
    height: 223px;
}

.portfolio-5 .portfolio-item { width: 140px; }

.portfolio-5 .portfolio-item .portfolio-image,
.portfolio-5 .portfolio-item .portfolio-image a,
.portfolio-5 .portfolio-item .portfolio-image img {
    width: 140px;
    height: auto;
}

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

#portfolio .slider-wrap { height: 136px; }

#portfolio.portfolio-3 .slider-wrap { height: 156px; }

#portfolio.portfolio-2 .slider-wrap { height: 223px; }

.portfolio-overlay-wrap { display: none; }

.portfolio-3 .portfolio-overlay-wrap,
.portfolio-2 .portfolio-overlay-wrap,
.scroll-portfolio .portfolio-overlay-wrap { display: block; }

#portfolio .p-overlay-icons {
    top: 50%;
    margin-top: -14px;
    width: 58px;
    left: 50%;
    margin-left: -29px;
}

#portfolio.portfolio-3 .p-overlay-icons,
#portfolio.portfolio-2 .p-overlay-icons,
#portfolio.scroll-portfolio .p-overlay-icons {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    width: auto;
    height: 28px;
    margin-top: 0;
    margin-left: 0;
}

#portfolio-single-wrap #slider,
#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 { width: 500px; }

#portfolio-single-wrap.portfolio-single-full #slider { width: 720px; }

#portfolio-details-wrap {
    width: 200px;
    margin-left: 20px;
}

#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,
#portfolio-single-wrap.portfolio-single-left #portfolio-details-wrap {
    width: 200px;
    margin: 0 20px 0 0;
}

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

#portfolio-details-wrap .port-terms h5 { width: 100px; }

#portfolio-related-items li,
#portfolio-related-items li > a,
#portfolio-related-items li > img {
    width: 176px !important;
    height: 137px;
}

.scroll-portfolio .portfolio-item { width: 235px !important; }

.scroll-portfolio .portfolio-item .portfolio-image,
.scroll-portfolio .portfolio-item .portfolio-image > a,
.scroll-portfolio .portfolio-item .portfolio-image > a > img {
    width: 235px !important;
    height: 183px;
}

#shop.shop-3 { margin: 0 -20px -20px 0; }

.shop-3 .product {
    margin: 0 20px 20px 0;
    width: 225px;
}

.shop-3 .product .product-image,
.shop-3 .product .product-image > a,
.shop-3 .product .product-image img {
    width: 225px;
    height: 250px;
}

.col_full .small-posts .entry_date {
    width: 60px;
    margin-right: 10px;
}

.col_full .small-posts .entry_date div.month,
.col_full .small-posts .entry_date div.day {
    font-size: 16px;
    padding: 0 0 12px;
}

.col_full .small-posts .entry_date div.day {
    font-size: 28px;
    padding: 12px 0 0;
}

.col_full .entry_c { width: 628px; }

.col_full .small-posts .entry_c { width: 400px; }

.col_full .small-posts .entry_title h2 {
    font-size: 16px;
    line-height: 20px;
}

.ipost-meta { margin: 10px 0 -3px 0; }

.ipost-meta li {
    float: none;
    margin: 0 0 3px 0;
}

.ipost-meta li span { display: none; }

.col_full .related-posts li { width: 165px !important; }

.col_full .rpost-image,
.col_full .rpost-image a,
.col_full .rpost-image img {
    width: 165px !important;
    height: 120px;
}

.promo { padding: 12px 15px; }

.promo h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
}

.promo-desc > span {
    font-size: 13px;
    line-height: 20px;
}

.our-clients { margin: 0 -10px 0 0; }

.our-clients li { margin: 0 10px 0 0; }

.our-clients li,
.our-clients li a,
.our-clients li img {
    width: 126px !important;
    height: 81px;
}

.sidebar-widgets-wrap,
.footer-widgets-wrap {
    position: relative;
    margin: 0 -52px -45px -3px;
}

.sidebar-widgets-wrap .widget {
    width: 210px;
	margin: 0 45px 45px 0;
    border-top: none;
    padding-top: 0;
}

.sidebar-widgets-wrap .widget-scroll-prev,
.sidebar-widgets-wrap .widget-scroll-next { top: 0; }

#footer .col_one_fourth {
    width: 210px;
    margin: 0 45px 45px 0;
}

.sidebar-widgets-wrap .widget,
#footer .col_one_fourth {
    display: inline-block;
    vertical-align: top;
    float: none;
}


}



@media only screen and (max-width: 767px) {


#header { height: auto; }

#header .container { width: 100%; }

#logo {
    display: block;
    text-align: center;
    float: none;
    max-width: none;
    margin-right: 0;
}

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

#primary-menu {
    margin: 0 0 30px;
    height: auto;
}

#primary-menu {
    max-width: none;
    float: none;
}

#primary-menu ul {
    border-left: 0;
    border-right: 0;
    margin-bottom: -30px;
}

#header.header2 #primary-menu ul,
#header.header3 #primary-menu > div > ul { margin-bottom: -30px !important; }

.select-menu { margin: 0; }

.flex-prev,
.flex-next,
.rs-prev,
.rs-next,
.nivo-prevNav,
.nivo-nextNav,
.camera_prev,
.camera_next,
.camera_commands { bottom: 0; }

#slider.thumb-slider .flex-prev,
#slider.thumb-slider .flex-next { bottom: 55px; }

.slide-caption,
.rs-caption,
.nivo-caption,
.camera_caption,
.ei-title,
#page-title h1 span,
#top-search,
#lp-contacts { display: none !important; }


#page-title { text-align: center; }


.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_one_fourth,
.col_three_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth,
.landing-offer-media,
.landing-offer-text,
.landing-offer-half { width: 100%; }


.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,
.landing-offer-media,
.landing-offer-text,
.landing-offer-half {
	margin-right: 0;
	float: none;
}

.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 { margin-bottom: 30px !important; }


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


.postcontent.col_last,
.sidebar.col_last { margin-bottom: 0 !important; }


#landing-area { padding: 30px 0; }

#landing-area .col_last { margin-top: 30px; }

.landing-offer-text { text-align: center; }

#landing-area h1 {
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 15px;
}

#landing-area p.landing-desc {
    font-size: 13px;
    margin-bottom: 15px;
}

#landing-area ul.landing-features {
    font-size: 15px;
    line-height: 20px;
}

ul.landing-features li { margin-top: 6px; }

ul.landing-features li:first-child { margin-top: 0; }

.landing-action { margin-top: 15px; }


form .col_full,
form .col_half,
form .col_one_third,
form .col_two_third,
form .col_three_fourth,
form .col_one_fourth,
form .col_one_fifth,
form .col_two_fifth,
form .col_three_fifth,
form .col_four_fifth,
form .col_one_sixth,
form .col_five_sixth,
form .col_last,
.ipost .col_full,
.ipost .col_half,
.ipost .col_one_third,
.ipost .col_two_third,
.ipost .col_three_fourth,
.ipost .col_one_fourth,
.ipost .col_one_fifth,
.ipost .col_two_fifth,
.ipost .col_three_fifth,
.ipost .col_four_fifth,
.ipost .col_one_sixth,
.ipost .col_five_sixth,
.ipost .col_last { margin: 0 0 10px 0 !important; }


#countdown-wrap { padding: 30px 0; }

#countdown-wrap h1 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 30px;
}

#portfolio-filter { margin-top: -15px; }

#portfolio-filter li {
    padding: 15px 0;
    width: 33.33%;
}

#portfolio-filter li a {
    padding: 0 10px;
    border-left: none;
    text-align: center;
}

#portfolio-filter li.activeFilter { border-bottom: 1px solid #57B3DF; }


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


#portfolio-details-wrap,
#portfolio-single-wrap.portfolio-single-left #portfolio-details-wrap,
#portfolio-single-wrap.portfolio-single-full #portfolio-details-wrap,
.postcontent #portfolio-single-wrap #portfolio-details-wrap,
#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,
#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,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc,
.postcontent #portfolio-single-wrap.portfolio-single-left .port-desc,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details,
.postcontent #portfolio-single-wrap.portfolio-single-left .port-details {
    float: none;
    width: 100%;
    margin: 0 0 30px;
}

#portfolio-single-wrap.portfolio-single-full #portfolio-details-wrap,
.postcontent #portfolio-single-wrap #portfolio-details-wrap,
#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,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details,
.postcontent #portfolio-single-wrap.portfolio-single-left .port-details { margin: 0; }

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

#portfolio-navigation {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    margin: 20px auto 0;
}

.small-posts .entry_image {
    float: left;
    width: 175px;
    margin: 0;
}

.entry_date {
    float: left;
    width: 60px;
    text-align: center;
}

.postcontent .small-posts .entry_date {
    width: 60px;
    margin-right: 10px;
}

.col_full .small-posts .entry_date { margin-right: 15px; }

.entry_date div.month,
.entry_date div.day,
.postcontent .small-posts .entry_date div.month,
.postcontent .small-posts .entry_date div.day {
    font-size: 16px;
    padding: 0 0 12px;
}

.entry_date div.day,
.postcontent .small-posts .entry_date div.day {
    padding: 12px 0 0;
    font-size: 28px;
}

.entry_date div.post-icon { font-size: 30px; }

.entry_c,
.col_full .entry_c {
    margin-left: 15px;
    width: 365px;
}

.postcontent .small-posts .entry_c,
.col_full .small-posts .entry_c { width: 250px; }

.entry_title { margin-bottom: 10px; }

.entry_title h2 {
    font-size: 17px;
    line-height: 22px;
}

.postcontent .small-posts .entry_title h2,
.col_full .small-posts .entry_title h2 {
    font-size: 16px;
    line-height: 20px;
}

.post-single .entry_title h2 {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
}

.entry_meta { margin: 0 -7px -7px 0; }

.small-posts .entry_meta,
.small-posts span.page-divider { display: none; }

.post-single .entry_meta { margin-bottom: 12px; }

.entry_meta li {
    margin: 0 7px 7px 0;
    float: none;
}

.entry_meta li span { display: none; }

.post-single .entry_meta li { text-align: center; }

.entry_content { font-size: 12px; }

.small-posts .entry_content { margin-top: 20px; }

.post-overlay {
    width: 16px;
    height: 16px;
    padding: 4px;
    line-height: 16px;
    font-size: 15px;
}

.ipost .post-overlay {
    width: 24px;
    height: 24px;
    padding: 6px;
    line-height: 24px;
    font-size: 22px;
}

.entry_share { text-align: center; }

.entry_share span {
    float: none;
    margin: 0 0 10px;
}

.entry_share a {
    display: inline-block;
    float: none;
    margin: 0 7px;
}


img.alignleft,
div.alignleft,
img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter,
img.alignright,
div.alignright,
.wp-caption {
    display: block !important;
    float: none;
    margin: 10px auto;
    clear: both;
}

.wp-caption img {
    position: relative;
    margin: 0 auto !important;
}

.wp-caption { margin: 15px auto; }

.comment-avatar img {
    width: 40px;
    height: 40px;
}


.promo {
    padding: 15px 18px;
    text-align: center;
}

.promo-desc { padding: 0; }

.promo h3 {
    font-size: 17px;
    line-height: 22px;
}

.promo-desc > span {
    font-size: 13px;
    line-height: 20px;
}

.promo-action {
    position: relative;
    right: auto;
    top: 0;
    margin: 12px auto 0;
    max-width: none;
}

.promo-action a {
    display: inline-block;
    font-size: 13px;
    padding: 0 12px;
    line-height: 36px;
}


.error-404 { font-size: 144px; }

.error-404 span { font-size: 32px; }

.error-404-meta form { width: 280px; }

.error-404-meta input[type="text"] { width: 244px; }


.side-tabs { border-bottom: 3px solid #E5E5E5; }

.side-tabs ul.tabs {
    float: none;
    width: 100%;
    padding: 0;
    border: none;
}

.side-tabs ul.tabs li {
    border: 1px solid #DDD;
    border-top: none;
}

.side-tabs ul.tabs li.active {
    border-right: 1px solid #DDD;
    margin-right: 0;
}

.side-tabs ul.tabs li.active a:hover { border-right: none; }

.side-tabs .tab_content { padding: 20px 0; }


.pricing { margin-bottom: 20px; }

.pricing .pricing-wrap,
.pricing3 .pricing-wrap,
.pricing5 .pricing-wrap {
	float: none;
	width: 100%;
    margin-bottom: 20px;
}

.pricing .pricing-wrap.best-price { margin-left: 0; }

.pricing-wrap .pricing-inner { border: 1px solid #E5E5E5; }

.pricing-defines { display: none; }


#copyrights { padding: 20px; }

#copyrights .col_half {
    margin: 15px 0 0 !important;
    text-align: center !important;
}

#copyrights .col_half:first-child { margin: 0 !important; }

#copyrights a,
#copyrights span.link-divider { margin: 0 4px; }


}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


#wrapper {
    width: 100% !important;
    margin: 0 auto;
}

.container { width: 440px; }

#slider,
.slider-wrap,
.ei-slider,
.rs-slider,
#slider.slider-nivo,
.nivoSlider,
.camera_wrap,
#slider.piecemaker-slider { height: 188px; }

#slider.revolution-slider .fullwidthbanner-container,
#slider.revolution-slider .fullwidthbanner {
    height: 188px !important;
    max-height: 188px !important;
}

#slider.thumb-slider { height: auto; }

#slider.thumb-slider .flex-prev,
#slider.thumb-slider .flex-next { bottom: 27px; }

#slider.thumb-slider .flex-control-thumbs,
#slider.thumb-slider .rs-thumb-wrap { height: 27px; }

.flex-control-thumbs li,
.rs-thumb-wrap a {
    width: 48px !important;
    height: 27px !important;
}

.rs-thumb-wrap a,
.flex-control-thumbs li img {
    height: 24px !important;
    border-top: 3px solid #CCC;
}

.flex-control-thumbs li img,
.rs-thumb-wrap a img {
    width: 48px !important;
    height: 24px !important;
}

.rs-thumb-wrap a img { border: none; }

.countdown_section {
    width: 110px;
    font-size: 13px;
    line-height: 20px;
}

.countdown_amount {
	font-size: 54px;
    line-height: 60px;
}

.lp-subscribe form { max-width: 440px; }

.lp-subscribe .lp-subscribe-input { width: 303px; }

.lp-subscribe input[type="text"] { width: 243px; }


#portfolio,
.postcontent #portfolio { margin: 0 -10px -10px 0; }

.portfolio-item,
.postcontent .portfolio-item {
    margin: 0 10px 10px 0;
    width: 215px;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img,
.postcontent .portfolio-item .portfolio-image,
.postcontent .portfolio-item .portfolio-image a,
.postcontent .portfolio-item .portfolio-image img {
    width: 215px;
    height: 168px;
}

#portfolio.portfolio-3,
.postcontent #portfolio.portfolio-3 { margin: 0 -10px -10px 0; }

.portfolio-3 .portfolio-item,
.postcontent .portfolio-3 .portfolio-item {
    margin: 0 10px 10px 0;
    width: 215px;
}

.portfolio-3 .portfolio-item .portfolio-image,
.portfolio-3 .portfolio-item .portfolio-image a,
.portfolio-3 .portfolio-item .portfolio-image img,
.postcontent .portfolio-3 .portfolio-image,
.postcontent .portfolio-3 .portfolio-image a,
.postcontent .portfolio-3 .portfolio-image img {
    width: 215px;
    height: 146px;
}

#portfolio.portfolio-2,
.postcontent #portfolio.portfolio-2 { margin: 0 0 -20px 0; }

.portfolio-2 .portfolio-item,
.postcontent .portfolio-2 .portfolio-item {
    margin: 0 0 20px 0;
    width: 440px;
}

.portfolio-2 .portfolio-item .portfolio-image,
.portfolio-2 .portfolio-item .portfolio-image a,
.portfolio-2 .portfolio-item .portfolio-image img,
.postcontent .portfolio-2 .portfolio-image,
.postcontent .portfolio-2 .portfolio-image a,
.postcontent .portfolio-2 .portfolio-image img {
    width: 440px;
    height: 280px;
}

#portfolio.portfolio-5 { margin: 0 -10px -10px 0; }

.portfolio-5 .portfolio-item {
    width: 215px;
    margin: 0 10px 10px 0;
}

.portfolio-5 .portfolio-item .portfolio-image,
.portfolio-5 .portfolio-item .portfolio-image a,
.portfolio-5 .portfolio-item .portfolio-image img {
    width: 215px;
    height: auto;
}

#portfolio .slider-wrap,
.postcontent #portfolio .slider-wrap { height: 168px; }

#portfolio.portfolio-3 .slider-wrap,
.postcontent #portfolio.portfolio-3 .slider-wrap { height: 146px; }

#portfolio.portfolio-2 .slider-wrap,
.postcontent #portfolio.portfolio-2 .slider-wrap { height: 280px; }


.portfolio-overlay-wrap,
.portfolio-3 .portfolio-overlay-wrap { display: none; }

.portfolio-2 .portfolio-overlay-wrap { display: block; }

#portfolio .p-overlay-icons,
#portfolio.portfolio-3 .p-overlay-icons {
    top: 50%;
    margin-top: -14px;
    width: 58px;
    left: 50%;
    margin-left: -29px;
}

#portfolio.portfolio-2 .p-overlay-icons {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    width: auto;
    height: 28px;
    margin-top: 0;
    margin-left: 0;
}

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

#portfolio-details-wrap .port-terms h5 { width: 150px; }

.scroll-portfolio .portfolio-item { width: 215px !important; }

.scroll-portfolio .portfolio-item .portfolio-image,
.scroll-portfolio .portfolio-item .portfolio-image > a,
.scroll-portfolio .portfolio-item .portfolio-image > a > img {
    width: 215px !important;
    height: 168px;
}

#portfolio-related-items li,
#portfolio-related-items li > a,
#portfolio-related-items li > img,
.postcontent #portfolio-related-items li,
.postcontent #portfolio-related-items li > a,
.postcontent #portfolio-related-items li > img {
    display: block;
    width: 143px !important;
    height: 111px;
}

.product { width: 210px; }

.product .product-image,
.product .product-image > a,
.product .product-image img {
    width: 210px;
    height: 233px;
}


#shop.shop-3,
.postcontent #shop.shop-3,
.postcontent #shop.shop-2 { margin: 0 -20px -20px 0; }

.shop-3 .product,
.postcontent .shop-3 .product,
.postcontent .shop-2 .product {
    margin: 0 20px 20px 0;
    width: 210px;
}

.shop-3 .product .product-image,
.shop-3 .product .product-image > a,
.shop-3 .product .product-image img,
.product .product-image,
.product .product-image > a,
.product .product-image img,
.postcontent .shop-2 .product-image,
.postcontent .shop-2 .product-image > a,
.postcontent .shop-2 .product-image img,
.postcontent .shop-3 .product-image,
.postcontent .shop-3 .product-image > a,
.postcontent .shop-3 .product-image img {
    width: 210px;
    height: 233px;
}

.product-title { padding: 7px 0 0 !important; }

.product-title h3 { font-size: 15px !important; }

.product-price { font-size: 18px !important; }

.related-posts { margin: 0 -10px 0 0; }

.related-posts li,
.col_full .related-posts li {
    margin: 0 10px 0 0;
    width: 140px !important;
}

.rpost-image,
.rpost-image a,
.rpost-image img,
.col_full .rpost-image,
.col_full .rpost-image a,
.col_full .rpost-image img {
    width: 140px !important;
    height: 102px;
}


.our-clients li,
.our-clients li a,
.our-clients li img {
    width: 128px !important;
    height: 82px;
}

.sidebar-widgets-wrap,
.footer-widgets-wrap {
    position: relative;
    margin: 0 -21px -40px -2px;
}

.sidebar-widgets-wrap .widget {
    width: 210px;
	margin: 0 20px 40px 0;
    border-top: none;
    padding-top: 0;
}

.sidebar-widgets-wrap .widget-scroll-prev,
.sidebar-widgets-wrap .widget-scroll-next { top: 0; }

#footer .col_one_fourth {
    width: 210px;
    margin: 0 20px 40px 0 !important;
}

.widget .tab_widget ul.tabs li a {
	font-size: 13px;
	padding: 0 12px;
    font-weight: bold;
}

.sidebar-widgets-wrap .widget,
#footer .col_one_fourth {
    display: inline-block;
    vertical-align: top;
    float: none;
}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


#wrapper {
    width: 100% !important;
    margin: 0 auto;
    min-width: 320px;
}

.container { width: 280px; }

#top-social ul { margin: 0 -20px; }

#slider,
.slider-wrap,
.ei-slider,
.rs-slider,
#slider.slider-nivo,
.nivoSlider,
.camera_wrap,
#slider.piecemaker-slider { height: 125px; }

#slider.revolution-slider .fullwidthbanner-container,
#slider.revolution-slider .fullwidthbanner {
    height: 125px !important;
    max-height: 125px !important;
}

#slider.thumb-slider { height: auto; }

#slider.thumb-slider .flex-prev,
#slider.thumb-slider .flex-next { bottom: 19px; }

#slider.thumb-slider .flex-control-thumbs,
#slider.thumb-slider .rs-thumb-wrap { height: 19px; }

.flex-control-thumbs li,
.rs-thumb-wrap a {
    width: 32px !important;
    height: 19px !important;
}

.rs-thumb-wrap a,
.flex-control-thumbs li img {
    height: 32px !important;
    border-top: 3px solid #CCC;
}

.flex-control-thumbs li img,
.rs-thumb-wrap a img {
    width: 32px !important;
    height: 16px !important;
}

.rs-thumb-wrap a img { border: none; }

.countdown_section {
    width: 70px;
    font-size: 12px;
    line-height: 20px;
}

.countdown_amount {
	font-size: 42px;
    line-height: 48px;
}

.lp-subscribe form {
    text-align: center;
    max-width: 280px;
}

.lp-subscribe .lp-subscribe-input { width: 280px; }

.lp-subscribe input[type="text"] {
    width: 220px;
    margin-bottom: 10px !important;
}

.lp-subscribe .lp-subscribe-submit { float: none; }

.lp-subscribe input[type="submit"] { display: inline-block; }

#portfolio-filter li { width: 50%; }

#portfolio,
.postcontent #portfolio { margin: 0 0 -10px 0; }

.portfolio-item,
.postcontent .portfolio-item {
    margin: 0 0 10px 0;
    width: 280px;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img,
.postcontent .portfolio-item .portfolio-image,
.postcontent .portfolio-item .portfolio-image a,
.postcontent .portfolio-item .portfolio-image img {
    width: 280px;
    height: 219px;
}

#portfolio.portfolio-3,
.postcontent #portfolio.portfolio-3 { margin: 0 0 -10px 0; }

.portfolio-3 .portfolio-item,
.postcontent .portfolio-3 .portfolio-item {
    margin: 0 0 10px 0;
    width: 280px;
}

.portfolio-3 .portfolio-item .portfolio-image,
.portfolio-3 .portfolio-item .portfolio-image a,
.portfolio-3 .portfolio-item .portfolio-image img,
.postcontent .portfolio-3 .portfolio-image,
.postcontent .portfolio-3 .portfolio-image a,
.postcontent .portfolio-3 .portfolio-image img {
    width: 280px;
    height: 190px;
}

#portfolio.portfolio-2,
.postcontent #portfolio.portfolio-2 { margin: 0 0 -10px 0; }

.portfolio-2 .portfolio-item,
.postcontent .portfolio-2 .portfolio-item {
    margin: 0 0 10px 0;
    width: 280px;
}

.portfolio-2 .portfolio-item .portfolio-image,
.portfolio-2 .portfolio-item .portfolio-image a,
.portfolio-2 .portfolio-item .portfolio-image img,
.postcontent .portfolio-2 .portfolio-image,
.postcontent .portfolio-2 .portfolio-image a,
.postcontent .portfolio-2 .portfolio-image img {
    width: 280px;
    height: 178px;
}

#portfolio.portfolio-5 { margin: 0 -10px -10px 0; }

.portfolio-5 .portfolio-item {
    width: 280px;
    margin: 0 10px 10px 0;
}

.portfolio-5 .portfolio-item .portfolio-image,
.portfolio-5 .portfolio-item .portfolio-image a,
.portfolio-5 .portfolio-item .portfolio-image img {
    width: 280px;
    height: auto;
}

#portfolio .slider-wrap,
.postcontent #portfolio .slider-wrap { height: 219px; }

#portfolio.portfolio-3 .slider-wrap,
.postcontent #portfolio.portfolio-3 .slider-wrap { height: 190px; }

#portfolio.portfolio-2 .slider-wrap,
.postcontent #portfolio.portfolio-2 .slider-wrap { height: 178px; }

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

.portfolio-2 .portfolio-overlay-wrap {
    font-size: 12px;
    line-height: 20px;
}

#portfolio-details-wrap .port-terms h5 { width: 110px; }

.scroll-portfolio .portfolio-item { width: 280px !important; }

.scroll-portfolio .portfolio-item .portfolio-image,
.scroll-portfolio .portfolio-item .portfolio-image > a,
.scroll-portfolio .portfolio-item .portfolio-image > a > img {
    width: 280px !important;
    height: 218px;
}

#portfolio-related-items li,
#portfolio-related-items li > a,
#portfolio-related-items li > img,
.postcontent #portfolio-related-items li,
.postcontent #portfolio-related-items li > a,
.postcontent #portfolio-related-items li > img {
    display: block;
    width: 137px !important;
    height: 106px;
}

#shop,
#shop.shop-3,
.postcontent #shop.shop-3,
.postcontent #shop.shop-2 { margin: 0 -30px -30px 0; }

.product,
.shop-3 .product,
.postcontent .shop-3 .product,
.postcontent .shop-2 .product {
    margin: 0 30px 30px 0;
    width: 280px;
}

.product .product-image,
.product .product-image > a,
.product .product-image img,
.shop-3 .product .product-image,
.shop-3 .product .product-image > a,
.shop-3 .product .product-image img,
.product .product-image,
.product .product-image > a,
.product .product-image img,
.postcontent .shop-2 .product-image,
.postcontent .shop-2 .product-image > a,
.postcontent .shop-2 .product-image img,
.postcontent .shop-3 .product-image,
.postcontent .shop-3 .product-image > a,
.postcontent .shop-3 .product-image img {
    width: 280px;
    height: 311px;
}

.product-title { padding: 10px 0 0 !important; }

.product-title h3 { font-size: 17px !important; }

.product-price {
    top: 13px;
    font-size: 20px !important;
}

.small-posts .entry_image {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
}

.entry_c,
.col_full .entry_c {
    margin-left: 15px;
    width: 205px;
}

.postcontent .small-posts .entry_c,
.col_full .small-posts .entry_c {
    width: 100%;
    margin: 0;
}

.entry_title { margin-bottom: 10px; }

.entry_image .post-overlay {
    width: 24px;
    height: 24px;
    padding: 6px;
    line-height: 24px;
    font-size: 22px;
}


.entry_share a { margin: 0 4px; }


.related-posts { margin: 0 -10px 0 0; }

.related-posts li,
.col_full .related-posts li {
    margin: 0 10px 0 0;
    width: 135px !important;
}

.rpost-image,
.rpost-image a,
.rpost-image img,
.col_full .rpost-image,
.col_full .rpost-image a,
.col_full .rpost-image img {
    width: 135px !important;
    height: 98px;
}

.tab_widget ul.tabs { height: 36px; }

.side-tabs ul.tabs { height: auto; }

.tab_widget ul.tabs li {
	height: 33px;
	line-height: 33px;
}

.side-tabs ul.tabs li {
    height: 40px;
	line-height: 40px;
}

.tab_widget ul.tabs li a {
	font-size: 12px;
	padding: 0 4px;
    font-weight: normal;
}

.tabbed-widget .tab_widget ul.tabs a { padding: 0 4px; }

.side-tabs ul.tabs li a {
	font-size: 14px;
	padding: 0 15px;
	font-weight: bold;
}

.tab_widget ul.tabs li a i {
    font-size: 15px;
    width: 15px;
    height: 15px;
    margin-right: 2px;
}

.side-tabs ul.tabs li a i {
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

.our-clients li,
.our-clients li a,
.our-clients li img {
    width: 124px !important;
    height: 80px;
}

.sidebar-widgets-wrap { margin: 0; }

.sidebar-widgets-wrap .widget {
    width: 280px;
	margin: 30px 0 0;
}

.sidebar-widgets-wrap .widget-scroll-prev,
.sidebar-widgets-wrap .widget-scroll-next { top: 30px; }

.sidebar-widgets-wrap .widget:first-child .widget-scroll-prev,
.sidebar-widgets-wrap .widget:first-child .widget-scroll-next { top: 0; }

.footer-widgets-wrap { margin: 0; }

#footer .col_one_fourth {
    width: 280px;
    padding-top: 30px;
    margin: 30px 0 0 0 !important;
    border-top: 3px double #E5E5E5;
}

#footer.footer-dark .col_one_fourth { border-top-color: #404040; }

#footer .col_one_fourth:first-child {
    padding-top: 0;
    margin-top: 0 !important;
    border: none;
}

.widget_search input[type="text"] { width: 233px; }

.widget .tab_widget ul.tabs { height: 42px; }

.widget .tab_widget ul.tabs li {
	height: 39px;
	line-height: 39px;
}

.widget .tab_widget ul.tabs li a {
	font-size: 14px;
	padding: 0 15px;
    font-weight: bold;
}

.widget .tab_widget ul.tabs li a i {
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.portfolio-widget .portfolio-item { width: 280px; }

.portfolio-widget .portfolio-item .portfolio-image,
.portfolio-widget .portfolio-item .portfolio-image a,
.portfolio-widget .portfolio-item .portfolio-image img {
    width: 280px;
    height: 218px;
}


}


/* bootstrap */
/*!
 * Bootstrap v3.0.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.row:after {
  clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666666666666%;
}
.col-xs-10 {
  width: 83.33333333333334%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666666666666%;
}
.col-xs-7 {
  width: 58.333333333333336%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666666666667%;
}
.col-xs-4 {
  width: 33.33333333333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.666666666666664%;
}
.col-xs-1 {
  width: 8.333333333333332%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666666666666%;
}
.col-xs-pull-10 {
  right: 83.33333333333334%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666666666666%;
}
.col-xs-pull-7 {
  right: 58.333333333333336%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666666666667%;
}
.col-xs-pull-4 {
  right: 33.33333333333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.666666666666664%;
}
.col-xs-pull-1 {
  right: 8.333333333333332%;
}
.col-xs-pull-0 {
  right: 0%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666666666666%;
}
.col-xs-push-10 {
  left: 83.33333333333334%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666666666666%;
}
.col-xs-push-7 {
  left: 58.333333333333336%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666666666667%;
}
.col-xs-push-4 {
  left: 33.33333333333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.666666666666664%;
}
.col-xs-push-1 {
  left: 8.333333333333332%;
}
.col-xs-push-0 {
  left: 0%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666666666666%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333333334%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666666666666%;
}
.col-xs-offset-7 {
  margin-left: 58.333333333333336%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666666666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.666666666666664%;
}
.col-xs-offset-1 {
  margin-left: 8.333333333333332%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon:empty {
  width: 1em;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #999999;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
}
.btn-default .caret {
  border-top-color: #333333;
}
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
  border-top-color: #fff;
}
.dropup .btn-default .caret {
  border-bottom-color: #333333;
}
.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
  border-bottom-color: #fff;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn-group {
  float: left;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group-xs > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 1px 5px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified .btn {
  float: none;
  display: table-cell;
  width: 1%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before,
.nav:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.nav:after {
  clear: both;
}
.nav:before,
.nav:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}
.nav .open > a .caret,
.nav .open > a:hover .caret,
.nav .open > a:focus .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}
.nav-pills > li.active > a .caret,
.nav-pills > li.active > a:hover .caret,
.nav-pills > li.active > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav .caret {
  border-top-color: #428bca;
  border-bottom-color: #428bca;
}
.nav a:hover .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #999999;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager:before,
.pager:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.pager:after {
  clear: both;
}
.pager:before,
.pager:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #ffffff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label[href]:hover,
.label[href]:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.label-default {
  background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.btn .badge {
  position: relative;
  top: -1px;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #ffffff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1 {
  line-height: 1;
  color: inherit;
}
.jumbotron p {
  line-height: 1.4;
}
.container .jumbotron {
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1 {
    font-size: 63px;
  }
}
.thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 20px;
}
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #356635;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #2d6987;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #c09853;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #a47e3c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #b94a48;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #953b39;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-body:before,
.panel-body:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.panel-body:after {
  clear: both;
}
.panel-body:before,
.panel-body:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.panel-body:after {
  clear: both;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive {
  margin-bottom: 0;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading > .dropdown .caret {
  border-color: #333333 transparent;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading > .dropdown .caret {
  border-color: #468847 transparent;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading > .dropdown .caret {
  border-color: #c09853 transparent;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading > .dropdown .caret {
  border-color: #b94a48 transparent;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading > .dropdown .caret {
  border-color: #3a87ad transparent;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding: 10px;
  z-index: 1050;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.428571429;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.modal-footer:after {
  clear: both;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
.hidden-xs {
  display: block !important;
}
tr.hidden-xs {
  display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm,
  tr.hidden-xs.hidden-sm,
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md,
  tr.hidden-xs.hidden-md,
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg,
  tr.hidden-xs.hidden-lg,
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}
tr.hidden-sm {
  display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-sm.hidden-xs,
  tr.hidden-sm.hidden-xs,
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md,
  tr.hidden-sm.hidden-md,
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg,
  tr.hidden-sm.hidden-lg,
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}
tr.hidden-md {
  display: table-row !important;
}
th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-md.hidden-xs,
  tr.hidden-md.hidden-xs,
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm,
  tr.hidden-md.hidden-sm,
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-md.hidden-lg,
  tr.hidden-md.hidden-lg,
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}
.hidden-lg {
  display: block !important;
}
tr.hidden-lg {
  display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm,
  tr.hidden-lg.hidden-sm,
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md,
  tr.hidden-lg.hidden-md,
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}