@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto&display=swap");
* {
    border-color: var(--border-color);
}

#main {
    background: var(--background-color);
}

.main-text-color,
.side-menu .active,
.side-menu a:hover,
header .menu-2 li.active a span,
header .menu-5.navbar-nav > li > .dropdown > a:after,
header .menu-5.navbar-nav > li > a:after,
header .navbar-nav .uber-menu a.active,
header .navbar-nav .uber-menu a:hover,
header .navbar-nav a.active,
header .navbar-nav li a:hover,
header .navbar-nav > li.active > .dropdown > a,
header .navbar-nav > li.active > a,
header.custom-1 .utilities-buttons a i,
header.head-1 .menu-bar .utilities-buttons a i {
    color: var(--primary-color);
}

#search button.btn.btn-default,
.main-menu a.active,
.main-menu a:hover,
header .menu-1 li.active.dropdown > a,
header .menu-1 li.active > a,
header .menu-1 > li.dropdown > a:hover,
header .menu-1 > li > a:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

header .menu-4 li.active {
    border-bottom: 2px solid var(--primary-color);
}

.calendar .day.current,
.calendar .day:hover,
header .menu-3 .navbar-nav > li:hover > a:after,
header .menu-3 li.active a:after,
header .menu-3 li:hover > .dropdown > a:after,
header .menu-3 li:hover > a:after,
header.custom-4 .navbar-header a,
header.custom-4 .navbar-nav > li,
header.custom-5 .navbar-nav > li > a:hover {
    background: var(--primary-color);
}

#search ul.dropdown-menu > li > a:hover,
.main-menu button,
header .dropdown li a.active,
header .dropdown li.menu-parent > a:after,
header .dropdown li:hover,
header.custom-1 .utilities-buttons a:hover,
header.custom-2 .navbar-nav a.v-al-container i,
header.custom-3 .navbar-nav a.v-al-container i,
header.head-1 .menu-bar .utilities-buttons a:hover,
ul.basic.minus li:before {
    color: var(--primary-color);
}

header .main-menu.expandable li .active .exp,
header .main-menu.expandable li a:hover .exp {
    color: var(--white-color);
}

.main-menu button {
    background: var(--white-color);
    border: 1px solid var(--border-color);
}

header.custom-1 .menu-cont,
header.custom-1.navbar-fixed-top,
nav.bg-primary {
    background: var(--nav-background-color) !important;
}

header.custom-5 .navbar-nav > li > a {
    background: var(--primary-color);
    color: var(--white-color);
}

.overlay {
    background: var(--overlay-background-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.75)";
}

.banner-over,
.overlay,
.socials a:hover {
    background: var(--primary-color);
}

.banner-over {
    background: var(--primary-opacity-1-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.75)";
}

.blog-wrapper .stats i.fa-heart:hover,
.blog-wrapper .stats i.fa-share:hover,
.breadcrumb.accordion-filter li:hover,
.breadcrumb > .active,
.calendar .day.event .number,
.calendar .day.event .time,
.calendar .navigator a:hover,
.clear,
.clear:hover,
.contact-location .mail a:hover,
.contact-location .phone a:hover,
.portfolio-isotope-filters li:hover a,
.preview.gallery .navigation .control:hover {
    color: var(--primary-color);
}

.socials a:hover {
    color: var(--white-color);
}

.accordion .panel-heading a:not(.collapsed),
.accordion .panel-heading a:not(.collapsed) i {
    color: var(--primary-color);
}

.table.pricing.highlight .price,
a.list-group-item:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.advertising .variants .element .inside:hover,
.blog-wrapper .page-nav .pages .page.active,
.blog-wrapper .page-nav .pages .page:hover,
.forum .page-nav .pages .page.active,
.forum .page-nav .pages .page:hover,
.liked-posts .element,
.modal-header .close,
.single .sg-controls a:hover .preview,
.single .sg-controls a:hover i {
    background: var(--primary-color);
}

.blog-wrapper.grid .bot .stats a:hover,
.blog-wrapper.personal .meta .stats > a:hover,
.blog-wrapper.personal .meta .stats > i:hover,
.boxes-4 ul li:before,
.portfolio.item .bot a i:hover,
.sidebar .tweet-box a,
.tab a:hover h6,
.tab ul li.ui-state-active h6,
.timeline .bot .stats a:hover {
    color: var(--primary-color);
}

.background-overlay,
.flickr-container a .overlay,
.liked-posts .element.op1 {
    background: var(--primary-opacity-1-color);
}

.liked-posts .element.op2 {
    background: var(--primary-opacity-2-color);
}

.liked-posts .element.op3 {
    background: var(--primary-opacity-3-color);
}

.liked-posts .element.op4 {
    background: var(--primary-opacity-4-color);
}

.liked-posts .element.op5 {
    background: var(--primary-opacity-5-color);
}

.background-overlay {
    background: var(--primary-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.75)";
}

