/* ================= DEFAULT THEME SETTINGS ================== */

body,
p,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="submit"],
textarea,
blockquote p.cite,
blockquote.big p.cite,
.nav ul,
.rounded-list li ol li span,
.arrow-button,
.tooltipster-dark .tooltipster-content,
.tooltipster-light .tooltipster-content,
.tooltipster-pink .tooltipster-content,
.tooltipster-gototop .tooltipster-content,
.grid-container .postdate {
    font-size: 16px
}

.rounded-list span,
.caption-image figcaption p.caption-title,
.ombre-table li,
.grid-container .arrow-button,
.blogpager .button,
.ombre-menu li,
h2.resp-accordion,
.accordion-header,
#four-columns h5 {
    font-size: 18px
}

h1 {
    font-size: 40px
}

h2,
.ns_nerveSlider .ns_slideContent div h1,
#featured-image-title h1 {
    font-size: 36px
}

h3 {
    font-size: 32px
}

h4,
blockquote.big p {
    font-size: 26px
}

h5,
.masonry-grid .grid-quote h4,
.testimonial .testimonial-text p {
    font-size: 22px
}

blockquote p,
.toggleMenu {
    font-size: 20px
}

h6,
#featured-image-title p,
#sub-title,
.grid-content h5,
.ns_nerveSlider .ns_slideContent div p span,
.ombregridhero p,
.caption-image figcaption div,
.testimonial .testimonial-text p.testimonial-cite,
.experience-title p,
.resp-tabs-list li,
.comments blockquote p,
blockquote cite,
.sidebar-box .testimonial .testimonial-right .testimonial-text p {
    font-size: 18px
}

.sidebar-box .testimonial .testimonial-right .testimonial-text p.testimonial-cite {
    font-size: 16px!important
}

.ombregridhero a.button {
    font-size: 18px
}

.nav {
    font-size: 20px
}

.nav ul {
    width: 15em
}

body {
    color: #aaa;
    background-color: #363635
}

#bg-transparent,
#fakeloader {
    background: rgba(22, 23, 29, 0.7)
}

h1,
h2,
h3,
h4,
h5,
h6,
.caption-image figcaption div {
    color: #fff
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #f5245f
}

h1.border:after,
h2.border:after,
h3.border:after,
h4.border:after,
h5.border:after,
h6.border:after,
.so-panel .widget-title:after {
    background-color: #f5245f
}

#page-title {
    background-color: rgba(22, 23, 29, 0.7)
}

#page-title h1 {
    background-color: rgba(22, 23, 29, 0.7)
}

p,
blockquote cite,
.postdate a,
.postdate a:hover {
    color: #aaa
}

a {
    color: #fff
}

a:hover,
.meta a:hover {
    color: #f5245f
}

blockquote {
    background: #363635
}

blockquote p {
    color: #fff
}

blockquote p:before {
    color: #aaa
}

blockquote p.cite {
    color: #aaa
}

blockquote p.cite span {
    color: #f5245f
}

blockquote p:before {
    color: #3e3e3e
}

.o-gallery.photo:after,
.o-gallery.video:after,
.o-gallery.link:after {
    color: #fff
}

.o-gallery:before {
    border-right: 40px solid #f5245f;
    border-top: 40px solid #f5245f
}

.ombregridhero:before {
    background: rgba(22, 23, 29, 0.9)
}

#featured-image-container {
    height: 400px
}

#slider-container,
#featured-image-container {
    background-color: #16171D
}

.ombre-box {
    background-color: #363635
}

#slider-container {
    height: 500px
}

.ns_nerveSlider .ns_slideContent div h1,
#featured-image-title h1 {
    background-color: #f5245f;
    color: #fff
}

.ns_nerveSlider .ns_slideContent div p span {
    background-color: #16171D;
    color: #fff
}

#featured-image-title p span {
    background-color: #16171D;
    color: #fff
}

#page-container {
    background-color: #16171D
}

.img-loading {
    background-color: #fff
}

.img-loading:before {
    background-color: #fff
}

