/*
 Theme Name:   OnePress Child
 Theme URI:    https://www.famethemes.com
 Description:  OnePress sample child theme
 Author:       FameThemes
 Author URI:   https://www.famethemes.com
 Template:     onepress
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  onepress-child
*/

/* Add your custom css below
-------------------------------------------------------------- */
.horse-oil-top {
    position: relative;
}
.horse-oil-2 { 
    margin-top: -200px; 
}
.horse-oil-btn-1 {
    position: absolute;
    bottom: 240px;
    width: 600px;
    left: 60px;
}
.horse-oil-bottom {
    position: relative;
	margin-top: -180px;
}
.horse-oil-3 {
    margin-top: -31px;
}
.horse-oil-4 {
    position: absolute;
    bottom: 60px;
    width: 90%;
    left: 56px;
}
.horse-oil-5 {
    position: absolute;
    width: 26%;
    bottom: 503px;
    left: 156px;
}
.horse-oil-btn-2 {
    position: absolute;
    bottom: 460px;
    width: 420px;
    left: 124px;
}
.horse-oil-btn-1:hover,
.horse-oil-btn-2:hover {
    opacity: .7;
}
.cta-btn-area {
    position: absolute;
    bottom: 180px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}
.cta-btn-area a,
.cta-btn-area-2 a {
    transition: .3s;
}
.cta-btn-area a:hover,
.cta-btn-area-2 a:hover {
    filter: brightness(80%);
}
.cta-btn-area img {
    max-width: 200px;
    height: 100%;
}
.cta-btn-area-2 {
    position: absolute;
    bottom: 360px;
    left: 80px;
    display: flex;
}
.cta-btn-area-2 img {
    max-width: 120px;
    height: 100%;
}
@media screen and (max-width:1199px) {
    .horse-oil-2 {
        margin-top: -180px;
    }
    .horse-oil-btn-1 {
        bottom: 220px;
        width: 500px;
        left: 50px;
    }
    .horse-oil-4 {
        bottom: 60px;
        left: 46px;
    }
    .horse-oil-5 {
        bottom: 500px;
        left: 126px;
    }
    .horse-oil-btn-2 {
        bottom: 370px;
        width: 380px;
        left: 92px;
    }
    .cta-btn-area {
        bottom: 180px;
    }
    .cta-btn-area img {
        max-width: 160px;
    }
    .cta-btn-area-2 {
        bottom: 365px;
        left: 72px;
    }
    .cta-btn-area-2 img {
        max-width: 120px;
    }
}
@media screen and (max-width:991px) {
    .horse-oil-btn-1 {
        bottom: 154px;
        width: 390px;
        left: 24px;
    }
    .horse-oil-2 {
        margin-top: -120px;
    }
    .horse-oil-4 {
        bottom: 36px;
        left: 34px;
    }
    .horse-oil-5 {
        bottom: 469px;
        left: 112px;
		width: 23%;
    }
    .horse-oil-btn-2 {
        bottom: 284px;
        width: 300px;
        left: 58px;
    }
    .cta-btn-area {
        bottom: 120px;
    }
		.horse-oil-bottom {
		margin-top: -120px;
	}
    .cta-btn-area img {
        max-width: 124px;
    }
    .cta-btn-area-2 {
      bottom: 340px;
        left: 93px;
    }
    .cta-btn-area-2 img {
        max-width: 98px;
    }
}
@media screen and (max-width: 810px) {
    .horse-oil-5 {
        bottom: 430px;
        left: 112px;
    }
	.cta-btn-area-2 {
        bottom: 313px;
        left: 60px;
    }
}
@media screen and (max-width:767px) {
    .horse-oil-btn-1 {
        bottom: 110px;
        width: 300px;
        left: 16px;
    }
    .horse-oil-2 {
        margin-top: -80px;
    }
    .horse-oil-4 {
        bottom: 24px;
        left: 26px;
    }
    .horse-oil-5 {
        bottom: 280px;
        left: 64px;
    }
    .horse-oil-btn-2 {
        bottom: 200px;
        width: 220px;
        left: 40px;
    }
    .cta-btn-area {
        bottom: 90px;
    }
	    .horse-oil-bottom {
        margin-top: -90px;
    }
    .cta-btn-area img {
        max-width: 90px;
    }
    .cta-btn-area-2 {
        bottom: 202px;
        left: 46px;
    }
    .cta-btn-area-2 img {
        max-width: 68px;
    }
}
@media screen and (max-width:575px) {
	.horse-oil-bottom {
		margin-top: -85px;
	}
    .horse-oil-btn-1 {
        bottom: 21vw;
        width: 50vw;
        left: 3vw;
    }
    .horse-oil-2 {
        margin-top: -14vw;
    }
    .horse-oil-4 {
        bottom: 4vw;
        left: 4.6vw;
    }
    .horse-oil-5 {
        bottom: 50vw;
        left: 11vw;
    }
    .horse-oil-btn-2 {
        bottom: 36vw;
        width: 40vw;
        left: 7vw;
    }
    .cta-btn-area {
        bottom: 16vw;
    }
    .cta-btn-area img {
        max-width: 16vw;
    }
    .cta-btn-area-2 {
        bottom: 36vw;
        left: 6vw;
    }
    .cta-btn-area-2 img {
        max-width: 13vw;
    }
}
@media screen and (max-width: 500px) {
    .horse-oil-bottom {
        margin-top: -74px;
    }
@media screen and (max-width:395px) {
	.horse-oil-bottom {
		margin-top: -60px;
	}