/* --------------------------------------------------------------------
 *  Fonts customization >
 * -------------------------------------------------------------------- */

body,
.flyout-panel .flyout-panel-column > .sub-menu > li,
.site-content ul.dash:not(.block-grid) li:before,
.widget ul.dash:not(.block-grid) li:before {
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
}

h1, h2, h3, h4, h5, h6,
p.lead,
.nav-bar > li > a:first-child,
.flyout-panel .flyout-panel-column > .sub-menu > li,
.button, form#commentform #submit,
.site-content blockquote p {
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
}

/* --------------------------------------------------------------------
 *  Colors customization
 * -------------------------------------------------------------------- */


body {
	color:  #535962;
}

/**
 * Link color
 */

a:not(.button),
.is-home .entry-header h1 a,
.archive .entry-header h1 a,
.search .entry-header h1 a {
  color:  #672666;
}

a:hover:not(.button),
.is-home .entry-header h1 a:hover,
.archive .entry-header h1 a:hover,
.search .entry-header h1 a:hover {
  color:  #be4fbc;
}

a:active:not(.button) {
  color:  #535962;
}

/**
 * Text color
 */

.is-home .entry-date,
.archive .entry-date,
.search .entry-date {
	color: #a0a6ae;
}


/**
 * Typography
 */


h1 {
	color: #ACD504;
}
	h1.subheader {
		color: #cdfb11;
	}


h2 {
	color: #ACD504;
}

	h2.subheader {
		color: #cdfb11;
	}

h3, h4, h5, h6 {
	color:  #535962;
}

p.lead {
	color: #3c4046;
}

aside, aside p {
	color: #848c97;
}

.site-content ul:not(.block-grid):not(.social-buttons) > li::before,
.widget ul:not(.block-grid):not(.social-buttons) > li::before {
	color: #672666;
}

.site-content ul.block:not(.block-grid) li:before,
.widget ul.block:not(.block-grid) li:before {
	background-color: #8c348b;
}




.site-content ul:not(.block-grid).dash li:before {
	color: #d7d9dd;
}

.site-content dl dt {
	color: #ACD504;
}

.site-content blockquote {
	border-left-color: #c561c3;
}


.site-content blockquote:before {
	border-color: #b241b0;
	color: #bbbfc6;
}

.site-content blockquote p,
.widget-area blockquote p {
	color: #98bc04;
}

.site-content blockquote:before {
	color:  #d7d9dd;
}

.site-content .styledlist.block ul li:before,
.site-content ul:not(.block-grid).block li:before,
.widget .styledlist.block ul li:before,
.widget ul:not(.block-grid).block li:before {
	background-color: rgba(103,38,102,.2);
}

.border-left {
	border-left-color: #f2f2f2;
}

.stats-head {
	color: #ACD504;
}

.stats-descr {
	color: #6a727e;
}

input[type="text"], input[type="password"], input[type="date"],
input[type="datetime"], input[type="email"], input[type="number"],
input[type="search"], input[type="tel"], input[type="time"], input[type="url"],
textarea {
	border-color: #e5e5e5;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
	border-color: #541f54;
	background: #672666;
}

.outofthebox.primary {
	background-color: #672666!important;
}

.outofthebox.secondary {
	background-color: #ACD504!important;
}

.outofthebox.light {
	background-color: #F9F9F9!important;
}

.outofthebox.dark {
	background-color: #454F55!important;
}

/**
 * Header
 */


.site-menu-bar,
.fixable-menu-spacer {
	background-color: #652464;
	}

.site-menu-bar .site-identity {
	font-size: 21px;
}

.site-menu-bar .site-identity a {
	color: #ffffff;
}

.nav-bar > li.has-flyout > a:first-child:after  {
	border-color: #ffffff  transparent transparent;
}

.nav-bar > li.has-flyout > a:first-child:before {
	color: #FFFFFF;
}