.img-loading:after {
    background-color: #fff
}

#header-top {
    background: rgba(22, 23, 29, 0.7)
}

#header-menu {
    background: #16171D
}

.toggleMenu {
    background-color: #16171D;
    color: #fff!important
}

.nav a {
    color: #fff
}

.nav > .activelink > a {
    color: #fff
}

.nav li a:hover {
    color: #fff
}

.nav li ul {
    background-color: rgba(22, 23, 29, 0.9)
}

.nav li li a,
.nav li li li a {
    color: #aaa
}

.nav > li.nav-arrow > a:after {
    color: #363635
}

.nav > li.nav-arrow:hover a:after,
.nav > li.nav-arrow:focus a:after,
.nav > li.nav-arrow:active a:after {
    color: #fff
}

.nav > li:before {
    background: #f5245f
}

.social-icons li a {
    background: #16171D
}

.social-icons li a:hover,
.social-icons li a:focus,
.social-icons li a:active {
    background: #f5245f;
    color: #fff
}

.footer-social li a:before {
    color: #aaa
}

.footer-social li a:hover:before {
    color: #fff
}

.team-social li a:before {
    color: #fff
}

.team-social li a:hover:before {
    color: #fff
}

.social-icons.team-social li a,
.social-icons.model-social li a {
    background: #3e3e3e
}

.social-icons.team-social li a:hover,
.social-icons.model-social li a:hover,
.social-icons.team-social li a:focus,
.social-icons.model-social li a:focus,
.social-icons.team-social li a:active,
.social-icons.model-social li a:active {
    background: #f5245f;
    color: #fff
}

.owl-carousel .owl-dots .owl-dot span {
    border: 3px solid #363635
}

.owl-carousel .owl-dots .owl-dot.active span {
    background-color: #f5245f!important;
    border: 3px solid #f5245f!important
}

.owl-carousel .owl-dots .owl-dot:hover span {
    background: #363635;
    border: 3px solid #363635
}

.owl-carousel .owl-nav [class*='owl-'] {
    color: #fff;
    background-color: #363635
}

.owl-carousel .owl-nav [class*='owl-']:hover {
    background-color: #f5245f
}

.owl-carousel .owl-nav .disabled:hover {
    background-color: #363635
}

.ombre-carousel > figcaption {
    background-color: #363635
}

.ombre-carousel h5 a,
.ombre-carousel h5 a:hover {
    color: #fff
}

.ombre-carousel h5 a:before {
    background: #f5245f
}

.arrow-button {
    background-color: #3e3e3e;
    color: #aaa
}

.arrow-button:hover {
    color: #fff
}

.arrow-button:before {
    background: #3e3e3e
}

.iconcontainer {
    background-color: #f5245f
}

.iconcontainer a {
    color: #fff
}

.iconcontainer a:before {
    color: #fff
}

.iconcontainer:before {
    border: 6px solid #f5245f
}

.rounded-list span {
    background: #363635;
    color: #fff
}

.rounded-list span:before {
    background: #f5245f;
    color: #fff;
    border: 5px solid #16171D
}

.testimonial .testimonial-text {
    background-color: #363635
}

.testimonial .testimonial-text p {
    color: #fff
}

.testimonial .testimonial-text p.testimonial-cite {
    color: #aaa
}

.testimonial .testimonial-text p.testimonial-cite span {
    color: #f5245f
}

.testimonial .testimonial-text:before {
    border-right-color: #363635!important
}

.testimonial-nav-left,
.testimonial-nav-right {
    color: #fff
}