body {
    color: var(--base-color);
    background: var(--background-color);
    font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
header .navbar-nav a {
    color: var(--title-color);
    font-family: "Roboto", sans-serif;
}

.content {
    border-top: 1px solid var(--border-light-color);
    border-bottom: 1px solid var(--border-light-color);
    background: var(--white-color);
}

.alt-text-color,
.list-group.products .list-group-item:hover .name,
.list-group.products .list-group-item:hover .price,
.modal-header .close:hover,
header.custom-4 .navbar-nav li a .text,
header.custom-4 .navbar-nav li a i {
    color: var(--white-color);
}

header.custom-1 .navbar-nav > a,
header.custom-1 .navbar-nav > li.active > a,
header.custom-1 .navbar-nav > li > a,
header.custom-1 .navbar-nav > a,
header.custom-1 .navbar-nav > li.active > a,
header.custom-1 .navbar-nav > li > a {
    color: var(--nav-link-color) !important;
}

.overlay i.md,
.overlay i.sm {
    color: var(--white-color);
    background: var(--black-color);
    background: var(--overlay-dark-background-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.60)";
}

.call,
.form .input-group-addon,
.form .input-group-text,
.main-menu li.main,
.shop-col-item .info,
.shop-promo,
header {
    background: var(--white-color);
}

.alt.box.counter.striped .unit,
.button.solid,
.calendar .day:hover .time {
    color: var(--white-color);
}

.alt.box.counter.striped {
    border-color: var(--white-color);
}

.blog-wrapper.grid .body,
.blog-wrapper.grid .element,
.forum .line,
.panel-default > .panel-heading,
.timeline .body,
.timeline .element {
    background: var(--white-color);
}

.blog-wrapper .stats i.fa,
.form-1 .textarea-icon i {
    color: var(--grey-color);
}

.blog-wrapper .page-nav .pages .page,
.blog-wrapper .stats .socials a,
.blog-wrapper .stats .socials i,
.forum .page-nav .pages .page,
.portfolio.item .stats .socials a i,
.portfolio.item .stats .socials i:hover,
.single .sg-controls {
    color: var(--white-color);
}

#botbar .socials a:hover,
.portfolio.item .socials a {
    background: var(--primary-color);
    color: var(--white-color);
}

.portfolio.full .controls a:hover,
.testimonials-1 + .carousel-indicators .active,
.testimonials-1 + .carousel-indicators .item:hover {
    background: var(--primary-color);
}

.feature-box .body,
.portfolio.item .bot {
    background: var(--white-color);
}

.testimonials-1 + .carousel-indicators .item {
    background: var(--dark-grey-color);
}

.card .button {
    background: var(--card-background-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
}

#footer h4,
#totop i,
.card .button,
.card .button .over,
.card .button:hover,
.follow-element a i,
.portfolio.full .controls a,
.post-tab-widget .tab-pane .post:hover .time {
    color: var(--white-color);
}

.adv-item img,
.facebook-frame,
.parteners.boxes .item {
    background: var(--white-color);
}

.post-tab-widget ul li a:hover,
.post-tab-widget ul li.active {
    color: var(--primary-color);
}

.comments-widget .comment:hover,
.post-tab-widget .tab-pane .post:hover {
    color: var(--white-color);
    background: var(--primary-color);
}

#totop:hover,
.box-8.highlight,
.divider.divider-2:before,
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: var(--primary-color);
}

.big-subscribe input,
.comments-widget .comment:hover .author,
.table.pricing.highlight .price h5,
.white-popup .mfp-close {
    color: var(--white-color);
}

.big-subscribe input {
    border: 1px solid var(--white-color);
}

.big-subscribe input::-webkit-input-placeholder {
    color: var(--white-color);
}

.big-subscribe input:-moz-placeholder,
.big-subscribe input::-moz-placeholder {
    color: var(--white-color);
}

.big-subscribe input:-ms-input-placeholder {
    color: var(--white-color);
}

.constructing .logo {
    background: var(--overlay-dark-background-color);
}

p {
    font-family: "Open Sans", Arial, sans-serif;
}

.modal-header {
    border-bottom: 1px solid var(--border-color);
}

.modal-footer {
    border-top: 1px solid var(--border-color);
}

@font-face {
    font-family: Daniel;
    src: url(../resources/fonts/daniel.ttf);
}

::-webkit-scrollbar-track {
    background: var(--white-color);
    border-radius: 4px;
    border: 1px solid var(--border-light-color);
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--primary-color);
    color: var(--white-color);
}

#countdown .counters .unit,
#countdown .counters .value,
.read-link {
    font-family: "Roboto", sans-serif;
}

.sep-line {
    background: var(--border-color);
}

.divider.divider-2 {
    background: var(--dark-grey-color);
}

.divider-3 {
    background: var(--grey-color);
}

.divider-3:before,
.divider.divider-3:after {
    background-color: inherit;
}

.divider.divider-1,
.divider.divider-2,
.divider.divider-2:before,
.separator {
    background: var(--border-color);
}

.divider.divider-1 {
    height: 1px;
    display: block;
    width: 100%;
}

