#preloader{
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background-color:#fff;
    z-index:999999;
    transition:0.3s ease opacity;
    text-align:center;
    width:100%;
    height:100%
}
#preloader:before{
    content:"";
    width:80px;
    height:80px;
    border:3px solid #ff712a;
    display:block;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:50%;
    opacity:0;
    transform:translate(-50%, -50%);
    animation-name:LoaderCicle;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
#preloader:after{
    content:"";
    width:80px;
    height:80px;
    border:3px solid #ff712a;
    display:block;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:50%;
    opacity:0;
    transform:translate(-50%, -50%);
    animation-name:LoaderCicle;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    animation-delay:1s
}
@keyframes LoaderCicle{
    0%{
        width:0;
        height:0;
        opacity:0
    }
    10%{
        width:10px;
        height:10px;
        opacity:1
    }
    80%{
        width:60px;
        height:60px;
        opacity:0.1
    }
    100%{
        width:70px;
        height:70px;
        opacity:0
    }
}
a:hover,a:active{
    color:#ff712a;
    text-decoration:none
}
.min-height-300{
    min-height:300px
}
.h-100vh{
    height:100vh
}
.theme-overlay[data-overlay-dark]:before{
    background:#59b73f
}
.theme-overlay-secondary[data-overlay-dark]:before{
    background:#ff712a
}
.theme-overlay-dark-blue[data-overlay-dark]:before{
    background:#20252d
}
.left-overlay-dark[data-overlay-dark]:before{
    background:rgba(32,37,45,0.76);
    background:linear-gradient(-90deg, transparent, #20252d 65%)
}
.text-primary,.text-primary-hover:hover{
    color:#ff712a !important
}
.bg-primary{
    background-color:#0081c6 !important
}
.border-primary{
    border-color:#ff712a !important
}
.text-secondary,.text-secondary-hover:hover{
    color:#0081c6 !important
}
.bg-secondary{
    background:#0081c6 !important
}
.border-secondary{
    border-color:#59b73f !important
}
.bg-dark{
    background:#20252d !important
}
.text-dark,.text-dark-hover:hover{
    color:#20252d !important
}
.border-dark{
    border-color:#20252d !important
}
.bg-no-repeat{
    background-repeat:no-repeat
}
.rounded-start-md-10px{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px
}
.rounded-top-10px{
    border-top-left-radius:10px;
    border-top-right-radius:10px
}
@media screen and (max-width: 767px){
    .rounded-start-md-10px{
        border-top-left-radius:0px;
        border-bottom-left-radius:0px
    }
    .rounded-top-sm-10px{
        border-top-left-radius:10px;
        border-top-right-radius:10px
    }
}
.min-vh-100{
    min-height:100vh
}
.height-300{
    height:300px
}
@media screen and (min-width: 992px){
    .overlap-column{
        margin-bottom:3rem
    }
    .overlap-column>[class*="col-"]:first-child{
        position:relative;
        left:2rem
    }
    .overlap-column>[class*="col-"]:last-child{
        position:relative;
        left:-2rem;
        top:3rem
    }
}
.scroll-to-top{
    font-size:20px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
    border-radius:50%;
    background:#000;
    border:1px solid #2a2a2a;
    width:35px;
    height:35px;
    line-height:30px;
    z-index:9999;
    outline:0;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all 0.3s ease
}
.scroll-to-top i{
    color:#fff
}
.scroll-to-top:hover{
    color:#1e2022;
    background:#fff
}
.scroll-to-top:hover i{
    color:#1e2022
}
.scroll-to-top:visited{
    color:#1e2022;
    text-decoration:none
}
.icon-box{
    font-size:30px;
    margin-bottom:33px;
    display:inline-block;
    color:#ffffff;
    height:65px;
    width:65px;
    line-height:65px;
    background-color:#0081c6;
    text-align:center;
    border-radius:0.3rem
}
.icon-box.medium{
    font-size:20px;
    width:50px;
    height:50px;
    line-height:50px
}
.icon-box.small{
    font-size:13px;
    width:35px;
    height:35px;
    line-height:35px
}
@media screen and (max-width: 991px){
    .icon-box{
        height:55px;
        width:55px;
        line-height:55px;
        font-size:23px
    }
}
@media screen and (max-width: 575px){
    .icon-box{
        height:45px;
        width:45px;
        line-height:45px;
        font-size:18px
    }
}
.list-style1 li{
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #dee2e6;
    padding:20px 35px
}
.list-style1 li:last-child{
    border-bottom:unset
}
@media screen and (max-width: 575px){
    .list-style1 li{
        padding:20px
    }
}
.list-style2{
    list-style:none;
    padding-left:0
}
.list-style2 li{
    line-height:32px;
    padding-left:30px;
    position:relative;
    margin-bottom:8px
}
.list-style2 li:last-child{
    margin-bottom:0
}
.list-style2 li:before{
    content:"\e64d";
    font-family:'themify';
    font-size:18px;
    position:absolute;
    top:0;
    left:0;
    line-height:35px;
    color:#59b73f
}
.butn{
    padding:13px 20px;
    background:#59b73f;
    color:#fff;
    font-weight:800;
    font-size:17px;
    display:inline-block;
    min-width:170px;
    text-align:center;
    border-radius:50%;
    border-radius:60px;
    border:none;
    position:relative;
    overflow:hidden;
    z-index:1;
    text-transform:capitalize;
    transition:box-shadow 0.5s
}
.butn:hover,.butn:active,.butn:focus{
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
    color:#fff;
    background:#59b73f;
    border:none;
    transition:box-shadow 0.5s;
    -webkit-box-shadow:inset 0 0 0 2em #ff712a;
    -moz-box-shadow:inset 0 0 0 2em #ff712a;
    box-shadow:inset 0 0 0 2em #ff712a
}
.butn.primary{
    background:#ff712a
}
.butn.primary:hover,.butn.primary:active,.butn.primary:focus{
    background:#ff712a;
    -webkit-box-shadow:inset 0 0 0 2em #59b73f;
    -moz-box-shadow:inset 0 0 0 2em #59b73f;
    box-shadow:inset 0 0 0 2em #59b73f
}
.butn.small{
    padding:8px 20px !important;
    font-size:15px;
    min-width:125px
}
.butn.medium{
    padding:13px 20px !important;
    font-size:15px;
    min-width:140px
}
.btn-style2{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    background:#0081c6;
    color:#fff;
    border:2px solid #0081c6;
    line-height:1;
    font-weight:800;
    position:relative;
    outline:none;
    transition:all 0.4s ease;
    overflow:hidden;
    white-space:nowrap;
    font-size:16px !important;
    padding:18px 28px;
    z-index:9;
    border-radius:0;
    text-transform:uppercase
}
.btn-style2:after{
    content:"";
    position:absolute;
    height:0%;
    left:50%;
    top:50%;
    width:150%;
    z-index:-1;
    transition:all 0.35s ease 0s;
    background:#ffffff;
    -webkit-transform:translateX(-50%) translateY(-50%) rotate(-25deg);
    transform:translateX(-50%) translateY(-50%) rotate(-25deg)
}
.btn-style2:hover,.btn-style2:active,.btn-style2:focus{
    color:#fff !important;
    border-color:#f12630
}
.btn-style2:hover:after,.btn-style2:active:after,.btn-style2:focus:after{
    height:450%;
    transition:all 1s ease 0s;
    background:#f12630
}
.btn-style2.primary{
    background:#f12630;
    color:#fff;
    border:2px solid #f12630
}
.btn-style2.primary:after{
    background:#ffffff
}
.btn-style2.primary:hover,.btn-style2.primary:active,.btn-style2.primary:focus{
    color:#fff !important;
    border-color:#0081c6
}
.btn-style2.primary:hover:after,.btn-style2.primary:active:after,.btn-style2.primary:focus:after{
    background:#0081c6
}
.btn-style2.medium{
    padding:13px 22px !important
}
.btn-style2.small{
    padding:10px 18px !important
}
.btn-style3{
    display:inline-block;
    background-color:#ff712a;
    color:#fff !important;
    padding:16px 30px;
    border-radius:0.25rem;
    text-transform:uppercase;
    font-weight:bold;
    font-size:16px;
    line-height:normal;
    transition-duration:.3s
}
.btn-style3.secondary{
    background-color:#59b73f
}
.btn-style3.secondary:hover{
    background-color:#ff712a
}
.btn-style3:hover{
    background-color:#59b73f
}
.btn-style3.white:hover{
    background-color:#fff;
    color:#ff712a !important
}
.btn-style3.white:hover span{
    color:#ff712a
}
.btn-style3.medium{
    padding:13px 22px !important;
    font-size:14px
}
.btn-style3.small{
    padding:10px 18px !important;
    font-size:14px
}
.top-bar-info{
    display:inline-block;
    vertical-align:middle
}
.top-bar-info ul{
    margin-bottom:0
}
.top-bar-info li{
    font-weight:700;
    color:#fff;
    list-style-type:none;
    font-size:14px;
    padding:0 5px 0;
    display:inline-block;
    margin-bottom:0
}
#top-bar{
    display:block;
    position:relative;
    z-index:999;
    background:#20252d;
    padding:10px 0
}
.top-bar-info li i{
    font-size:16px;
    color:#fff;
    margin-right:8px;
    margin-top:0;
    display:inline-block;
    vertical-align:text-bottom
}
.top-social-icon{
    padding:0;
    float:right;
    margin:0
}
.top-social-icon li{
    font-size:14px;
    list-style-type:none;
    float:left;
    text-align:center;
    margin:0;
    padding:0 7px
}
.top-social-icon li:last-child{
    padding-right:0
}
.top-social-icon li:last-child a{
    padding-right:0
}
.top-social-icon li a{
    color:#0081c6;
    line-height:28px;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    padding:0 3px
}
.top-social-icon li a:hover{
    color:#fff
}
.navbar-toggler{
    background:#0081c6
}
.navbar-nav li.current>a,.navbar-nav li.active>a{
    color:#ff712a
}
.navbar>ul>li.current>a:after{
    border-color:transparent #ff712a #ff712a transparent
}
.menu_area-light .navbar-nav li.current>a,.menu_area-light .navbar-nav li.active>a{
    color:#ff712a
}
.menu_area-light .navbar>ul>li.current>a:after{
    border-color:transparent #ff712a #ff712a transparent
}
.menu_area-light.scrollHeader .navbar-nav li.current>a{
    color:#ff712a
}
.menu_area-light.scrollHeader .navbar-nav li.current>a:hover{
    color:#ff712a
}
.menu_area-light.scrollHeader .navbar-nav li.active>a{
    color:#ff712a
}
.menu_area-light.scrollHeader .navbar>ul>li.current>a:after{
    border-color:transparent #ff712a #ff712a transparent
}
@media screen and (min-width: 992px){
    .header-style3 .navbar-nav li.current>a{
        color:#ff712a
    }
    .header-style3 .navbar>ul>li.current>a:after{
        border-color:transparent #ff712a #ff712a transparent
    }
    .header-style3.scrollHeader .navbar-nav li.current>a{
        color:#ff712a
    }
    .header-style3.scrollHeader .navbar-nav li.current>a:hover{
        color:#ff712a
    }
    .header-style3.scrollHeader .navbar>ul>li.current>a:after{
        border-color:transparent #ff712a #ff712a transparent
    }
}
.onepage-nav{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background:transparent;
    z-index:9999;
    min-height:70px;
    padding:0;
    border-bottom:1px solid rgba(0,0,0,0.1)
}
.onepage-nav .logo{
    padding:10px 0;
    width:155px
}
.onepage-nav.nav-scroll{
    background:#fff;
    box-shadow:0 5px 10px -10px rgba(0,0,0,0.6);
    position:fixed;
    top:-100px;
    left:0;
    width:100%;
    transition:transform .5s;
    transform:translateY(100px);
    z-index:99
}
.onepage-nav .navbar-nav>li>a{
    color:#fff
}
.onepage-nav.nav-scroll .navbar-nav>li>a{
    color:#20252d
}
.header .social-links a{
    display:inline-block;
    margin:0 12px;
    font-size:18px
}
.header .social-links a:hover{
    opacity:0.85
}
.header .social-links:last-child{
    margin-right:0
}
.navbar .navbar-nav .nav-link.active{
    color:#ff712a
}
.navbar.nav-scroll .navbar-nav .nav-link:hover,.navbar.nav-scroll .navbar-nav .nav-link.active{
    color:#ff712a
}
@media screen and (max-width: 1399px){
    .onepage-nav>.container{
        padding-right:5.5rem
    }
}
@media screen and (max-width: 991px){
    .onepage-nav{
        padding:0 15px;
        border:none
    }
    .onepage-nav>.container{
        padding:10px 0
    }
    .onepage-nav .navbar-nav{
        top:0;
        position:relative;
        background:#20252d
    }
    .onepage-nav .navbar-nav li{
        border-top:1px solid rgba(255,255,255,0.1);
        float:none
    }
    .onepage-nav .navbar-nav li:first-child{
        border-top:transparent
    }
    .onepage-nav.nav-scroll .navbar-nav>li>a{
        color:#fff
    }
    .onepage-nav .navbar-toggler{
        background:#ff712a;
        box-shadow:none;
        top:16px
    }
    .onepage-nav .navbar-nav .nav-link{
        padding:12px 15px
    }
    .onepage-nav .logo{
        padding:6px 0 7px 0
    }
}
.side-menu{
    width:30%;
    position:fixed;
    right:0;
    top:0;
    background:#20252d;
    z-index:99999;
    height:100%;
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0);
    -webkit-transition:-webkit-transform .5s ease;
    transition:-webkit-transform .5s ease;
    -o-transition:-o-transform .5s ease;
    transition:transform .5s ease;
    transition:transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
    transition:transform .5s ease, -webkit-transform .5s ease;
    overflow:hidden
}
.side-menu.left{
    left:0;
    right:auto;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
}
.side-menu.black{
    background:#232323
}
.side-menu.side-menu-active,.side-menu.before-side{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.side-menu .navbar-brand{
    margin:0 0 2.5rem 0
}
#close_sidebar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    -webkit-transition:opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition:opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition:opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    display:none;
    z-index:9999;
    opacity:0.4
}
.side-menu .btn-close{
    height:33px;
    width:33px;
    display:inline-block;
    text-align:center;
    position:absolute;
    top:30px;
    right:15px;
    cursor:pointer;
    background:none;
    opacity:1
}
.side-menu.before-side .btn-close{
    display:none
}
.side-menu .btn-close:before,.side-menu .btn-close:after{
    position:absolute;
    left:16px;
    content:' ';
    height:24px;
    width:2px;
    background:#ff712a;
    top:5px
}
.side-menu .btn-close:before{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.side-menu .btn-close:after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.sidemenu_btn{
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    width:36px;
    padding:6px;
    margin-right:1rem;
    position:absolute;
    right:25px;
    top:22px;
    z-index:99
}
.sidemenu_btn.left{
    left:15px;
    right:auto
}
.sidemenu_btn>span{
    height:2px;
    width:100%;
    background:#fff;
    display:block
}
.sidemenu_btn>span:nth-child(2){
    margin:4px 0
}
.nav-scroll .sidemenu_btn>span{
    background:#20252d
}
.bg-black.nav-scroll .sidemenu_btn>span{
    background:#fff
}
.bg-white .sidemenu_btn>span,.bg-white.nav-scroll .sidemenu_btn>span{
    background:#20252d
}
.side-menu .inner-wrapper{
    padding:3.5rem 5rem;
    height:100%;
    position:relative;
    overflow-y:auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:left;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.side-menu .side-nav{
    margin-bottom:30px;
    display:block
}
.side-nav .navbar-nav .nav-item{
    display:block;
    margin:10px 0;
    padding:0 !important;
    opacity:0;
    -webkit-transition:all 0.8s ease 500ms;
    -o-transition:all 0.8s ease 500ms;
    transition:all 0.8s ease 500ms;
    -webkit-transform:translateY(30px);
    -ms-transform:translateY(30px);
    -o-transform:translateY(30px);
    transform:translateY(30px)
}
.side-nav .navbar-nav .nav-item:first-child{
    -webkit-transition-delay:.1s;
    -o-transition-delay:.1s;
    transition-delay:.1s
}
.side-nav .navbar-nav .nav-item:nth-child(2){
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}
.side-nav .navbar-nav .nav-item:nth-child(3){
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
.side-nav .navbar-nav .nav-item:nth-child(4){
    -webkit-transition-delay:.4s;
    -o-transition-delay:.4s;
    transition-delay:.4s
}
.side-nav .navbar-nav .nav-item:nth-child(5){
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s
}
.side-nav .navbar-nav .nav-item:nth-child(6){
    -webkit-transition-delay:.6s;
    -o-transition-delay:.6s;
    transition-delay:.6s
}
.side-nav .navbar-nav .nav-item:nth-child(7){
    -webkit-transition-delay:.7s;
    -o-transition-delay:.7s;
    transition-delay:.7s
}
.side-nav .navbar-nav .nav-item:nth-child(8){
    -webkit-transition-delay:.8s;
    -o-transition-delay:.8s;
    transition-delay:.8s
}
.side-nav .navbar-nav .nav-item:nth-child(9){
    -webkit-transition-delay:.9s;
    -o-transition-delay:.9s;
    transition-delay:.9s
}
.side-menu.side-menu-active .side-nav .navbar-nav .nav-item{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.side-nav .navbar-nav .nav-link{
    display:inline-table;
    color:#fff;
    padding:2px 0 3px 0 !important;
    font-size:1.5rem;
    font-weight:300;
    line-height:normal;
    position:relative;
    -webkit-border-radius:0;
    border-radius:0
}
.side-nav .navbar-nav .nav-link:after{
    content:"";
    position:absolute;
    background:#fff;
    display:inline-block;
    width:0;
    height:1px;
    bottom:0;
    left:0;
    overflow:hidden;
    -webkit-transition:all 0.5s cubic-bezier(0, 0, 0.2, 1);
    -o-transition:all 0.5s cubic-bezier(0, 0, 0.2, 1);
    transition:all 0.5s cubic-bezier(0, 0, 0.2, 1)
}
.side-nav .navbar-nav .nav-link:hover:after,.side-nav .navbar-nav .nav-link:focus:after{
    width:100%
}
.side-nav .navbar-nav .nav-link.active{
    background:transparent
}
.side-nav .navbar-nav .nav-link.active:after{
    width:100%
}
.side-menu .social-links a{
    color:#fff
}
.side-menu .social-links a:hover{
    opacity:0.65
}
@media screen and (max-width: 1399px){
    .sidemenu_btn{
        margin-right:0
    }
}
.sec-title{
    position:relative;
    display:block;
    padding-bottom:50px
}
.sec-title .border-box{
    position:relative;
    display:block;
    width:80px;
    height:7px
}
.sec-title .border-box:before{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    content:"";
    background:#ff712a
}
.sec-title .border-box:after{
    position:absolute;
    top:0;
    left:0;
    width:60px;
    height:3px;
    content:"";
    background:#ff712a
}
.sec-title .border-box.center{
    margin:0 auto
}
.sec-title .border-box.center:after{
    top:0;
    left:0;
    right:0;
    margin:0 auto
}
.sec-title2 span{
    position:relative;
    z-index:1;
    padding-left:10px;
    padding-bottom:15px;
    display:inline-block
}
.sec-title2 span:before{
    display:inline-block;
    position:relative;
    z-index:1;
    width:8px;
    height:8px;
    top:-1px;
    content:"";
    left:-10px;
    background-color:#59b73f;
    border-radius:50%
}
.sec-title2.white span:before{
    background-color:#ffff
}
.sec-title2.orange span:before{
    background-color:#ff712a
}
.small-title{
    padding:4px 15px;
    background-color:rgba(89,183,63,0.2);
    margin-bottom:15px;
    display:inline-block;
    font-size:15px;
    font-weight:bold
}
.small-title.white{
    background-color:rgba(255,255,255,0.2)
}
.slider-fade h1{
    margin-bottom:25px;
    animation-delay:0.8s
}
.slider-fade p{
    animation-delay:1.2s
}
.slider-fade a{
    animation-delay:1.6s
}
.slider-fade.owl-theme .owl-nav{
    margin-top:0
}
.slider-fade.owl-theme .owl-dots .owl-dot span{
    background:rgba(255,255,255,0.85)
}
.slider-fade .owl-nav .owl-next{
    position:absolute;
    right:15px;
    top:45%;
    height:55px;
    width:55px;
    background:#fff !important;
    opacity:1;
    border-radius:50%;
    font-size:18px !important;
    transition:all .3s ease
}
.slider-fade .owl-nav .owl-next:hover{
    background:#ff712a !important
}
.slider-fade .owl-nav .owl-next:hover span{
    color:#fff
}
.slider-fade .owl-nav .owl-next span{
    color:#ff712a;
    font-size:24px;
    line-height:55px;
    padding-left:3px;
    transition:all .3s ease
}
.slider-fade .owl-nav .owl-prev{
    position:absolute;
    left:15px;
    top:45%;
    height:55px;
    width:55px;
    background:#fff !important;
    opacity:1;
    border-radius:50%;
    transition:all .3s ease
}
.slider-fade .owl-nav .owl-prev:hover{
    background:#ff712a !important
}
.slider-fade .owl-nav .owl-prev span{
    color:#ff712a;
    font-size:24px;
    line-height:55px;
    padding-right:3px;
    transition:all .3s ease
}
.slider-fade .owl-nav .owl-prev:hover span{
    color:#fff
}
.slider-fade.owl-carousel.owl-theme .owl-dots{
    position:absolute;
    bottom:100px;
    width:100%;
    margin:0;
    left:0
}
.slider-fade.owl-theme .owl-dots .owl-dot.active span,.slider-fade.owl-theme .owl-dots .owl-dot.focus span .slider-fade.owl-theme .owl-dots .owl-dot:hover span{
    background-color:#ff712a
}
.page-title-section{
    padding:150px 0
}
.page-title-section h1{
    font-size:60px;
    line-height:1;
    text-shadow:0 0 3px rgba(0,0,0,0.2);
    color:#ffffff;
    margin-bottom:20px
}
.page-title-section ul{
    margin:0;
    padding:7px 22px;
    list-style:none;
    background:#0081c6;
    border-radius:50rem;
    display:inline-block;
    line-height:1.2
}
.page-title-section ul li{
    display:inline-block
}
.page-title-section ul li:last-child a{
    color:#ffffff
}
.page-title-section ul li:after{
    content:'\f105';
    font-weight:700;
    vertical-align:middle;
    color:#ffffff;
    font-size:14px;
    font-family:Font Awesome\ 5 Free;
    padding:0 5px 0 10px
}
.page-title-section ul li:last-child:after{
    content:none
}
.page-title-section ul li a{
    color:#ffffff;
    font-size:14px;
    font-weight:700;
    text-transform:capitalize;
    letter-spacing:1px
}
@media screen and (max-width: 1199px){
    .page-title-section{
        padding:140px 0
    }
    .page-title-section h1{
        font-size:52px;
        margin-bottom:25px
    }
}
@media screen and (max-width: 991px){
    .page-title-section{
        padding:130px 0
    }
    .page-title-section h1{
        margin-bottom:20px;
        font-size:48px;
        line-height:40px
    }
}
@media screen and (max-width: 767px){
    .page-title-section{
        padding:120px 0
    }
    .page-title-section h1{
        font-size:42px;
        line-height:30px;
        margin-bottom:15px
    }
}
@media screen and (max-width: 575px){
    .page-title-section{
        padding:110px 0
    }
    .page-title-section h1{
        font-size:36px
    }
}
.card-style1 .card-title{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:0;
    z-index:5;
    width:240px;
    padding:15px 20px;
    background:#0081c6;
    overflow:hidden;
    align-items:center
}
.card-style1 .card-title i{
    position:absolute;
    left:-4px;
    font-size:30px;
    bottom:-2px;
    opacity:.5;
    color:#fff
}
.card-style1 .about-img:before{
    position:absolute;
    top:50%;
    left:50%;
    z-index:1;
    display:block;
    content:'';
    width:0;
    height:0;
    background:rgba(255,255,255,0.2);
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    opacity:0
}
.card-style1:hover .about-img:before{
    -webkit-animation:circle .75s;
    animation:circle .75s
}
@-webkit-keyframes circle{
    0%{
        opacity:1
    }
    40%{
        opacity:1
    }
    100%{
        width:200%;
        height:200%;
        opacity:0
    }
}
@keyframes circle{
    0%{
        opacity:1
    }
    40%{
        opacity:1
    }
    100%{
        width:200%;
        height:200%;
        opacity:0
    }
}
.card-style2{
    box-shadow:9px 12px 38px 0px rgba(0,0,0,0.1);
    overflow:hidden;
    transition:all 0.3s ease-out 0s
}
.card-style2:hover{
    background-color:#0081c6
}
.card-style2 .card-icon{
    position:absolute;
    right:-20px;
    top:-20px;
    font-size:120px;
    line-height:1;
    z-index:0;
    opacity:.1;
    color:#59b73f;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.card-style2:hover .card-icon,.card-style2:hover p,.card-style2:hover a{
    color:#fff
}
.card-style2 .card-body .card-btn a{
    background-color:#0081c6;
    color:#fff;
    line-height:50px;
    display:block;
    text-align:center;
    height:50px;
    width:50px;
    border:none;
    border-radius:50%;
    font-size:16px;
    z-index:5;
    transition:all 0.5s ease-in-out;
    position:relative
}
.card-style2:hover .card-body .card-btn a{
    background-color:#fff;
    color:#59b73f
}
@media screen and (max-width: 991px){
    .card-style2 .card-icon{
        font-size:100px
    }
}
.services-top{
    margin-top:-90px;
    z-index:9
}
@media screen and (max-width: 1199px){
    .services-top{
        margin-top:-70px
    }
}
.card-style3 .card-body{
    padding:0;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%
}
.card-style3 .card-body:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    opacity:0;
    background-color:rgba(89,183,63,0.9);
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transform:scaleY(0);
    -moz-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transition:transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84),opacity 0s 0.5s;
    transition:transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84),opacity 0s 0.5s
}
.card-style3:hover .card-body:after{
    opacity:1;
    -webkit-transform:scaleY(1);
    -moz-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transition:transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84),opacity 0s;
    transition:transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84),opacity 0s
}
.card-style3 .card-body .portfolio-icon{
    overflow:hidden;
    position:absolute;
    right:0px;
    top:0;
    z-index:1
}
.card-style3 .card-body .portfolio-icon .top-icon{
    position:relative;
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
    -moz-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0);
    -webkit-transition:-webkit-transform .4s, opacity .2s;
    transition:transform .4s, opacity .2s;
    will-change:transform, opacity
}
.card-style3:hover .card-body .portfolio-icon .top-icon{
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s,opacity 0.2s 0.2s;
    transition:transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s,opacity 0.2s 0.2s
}
.card-style3 .card-body .portfolio-icon .top-icon a{
    border:2px solid transparent;
    display:inline-block;
    position:relative;
    transition:all 0.2s ease;
    color:#fff;
    font-size:24px;
    height:73px;
    line-height:70px;
    text-align:center;
    width:75px;
    background-color:#ff712a
}
.card-style3 .card-body .portfolio-content{
    position:absolute;
    bottom:33px;
    z-index:9;
    left:25px;
    right:25px
}
.card-style3 .card-body .portfolio-content span{
    position:relative;
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
    -moz-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0);
    -webkit-transition:-webkit-transform .4s, opacity .2s;
    transition:transform .4s, opacity .2s;
    will-change:transform, opacity;
    padding-bottom:10px;
    display:block
}
.card-style3:hover .card-body .portfolio-content span{
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s,opacity 0.2s 0.1s;
    transition:transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s,opacity 0.2s 0.1s
}
.card-style3 .card-body .portfolio-content h3{
    position:relative;
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
    -moz-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0);
    -webkit-transition:-webkit-transform .4s, opacity .2s;
    transition:transform .4s, opacity .2s;
    will-change:transform, opacity
}
.card-style3:hover .card-body .portfolio-content h3{
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s,opacity 0.2s 0.1s;
    transition:transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s,opacity 0.2s 0.1s
}
.card-style3 .card-body.round:after{
    border-radius:.3rem
}
@media screen and (max-width: 1199px){
    .card-style3 .card-body .portfolio-content{
        bottom:15px;
        left:25px
    }
    .card-style3 .card-body .portfolio-icon .top-icon a{
        width:60px;
        height:60px;
        line-height:60px;
        font-size:17px
    }
}
@media screen and (max-width: 575px){
    .card-style3 .card-body .portfolio-icon .top-icon a{
        width:50px;
        height:50px;
        line-height:50px;
        font-size:14px
    }
}
.card-style4 .blog-img .category{
    color:#fff;
    text-align:center;
    background-color:#ff712a;
    font-size:16px;
    display:block;
    padding:8px 15px;
    position:absolute;
    bottom:0
}
.card-style4 .blog-img .category:hover{
    color:#fff;
    background-color:#59b73f
}
.card-style4 .blog-img:before{
    position:absolute;
    top:50%;
    left:50%;
    z-index:1;
    display:block;
    content:'';
    width:0;
    height:0;
    background:rgba(255,255,255,0.2);
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    opacity:0
}
.card-style4:hover .blog-img:before{
    -webkit-animation:circle .75s;
    animation:circle .75s
}
.card-style5 .card-body{
    padding:25px 30px
}
.card-style5:before{
    position:absolute;
    width:0%;
    height:4px;
    background:#ff712a;
    display:inline-block;
    content:"";
    left:-30px;
    bottom:-0px;
    margin-left:30px;
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
.card-style5:hover:before{
    width:calc(100% + 1px)
}
.card-style5 img{
    -webkit-transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s
}
.card-style5:hover img{
    transform:scale(1.1)
}
.card-style5.secondary:hover:before{
    background:#59b73f
}
.card-style5.dark:hover:before{
    background:#20252d
}
.card-style6{
    box-shadow:0px 10px 40px 0px rgba(0,0,0,0.05);
    position:relative;
    overflow:hidden;
    transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    border:none
}
.card-style6:before{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    content:"";
    width:4px;
    background:#59b73f;
    z-index:2
}
.card-style6:after{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    top:0%;
    transition:all 900ms ease;
    -moz-transition:all 900ms ease;
    -webkit-transition:all 900ms ease;
    -ms-transition:all 900ms ease;
    -o-transition:all 900ms ease;
    background:rgba(0,0,0,0.8);
    opacity:0
}
.card-style6:hover:after{
    opacity:1
}
.card-style6 img{
    position:absolute;
    top:0;
    transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    opacity:0;
    left:0;
    right:0;
    object-fit:cover;
    width:100%;
    height:100%
}
.card-style6:hover img{
    z-index:0;
    opacity:1;
    top:0;
    transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
.card-style6 .card-body i{
    font-size:60px;
    color:#ff712a;
    margin-bottom:76px
}
.card-style6:hover{
    -webkit-box-shadow:0px 0px 30px 2px rgba(20,44,75,0.1);
    -moz-box-shadow:0px 0px 30px 2px rgba(20,44,75,0.1);
    box-shadow:0px 0px 30px 2px rgba(20,44,75,0.1)
}
.card-style6:hover:before{
    z-index:-1
}
.card-style6:hover .card-body i,.card-style6:hover .card-body a,.card-style6:hover .card-body p{
    color:#fff
}
@media screen and (max-width: 767px){
    .card-style6 .card-body i{
        font-size:48px
    }
}
.card-style7 .card-body{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:40px;
    text-align:left;
    opacity:0;
    transition:0.5s;
    overflow:hidden
}
.card-style7:hover .card-body{
    opacity:1
}
.card-style7 .portfolio-content{
    position:absolute;
    left:-80px;
    bottom:0;
    background-color:#fff;
    padding:30px 40px;
    -webkit-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s;
    visibility:hidden;
    opacity:0;
    z-index:2
}
.card-style7:hover .portfolio-content{
    left:0;
    visibility:visible;
    opacity:1
}
.card-style7 .portfolio-content span{
    position:relative;
    display:inline-block;
    margin-bottom:5px
}
.card-style7 .portfolio-content .content-inner{
    border-left:3px solid #59b73f;
    padding:0 0 0 20px
}
.card-style7:before{
    content:"";
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition:0.5s;
    background-color:rgba(255,112,41,0.7)
}
.card-style7:hover:before{
    opacity:1
}
@media screen and (max-width: 1199px){
    .card-style7 .portfolio-content{
        padding:20px
    }
}
.card-style8{
    height:100%
}
.card-style8:before{
    position:absolute;
    width:0%;
    height:4px;
    background:#59b73f;
    display:inline-block;
    content:"";
    left:-30px;
    bottom:-0px;
    margin-left:30px;
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
.card-style8:hover:before{
    width:calc(100% + 1px)
}
.card-style8 .social-icon{
    position:absolute;
    left:0;
    bottom:-45px;
    padding:30px 0 0 0;
    right:0;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
    z-index:1;
    text-align:center
}
.card-style8 .social-icon ul li{
    display:inline-block;
    margin:0 5px 0 0
}
.card-style8:hover .social-icon{
    bottom:15px
}
.card-style8 .social-icon ul li a{
    display:inline-block;
    color:#ffffff;
    height:40px;
    width:40px;
    line-height:40px;
    border-radius:50%;
    background-color:#59b73f
}
.card-style8 .social-icon ul li a:hover{
    background-color:#ff712a
}
.card-style9 .testimonials-inner i{
    width:41px;
    height:41px;
    line-height:41px;
    display:block;
    border-radius:100%;
    background:#ff712a;
    color:#fff;
    text-align:center;
    margin-bottom:20px
}
.card-style9 .testimonials-inner:before{
    content:'';
    position:absolute;
    left:10%;
    bottom:0;
    margin-bottom:-20px;
    margin-left:-20px;
    width:0;
    height:0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-top:20px solid;
    border-top-color:#f8f9fa
}
.card-style9 .testimonials-inner:after{
    content:"";
    position:absolute;
    top:0;
    left:10px;
    width:4px;
    height:100%;
    background-color:#59b73f
}
@media screen and (max-width: 575px){
    .card-style9 .testimonials-inner:before{
        left:15%
    }
}
.card-style10 .card-img:before{
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    right:0px;
    border-radius:0.25rem;
    box-shadow:inset 0px -200px 120px -20px rgba(35,35,35,0.8);
    z-index:1;
    transition:all 500ms ease
}
.card-style10 .card-body{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    padding:2.5rem;
    z-index:9
}
@media screen and (max-width: 767px){
    .card-style10 .card-body{
        padding:1.5rem
    }
}
.card-style11{
    border-radius:10px
}
.card-style11 .icon i{
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:50%;
    background-color:#ff712a;
    text-align:center;
    color:#fff;
    font-size:36px;
    position:absolute;
    top:-38px;
    right:30px
}
.card-style12 .team-img span{
    position:absolute;
    left:0;
    bottom:0;
    background-color:#ff712a;
    color:#fff;
    padding:10px 20px;
    line-height:35px;
    right:0;
    margin:0 auto;
    text-align:center;
    max-width:210px
}
.card-style12 .card-body{
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px
}
.card-style12 .card-body:before{
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:1;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background:#59b73f;
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
    transition:all .4s ease;
    opacity:0
}
.card-style12:hover .card-body:before{
    content:"";
    opacity:1;
    -webkit-transform:translateY(0%);
    transform:translateY(0%)
}
.card-style12:hover .card-body h3,.card-style12:hover .card-body a{
    color:#fff
}
.card-style12:hover .card-body ul li .icon-box.small{
    background-color:#fff;
    color:#59b73f
}
.card-style13 .card-body{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    border-radius:10px;
    background:rgba(89,183,63,0.9);
    -webkit-transform:translateY(20%);
    transform:translateY(20%);
    transition:all .4s ease;
    opacity:0
}
.card-style13:hover .card-body{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.card-style13 .card-body .hover-content .hover-inner{
    -webkit-transform:scale(0);
    transform:scale(0);
    transition:all 700ms ease 500ms
}
.card-style13:hover .card-body .hover-content .hover-inner{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.about-1 .about-video-btn{
    position:absolute;
    right:120px;
    bottom:-60px;
    box-shadow:2.088px 14.854px 30px 0px rgba(0,0,0,0.1);
    padding:40px;
    background-color:#FFFFFF;
    z-index:99
}
.about-1 .about-left-img{
    left:-114px;
    z-index:0;
    bottom:-114px;
    position:absolute
}
.about-1 .bg-plus{
    position:absolute;
    right:0;
    top:-40px
}
@media screen and (max-width: 1199px){
    .about-1 .about-left:after{
        right:-25px
    }
    .about-1 .about-video-btn{
        right:75px
    }
}
@media screen and (max-width: 991px){
    .about-1 .about-video-btn{
        right:30px
    }
    .about-1 .about-left-img{
        left:-35px;
        bottom:-40px
    }
    .about-1 .about-left:after{
        right:40px
    }
    .about-1 .about-video-btn{
        right:80px;
        bottom:-40px
    }
}
@media screen and (max-width: 767px){
    .about-1 .about-left:after,.about-1 .about-left-img{
        display:none
    }
    .about-1 .about-video-btn{
        right:40px
    }
}
@media screen and (max-width: 575px){
    .about-1 .about-video-btn{
        display:none
    }
}
.about-2 .quote{
    position:absolute;
    bottom:-18%;
    right:-40px;
    left:60px
}
@media screen and (max-width: 1399px){
    .about-2 .quote{
        right:-15px;
        bottom:-35%
    }
}
@media screen and (max-width: 1199px){
    .about-2 .quote{
        position:inherit;
        bottom:2px;
        left:0
    }
}
blockquote:before{
    content:"";
    position:absolute;
    width:4px;
    height:100%;
    top:0;
    left:10px;
    background-color:#fff
}
p.quote-box:before{
    content:"";
    position:absolute;
    width:4px;
    height:100%;
    top:0;
    left:10px;
    background-color:#575a7b
}
.counter-style1{
    margin-top:-55px;
    z-index:9;
    position:relative;
    background:transparent
}
.counter-style1 .about-inner:before{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:1600px;
    background-color:#20252d;
    content:"";
    border-top-right-radius:0.25rem;
    border-bottom-right-radius:0.25rem
}
.about-3{
    position:absolute;
    left:-5%;
    top:10%
}
@media screen and (max-width: 991px){
    .about-3{
        left:0
    }
}
@media screen and (max-width: 575px){
    .about-3{
        display:none
    }
}
.about-4 img{
    position:absolute;
    top:0;
    left:0
}
.embed-responsive{
    position:relative;
    display:block;
    height:0;
    padding:0;
    overflow:hidden
}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.embed-responsive-16by9{
    padding-bottom:56.25%
}
.embed-responsive-4by3{
    padding-bottom:75%
}
.fullscreen-bg{
    position:absolute;
    top:-15px;
    right:0;
    bottom:0;
    left:0;
    overflow:hidden;
    z-index:-100
}
.fullscreen-bg__video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
@media (min-aspect-ratio: 16 / 9){
    .fullscreen-bg__video{
        height:300%;
        top:-100%
    }
}
@media (max-aspect-ratio: 16 / 9){
    .fullscreen-bg__video{
        width:300%;
        left:-100%
    }
}
@supports (-webkit-touch-callout: none){
    @media (min-aspect-ratio: 16 / 9){
        .fullscreen-bg__video{
            height:400%;
            top:-100%
        }
    }
    @media (max-aspect-ratio: 16 / 9){
        .fullscreen-bg__video{
            width:400%;
            left:-100%
        }
    }
}
.video_btn{
    position:relative;
    height:80px;
    width:80px;
    background:#ff712a;
    text-align:center;
    display:inline-block;
    line-height:80px;
    color:#fff;
    border-radius:50%;
    transition-duration:0s;
    -ms-transition-duration:0s;
    -moz-transition-duration:0s;
    -webkit-transition-duration:0s;
    -o-transition-duration:0s
}
.video_btn:hover i,.video_btn:focus i{
    color:#fff
}
.video_btn:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    height:80px;
    width:80px;
    border:2px solid #ff712a;
    border-radius:50%;
    transform:translate(-50%, -50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    opacity:.3;
    animation:pulse-border 1500ms ease-out infinite
}
.video_btn:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    height:95px;
    width:95px;
    border:2px solid #ff712a;
    border-radius:50%;
    transform:translate(-50%, -50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    opacity:.3;
    animation:pulse-border 1500ms ease-out infinite
}
.video_btn.small{
    width:50px;
    height:50px;
    line-height:50px
}
.video_btn.small:after{
    height:50px;
    width:50px
}
.video_btn.small:before{
    height:65px;
    width:65px
}
@keyframes pulse-border{
    0%{
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity:1
    }
    100%{
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity:0
    }
}
@media screen and (max-width: 1199px){
    .video_btn{
        height:75px;
        width:75px;
        line-height:75px
    }
    .video_btn:after{
        height:75px;
        width:75px
    }
    .video_btn:before{
        height:90px;
        width:90px
    }
}
@media screen and (max-width: 991px){
    .video_btn{
        height:70px;
        width:70px;
        line-height:70px
    }
    .video_btn:after{
        height:70px;
        width:70px
    }
    .video_btn:before{
        height:85px;
        width:85px
    }
    @keyframes pulse-border{
        0%{
            transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)
        }
        100%{
            transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.2)
        }
    }
}
@media screen and (max-width: 767px){
    .video_btn{
        height:60px;
        width:60px;
        line-height:60px
    }
    .video_btn:after{
        height:60px;
        width:60px
    }
    .video_btn:before{
        height:75px;
        width:75px
    }
}
.filtering{
    margin-bottom:40px
}
.filtering span{
    cursor:pointer;
    font-size:14.4px;
    font-weight:600;
    margin-right:10px;
    display:inline-block;
    margin-bottom:5px;
    padding:6px 15px;
    background:transparent;
    color:#59b73f;
    border-radius:.3rem;
    border:2px solid #59b73f
}
.filtering span:last-child{
    margin:0
}
.filtering .active{
    color:#ffffff;
    background:#ff712a;
    border:2px solid #ff712a
}
@media screen and (max-width: 767px){
    .filtering{
        margin-bottom:0
    }
    .filtering span{
        margin-bottom:17px
    }
}
@media screen and (max-width: 575px){
    .filtering span{
        padding:6px 8px;
        margin-right:5px;
        font-size:13px
    }
}
.pagination{
    border-radius:0;
    padding:0;
    margin:0
}
.pagination ul{
    display:inline-block;
    margin:0 auto;
    padding:0
}
.pagination li{
    display:inline;
    margin-right:10px
}
.pagination li:last-child{
    margin-right:0
}
.pagination a{
    background:transparent;
    font-weight:700;
    text-align:center;
    padding:8px 15px;
    border-radius:.3rem;
    color:#575a7b;
    border:1px solid #dddddd;
    line-height:25px
}
.pagination a:hover{
    background-color:#59b73f;
    color:#ffffff
}
.pagination .active a{
    background-color:#f7f7f7;
    color:#002147;
    border:1px solid #dbdbdb;
    cursor:default
}
@media screen and (max-width: 575px){
    .pagination li{
        margin-right:8px
    }
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:40px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background-color:#ff6d34
}
.owl-nav i,.owl-nav span{
    color:#232323;
    font-size:28px
}
.owl-carousel .owl-item img{
    width:auto;
    display:inline-block
}
.accordion-style .card{
    background:transparent;
    box-shadow:none;
    margin-top:0 !important;
    border-radius:.3rem
}
.accordion-style .card-header{
    border:0px;
    padding:0;
    border-bottom:1px solid rgba(255,255,255,0.15);
    background:none
}
.accordion-style .btn-link{
    color:#fff;
    font-size:18px;
    line-height:26px;
    position:relative;
    border:none;
    display:block;
    width:100%;
    text-align:left;
    white-space:normal;
    border-top-left-radius:.3rem;
    border-top-right-radius:.3rem;
    border-radius:0;
    padding:20px 25px;
    font-weight:400;
    text-decoration:none;
    background-color:#ff712a
}
.accordion-style .btn-link.collapsed{
    color:#212121;
    font-size:18px;
    line-height:26px;
    position:relative;
    border:none;
    display:block;
    width:100%;
    text-align:left;
    white-space:normal;
    border-top-left-radius:.3rem;
    border-top-right-radius:.3rem;
    padding:20px 25px;
    font-weight:400;
    text-decoration:none;
    background-color:transparent
}
.accordion-style .btn-link:hover{
    text-decoration:none
}
.accordion-style .btn-link.collapsed:after{
    content:"+";
    right:17px;
    left:inherit;
    font-size:20px;
    transform:none;
    top:17px;
    position:absolute;
    color:#212121;
    background-color:#ececec;
    border-radius:.3rem;
    line-height:20px;
    width:25px;
    height:25px;
    text-align:center
}
.accordion-style .btn-link:after{
    content:"-";
    right:17px;
    left:inherit;
    font-size:20px;
    transform:none;
    top:17px;
    position:absolute;
    color:#ff712a;
    background-color:#fff;
    border-radius:.3rem;
    line-height:22px;
    width:25px;
    height:25px;
    text-align:center
}
.accordion-style .card-body{
    padding:25px 30px 25px 26px;
    line-height:24px;
    text-align:left
}
@media screen and (max-width: 991px){
    .accordion-style .btn-link{
        padding:20px 20px 20px 20px
    }
    .accordion-style .btn-link:after,.accordion-style .btn-link.collapsed:after{
        top:20px
    }
    .accordion-style .card-body{
        padding:10px 25px 30px 25px
    }
}
@media screen and (max-width: 575px){
    .accordion-style .btn-link{
        font-size:16px
    }
    .accordion-style .btn-link.collapsed{
        padding:20px 45px 20px 18px
    }
}
ul.resp-tabs-list{
    margin:0px;
    padding:0px;
    padding-left:0
}
.resp-tabs-list li{
    font-size:16px;
    font-weight:600;
    display:inline-block;
    padding:8px 15px;
    margin:0 4px 0 0;
    list-style:none;
    cursor:pointer;
    min-width:180px
}
.resp-tabs-list li:last-child{
    margin-right:0
}
.resp-tabs-list li i{
    font-size:28px;
    margin-bottom:8px;
    color:#6f6f6f
}
.resp-tabs-container{
    padding:0px;
    background-color:#fff;
    clear:left
}
.resp-tab-content{
    display:none;
    padding:0
}
.resp-tabs-list li.resp-tab-active i{
    color:#fff
}
.resp-content-active,.resp-accordion-active{
    display:block
}
.resp-tab-content{
    float:left;
    width:100%
}
h2.resp-accordion{
    background:#fff !important;
    cursor:pointer;
    display:none;
    font-size:16px;
    border:1px solid #e4e4e4;
    border-top:1px solid #e4e4e4;
    margin:0px;
    padding:15px 21px;
    float:left;
    width:100%
}
h2.resp-tab-active{
    border-bottom:0px solid #e4e4e4 !important;
    background:#ff712a !important;
    color:#fff
}
h2.resp-tab-title:last-child{
    border-bottom:12px solid #e4e4e4 !important;
    background:#00baee
}
.resp-arrow{
    border-color:transparent #232323 #232323 transparent;
    border-style:solid;
    border-width:0 1px 1px 0;
    float:right;
    display:block;
    height:8px;
    transform:rotate(45deg);
    width:8px;
    margin-top:4px
}
h2.resp-tab-active span.resp-arrow{
    border-color:#fff transparent transparent #fff;
    border-style:solid;
    border-width:1px 0 0 1px;
    float:right;
    display:block;
    height:8px;
    transform:rotate(45deg);
    width:8px;
    margin-top:7px
}
.tab-style2 .resp-tabs-list li{
    text-align:center;
    padding:8px 16px;
    position:relative;
    border-radius:0.25rem;
    margin:0 4px 0 0;
    min-width:auto
}
.tab-style2 .resp-tabs-list li.resp-tab-active{
    background-color:#ff712a;
    color:#fff
}
.tab-style2 .resp-tab-content{
    border-radius:.3rem;
    padding:25px 0
}
.tab-style2 h2.resp-tab-active{
    background:#ff712a !important
}
@media screen and (max-width: 991px){
    .tab-style2 .resp-tab-content{
        padding:20px
    }
}
@media screen and (max-width: 991px){
    ul.resp-tabs-list{
        display:none
    }
    h2.resp-accordion{
        display:block
    }
    h2.resp-accordion i{
        margin-right:8px;
        font-size:18px
    }
    h2.resp-tab-active h3{
        color:#fff
    }
    .resp-vtabs .resp-tab-content{
        border:1px solid #e4e4e4;
        padding:10px
    }
    .resp-vtabs .resp-tabs-container{
        border:none !important;
        float:none;
        width:100%;
        min-height:100px;
        clear:none
    }
    .resp-accordion-closed{
        display:none !important
    }
    .resp-vtabs .resp-tab-content:last-child{
        border-bottom:1px solid #c1c1c1 !important
    }
    .resp-tab-content{
        background-color:#fff;
        border:1px solid #eee;
        padding:20px
    }
}
.energy-type ul li{
    margin-bottom:15px
}
.energy-type ul li a{
    display:block;
    border:1px solid #dee2e6;
    padding:16px 18px 16px 30px;
    transition:all .5s ease;
    border-radius:.3rem;
    font-weight:bold
}
.energy-type ul li.active a{
    color:#ffffff !important;
    border-color:#f12630;
    background:#f12630;
    position:relative
}
.energy-type ul li a:hover{
    color:#ffffff !important;
    border-color:#f12630;
    background:#f12630
}
.energy-type ul li.active a:before{
    content:"";
    position:absolute;
    background:#fff;
    width:4px;
    height:100%;
    top:-1px;
    left:10px
}
.modal-backdrop{
    z-index:99999
}
.modal{
    z-index:999999
}
.icon-gallery .d-table{
    margin-top:30px
}
.icon-gallery .d-table-cell{
    width:125px;
    height:125px;
    text-align:center;
    margin-bottom:25px;
    border:1px solid rgba(0,0,0,0.075);
    vertical-align:middle;
    font-size:14px;
    transition:all 0.2s ease-in-out;
    padding:10px;
    background:#fff
}
.icon-gallery i{
    display:block;
    margin-bottom:15px;
    font-size:28px;
    color:#59b73f
}
pre[class*="language-"]{
    max-height:45vh;
    height:100%;
    margin:35px 0 15px 0;
    padding-top:0
}
.html-code{
    background-color:#fbfbfb;
    position:relative;
    box-shadow:inset 0 0 0 1px #dde1e6,0 3px 5px rgba(0,0,0,0.15);
    padding:30px;
    border-radius:5px;
    border:1px solid #ededed
}
.html-code:before{
    color:#c8dfab;
    content:"•••";
    font-size:30px;
    left:24px;
    letter-spacing:4px;
    line-height:12px;
    position:absolute;
    top:24px
}
.copy-element{
    position:absolute;
    top:0;
    right:85px;
    transition:opacity 0.3s ease-in-out
}
.source-element{
    position:absolute;
    top:0;
    right:0;
    transition:opacity 0.3s ease-in-out
}
.html-code .copy-element{
    top:15px;
    right:30px
}
.html-code:hover .copy-element,.html-code:hover .source-element{
    opacity:1
}
.box-hover:hover .copy-element,.box-hover:hover .source-element{
    opacity:1
}
.copy-element>a,.source-element>a{
    border-radius:0.25rem;
    background:#dde1e6;
    color:#777 !important;
    display:inline-block;
    padding:5px 15px;
    font-size:14px;
    text-transform:capitalize;
    cursor:pointer !important;
    font-weight:600
}
.copy-element>a:hover,.source-element>a:hover{
    background:#ff712a;
    color:#fff !important
}
.copy-clipboard{
    cursor:pointer;
    padding:5px 15px
}
.white-popup-block{
    background-color:#fbfbfb;
    position:relative;
    max-width:650px;
    box-shadow:inset 0 0 0 1px #dde1e6,0 3px 5px rgba(0,0,0,0.15);
    padding:60px 30px 30px 30px;
    border-radius:5px;
    margin:40px auto;
    border:1px solid #ededed
}
.white-popup-block.popup-copy.mfp-hide{
    display:block !important;
    height:0;
    position:absolute;
    z-index:-1;
    padding:0;
    opacity:0;
    margin:0
}
.white-popup-block:before{
    color:rgba(3,169,245,0.2);
    content:"•••";
    font-size:30px;
    left:24px;
    letter-spacing:4px;
    line-height:12px;
    position:absolute;
    top:24px
}
.white-popup-block:hover .copy-element{
    opacity:1
}
.white-popup-block .copy-element{
    top:45px;
    right:30px
}
.box-hover{
    position:relative
}
.box-hover .container{
    position:relative
}
.inner-title{
    border-bottom:1px solid rgba(0,0,0,0.09);
    margin-bottom:35px;
    padding-bottom:20px
}
@media screen and (max-width: 767px){
    .elements-block .inner-title{
        margin-bottom:65px
    }
    .copy-element,.source-element{
        top:83px
    }
}
ul.countdown li{
    border-right:1px solid rgba(255,255,255,0.5);
    display:inline-block;
    padding:0 30px;
    text-align:center
}
ul.countdown li:first-child{
    padding-left:0
}
ul.countdown li:last-child{
    border:medium none;
    padding-right:0
}
ul.countdown li span{
    font-size:36px;
    font-weight:700;
    line-height:normal;
    position:relative
}
ul.countdown li span::before{
    content:"";
    height:1px;
    position:absolute;
    width:100%
}
ul.countdown li p.timeRefDays,ul.countdown li p.timeRefHours,ul.countdown li p.timeRefMinutes,ul.countdown li p.timeRefSeconds{
    font-size:12px;
    font-weight:500;
    margin:0;
    padding:0;
    text-transform:uppercase
}
@media screen and (max-width: 767px){
    ul.countdown li{
        padding:0 5px
    }
    ul.countdown li span{
        font-size:22px
    }
}
.blog-sidebar .input-group .form-control{
    min-height:50px
}
.blog-sidebar .blog-tags a{
    border:1px solid #59b73f;
    background-color:#fff;
    padding:7px 25px;
    font-size:14px;
    line-height:20px;
    margin:0.6rem 10px 0 0;
    display:inline-block;
    border-radius:.3rem
}
.blog-sidebar .blog-tags a:hover{
    border:1px solid #ff712a;
    background-color:#ff712a;
    color:#fff
}
.blog-sidebar .blog-insta:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:rgba(89,183,63,0.8);
    opacity:0;
    width:100%;
    height:100%;
    -webkit-transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s;
    z-index:1;
    border-radius:.3rem
}
.blog-sidebar .blog-insta:hover:before{
    opacity:0.85
}
.blog-sidebar .blog-insta .insta-icon{
    position:absolute;
    font-size:25px;
    color:#fff;
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
    top:55%;
    transform:translateY(-55%);
    opacity:0;
    visibility:hidden;
    z-index:3;
    -webkit-transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s
}
.blog-sidebar .blog-insta:hover .insta-icon{
    opacity:1;
    visibility:visible
}
.blog-comment:before{
    content:"";
    position:absolute;
    width:4px;
    height:100%;
    top:0;
    left:10px;
    background-color:#59b73f
}
.testimonial-carousel2.owl-theme .owl-dots .owl-dot span{
    background-color:#ff712a;
    width:30px;
    height:5px;
    border-radius:0
}
.testimonial-carousel2.owl-theme .owl-dots .owl-dot.active span,.testimonial-carousel2.owl-theme .owl-dots .owl-dot:hover span,.testimonial-carousel2.owl-theme .owl-dots .owl-dot:focus span{
    background-color:#59b73f !important
}
.facts-block .fact-icon span{
    text-align:center;
    padding:5px 20px;
    transition-duration:.4s;
    background:#ff712a;
    color:#fff;
    display:inline-block
}
.facts-block .fact-icon:hover span{
    background:#59b73f
}
.facts-block .bg-plus{
    position:absolute;
    right:-20px;
    top:-30px
}
.save-money .video-img{
    margin-bottom:-90px
}
.error-wrapper .number-wrap h1{
    color:#fff;
    font-size:250px;
    text-align:center;
    line-height:1
}
@media screen and (max-width: 1199px){
    .error-wrapper .number-wrap h1{
        font-size:230px;
        margin-bottom:20px
    }
}
@media screen and (max-width: 991px){
    .error-wrapper .number-wrap h1{
        font-size:220px;
        margin-bottom:15px
    }
}
@media screen and (max-width: 767px){
    .error-wrapper .number-wrap h1{
        font-size:200px;
        margin-bottom:10px
    }
}
@media screen and (max-width: 575px){
    .error-wrapper .number-wrap h1{
        font-size:150px
    }
}
.client-carousel{
    transition:0.4s
}
.client-carousel img{
    transition:0.3s
}
.client-carousel .image-wrapper{
    overflow:hidden;
    position:relative;
    z-index:1;
    border-radius:inherit
}
.client-carousel .image-wrapper>img{
    border-radius:inherit
}
.client-carousel .hover-image{
    display:block;
    transform:translateY(-100%);
    opacity:0;
    display:none;
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    visibility:hidden
}
.client-carousel .image-wrapper:hover .hover-image{
    opacity:1;
    visibility:visible;
    transform:translateY(0%)
}
.client-carousel .image-wrapper:hover .hover-image+.main-image{
    opacity:0;
    transform:translateY(100%)
}
.timeline-style1{
    position:relative;
    z-index:1;
    padding:10px 0 10px;
    text-align:center
}
.timeline-style1 .time-line-item{
    position:relative;
    transition:opacity 0.5s;
    display:flex;
    align-items:center;
    margin-top:100px
}
.timeline-style1 .time-line-item:last-child{
    margin-bottom:0
}
.timeline-style1 .time-line-item:last-child .time-line-curve{
    height:120px;
    width:100px
}
.timeline-style1 .time-line-item:last-child .time-line-curve svg{
    stroke-width:4px
}
.timeline-style1 .time-line-item:last-child .time-line-curve:before{
    content:'';
    position:absolute;
    z-index:1;
    width:15px;
    height:15px;
    bottom:-10px;
    left:20px;
    border-radius:50%
}
.time-line-curve:before{
    background-color:#ff712a
}
.time-line-date{
    color:#f4f6f6;
    font-weight:700
}
.timeline-style1 .time-line-item:nth-child(even){
    flex-direction:row;
    text-align:left;
    padding-left:31%
}
.timeline-style1 .time-line-item:nth-child(even) .time-line-content{
    right:0;
    margin-left:60px
}
.timeline-style1 .time-line-item:nth-child(even) .time-line-date{
    left:0
}
.timeline-style1 .time-line-item:nth-child(even) .time-line-curve{
    right:0;
    transform:scale(-1, 1)
}
.timeline-style1 .time-line-item:nth-child(even):last-child .time-line-curve{
    right:40%
}
.timeline-style1 .time-line-item:nth-child(odd){
    flex-direction:row-reverse;
    text-align:right;
    padding-right:31%
}
.timeline-style1 .time-line-item:nth-child(odd) .time-line-content{
    left:0;
    margin-right:60px
}
.timeline-style1 .time-line-item:nth-child(odd) .time-line-date{
    right:0
}
.timeline-style1 .time-line-item:nth-child(odd) .time-line-curve{
    left:0
}
.timeline-style1 .time-line-item:nth-child(odd):last-child .time-line-curve{
    left:40%
}
.timeline-style1 .time-line-media{
    position:relative;
    z-index:1;
    flex:1 0 auto;
    background-size:cover;
    border-radius:50%;
    border:5px solid #ffffff;
    box-shadow:0px 0px 0px 3px currentColor;
    margin:3px;
    transition:0.4s
}
.timeline-style1 .time-line-content{
    transition:0.4s;
    border-radius:5px;
    padding:22px 30px;
    background:#ffffff
}
.timeline-style1 .time-line-date{
    position:absolute;
    font-size:150px;
    transition:0.4s
}
.timeline-style1 .time-line-curve{
    position:absolute;
    z-index:-1;
    top:75%;
    height:60%;
    width:100%
}
.timeline-style1 .time-line-curve svg{
    fill:#FFFFFF;
    stroke:#d7d7d7;
    stroke-width:3;
    stroke-miterlimit:10;
    position:absolute;
    width:100%;
    height:100%;
    left:-5%;
    top:0
}
.timeline-style1 .time-line-start-img{
    display:inline-block;
    position:relative
}
.timeline-style1 .time-line-start-img .time-line-curve{
    width:55px;
    height:120px;
    transform:scale(-1, 1);
    left:100%
}
.timeline-style1 .time-line-start-img .time-line-curve svg{
    stroke-width:4
}
.timeline-style1.start-block .time-line-start-img .time-line-curve:after{
    content:"\e693";
    font-family:'themify';
    font-size:40px;
    line-height:1;
    position:absolute;
    z-index:1;
    top:-28px;
    color:#ff712a;
    right:-18px;
    background-repeat:no-repeat
}
.time-line-item:hover .time-line-media,.time-line-item:hover .time-line-title{
    color:#59b73f
}
.timeline-style1.start-none .time-line-start-img .time-line-curve:before{
    content:'';
    position:absolute;
    z-index:1;
    width:15px;
    height:15px;
    top:-8px;
    right:0;
    border-radius:50%
}
.time-line-media{
    background-color:#212121;
    width:300px;
    height:300px;
    color:#d7d7d7
}
@media screen and (max-width: 1199px){
    .timeline-style1 .time-line-item:nth-child(odd){
        padding-right:25%
    }
    .timeline-style1 .time-line-item:nth-child(even){
        padding-left:25%
    }
    .timeline-style1 .time-line-date{
        font-size:100px
    }
}
@media screen and (max-width: 991px){
    .timeline-style1 .time-line-item:nth-child(odd),.timeline-style1 .time-line-item:nth-child(even){
        flex-direction:row;
        padding-left:10%;
        padding-right:0;
        text-align:left
    }
    .timeline-style1 .time-line-item:nth-child(odd) .time-line-content,.timeline-style1 .time-line-item:nth-child(even) .time-line-content{
        margin-left:30px;
        margin-right:0px;
        padding:20px
    }
    .timeline-style1 .time-line-item:nth-child(odd) .time-line-date,.timeline-style1 .time-line-item:nth-child(even) .time-line-date{
        font-size:40px;
        line-height:1;
        left:0;
        right:inherit;
        transform:rotate(-90deg)
    }
    .timeline-style1 .time-line-item:nth-child(odd) .time-line-curve,.timeline-style1 .time-line-item:nth-child(even) .time-line-curve{
        top:85%;
        height:60%;
        width:50%;
        right:initial
    }
    .timeline-style1 .time-line-item:nth-child(odd):last-child .time-line-curve,.timeline-style1 .time-line-item:nth-child(even):last-child .time-line-curve{
        height:120px;
        width:100px
    }
    .timeline-style1 .time-line-item:nth-child(odd):last-child .time-line-curve{
        left:20%
    }
    .timeline-style1 .time-line-item:nth-child(even):last-child .time-line-curve{
        right:55%
    }
    .timeline-style1 .time-line-start-img{
        display:block
    }
    .timeline-style1 .time-line-start-img .time-line-curve{
        left:30%
    }
    .timeline-style1.start-block .time-line-start-img{
        left:0
    }
}
@media screen and (max-width: 767px){
    .timeline-style1 .time-line-item:nth-child(odd),.timeline-style1 .time-line-item:nth-child(even){
        padding-left:5%;
        margin-top:30px
    }
    .timeline-style1 .time-line-item:nth-child(odd) .time-line-media,.timeline-style1 .time-line-item:nth-child(even) .time-line-media{
        border-width:3px
    }
    .timeline-style1 .time-line-item:nth-child(odd) .time-line-date,.timeline-style1 .time-line-item:nth-child(even) .time-line-date{
        font-size:30px;
        left:-25px
    }
    .time-line-media{
        width:120px;
        height:120px
    }
    .timeline-style1 .time-line-item:nth-child(odd) .time-line-content,.timeline-style1 .time-line-item:nth-child(even) .time-line-content{
        margin-left:15px
    }
    .timeline-style1 .time-line-curve{
        display:none
    }
}
.why-choose-right .why-choose-box{
    position:absolute;
    bottom:-50px;
    right:50px;
    width:160px;
    height:160px;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    z-index:9;
    padding:0 15px
}
.why-choose-right:after{
    position:absolute;
    content:"";
    height:90%;
    width:70%;
    border-radius:0.25rem;
    background:#59b73f;
    left:-15px;
    top:-15px
}
@media screen and (max-width: 767px){
    .why-choose-right .why-choose-box{
        width:130px;
        height:130px
    }
}
@media screen and (max-width: 575px){
    .why-choose-right .why-choose-box{
        width:105px;
        height:105px;
        right:15px
    }
}
.progress-style1 .progress{
    height:5px
}
.progress-style1 .progress .progress-bar{
    background-color:#ff712a
}
.portfolio-style1{
    padding-left:15%
}
@media screen and (max-width: 991px){
    .portfolio-style1{
        padding-left:0
    }
}
.testimonials1 button{
    border:2px solid #fff;
    padding:5px
}
.testimonials1 button img{
    opacity:0.5
}
.testimonials1 button.active{
    border:2px solid #59b73f;
    padding:5px
}
.testimonials1 button.active img{
    opacity:1
}
.testimonials-left span{
    font-size:140px
}
.testimonials-left .left-icon i{
    width:150px;
    height:150px;
    display:block;
    line-height:150px;
    margin:0 auto;
    font-size:90px;
    background:rgba(89,183,63,0.9)
}
.testimonials-left .testimonials-inner{
    padding:30px;
    display:inline-block
}
@media screen and (max-width: 991px){
    .testimonials-left .testimonials-inner{
        padding:15px
    }
    .testimonials-left .left-icon i{
        width:120px;
        height:120px;
        line-height:120px;
        font-size:72px
    }
    .testimonials-left span{
        font-size:110px
    }
}
@media screen and (max-width: 575px){
    .testimonials-left span{
        font-size:80px
    }
}
.form-group{
    margin-bottom:1rem
}
.form-group label{
    margin-bottom:.5rem
}
.form-control:focus{
    border-color:#ff712a
}
.form-check-input:checked{
    border-color:#ff712a;
    background-color:#ff712a
}
.quform-input{
    position:relative
}
.quform-input .quform-errors-wrap{
    position:absolute;
    right:8px;
    top:0;
    line-height:normal;
    z-index:1
}
.quform-element>label{
    font-weight:normal;
    padding-bottom:5px;
    margin-bottom:0;
    color:#6a747b;
    font-size:15px
}
.quform-element>label .quform-required{
    color:#cc0101;
    font-size:10px
}
.quform-inner input{
    width:100%
}
.quform-elements .quform-element textarea{
    margin-bottom:0;
    padding:8px 15px;
    vertical-align:top
}
.quform-elements .quform-element select{
    margin-bottom:0;
    padding:8px 35px 8px 15px
}
.quform-errors{
    padding:0;
    margin:0;
    line-height:normal
}
.quform-errors>.quform-error{
    padding:0;
    background:none;
    border:none;
    float:none;
    color:#f5543f;
    font-size:11px;
    line-height:normal;
    letter-spacing:normal
}
.quform-outer-no-js .quform-error{
    padding:0;
    background:none;
    border:none;
    float:none;
    color:#f5543f;
    font-size:11px;
    line-height:normal;
    letter-spacing:normal
}
.quform-outer-no-js .quform-success-message{
    padding:0.75rem 1.25rem 0.75rem 3rem
}
.quform-has-error input,.quform-has-error textarea,.quform-has-error select,.quform-has-error input[type=file],.quform-has-error .custom-file-label{
    border-color:#f5543f
}
.quform-success-message{
    padding:0.75rem 1.25rem 0.75rem 3rem
}
.quform-submit-inner{
    float:none
}
.quform-loading-wrap{
    float:none
}
.quform-loading-wrap .quform-loading{
    display:inline-block
}
.quform-element{
    margin-bottom:1rem
}
.social-icon-style1{
    margin-bottom:0;
    display:inline-block;
    padding-left:10px;
    list-style:none
}
.social-icon-style1 li{
    vertical-align:middle;
    display:inline-block;
    margin-right:5px
}
.social-icon-style1 li a{
    display:inline-block;
    font-size:14px;
    text-align:center;
    color:#ffffff;
    background:#0081c6;
    height:41px;
    line-height:41px;
    width:41px;
    border-radius:50%
}
.social-icon-style1 li a:hover{
    background:#ff712a
}
.social-icon-style1 li:last-child{
    margin-right:0
}
.social-icon-style2{
    margin-bottom:0;
    display:inline-block;
    padding-left:10px;
    list-style:none
}
.social-icon-style2 li{
    vertical-align:middle;
    display:inline-block;
    margin-right:5px
}
.social-icon-style2 li a{
    display:inline-block;
    font-size:14px;
    text-align:center;
    color:#ffffff;
    background:#59b73f;
    height:41px;
    line-height:41px;
    width:41px
}
.social-icon-style2 li a:hover{
    background:#ff712a
}
.social-icon-style2 li:last-child{
    margin-right:0
}
.social-icon-style2 li a.small{
    width:30px;
    height:30px;
    line-height:30px;
    font-size:11px
}
.social-icon-style2.small li a{
    width:35px;
    height:35px;
    line-height:35px
}
@media screen and (max-width: 991px){
    .social-icon-style2.small li a{
        width:30px;
        height:30px;
        line-height:30px
    }
}
.lg-backdrop{
    z-index:99999
}
.lg-outer{
    z-index:999999
}
.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{
    border-color:#ff6d34
}
.lg-progress-bar .lg-progress{
    background-color:#ff6d34
}
.lg-backdrop.in{
    opacity:0.85
}
@keyframes spin{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}
.img-windmolen{
    position:relative;
    width:500px;
    margin:0 auto
}
.img-windmolen svg{
    width:100%;
    height:100%;
    vertical-align:bottom;
    overflow:visible
}
.img-windmolen .wieken{
    animation:spin 2s infinite linear;
    transform-origin:61% 55%
}
.search-form_input{
    color:#ff712a
}
.search-frame h4 a:hover{
    color:#ff712a
}
.search-frame .search_list .match{
    color:#ff712a
}
.search-frame .search_list li:before{
    color:#ff712a
}
.search-frame .search_list li+li{
    border-top:3px solid #ff712a
}
.search-frame .search{
    color:#ff712a
}
.rotation{
    animation:rotation infinite 30s linear
}
@keyframes rotation{
    to{
        transform:rotate(360deg)
    }
}
.c-1{
    -webkit-animation-name:ScaleMe;
    -webkit-animation-duration:5s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-name:ScaleMe;
    -moz-animation-duration:5s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    -ms-animation-name:ScaleMe;
    -ms-animation-duration:5s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-timing-function:linear;
    animation-name:ScaleMe;
    animation-duration:5s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
.c-2{
    -webkit-animation-name:ScaleMe;
    -webkit-animation-delay:3ms;
    -webkit-animation-duration:3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-name:ScaleMe;
    -moz-animation-delay:3s;
    -moz-animation-duration:3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    -ms-animation-name:ScaleMe;
    -ms-animation-delay:3s;
    -ms-animation-duration:3s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-timing-function:linear;
    animation-name:ScaleMe;
    animation-delay:3s;
    animation-duration:3s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
@-webkit-keyframes ScaleMe{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.15)
    }
    100%{
        transform:scale(1)
    }
}
@-moz-keyframes ScaleMe{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.15)
    }
    100%{
        transform:scale(1)
    }
}
footer{
    word-break:break-word;
    background:#20252d
}
footer .newsletter-form input{
    border:none
}
.footer-bar{
    padding-top:20px;
    padding-bottom:20px;
    margin-top:80px;
    text-align:center;
    background:#0c0c0c
}
@media screen and (max-width: 767px){
    footer{
        padding-top:60px
    }
    .footer-bar{
        margin-top:60px
    }
}
.newsletter-rounded .quform-elements{
    position:relative
}
.newsletter-rounded .quform-submit-inner{
    position:absolute;
    right:0px;
    top:6px;
    width:auto
}
.newsletter-rounded .quform-loading-wrap{
    margin-top:15px;
    margin-bottom:0;
    margin-left:0
}
.newsletter-rounded input{
    border:3px solid rgba(255,255,255,0.1);
    height:60px;
    min-height:auto;
    padding:0.5rem 4rem 0.5rem 1.5rem
}
.newsletter-rounded .quform-has-error input,.newsletter-rounded .quform-has-error textarea,.newsletter-rounded .quform-has-error select{
    border-color:#f5543f
}
.newsletter-rounded .quform-input .quform-errors-wrap{
    right:15px
}
.newsletter-rounded i{
    font-size:1.5rem;
    line-height:2rem
}
.newsletter-content{
    padding:45px 45px 45px 0
}
.newsletter-content i.ti-email{
    height:80px;
    width:100px;
    background-color:#ff712a;
    color:#fff;
    display:block;
    font-size:35px;
    line-height:80px;
    text-align:center
}
@media screen and (max-width: 575px){
    .newsletter-content{
        padding:25px
    }
}
.newsletter-form .quform-elements{
    position:relative
}
.newsletter-form .quform-submit-inner{
    position:absolute;
    right:1px;
    top:1px;
    width:auto;
    background:#ff712a;
    height:48px
}
.newsletter-form .quform-loading-wrap{
    margin-top:15px;
    margin-bottom:0;
    margin-left:0
}
.newsletter-form input{
    border:1px solid rgba(0,0,0,0.1);
    height:50px;
    padding:0.5rem 4rem 0.5rem 1rem
}
.newsletter-form .quform-has-error input,.newsletter-form .quform-has-error textarea,.newsletter-form .quform-has-error select{
    border-color:#f5543f
}
.newsletter-form .quform-input .quform-errors-wrap{
    right:15px
}
.newsletter-form i{
    font-size:1.2rem;
    line-height:2rem
}
.footer1{
    margin-top:-5.5rem
}
.footer-link li a{
    color:#fff
}
.footer-link li a:hover{
    color:#ff712a
}
.footer-bg-left{
    position:absolute;
    top:0;
    left:-100px;
    max-height:100%
}
.footer-bg-right{
    position:absolute;
    right:0;
    bottom:0;
    max-height:100%
}
.footer-link.bottom-link li{
    display:inline-block;
    margin-right:20px
}
.footer-link.bottom-link li:last-child{
    margin-right:0
}
.buy-theme{
    transition-timing-function:ease-in-out;
    transition-duration:.2s;
    position:fixed;
    top:160px;
    right:-89px;
    background:#59b73f;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    z-index:9999
}
.buy-theme i{
    font-size:16px;
    vertical-align:middle;
    position:relative;
    top:-1px;
    color:#fff
}
.all-demo i{
    font-size:15px;
    vertical-align:middle;
    position:relative;
    top:-1px;
    color:#fff
}
.buy-theme:hover,.all-demo:hover{
    transition-timing-function:ease-in-out;
    transition-duration:.2s;
    right:0px;
}
.buy-theme span,.all-demo span{
    padding:0 9px;
    position:relative;
    top:0;
    opacity:0
}
.buy-theme:hover{
    background:#59b73f
}
.all-demo:hover{
    background:#ff712a
}
.buy-theme:hover span,.all-demo:hover span{
    opacity:1;
    color:#fff
}
.buy-theme:hover i,.all-demo:hover i{
    color:#fff
}
.buy-theme a,.all-demo a{
    color:#232323;
    font-size:10px;
    text-transform:uppercase;
    padding:5px 10px;
    display:block;
    text-decoration:none;
    font-weight:500
}
.all-demo{
    transition-timing-function:ease-in-out;
    transition-duration:.2s;
    position:fixed;
    top:202px;
    right:-105px;
    background:#ff712a;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    z-index:9999
}