.site-menu-bar h1, .site-menu-bar h2, .site-menu-bar h3,
.site-menu-bar h4, .site-menu-bar h5, .site-menu-bar h6, .site-menu-bar p,
.site-menu-bar li>a, .site-menu-bar li>a:hover {
	color: #ffffff;
}

.nav-bar.primary-menu > li:hover {
  background: #521d51;
}

.nav-bar.primary-menu > li.active {
	border-color: #521d51;
}

.nav-bar.primary-menu > li.active:hover {
	color: #ffffff;
}

.nav-bar > li.active > a {
	color: #ffffff;

}

.site-menu-bar .flyout h1, .site-menu-bar .flyout h2,
.site-menu-bar .flyout h3, .site-menu-bar .flyout h4,
.site-menu-bar .flyout h5, .site-menu-bar .flyout h6,
.site-menu-bar .flyout p, .site-menu-bar .flyout a {
	color: #535962;
}

.nav-bar.primary-menu .flyout {
	background-color: #FFFFFF;
}
/*
.nav-bar.primary-menu .flyout > li,
.nav-bar.primary-menu .flyout > li > a {
	background: #ffffff;
}
*/

.nav-bar.primary-menu .flyout {
	color: #FFFFFF;
}

.nav-bar.primary-menu .flyout > li,
.nav-bar.primary-menu .flyout > li > a {
	background: #FFFFFF;
}

.nav-bar.primary-menu .flyout > li.active a {
	color: #3c4046;
}

.nav-bar.primary-menu .flyout > li > a:hover {
	background:  #f2f2f2;
	color: #535962;
}

.flyout-panel ul.sub-menu li.sub-menu-header>a {
	color: #535962;
}

.flyout-panel ul.sub-menu li.sub-menu-header>a[href$='#']:hover,
.flyout-panel ul.sub-menu li.sub-menu-header>a.non-active:hover {
	color: #535962;
}

.flyout-panel ul.sub-menu li.active> a,
.footer-site-map ul.sub-menu li.active> a,
.sub-menu li.active> a {
	color: #535962;
}


.no-touch .flyout-panel ul.sub-menu li.active > a:hover,
.no-touch .footer-site-map ul.sub-menu li.active > a:hover,
.no-touch .sub-menu li.active > a:hover {
	color: #535962;
}

.no-touch .flyout-panel ul.sub-menu li a:hover,
.no-touch .sub-menu li a:hover,
.no-touch .flyout-panel ul.sub-menu a:hover ,
.no-touch .sub-menu a:hover {
	background: transparent;
  	color:  #be4fbc;
}

.flyout-panel ul.sub-menu li a, .flyout-panel ul.sub-menu a,
.sub-menu li a, .sub-menu a {
  color:  #672666;
}

.search-panel input.search-field,
.search-panel input.search-field:focus {
  background: #ffffff;
  color:  #652464;
}

.search-panel button.search-button {
  color: #652464;
}

.search-panel.collapsible button.search-button {
  color: #ffffff;
}

.search-panel.collapsible.expanded button.search-button {
  color: #652464;
}

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

.button, .button.primary, form#commentform #submit {
	background-color: #672666;
}

.button:hover,
.button:focus,
.button.primary:hover,
.button.primary:focus,
form#commentform #submit:hover,
form#commentform #submit:focus,
.button.white:hover, .button.white:focus,
form.custom.portfolio-filter div.custom.dropdown:hover a.current {
	background-color: #8c348b;
}

.button:active,
.button.primary:active,
form#commentform #submit:active {
	background-color: #421841;
}


.button.secondary {
	color:#535962;	background-color: #ACD504;
}

.button.secondary:hover,
.button.secondary:focus {
	background-color: #c8f805;
}

.button.secondary:active {
	background-color: #84a303;
}


.button.primary.lighten {
	background-color: #813080;
}

.button.primary.lighten:hover,
.button.primary.lighten:focus {
	background-color: #9f3b9d;
}

.button.primary.lighten:active {
	background-color: #421841;
}