.testimonial-nav-left .fa,
.testimonial-nav-right .fa {
    color: #fff
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="url"],
input[type="tel"],
textarea {
    background-color: #16171D;
    border: 1px solid #363635;
    color: #aaa
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus {
    background-color: #363635;
    color: #fff
}

.button,
input[type="submit"] {
    background-color: #363635;
    color: #fff
}

input[type="file"]::-webkit-file-upload-button {
    background-color: #363635;
    color: #fff
}

input[type="submit"]:hover {
    background-color: #f5245f;
    color: #fff
}

input[type="file"]::-webkit-file-upload-button:hover {
    background-color: #f5245f;
    color: #fff
}

.button:hover,
.button:focus,
.button:active {
    color: #fff
}

input[type="file"]::-webkit-file-upload-button:hover,
input[type="file"]::-webkit-file-upload-button:focus,
input[type="file"]::-webkit-file-upload-button:active {
    color: #fff
}

.button:before {
    background-color: #f5245f
}

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
    color: #fff
}

.searchbox input[type="text"].searchtext {
    border-right: none!important
}

.caption-image figcaption {
    background-color: #363635;
    font-size: 18px
}

.ns_nerveSlider .ns_prevButton div:hover,
.ns_nerveSlider .ns_nextButton div:hover,
.ns_nerveSlider .ns_pauseButton div:hover {
    background-color: #f5245f;
    opacity: 1
}

.ns_nerveSlider.light .ns_dots .ns_dot {
    border: 1px solid #fff
}

.ns_nerveSlider.light .ns_dots .ns_dot.ns_selected {
    border: 1px solid #fff;
    background: #fff
}

.ombre-table li {
    color: #aaa
}

#cboxOverlay {
    background: #16171D
}

#cboxContent {
    background: #16171D
}

.cboxIframe {
    background: #16171D
}

#cboxError {
    border: 3px solid #f5245f
}

#cboxLoadedContent {
    background: #f5245f
}

#cboxLoadingOverlay {
    background: #16171D
}

#cboxTitle {
    color: #fff
}

.double-bounce1,
.double-bounce2,
.container1 > div,
.container2 > div,
.container3 > div,
.dot1,
.dot2,
.spinner4,
.cube1,
.cube2,
.spinner6 > div,
.spinner7 div:before,
.spinner7 div:after,
.spinner7 div,
#cboxLoadingGraphic,
#cboxLoadingGraphic:before,
#cboxLoadingGraphic:after,
.ns_nerveSlider .ns_loadSpinner div,
.ns_nerveSlider .ns_loadSpinner div:before,
.ns_nerveSlider .ns_loadSpinner div:after {
    background-color: #fff
}

.tooltipster-light {
    background: #fff;
    color: #363635
}

.tooltipster-dark {
    background: #16171D;
    color: #fff
}

.tooltipster-pink,
.tooltipster-gototop,
.tooltipster-header {
    background: #f5245f;
    color: #fff
}

.pin:after {
    color: #f5245f
}

.grid-container .grid-content {
    background-color: #363635
}

.grid-container h4 a,
.grid-container h4 a:hover,
.grid-container h5 a,
.grid-container h5 a:hover {
    color: #fff
}

.grid-container h4 a:before,
.grid-container h5 a:before {
    background: #f5245f
}

.grid-container.grid-small .grid-content p a {
    color: #aaa
}

.grid-container.grid-small .grid-content p a:hover {
    color: #fff
}

.grid-content.grid-quote p.grid-quote-cite span {
    color: #f5245f
}

.grid-content.grid-quote:after {
    color: #3e3e3e
}

.grid-container .button {
    background: #3e3e3e
}

.blogpager .button,
.blogmetadata a {
    color: #aaa
}

.blogpager .button:hover,
.blogpager .button:focus,
.blogpager .button:active,
.blogmetadata a:hover {
    color: #fff
}

.comments_content,
.blogmetadata {
    background-color: #363635
}

.comments_content:before {
    border-bottom-color: #363635!important
}

.reply:before,
.meta a {
    color: #aaa
}

#sub-title {
    background-color: rgba(22, 23, 29, 0.7)
}

#sub-title div {
    background-color: rgba(22, 23, 29, 0.7)
}

.sow-carousel-item h3 {
    background-color: #363635!important
}

.sow-carousel-item h3 a {
    color: #fff!important
}

.sow-carousel-item h3 a:hover {
    color: #f5245f!important
}

