/*=============================== COLOR YELLOW ===============================*/

/*//////////////////////////////////////////////////////////////////
[ LOADDING ]*/

.cp-skeleton {
    border-top: solid 5px #d82f29;
}

.cp-skeleton:before {
    border-left: solid 5px #d82f29;
}

.cp-skeleton:after {
    border-right: solid 5px #d82f29;
}

/*//////////////////////////////////////////////////////////////////
[ Header ]*/
.top-bar.bg-main {
    background-color: #222222;
}

/*---------------------------------------------*/
.main-menu > li::before {
    background-color: #d82f29;
}

.social a:hover {
    color: #d82f29;
}

/*---------------------------------------------*/
.main-menu-m a {
    color: #222222 !important;
}

.arrow-main-menu-m {
    color: #222222;
}

/*//////////////////////////////////////////////////////////////////
[ Footer ]*/

.item-gallery-footer::after {
    background-color: #d82f29;
}

/*//////////////////////////////////////////////////////////////////
[ RS sweet alert ]*/

.swal-button {
    background-color: #d82f29;
    color: #333333;
}

.swal-button:hover {
    background-color: #2e2e2e;
    color: #fff;
}

.swal-button:active {
    background-color: #2e2e2e;
    color: #fff;
}

/*//////////////////////////////////////////////////////////////////
[ Btn Revo ]*/
.rev_slider_wrapper .btn-drive.bg-main {
    color: #fff;
    border: 2px solid #fff !important;
    background-color: transparent;
}

.rev_slider_wrapper .btn-drive.bgwhite {
    color: #222222;
    background-color: #d82f29;
}

.rev_slider_wrapper .btn-drive.bgwhite:hover {
    color: #fff;
}

/*//////////////////////////////////////////////////////////////////
[ Slick 1 ]*/
.arrow-slide-slick-6:hover,
.arrow-slide-slick-1:hover {
    background-color: #d82f29;
    color: #222222;
    border: 3px solid #d82f29;
}

/*//////////////////////////////////////////////////////////////////
[ Slick 2 ]*/

.arrow-slick-5:hover,
.arrow-slick-4:hover,
.arrow-slick-2:hover {
    background-color: #d82f29;
    color: #222222;
}

/*//////////////////////////////////////////////////////////////////
[ Slick 3 ]*/

.arrow-slide-slick-3:hover {
    background-color: #d82f29;
    color: #222222;
}

/*//////////////////////////////////////////////////////////////////
[ Slick 6 ]*/

.slick6-dots li:hover {
    border-color: #d82f29;
    color: #222222;
}

.slick6-dots li.slick-active {
    border-color: #d82f29;
    color: #222222;
}

/*==================================================================
    TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
==================================================================*/

/*==================================================================
[ Color ]*/
.color-main {
    color: #d82f29;
}

.rs1-color {
    color: #222222;
}

.s-txt8 {
    color: #d82f29;
}

.s-txt32 {
    color: #d82f29;
}

/*//////////////////////////////////////////////////////////////////
[ M-Text 16 - 30 ]*/
.m-txt2 {
    color: #d82f29;
}

.m-txt18 {
    color: #d82f29;
}

.m-txt28 {
    color: #d82f29;
}

/*---------------------------------------------*/
.rs1-color {
    color: #333333;
}

.rs2-color {
    color: #555555;
}

/*==================================================================
   SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE
==================================================================*/

/*//////////////////////////////////////////////////////////////////
[ Background ]*/
.bg-main {
    background-color: #d82f29;
}

.rs1-bg {
    background-color: #333333;
}

.bg6 {
    background-color: #2e2e2e;
}

/*==================================================================
      EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT
==================================================================*/

/*//////////////////////////////////////////////////////////////////
[ Pseudo ]*/
/*------------------------------------------------------------------
[ Focus ]*/
.input-focus-1:focus {
    border-color: rgba(255, 224, 72, 0.5);
    box-shadow: 0 0px 2px 0px #d82f29;
    -moz-box-shadow: 0 0px 2px 0px #d82f29;
    -webkit-box-shadow: 0 0px 2px 0px #d82f29;
    -o-box-shadow: 0 0px 2px 0px #d82f29;
    -ms-box-shadow: 0 0px 2px 0px #d82f29;
}

/*------------------------------------------------------------------
[ Hover ]*/

.hov-bg-main:hover {
    background-color: #d82f29;
}

.hov-color-main:hover {
    color: #d82f29;
}

/*---------------------------------------------*/
.hov4:hover {
    background-color: #d82f29;
    color: #fff;
}

/*------------------------------------------------------------------
[ Active ]*/
.actived-2 {
    color: #d82f29;
}

/*---------------------------------------------*/
.btn-drive::before {
    background-color: #2e2e2e;
}

.btn-drive.bg-main {
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-drive.bg-main:hover {
    color: #fff;
}

.rs1-btn {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.rs2-btn {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}

/*---------------------------------------------*/
.list-01 li::before {
    color: #d82f29;
}

/*---------------------------------------------*/
.symbol-1 {
    color: #fff;
}

.symbol-1::before {
    background-color: #d82f29;
}

/*---------------------------------------------*/

.overlay1::after {
    background-color: #d82f29;
}

/*//////////////////////////////////////////////////////////////////
[ Block1 ]*/

.block-1 .wrap-text-b1 a,
.block-1 .wrap-text-b1 i,
.block-1 .wrap-text-b1 h4,
.block-1 .wrap-text-b1 p {
    color: #fff;
}

/*//////////////////////////////////////////////////////////////////
[ Block4 ]*/
.wrap-text-b4 a.s-txt8 {
    color: #999999;
}

/*//////////////////////////////////////////////////////////////////
[ Block5 ]*/
.block-5 span.color-main {
    color: #999999;
}

/*//////////////////////////////////////////////////////////////////
[ CTA ]*/
.content-cta-1 > span {
    color: #fff;
}

.content-cta-1 .wrap-btn-cta .btn-drive i {
    margin-right: 10px;
    color: #fff;
    font-size: 15px;
}

.content-cta-1 .wrap-btn-cta .btn-drive {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.content-cta-1 .wrap-btn-cta .btn-drive:hover {
    background-color: #25D366;
    color: #fff;
    border: 2px solid #25D366;
}

.content-cta-1 .wrap-btn-cta .btn-drive:hover i {
    color: #fff;
}

.content-cta-1 .wrap-btn-cta .btn-drive:before {
    background-color: #25D366;
    color: #fff;
    border: 2px solid #25D366;
}

/*//////////////////////////////////////////////////////////////////
[ rs share item ]*/
.rs1-share-item a.hov-color-white:hover {
    color: #222222;
}

.detail ul, .detail li {
    list-style-type: inherit;
    margin-left: 10px;
}
#slider .item img{
    display: block;
    width: 100%;
    height: auto;
}
i.fa-facebook{
    color: #3B5998;
}
i.fa-instagram{
    color: #bc2a8d;
}
i.fa-whatsapp{
    color: #25D366;
}