.button.white:active {
	background-color: #421841;
}


.button.light,
.button.light:hover,
.button.light:focus,
.button.light:active {
	color:  #535962;
	background-color: #F9F9F9;
}

.button.txt-light,
.button.txt-light:hover,
.button.txt-light:focus,
.button.txt-light:active {
	color:  #F9F9F9;
}

.button.dark,
.button.dark:hover,
.button.dark:focus,
.button.dark:active {
	color:  #ABB5BB;
	background-color: #454F55;
}

.button.txt-dark,
.button.txt-dark:hover,
.button.txt-dark:focus,
.button.txt-dark:active {
	color:  #454F55;
}

.button.txt-primary {
	color:  #672666;
}

.button.txt-secondary {
	color:  #ACD504;
}


ul.pagination li a {
	color: #672666;
}

ul.pagination li:hover a, ul.pagination li:focus a {
    background: #e0acdf;
    color: #672666;
}

ul.pagination li.current {
	background-color: #672666;
	color: #e0acdf;
}

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

.arrow-right {
	border-color: transparent transparent transparent #672666;
}


.iconbadge,
.iconbadge.primary,
.stages .stage-item.primary {
	background: #672666;
}
/*
.stages .stage-item:hover {
	background: #672666;
}

.stages .stage-item:hover .stage-heading,
.stages .stage-item:hover .icon,
.stages .stage-item:hover .stage-content  {
	color: #535962!important;
}


.stages .stage-item.primary:hover {
	-webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.1) inset;
	        box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.1) inset;
}

*/

.iconbadge.secondary,
.stages .stage-item.secondary {
	background: #ACD504;
}

.iconbadge.black,
.stages .stage-item.black {
	background: #000;
}

.iconbadge.white,
.stages .stage-item.white {
	background: #fff;
}

.iconbadge.dark,
.stages .stage-item.dark {
	background: #454F55;
}

.iconbadge.light,
.stages .stage-item.light {
	background: #F9F9F9;
}




body .ilink.primary,
.icon.primary {
	color: #672666;
}

body .ilink.primary:hover,
.icon.primary:hover {
	color: #8c348b;
}

body .ilink.secondary,
.icon.secondary {
	color: #ACD504;
}

body .ilink.secondary:hover,
.icon.secondary:hover {
	color: #cdfb11;
}


body .ilink.black,
.icon.black {
	color: #000;
}

body .ilink.white,
.icon.white {
	color: #fff;
}

body .ilink.dark,
.icon.dark {
	color: #454F55;
}

body .ilink.dark:hover,
.icon.dark:hover {
	color: #5c6971;
}

body .ilink.light,
.icon.light {
	color: #F9F9F9;
}

body .ilink.light:hover,
.icon.light:hover {
	color: #ffffff;
}





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

.site-subheader,
.fixable-subheader-spacer,
.orbit-slider__header span {
  background-color: #652464;
  }

.site-subheader .button.transparent,
.entry-header .button.transparent,
form.custom.portfolio-filter div.custom.dropdown a.current {
	color: #DCF3FF;
	-webkit-box-shadow: 0 0 0 1px rgba(220, 243, 255, 0.6) inset;
	box-shadow: 0 0 0 1px rgba(220, 243, 255, 0.6) inset;
}

form.custom.portfolio-filter div.custom.dropdown a.current:hover {
	color: #DCF3FF;
}

.site-subheader .button.transparent:hover,
.entry-header .button.transparent:hover{
	color: #DCF3FF;
	-webkit-box-shadow: 0 0 0 1px rgba(220, 243, 255, 0) inset;
	box-shadow: 0 0 0 1px rgba(220, 243, 255, 0) inset;
}

.site-subheader h1, .site-subheader h2, .site-subheader h3,
.site-subheader h4, .site-subheader h5, .site-subheader h6, .site-subheader p {
  color: #DCF3FF;
}