.divider.divider-4 {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.alt-text-color2 {
    color: var(--title-color);
}

.btn {
    background: var(--button-background-color);
    color: var(--button-text-color);
}
.btn:focus,
.btn:hover {
    background: var(--button-background-hover-color);
    color: var(--button-text-hover-color);
    text-decoration: none;
}

.btn.btn-primary {
    border-color: var(--button-background-color);
}
.btn-primary:hover {
    border-color: var(--button-background-hover-color);
}

.main-bg-color {
    background: var(--primary-color);
}

.alt-bg-color {
    background: var(--white-color);
}

.black-text-color {
    color: var(--title-color);
}

.sep-heading-container .the-sep {
    border-top: 1px solid var(--border-color);
}

.dark.sep-heading-container .the-sep {
    border-top: 1px solid var(--dark-grey-color);
}

.input-group input,
a.list-group-item {
    border-color: var(--border-color);
}

.input-group .input-group-btn .btn {
    border-color: var(--border-color);
    background: var(--primary-color);
    color: var(--white-color);
}

.input-group .input-group-btn .btn:hover {
    background: var(--primary-color);
}

a.list-group-item {
    font-family: "Open Sans", sans-serif;
    color: var(--base-color);
}

.sidebar .flickr-container {
    padding: 0;
    margin-top: -5px;
}

.sidebar .flickr-container a {
    border-color: var(--border-light-color);
}

.sidebar .tweet-box {
    color: var(--dark-grey-color);
    background: var(--background-color);
}

.tag:hover {
    color: var(--white-color);
    text-decoration: none;
    background: var(--primary-color);
}

.advertising {
    background: var(--advertising-background-color);
}

.advertising .info,
.advertising .variants .element .inside {
    background: var(--advertising-dark-background-color);
}

.advertising .info .title {
    font-family: Roboto, sans-serif;
}

.advertising .info .text {
    color: var(--advertising-text-color);
}

.advertising .variants .element .inside:hover i {
    opacity: 1;
}

.side-menu .element:last-child {
    border-bottom: 1px solid var(--border-color);
}

.features-image-wrap {
    background: var(--white-color);
    border: 1px solid var(--border-color);
}

.features-image {
    background: var(--background-color);
    border: 1px solid var(--border-color);
}

#countdown {
    -webkit-box-shadow: 0 1px 3px 0 var(--countdown-shadow-color);
}

#countdown .name {
    font-family: "Daniel", sans-serif;
}

#countdown .counters .value {
    background: var(--countdown-value-color);
}

#countdown,
#tagline {
    box-shadow: 0 1px 3px 0 var(--countdown-shadow-color);
}

header {
    -webkit-border-bottom: 1px solid var(--border-light-color);
    border-bottom: 1px solid var(--border-light-color);
}

header.custom-1 .utilities-buttons a i,
header.head-1 .menu-bar .utilities-buttons a i {
    z-index: 100;
    position: relative;
    background: var(--header-background-color);
}

#section-nav ul li.active .item,
header .navbar-toggle.collapsed,
header.custom-1 .utilities-buttons a.collapsed i,
header.head-1 .menu-bar .utilities-buttons a.collapsed i {
    background: var(--white-color);
}

header .navbar-nav .uber-menu a:hover,
header .navbar-nav li a:hover,
header.custom-1 {
    background: 0 0;
}

#search ul.dropdown-menu > li > a,
.uber-menu ul,
header .navbar-nav .uber-menu a {
    color: var(--base-color);
}

.uber-menu .main-wrap {
    border-top: 1px solid var(--border-color);
    box-shadow: 0 8px 15px 2px var(--countdown-value-color);
}

.uber-menu .main-wrap,
header .menu-4.navbar-nav > li.active,
header .menu-4.navbar-nav > li:hover,
header .uber-menu ul li:hover {
    background: var(--header-background-color);
}

header .menu-3.active li a {
    position: relative;
}

header.custom-4 .navbar-nav li a.v-al-container:hover {
    background: var(--header-shadow-color);
}

header .dropdown-menu {
    box-shadow: 0 8px 15px 2px var(--header-shadow-color);
}

header .dropdown-menu li:first-child {
    border-top: 1px solid var(--border-color);
}

header .dropdown-menu li a:hover {
    background: 0 0;
    color: inherit;
}

header .dropdown li,
header .dropdown-menu a {
    color: var(--base-color);
    border-bottom: 1px solid var(--border-light-color);
    background: var(--header-background-color);
}

header .dropdown li.menu-parent > ul.dropdown {
    box-shadow: 8px 8px 15px 2px var(--header-shadow-color);
}

header .dropdown li.menu-parent > ul.dropdown.repositioned {
    box-shadow: -8px 8px 15px 2px var(--header-shadow-color);
}

header a span.blue {
    font-weight: 300;
}

header .navbar-toggle {
    -webkit-border: 1px solid var(--border-color);
    border: 1px solid var(--border-color);
    background: var(--header-background-color);
}

.main-menu,
.pagecrumbs {
    background: var(--background-color);
}

.main-menu a {
    border-top: 1px solid var(--border-color);
}

#login,
#nav-shop,
#register {
    background: var(--header-background-color);
    border-bottom: 1px solid var(--border-color);
}

#nav-shop.fixed-top,
#search.fixed-top {
    -webkit-box-shadow: 0 1px 15px 0 var(--search-shadow-color);
    box-shadow: 0 1px 15px 0 var(--search-shadow-color);
}