.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_recent_comments ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_archive ul li a,
.widget_recent-posts ul li a,
.widget_rss ul li a,
.widget_nav_menu div ul li a,
#recentcomments a {
    color: #aaa
}

.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_archive ul li a:hover,
.widget_archives ul li a:hover,
.widget_recent-posts ul li a:hover,
.widget_rss ul li a:hover,
.recentcomments a:hover {
    color: #f5245f
}

.widget_nav_menu div ul li a:hover,
.widget_nav_menu div ul > li > a.cvdropdown2 {
    color: #fff
}

.widget_recent_entries ul li:after,
.widget_categories ul li:after,
.widget_recent_comments ul li:after,
.widget_pages ul li:after,
.widget_meta ul li:after,
.widget_archive ul li:after,
.widget_archives ul li:after,
.widget_recent-posts ul li:after,
.widget_rss ul li:after,
.recentcomments:after {
    color: #aaa
}

.widget_recent_entries ul li:hover:after,
.widget_recent_entries ul li:focus:after,
.widget_recent_entries ul li:active:after,
.widget_categories ul li:hover:after,
.widget_categories ul li:focus:after,
.widget_categories ul li:active:after,
.widget_recent_comments ul li:hover:after,
.widget_recent_comments ul li:focus:after,
.widget_recent_comments ul li:active:after,
.widget_pages ul li:hover:after,
.widget_pages ul li:focus:after,
.widget_pages ul li:active:after,
.widget_meta ul li:hover:after,
.widget_meta ul li:focus:after,
.widget_meta ul li:active:after,
.widget_archive ul li:hover:after,
.widget_archive ul li:focus:after,
.widget_archive ul li:active:after,
.widget_archives ul li:hover:after,
.widget_archives ul li:focus:after,
.widget_archives ul li:active:after,
.widget_recent-posts ul li:hover:after,
.widget_recent-posts ul li:focus:after,
.widget_recent-posts ul li:active:after,
.widget_rss ul li:hover:after,
.widget_rss ul li:focus:after,
.widget_rss ul li:active:after,
.recentcomments:hover:after,
.recentcomments:focus:after,
.recentcomments:active:after {
    color: #f5245f
}

.sidebar-post-title span {
    color: #aaa;
    background-color: #363635
}

.sidebar-post-title:hover {
    color: #f5245f
}

.sidebar-posts-img {
    border: 5px solid #363635
}

.sidebar-posts li a:hover .sidebar-posts-img {
    border: 5px solid #f5245f
}

.sidebar-posts li a:hover .sidebar-post-title span {
    background-color: #f5245f;
    color: #fff
}

.sidebar-post-date {
    color: #aaa;
    background-color: #363635
}

#wp-calendar {
    border: 1px solid #363635
}

#wp-calendar thead {
    border-bottom: 1px solid #363635
}

.flickr-box li img:hover {
    border: 3px solid #f5245f
}

.ombre-menu li {
    background-color: #363635
}

.ombre-menu li a,
.ombre-menu li a:hover {
    color: #fff
}

.ombre-menu li a:before {
    background: #f5245f
}

#ombre-menu-title {
    background-color: #f5245f;
    color: #fff
}

#ombre-menu-title.ombre-menu-animate {
    background-color: #363635;
    color: #fff
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(22, 23, 29, 0.9);
    color: #aaa
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff
}

.lg-toolbar {
    background-color: rgba(22, 23, 29, 0.9)
}

.lg-toolbar .lg-icon {
    color: #aaa
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-sub-html {
    background-color: rgba(22, 23, 29, 0.7);
    color: #fff
}

#lg-counter {
    color: #aaa
}

.lg-outer .lg-thumb-outer {
    background-color: #16171D
}

.lg-outer .lg-toogle-thumb {
    background-color: #16171D;
    color: #aaa
}

.lg-outer .lg-toogle-thumb:hover,
.lg-outer .lg-dropdown a {
    color: #fff
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #f5245f
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff
}

.lg-progress-bar .lg-progress {
    background-color: #f5245f
}