.site-subheader .lighten, .site-subheader h1 span, .orbit-slider__header span {
  color: #ffffff;
}

.site-subheader p.darken {
  color: #1a091a;
}

.featured-post {
	background: #ACD504;
}

.entry-header,
.home.page .entry-header,
.portfolio-intro {
	background: #652464;
		color: #DCF3FF;
}

.portfolio-intro p {
	color: #ffffff;
}

.entry-header,
.entry-header h1,
.home.page .entry-header h1 {
	color: #DCF3FF;
}

.site-content .entry-header h1 {
	color: #ACD504;
}

.entry-header h1 a {
  	color:  #672666;
}

.entry-header h1 span,
.entry-header h1 .lighten,
.entry-header h1 a:hover {
	color: #ffffff;
}

/**
 * Entry meta block
 */

.entry-meta-body,
.enty-meta-data:hover {
	background: #454F55;
	}

.enty-meta-data,
.author-info .author-description p,
.enty-meta-data .category-list strong,
.enty-meta-data .tag-list strong,
.author-info .author-name h6 {
	color: #ABB5BB;
}

.enty-meta-data strong {
	color: #ffffff;
}

.author-info .author-social-profiles li a {
	color: #ABB5BB!important;
}

.author-info .author-social-profiles li a:hover {
  background-color: #672666;
  color: #e0acdf!important;
}

.author-info .author-name h3 {
	color: #ACD504;
}

/**
 * Site content
 */

.site-body, .site-content {
	background: #FFFFFF;
}

/**
 * Promo blocks
 */

.promobox.bg-primary {
	background-color: #672666;
}

.promobox.bg-secondary {
	background-color: #ACD504;
}

.promobox.bg-dark {
	background-color: #454F55;
}

.promobox.bg-light {
	background-color: #F9F9F9;
}


.promobox.primary,
.promobox.primary h3 {
	color: #672666;
}

.promobox.secondary,
.promobox.secondary h3 {
	color: #ACD504;
}

.promobox.dark,
.promobox.dark h3 {
	color: #454F55;
}

.promobox.light,
.promobox.light h3 {
	color: #F9F9F9;
}


/**
 * Steps
 */

.steps .step-item.primary {
	background-color: #672666;
}

.steps .step-item.secondary {
	background-color: #ACD504;
}

.steps .step-item.light {
	background-color: #F9F9F9;
}

.steps .step-item.dark {
	background-color: #454F55;
}

.steps h3.primary,
.steps .step-content.primary {
	color: #672666;
}

.steps h3.secondary,
.steps .step-content.secondary {
	color: #ACD504;
}

.steps h3.light,
.steps .step-content.light {
	color: #F9F9F9;
}

.steps h3.dark,
.steps .step-content.dark {
	color: #454F55;
}



/**
 * Prev/Next blog post links
 */

.nav-single {
	background: #F9F9F9;
}

.nav-single.alternative {
	background: #454F55;
	border-top:1px solid rgba(0,0,0,.05);
}

.nav-single .nav-previous:hover,
.nav-single .nav-next:hover {
  background: #672666;
}

.nav-single .nav-previous:hover a,
.nav-single .nav-next:hover a {
  color: #e0acdf;
}


/**
 * Widgets areas
 */

.sidebar-belowcontent-wrapper {
	background: #F9F9F9;
}

.widget.widget_categories ul li,
.widget.widget_recent_entries ul li {
  color: #ffffff;
}

.widget_tag_cloud .tagcloud a {
  color:  #672666;
}

.widget_tag_cloud .tagcloud a:hover {
  	color:  #be4fbc;
}


/**
 * Comments
 */

.comments-area {
	background: #F9F9F9;
}

.comments-area .nocomments {
	background-color: #ACD504;
}

.commentlist ol.children:before {
    color: #bbbfc6;
}

.comment .comment-divider {
	border-color: #f1f1f1;
}

.comment.bypostauthor > article {
	background: #f1f1f1;
}