#nav-shop .item .image {
    background: var(--white-color);
    border: 1px solid var(--border-light-color);
}

#nav-shop .cart .sep {
    background: var(--grey-color);
}

#search,
header .dropdown li {
    font-family: "Open Sans", sans-serif;
}

#search button.btn.btn-default,
#search input.form-control,
#search ul.dropdown-menu {
    border: 1px solid var(--border-light-color);
}

#search button.btn.btn-default.dropdown-toggle {
    background: var(--header-background-color);
    color: var(--title-color);
}

#search ul.dropdown-menu {
    width: 110px;
}

.pagecrumbs .location {
    font-family: "Roboto", sans-serif;
    color: var(--base-color);
}

.pagecrumbs .location .medium {
    color: var(--title-color);
}

#section-nav ul {
    background: var(--section-background-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
}

#section-nav .item {
    border: 1px solid var(--white-color);
}

#section-nav .item:hover {
    background: var(--white-color);
}

#search,
header .top-bar,
header.head-2 .logo {
    border-bottom: 1px solid var(--border-color);
}

header .top-bar .utilities-buttons a,
header.head-2 .menu-bar .utilities-buttons a {
    border-left: 1px solid var(--border-color);
}

header .top-bar .utilities-buttons,
header.head-2 .menu-bar .utilities-buttons {
    border-right: 1px solid var(--border-color);
}

#search,
#search ul.dropdown-menu,
header .lang {
    background: var(--header-background-color);
}

header .lang {
    box-shadow: 0 8px 15px 2px var(--countdown-value-color);
    color: var(--base-color);
    border: 1px solid var(--border-color);
}

header .lang:focus {
    color: initial;
}

.lang.dropdown-menu a:hover,
.shop-panel .cart-list .line .icon a:hover,
header .top-bar .utilities-buttons,
header.head-2 .menu-bar .utilities-buttons {
    color: var(--primary-color);
}

header.head-1 .top-bar {
    border-bottom: 1px solid var(--border-color);
}

header .top-bar,
header.custom-1 .top-bar,
header.head-1 .top-bar {
    background: var(--background-color);
}

header.custom-2 .navbar-nav a.v-al-container .text {
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}

header.custom-3 .navbar-nav a.v-al-container i {
    border: 1px solid var(--primary-color);
}

.call {
    border: 1px solid var(--border-color);
}

.bg-overlay {
    background-color: transparent;
}

.form input,
.main-slider .text,
.main-slider .title {
    font-family: "Open Sans", sans-serif;
}

.over-pattern,
.portfolio.item .item .top .overlay i {
    background: var(--overlay-dark-background-color);
}

.over-pattern.empty {
    background: 0 0;
}

.main-slider .button.striped:hover {
    color: var(--white-color);
    background-color: none;
}

.main-slider.shop-slider .carousel-inner {
    padding: 0;
}

.bubble {
    font-family: Roboto, sans-serif;
}

.bubble.bub-1 {
    top: 30%;
    left: 20%;
}

.bubble.bub-1 .arrow {
    border-color: transparent transparent transparent var(--primary-color);
}

.bubble.bub-2 .arrow {
    border-color: transparent transparent var(--primary-color);
}

.bubble.bub-3 .arrow {
    border-color: var(--primary-color) transparent transparent;
}

.bubble.bub-4 .arrow {
    border-color: transparent var(--primary-color) transparent transparent;
}