.lg-backdrop {
    background-color: #363635
}

.resp-tab-active {
    border-top: 3px solid #f5245f!important
}

.resp-tabs-list li:hover {
    background-color: #363635;
    color: #fff
}

.resp-tabs-list li.resp-tab-active {
    background-color: #363635;
    color: #fff
}

.resp-tabs-container {
    background-color: #363635
}

.resp-tab-active {
    background-color: #363635
}

.resp-vtabs .resp-tabs-list li:hover {
    background-color: #363635;
    border-left: 3px solid #f5245f;
    color: #fff
}

.resp-vtabs .resp-tabs-list li.resp-tab-active {
    background-color: #363635;
    border-left: 3px solid #f5245f
}

h2.resp-tab-active {
    background-color: #363635
}

div.sow-carousel-thumbnail a span.overlay {
    background-color: #f5245f!important
}

.accordion-header:hover {
    color: #fff
}

.active-header {
    color: #fff
}

.flex-video {
    background: #16171D
}

#footer {
    background-color: rgba(22, 23, 29, 0.7);
    color: #fff
}

#footer h5 {
    color: #fff
}

#footer,
#footer-widgets p,
.footer-widget .footer-list li a,
.credits {
    color: #aaa
}

.footer-widget ul li a:hover,
.footer-widget ul li:hover a {
    color: #f5245f
}

.footer-widget .footer-list li:after {
    color: #aaa
}

.footer-widget ul li:hover:after,
.footer-widget ul li:focus:after,
.footer-widget ul li:active:after {
    color: #f5245f
}

#footer .footer-info {
    background-color: #16171D
}

.tagcloud a,
a[class^="tag"] {
    color: #aaa;
    border: 1px solid rgba(255, 255, 255, 0.05)
}

.tagcloud a:hover,
a[class^="tag"]:hover {
    color: #fff;
    background-color: #f5245f;
    border: 1px solid #f5245f
}

#back-to-top {
    color: #fff;
    border-bottom: 3px solid #f5245f;
    background-color: #16171D
}

#back-to-top:after {
    background: #f5245f
}

@media only screen and (max-width: 1024px) {
    #slider-container {
        height: 400px
    }
    #featured-image-container {
        height: 350px
    }
    .nav li ul {
        background-color: #363635
    }
    .nav ul ul {
        background-color: #3e3e3e
    }
}

@media only screen and (max-width: 900px) {
    .testimonial .testimonial-text:before {
        border-bottom-color: #363635 !important
    }
}

@media only screen and (max-width: 700px) {
    .resp-tab-active {
        background-color: #f5245f !important;
        color: #fff!important
    }
}

@media only screen and (max-width:640px) {
    .testimonial .testimonial-text p {
        font-size: 18px
    }
    .testimonial .testimonial-text p.testimonial-cite,
    .ombre-menu li {
        font-size: 18px
    }
    .rounded-list span,
    .ombre-table li {
        font-size: 16px!important
    }
    .ombre-table-left {
        color: #fff
    }
}

@media only screen and (max-width: 480px) {
    h1 {
        font-size: 34px
    }
    h2 {
        font-size: 30px
    }
    h3 {
        font-size: 26px
    }
    h4,
    blockquote.big p {
        font-size: 20px
    }
    h5 {
        font-size: 18px
    }
    h6,
    #featured-image-title p,
    .experience-title p,
    .testimonial .testimonial-text p,
    .grid-content h5 p,
    .caption-image figcaption div {
        font-size: 16px
    }
    p {
        font-size: 15px
    }
    .rounded-list span,
    .caption-image figcaption p.caption-title,
    .ombre-table li,
    .grid-container .arrow-button,
    .blogpager .button,
    .ombre-menu li,
    h2.resp-accordion,
    .accordion-header,
    #four-columns h5,
    .testimonial .testimonial-text p.testimonial-cite {
        font-size: 16px
    }
    #slider-container {
        height: 300px
    }
    #featured-image-container {
        height: 250px
    }
}