.comment .post-author-label {
	background: #672666;
	color: #e0acdf;
}

.comment .author-name a {
  color: #535962;
}

.comment .date,
.comment .reply span {
  color: #a0a6ae;
}

.comment .comment-awaiting-moderation {
	background: #ACD504;
	color:  #f7feda;
}

.interaction-provocator > .row > .columns.comments-link:hover {
	background: #672666;
	color: #e0acdf;
}

.interaction-provocator > .row > .columns.comments-link:hover a {
	color: #e0acdf;
}

.interaction-provocator > .row > .columns.comments-link a {
  color:  #672666;
}

/**
 * Prefooter widget area
 */

.prefooter {
	background: #2C3034;
	}

.prefooter h1,
.prefooter h2,
.prefooter h3,
.prefooter .txtLighten{
	color: #c9c9c9;
}

.prefooter h4,
.prefooter h5,
.prefooter h6,
.prefooter p,
.prefooter .txtDarken {
	color: #969696;
}


/**
 * Footer
 */

.site-footer {
	background: #191C1F;
		color: #A5A7A9;
}

body .footer-site-map ul.sub-menu li.active {
	background-color: #0e0f11;
	border-color: #0e0f11;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
	color:  #652464;
}

.site-footer p {
	color: #A5A7A9;
}

.site-footer .newsletter-subscription-form {
	color: #191C1F;
}

.site-footer .newsletter-subscription-form h4 {
	color: #A5A7A9;
}

.site-footer .newsletter-subscription-form input {
	border-color:  #555f6d;
	background:  #070809;
	color: #A5A7A9;
}

.site-footer .newsletter-subscription-form input:focus {
	background: #672666;
	border-color: #672666;
}

.site-footer .newsletter-subscription-form input:focus::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff;
}
.site-footer .newsletter-subscription-form input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
.site-footer .newsletter-subscription-form input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff;
}
.site-footer .newsletter-subscription-form input:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff;
}

.site-footer .site-identity,
.site-footer .site-identity a {
	color: #555f6d;
}

.site-footer .social-profiles .button {
	background: #282d34;
	color: #A5A7A9;
}

.site-footer .social-profiles .button:hover {
	background: #672666;
	color: #e0acdf;
}

.site-footer .footer-section-secondary,
.site-footer .copyrights-line {
	background: #121417;
	}

.site-footer .copyrights-line div,
.site-footer .copyrights-line p,
.site-footer .copyrights-line a,
.site-footer .copyrights-line li {
	color:	#343942;
}

.site-footer .footer-site-map ul.sub-menu li.sub-menu-header > a,
.site-footer .footer-site-map ul.sub-menu li.sub-menu-header > a:hover {
	color:  #652464;
}

.no-touch .footer-site-map ul.sub-menu li a,
.no-touch .footer-site-map ul.sub-menu a,
.site-footer a {
  	color:  #A5A7A9;
}


.no-touch .footer-site-map ul.sub-menu li a:hover,
.no-touch .footer-site-map ul.sub-menu a:hover,
.site-footer a:hover {
	background: transparent;
  	color:  #e6e7e7;
}

.site-footer a:active {
  color:  #A5A7A9;
}

/**
 * Search results page
 */

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

.home .header-hero-image {
	}

.home .header-hero-image:before {
	position:absolute;
	z-index:1;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;

	background-image: url('');	background-repeat: no-repeat;
	background-position:70% bottom;
	background-size:auto;

}

.home .header-hero-image > .row {
	position:relative;
	z-index:2;
}


.home .header-hero-image.fixable {
	}

@media only screen and (min-width: 1441px) {
	.home .header-hero-image:before {
		background-position:70% bottom;
	}
}