.carousel .controls a {
    background: var(--section-background-color);
    color: var(--white-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.carousel .controls a:hover {
    background: var(--primary-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.wrap-404 {
    font-family: "Roboto", sans-serif;
    color: var(--title-color);
}

.shop-col-item {
    border-radius: 5px;
}

.shop-col-item,
.shop-promo {
    border: 1px solid var(--border-color);
}

.shop-promo .title {
    font-family: "Roboto", sans-serif;
}

.shop-col-item .photo {
    background: var(--header-background-color);
}

.shop-col-item .btns,
.shop-col-item .info {
    border-top: 1px solid var(--border-color);
}

.shop-col-item .info .rating {
    color: var(--base-color);
}

.shop-col-item .btn-add {
    border-right: 1px solid var(--border-color);
}

.shop-panel .cart-list .line {
    border: 1px solid var(--border-color);
    border-bottom: none;
}

.shop-panel .cart-list .line:last-child {
    border: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.shop-panel .cart-list .line:nth-child(2n + 1) {
    background: var(--shop-input-color);
}

.shop-panel .cart-list .name {
    font-family: "Roboto", sans-serif;
    color: var(--title-color);
}

.shop-panel .cart-list .price,
.table.data td {
    font-family: "Open Sans", sans-serif;
    color: var(--base-color);
}

.shop-panel .cart-list .amount {
    color: var(--base-color);
    border: 1px solid var(--border-color);
    background: var(--white-color);
}

.clear,
.shop-panel .cart-list .amount,
.shop-panel .cart-list .head {
    font-family: "Roboto", sans-serif;
}

.shop-panel .cart-list .inputs {
    background: var(--white-color);
    border-radius: 0 0 3px 3px;
}

.shop-panel .cart-list .inputs input {
    background: var(--shop-input-color);
    border-color: var(--border-color);
}

.shop-panel .cart-list .inputs,
.shop-panel .shipping .inside {
    border: 1px solid var(--border-color);
}

.shop-panel .shipping .head,
.shop-panel .totals .head {
    font-family: "Roboto", sans-serif;
}

.shop-panel .shipping input {
    color: var(--base-color);
}

.shop-panel .shipping input,
.shop-panel .shipping select {
    border-color: var(--border-color);
    background: var(--shop-input-color);
}

.shop-panel .shipping input::-webkit-input-placeholder {
    color: var(--shop-input-placeholder-color);
}

.shop-panel .shipping input:-moz-placeholder,
.shop-panel .shipping input::-moz-placeholder {
    color: var(--shop-input-placeholder-color);
}

.shop-panel .shipping input:-ms-input-placeholder {
    color: var(--shop-input-placeholder-color);
}

.shop-panel .shipping select {
    color: var(--shop-input-placeholder-color);
}

.shop-panel .shipping .input-group > .input-group-addon {
    border-color: var(--border-color);
    background: var(--shop-input-color);
    color: var(--shop-text-color);
}

.shop-panel .totals .item {
    background: var(--shop-input-color);
}

.shop-panel .totals {
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    color: var(--title-color);
}

.shop-panel .totals .line {
    border: 1px solid var(--border-color);
}

.shop-panel .totals .cart-ship {
    color: var(--base-color);
}

.shop-panel .totals .cart-total .value {
    font-family: "Roboto", sans-serif;
}

.product-wrap .controls .amount,
.product-wrap .preview .large,
.product-wrap .preview .small {
    border: 1px solid var(--border-color);
}

.form-1,
.form-2 {
    background: var(--shop-input-color);
}

.form .head {
    font-family: "Daniel", sans-serif;
}

.form .form-control,
.form-1,
.form-1 .textarea-icon textarea.form-control,
.form-2 {
    border: 1px solid var(--border-light-color);
}

.form-control:focus {
    border-color: var(--border-light-color);
}

.form .input-group-addon,
.form .input-group-text {
    color: var(--grey-color);
    border: 1px solid var(--border-light-color);
    border-left: none;
}

.form-3 input,
.form-3 textarea {
    background: var(--shop-input-color);
    color: var(--base-color);
}

.date,
.login-form,
.register-form {
    background: var(--background-color);
    border: 1px solid var(--border-color);
}

.auth .buttons .main-text,
.login-form .buttons .lost,
.login-form .head,
.register-form .head {
    font-family: Roboto, sans-serif;
}

.form-3 input,
.form-3 textarea,
input.form-control.main-form {
    font-family: "Open Sans", sans-serif;
    border: 1px solid var(--border-color);
}

.auth .buttons .main-text {
    color: var(--title-color);
}

.auth .buttons .sep {
    background: var(--grey-color);
}

.auth .buttons .lost,
.big-subscribe input {
    font-family: Roboto, sans-serif;
}

.event .title {
    color: var(--base-color);
}

.event .time {
    font-family: "Roboto", Arial, sans-serif;
}

.breadcrumb a:hover,
.breadcrumb > li + li:before,
.calendar .day .number,
.event .location,
.panel-title i {
    color: var(--base-color);
}

.date {
    border: 1px solid var(--border-light-color);
}

.calendar .head {
    border-bottom: 1px solid var(--border-color);
    font-family: "Roboto", sans-serif;
}

.calendar .days,
.date {
    font-family: "Open Sans", sans-serif;
}

.calendar .days {
    color: var(--base-color);
}

.calendar .days,
.calendar .week {
    border-bottom: 1px solid var(--border-color);
}

.calendar .day .number {
    font-family: "Open Sans";
}

.calendar .day,
.calendar .empty {
    border-left: 1px solid var(--border-color);
}

.calendar .day .description {
    font-family: "Open Sans";
    color: var(--title-color);
}

.calendar .day.current .number {
    color: var(--calendar-opacity-1-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.calendar .day:hover .number {
    color: var(--calendar-opacity-2-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.calendar .day:hover .description {
    color: var(--calendar-opacity-3-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.calendar,
.callout,
.teaser {
    border: 1px solid var(--border-color);
}

.callout {
    background: var(--white-color);
}

.teaser {
    background: var(--shop-input-color);
}

.button {
    font-family: "Roboto", Arial, sans-serif;
}

.button .over:hover,
.button.solid .over:hover,
header.custom-5 .navbar-nav li a .over:hover {
    background: var(--header-shadow-color);
}

.button.solid.alt-color {
    background: var(--white-color);
    color: var(--primary-color);
}

.button.solid.green {
    background: var(--button-green-color);
}

.button.solid.red {
    background: var(--button-red-color);
}

.button.solid.grey {
    background: var(--button-grey-color);
}

.button.solid.orange {
    background: var(--button-orange-color);
}

.button.solid.blue {
    background: var(--button-blue-color);
}

.button.solid.black {
    background: var(--button-black-color);
}

.button-link.green,
.button.striped.green {
    border-color: var(--button-green-color);
    color: var(--button-green-color);
}

.button-link.red,
.button.striped.red {
    border-color: var(--button-red-color);
    color: var(--button-red-color);
}

.button-link.grey,
.button.striped.grey {
    border-color: var(--button-grey-color);
    color: var(--button-grey-color);
}

.button-link.orange,
.button.striped.orange {
    border-color: var(--button-orange-color);
    color: var(--button-orange-color);
}

.button-link.blue,
.button.striped.blue {
    border-color: var(--button-blue-color);
    color: var(--button-blue-color);
}

.button-link.black,
.button.striped.black {
    border-color: var(--button-black-color);
    color: var(--button-black-color);
}

.button-link.alt-color,
.button.striped.alt-color {
    color: var(--white-color);
    border-color: var(--white-color);
}

#buttons .button-link {
    margin-right: 10px;
}

.socials a {
    background: var(--social-background-color);
    color: var(--social-text-color);
}

.box.counter {
    font-family: "Roboto", sans-serif;
}

.alt.box.counter,
.panel-group .panel,
.preview.gallery .frame {
    border: 1px solid var(--border-color);
}

.alt.box.counter.striped,
.carousel-indicators li {
    background: 0 0;
}

.alt.box.counter .unit,
.blog-wrapper h3 {
    color: var(--title-color);
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid var(--border-color);
    background: var(--shop-input-color);
}

.alert .text,
.breadcrumb {
    font-family: "Roboto", sans-serif;
}

.alert.alert-noicon {
    background: var(--shop-input-color);
    border: 1px solid var(--border-color);
    color: var(--base-color);
}

.alert.alert-danger {
    color: var(--alert-red-text-color);
    background: var(--alert-red-background-color);
    border-color: var(--alert-red-border-color);
}

.alert.alert-info {
    color: var(--alert-blue-text-color);
    background: var(--alert-blue-background-color);
    border-color: var(--alert-blue-border-color);
}

.alert.alert-warning {
    color: var(--alert-orange-text-color);
    background: var(--alert-orange-background-color);
    border-color: var(--alert-orange-border-color);
}

.alert.alert-success {
    color: var(--alert-green-text-color);
    background: var(--alert-green-background-color);
    border-color: var(--alert-green-border-color);
}

.alert.border {
    border: 2px solid var(--alert-green-text-color);
}

.alert.dashed {
    border: 1px dashed var(--alert-red-text-color);
}

.alert.simple {
    background: var(--alert-background-color);
    color: var(--white-color);
}

.preview.gallery .main.frame {
    background: var(--white-color);
}

.preview.gallery .navigation .control {
    background: var(--white-color);
    border: 1px solid var(--border-color);
    color: var(--dark-grey-color);
}

.preview.gallery .thumb .frame,
.table.data tr {
    background: var(--white-color);
}

.breadcrumb,
.person .details .title,
.table.pricing .head h4 {
    color: var(--base-color);
}

.person .photo .overlay .socials a {
    background: var(--white-color);
    background: var(--overlay-background-color);
}

.person .photo .overlay .socials a,
.person .photo .overlay .socials a i {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.person .photo:hover .overlay .socials a,
.person .photo:hover .overlay .socials a i {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.person .photo .overlay .socials a:hover {
    background: var(--overlay-dark-background-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
}

.table.data tr:nth-child(2n + 0),
.table.pricing div:nth-child(2n + 0) {
    background: var(--table-background-color);
}

.table.pricing {
    border: 1px solid var(--border-color);
    border-radius: 5px;
}

.table.data thead td,
.table.pricing .head {
    background: var(--table-background-head-color);
}

.data .field,
.table .field,
.table.pricing .head {
    border-bottom: 1px solid var(--border-color);
}

.table.pricing.highlight .head {
    background: var(--primary-color);
    border-bottom: 1px solid var(--secondary-color);
    border-radius: 5px 5px 0 0;
}

.table.pricing.highlight .head h4 {
    color: var(--secondary-color);
}

.table.pricing .price {
    background: var(--table-background-color);
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.data .field,
.table .field {
    font-family: "Open Sans", sans-serif;
    color: var(--base-color);
}

.data .field {
    border-bottom: 1px dashed var(--border-color);
}

.table.data thead td {
    font-family: "Roboto", sans-serif;
    color: var(--title-color);
}

.table tr td {
    border: 0 !important;
    border-bottom: 1px solid var(--border-color) !important;
    border-left: 1px solid var(--border-color) !important;
}

.blog-wrapper .page-nav .pages .page,
.forum .page-nav .pages .page {
    background: var(--shop-text-color);
    font-family: "Roboto", sans-serif;
}

.blog-wrapper .stats .date,
.table.pricing .price {
    border-bottom: 1px solid var(--border-color);
}

.blog-wrapper .stats i.fa:hover {
    cursor: pointer;
}

.blog-wrapper .stats,
.blog-wrapper.grid .head .text,
.timeline .head .text {
    font-family: "Roboto", sans-serif;
}

.blog-wrapper.grid .bot .date,
.blog-wrapper.grid .bot .stats,
.timeline .bot .date,
.timeline .bot .stats {
    font-family: "Open Sans", sans-serif;
}

.blog-wrapper.grid .bot .stats a,
.timeline .bot .stats a {
    color: var(--grey-color);
}

.block-quote,
.code {
    background: var(--background-color);
}

.block-quote .author,
.blog-wrapper .stats {
    color: var(--title-color);
}

.blog-wrapper .quote .author,
.blog-wrapper .quote .text {
    font-family: "Roboto", sans-serif;
}

.blog-wrapper.personal .meta {
    border-bottom: 1px solid var(--border-color);
}

.blog-wrapper.personal .meta .symbol .date {
    border: 1px solid var(--border-color);
    font-family: "Roboto", sans-serif;
    color: var(--base-color);
}

.blog-wrapper.personal .meta .author {
    color: var(--title-color);
    font-family: "Open Sans", sans-serif;
}

.blog-wrapper.personal .meta .author i,
.blog-wrapper.personal .meta .stats a,
.blog-wrapper.personal .meta .stats > a,
.blog-wrapper.personal .meta .stats > i {
    color: var(--base-color);
}

.author-box .text .author,
.blog-wrapper.personal .body .more,
.blog-wrapper.single .comment .reply {
    font-family: "Roboto", sans-serif;
}

.author-box .img-wrap {
    background: var(--calendar-opacity-3-color);
}

.author-box .text .about,
.blog-wrapper.single .comment {
    font-family: "Open Sans", sans-serif;
}

.blog-wrapper.single .comment {
    border: 1px solid var(--border-color);
    background: var(--white-color);
}

.blog-wrapper.single .comment .reply:hover {
    color: var(--primary-color);
}

.blog-wrapper.single .comment .author {
    color: var(--black-color);
}

.blog-wrapper.single .comment .time,
.box-7 i.icon,
.portfolio.item .bot .stats i {
    color: var(--dark-grey-color);
}

#modal-1 .icon-list-1 p,
.blog-wrapper.single .comment .text,
.post .text h5,
.testimonials-2 .item .text p {
    color: var(--base-color);
}

#modal-1 .generic-title,
.code .function,
.feature-box h5 a,
.portfolio.item .bot h5,
.post-in,
.testimonials-1 .bot p {
    color: var(--title-color);
}

.forum .head {
    font-family: "Roboto", sans-serif;
}

.forum .line,
.topic-posts .body {
    border: 1px solid var(--border-color);
}

.forum .line:nth-child(2n + 0) {
    background: var(--shop-input-color);
}

.forum .line:last-child {
    border-radius: 0 0 3px 3px;
}

.portfolio.item .socials a:hover {
    background: var(--primary-color);
}

.portfolio.item .bot,
.tab.left ul li,
.tab.right ul li {
    border: 1px solid var(--border-color);
}

.portfolio.item .bot .stats .sep {
    border-right: 1px solid var(--countdown-value-color);
}

.item .overlay .title,
.list.portfolio .visit,
.single .sg-controls .preview .title {
    font-family: "Roboto", sans-serif;
}

.single .sg-controls a .preview .thumb {
    border: 3px solid var(--single-border-color);
}

.single .sg-controls a .preview,
.single .sg-controls a i {
    background: var(--single-control-color);
}

.list.portfolio .item .sep {
    border-bottom: 1px solid var(--border-color);
}

.portfolio.full .controls a {
    background: var(--section-background-color);
}

.tab ul {
    border: 1px solid var(--border-color);
}

.avatar,
.tab ul,
.tab ul li {
    background: var(--white-color);
}

.tab ul li {
    border-left: 1px solid var(--border-color);
}

.tab .ui-tabs-panel,
.tab.left .ui-tabs-panel,
.tab.left ul li.ui-state-active,
.tab.right .ui-tabs-panel,
.tab.right ul li.ui-state-active,
.tab.tabs-bottom .ui-tabs-panel {
    background: var(--shop-input-color);
    border: 1px solid var(--border-color);
}

.testimonials-1 .top .head {
    font-family: "Daniel", sans-serif;
}

.testimonials-1 .top .bg-overlay {
    background: var(--primary-opacity-1-color);
}

.adv-item img,
.testimonials-1 .bot,
.testimonials-2 .item .text {
    border: 1px solid var(--border-color);
}

.avatar {
    -webkit-box-shadow: 0 0 0 1px var(--header-shadow-color);
    box-shadow: 0 0 0 1px var(--header-shadow-color);
}

.testimonials-2 .item .text {
    background: var(--shop-input-color);
}

.feature-box .head {
    font-family: "Daniel";
}

.feature-box .body {
    border-radius: 0 0 5px 5px;
}

.boxes-4 ul li {
    color: var(--base-color);
    font-family: "Open Sans", sans-serif;
}

.card .button:hover {
    background: var(--card-button-color);
}

.badge,
.box-6 {
    background: var(--background-color);
    border: 1px solid var(--header-shadow-color);
}

.box-6,
.feature-box .body {
    border: 1px solid var(--border-color);
}

.box-8 {
    background: var(--grey-color);
}

.box-8 .arrow {
    border-color: transparent transparent transparent var(--grey-color);
}

.box-8.highlight .arrow {
    border-color: transparent transparent transparent var(--primary-color);
}

.modal-backdrop {
    background: var(--modal-backdrop-color);
    opacity: 0.8;
}

.modal-backdrop.fade.in {
    opacity: 0.8;
}

.parteners.boxes .item {
    border: 1px solid var(--border-light-color);
}

#footer {
    background: var(--footer-background-color);
}

.logo-dark,
.tweet-box {
    background: var(--tweetbox-background-color);
}

.tweet-box p a {
    color: var(--tweetbox-text-color);
}

#botbar,
.post-tab-widget ul {
    background: var(--white-color);
}

#botbar p,
#footer p {
    color: var(--botbar-text-color);
}

#botbar .socials a {
    background: var(--botbar-background-color);
    color: var(--botbar-link-color);
}

.logo-dark {
    border: 3px solid var(--footer-background-color);
    -webkit-box-shadow: 0 0 0 3px var(--tweetbox-background-color);
    box-shadow: 0 0 0 2px var(--tweetbox-background-color);
}

.flickr-container a {
    border: 4px solid var(--flicker-border-color);
}

.flickr-container a .overlay i {
    color: var(--flicker-text-color);
    background: var(--flicker-background-color);
}

#totop {
    background: var(--section-background-color);
}

#footer .list-group .list-group-item {
    border-color: var(--dark-grey-color);
    color: var(--botbar-text-color);
}

.post-tab-widget ul {
    border: 1px solid var(--border-color);
    font-family: "Roboto", sans-serif;
}

.post-tab-widget ul li a {
    border-left: 2px solid var(--border-color);
}

.post-tab-widget ul li:first-child a {
    border: 0;
}

.liked-posts .element .likes {
    border-left: 1px solid var(--card-background-color);
}

.follow-element a.facebook {
    background: var(--follow-facebook-color);
}

.follow-element a.twitter {
    background: var(--follow-twitter-color);
}

.follow-element a.rss {
    background: var(--follow-rss-color);
}

.follow-element .text {
    color: var(--title-color);
}

.follow-element .txt-min {
    color: var(--base-color);
}

.post-tab-widget .tab-pane {
    background: var(--shop-input-color);
    border: 1px solid var(--border-color);
}

.calendar-widget .week,
.comments-widget .comment,
.post-tab-widget .tab-pane .post {
    border-bottom: 1px solid var(--border-color);
}

.comments-widget .comment:last-child,
.post-tab-widget .tab-pane .post:last-child {
    border-bottom: none;
}

.comments-widget {
    border-radius: 5px;
}

.calendar-widget,
.comments-widget,
.facebook-frame {
    border: 1px solid var(--border-color);
}

.calendar-widget .week .day {
    border-left: 1px solid var(--border-color);
    min-height: 38px;
    color: var(--shop-text-color);
}

.calendar-widget .weekdays div {
    border-bottom: 1px solid var(--border-color);
    font-family: Roboto;
}

.calendar-widget .controls a {
    font-family: Roboto;
}

.page-layouts {
    background: var(--footer-background-color);
}

.preview-grid .item-title {
    color: var(--title-color);
    font-family: Roboto, sans-serif;
}

.changelog {
    border: 1px solid var(--border-color);
}

.changelog .head {
    background: var(--table-background-head-color);
}

.changelog .body .line {
    background: var(--white-color);
    border-top: 1px solid var(--border-color);
}

.changelog .body .line .action,
.changelog .head {
    color: var(--title-color);
}

.changelog .body .line:nth-child(2n + 0) {
    background: var(--shop-input-color);
}

#options-panel .head {
    font-family: Roboto, sans-serif;
}

#options-panel,
#options-panel .side-menu .element .submenu .element {
    background: var(--options-background-color);
}

#options-panel .side-menu .element {
    background: var(--options-menu-background-color);
    border-color: var(--options-menu-border-color);
}

#options-panel .side-menu .element .submenu.boxes .element.color-1 {
    background: var(--options-background-green-color);
}

#options-panel .side-menu .element .submenu.boxes .element.color-2 {
    background: var(--options-background-red-color);
}

#options-panel .side-menu .element .submenu.boxes .element.color-3 {
    background: var(--primary-color);
}

#options-panel .side-menu .element .submenu.boxes .element.color-4 {
    background: var(--options-background-yellow-color);
}

#options-panel .side-menu .element .submenu.boxes .element.color-5 {
    background: var(--options-background-violet-color);
}

#options-panel .side-menu .element .submenu.boxes .element.color-6 {
    background: var(--options-background-orange-color);
}

.tooltip-inner {
    font-family: "Open Sans", sans-serif;
    color: var(--tooltip-text-color);
    background: var(--tooltip-background-color);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.tooltip.top .tooltip-arrow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-color: var(--tooltip-background-color) transparent transparent;
}

.tooltip.right .tooltip-arrow {
    border-color: transparent var(--tooltip-background-color) transparent transparent;
}

.progress .tooltip-inner {
    color: var(--white-color);
    font-family: "Roboto", sans-serif;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: var(--mejs-loaded-color);
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    background: var(--mejs-total-color);
}

.bar,
.foo {
    color: red;
}