/* Copyright (C) WarpTheme, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
Use this file to add custom CSS easily
========================================================================== */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-weight:bold;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    color: #dba80c!important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #daa068!important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #dba80c!important;
}
#offcanvas-toggler {
  color:#dba80c!important;
}
.com-content #sp-main-body {
    background: 
    #fff !important;
}
.imageeffectck_title a {
    color: #000;
}
.imageeffectck_title a:hover {
    color: #dba80c;
}
figure[class*="effectck"] {
    background: none!important;
}
figure[class*="effectck"] img {
    opacity: 1!important;
}
.sl-slider .caption h2 {
    font-size: 60px!important;
}
.sl-slider .caption h2, .sl-slider .caption blockquote {
    padding: 250px 30px 10px 0px!important;
    width: 100%!important;
    max-width: 100%!important;
    color: #fff;
    margin: 0 auto;
	margin-left:75%!important;
    position: relative;
    z-index: 100;
}
.wrapper_s3d {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: 528px!important;
}
#sp-feature {
    padding: 100px 0px;
    color: 
    #FFF;
}
#sp-position4 h3, #sp-position5 h3, #sp-position6 h3 {
    text-align: left;
}
.sp-module .sp-module-title {
    font-size: 30px !important;
    text-align: center;
}
@media only screen and (max-width: 800px) {
	.sl-slider-wrapper {
    height: 130px!important;
}
.wrapper_s3d {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: auto!important;
}
.sl-slider .caption h2 {
    font-size: 20px!important;
}
.sl-slider .caption h2, .sl-slider .caption blockquote {
    padding: 150px 30px 10px 0px!important;
    width: 100%!important;
    max-width: 100%!important;
    color: #fff;
    margin: 0 auto;
	margin-left:35%!important;
    position: relative;
    z-index: 100;
}
	}