@media only screen and (max-width: 1279px) and (min-width: 1025px) {
	.home .header-hero-image:before {
		background-position:70% bottom;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.home .header-hero-image:before {
		background-position:70% bottom;
	}
}

@media only screen and (max-width: 767px) {
	.home .header-hero-image:before {
		background-position:70% bottom;
	}

	.home .header-hero-image {
		padding-bottom:px;	}
}

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

body div.orbit-wrapper div.slider-nav span {
	color: #672666;
}

form.custom.portfolio-filter div.custom.dropdown a.current {
	background: rgba(0, 0, 0, 0);
	border: none!important;
}

.lt-ie9 form.custom.portfolio-filter div.custom.dropdown a.current {
	background: transparent;
	border: 1px solid #DCF3FF!important;
}

form.custom.portfolio-filter div.custom.dropdown ul {
	border: 1px solid #FFFFFF!important;	background: #FFFFFF;}

form.custom div.custom.dropdown ul li.selected,
form.custom div.custom.dropdown ul li.selected:hover,
form.custom div.custom.dropdown ul li:hover {
	background-color: rgba(103,38,102,.3);
}

.portfolio-circles .portfolio-project:hover .styling-helper:before,
.portfolio-circles .portfolio-project:hover .portfolio-project__thumb:before {
	border-color: rgba(103,38,102,.3)!important;
}

.portfolio-grid.portfolio-descr-overlay .portfolio-project .portfolio-project__thumb .overlay-helper {
 background:#FFFFFF;}

.sidebar-belowcontent-wrapper .portfolio-grid.portfolio-descr-overlay .portfolio-project:hover .portfolio-project__thumb .overlay-helper {
	background: rgba(249,249,249,.9);
}


.portfolio-squares.portfolio-zoom .portfolio-project__desc {
	background:#F9F9F9;	border-bottom: 1px solid #ececec;}

.sidebar-belowcontent-wrapper .portfolio-squares.portfolio-zoom .portfolio-project__desc {
	background:#ffffff;	border-bottom: 1px solid #ececec;}

.portfolio-masonry .overlay-helper {
	background:#672666;}

.portfolio-masonry.portfolio-descr-below .portfolio-project__desc {
	background-color:#f2f2f2;}

.portfolio-project__mask path {
	fill:#FFFFFF;}

.portfolio-overlay-with-shift .portfolio-project__type {
	color:#FFFFFF;}

.portfolio-overlay-with-shift .overlay-helper {
	background:#672666;}

.portfolio-overlay-with-shift .portfolio-project:after {
	color:#FFFFFF;}

.portfolio-overlay-with-shift .portfolio-project:hover .portfolio-project__title a {
	color:#FFFFFF;}

.portfolio-overlay-with-shift .portfolio-project:hover .portfolio-project__type {
	color:#FFFFFF;}

/* --------------------------------------------------------------------
 *  Pricing Tables
 * -------------------------------------------------------------------- */

.pricing-table .title,
.pricing-table .title.bg-primary,
.pricing-table .price.bg-primary {
	background-color: #672666;
}

.pricing-table .title.bg-secondary,
.pricing-table .price.bg-secondary {
	background-color: #ACD504;
}

.pricing-table .title.bg-dark,
.pricing-table .price.bg-dark {
	background-color: #454F55;
}

.pricing-table .price,
.pricing-table .cta-button,
.pricing-table .title.bg-light,
.pricing-table .price.bg-light {
	background-color: #F9F9F9;
}


.pricing-table .title.primary,
.pricing-table .price.primary {
	color: #672666;
}

.pricing-table .title.secondary,
.pricing-table .price.secondary {
	color: #ACD504;
}

.pricing-table .title.dark,
.pricing-table .price.dark {
	color: #454F55;
}

.pricing-table .title.light,
.pricing-table .price.light {
	color: #F9F9F9;
}


/* for demo website */

a.outside-descr {
	border-color: rgba(179, 184, 186, 0.42)!important;
}
a.outside-descr:hover {
	border-color:transparent!important;
	background-color: #672666;
	color: #fff;
}


/* --------------------------------------------------------------------
 *  Custom CSS
 * -------------------------------------------------------------------- */

.some_class { color: red; }