body {font-family: "Open Sans", sans-serif;color: #858686;}

a {color:#82af48;}

a:hover {color: #a7cd74;text-decoration: none;}

h1, h2, h3, h4, h5, h6 {font-family: "Raleway", sans-serif;}

.back-to-top {position: fixed;display: none;right: 15px;bottom: 15px;z-index: 99999;}

.back-to-top i {display: flex;align-items: center;justify-content: center;font-size: 24px;width: 40px;height: 40px;border-radius: 50px;background:#82af48;color: #fff;transition: all 0.4s;}

.back-to-top i:hover {background: #7aa93c;color: #fff;}

@media screen and (max-width: 768px) {[data-aos-delay] {transition-delay: 0 !important;}

}
.topfix{position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}


#toplinks {background: #0e5077eb;padding: 10px 0;font-size: 14px;color: #9b9b9b;}

#toplinks .contact a {line-height: 1;color: #9b9b9b;transition: 0.3s;}

#toplinks .contact a:hover {color: #fff;}

#toplinks .contact i {color: #9b9b9b;padding: 4px;}

#toplinks .contact .icofont-phone {padding-left: 20px;}

#toplinks .social a {color: #9b9b9b;padding: 4px 0 4px 15px;display: inline-block;line-height: 1px;transition: 0.3s;}

#toplinks .social a:hover {color: white;}

#toplinks .social a:first-child {border-left: 0;}

.carousel-control-prev,.carousel-control-next {
    background: none;
    color: #000;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
.carousel-control-prev {
    left: -90px;
}
.carousel-control-next {
    right: -90px;
}
#rev a:hover{color: #000; }
#headc {transition: all 1.5s;
    z-index: 997;padding: 10px 0;background:#0e5077;}

#headc .logo h1 {font-size: 28px;margin: 0;padding: 11px 0;line-height: 1;font-weight: 700;letter-spacing: 1px;font-family: "Poppins", sans-serif;}

#headc .logo h1 a, #headc .logo h1 a:hover {color: #fff;text-decoration: none;}

#headc .logo img {padding: 0;margin: 0;max-height: 40px;}

.nav-menu, .nav-menu * {margin: 0;padding: 0;list-style: none;}

.nav-menu > ul > li {position: relative;white-space: nowrap;float: left;}

.nav-menu a {display: block;position: relative;color: #fff;padding: 14px 0 12px 25px;transition: 0.3s;font-size: 13px;font-weight: 500;font-family: "Open Sans", sans-serif;text-transform: uppercase;font-family: "Poppins", sans-serif;}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {color:#82af48;text-decoration: none;}

.nav-menu .drop-down ul {display: block;position: absolute;left: 25px;top: 100%;z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;board-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;border-radius: 5px;}

.nav-menu .drop-down:hover > ul {opacity: 1;visibility: visible;}

.nav-menu .drop-down li {min-width: 180px;position: relative;}

.nav-menu .drop-down ul a {padding: 10px 20px;font-size: 14px;font-weight: 500;text-transform: none;color: #353535;}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {color:#82af48;}

.nav-menu .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 5px;}

.nav-menu .drop-down .drop-down ul {top: 0;left: 100%;}

.nav-menu .drop-down .drop-down:hover > ul {opacity: 1;top: 0;}

.nav-menu .drop-down .drop-down > a {padding-right: 35px;}

.nav-menu .drop-down .drop-down > a:after {content: "\eaa0";font-family: IcoFont;position: absolute;right: 15px;}

@media (max-width: 1366px) {.nav-menu .drop-down .drop-down ul {left: -90%;}

.nav-menu .drop-down .drop-down:hover > ul {left: -100%;}

.nav-menu .drop-down .drop-down > a:after {content: "\ea9d";}

}

.mobile-nav-toggle {position: fixed;right: 15px;top: 22px;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}

.mobile-nav-toggle i {
padding: .5rem 1rem;
    border-radius: .25rem;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    position: relative;
    font-size: 0.6em;}

.mobile-nav {position: fixed;top: 55px;right: 15px;bottom: 15px;left: 15px;z-index: 9999;overflow-y: auto;background: #fff;transition: ease-in-out 0.2s;opacity: 0;visibility: hidden;border-radius: 10px;padding: 10px 0;}

.mobile-nav * {margin: 0;padding: 0;list-style: none;}

.mobile-nav a {display: block;position: relative;color: #353535;padding: 10px 20px;font-weight: 500;outline: none;}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color:#82af48;text-decoration: none;}

.mobile-nav .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 10px;position: absolute;right: 15px;}

.mobile-nav .active.drop-down > a:after {content: "\eaa1";}

.mobile-nav .drop-down > a {padding-right: 35px;}

.mobile-nav .drop-down ul {display: none;overflow: hidden;}

.mobile-nav .drop-down li {padding-left: 20px;}

.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(28, 28, 28, 0.6);overflow: hidden;display: none;transition: ease-in-out 0.2s;}

.mobile-nav-active {overflow: hidden;}

.mobile-nav-active .mobile-nav {opacity: 1;visibility: visible;}

.mobile-nav-active .mobile-nav-toggle i {color: #fff;}



#slidec { color: #e4e4e4;width: 100%;height: 60vh;background: url("../img/bg.jpg") top center;background-size: cover;position: relative;}

#slidec:before {content: "";background: rgba(0, 0, 0, 0.7);position: absolute;bottom: 0;top: 0;left: 0;right: 0;}

#slidec .slidec-container {position: absolute;bottom: 0;top: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;padding: 0 15px;}

#slidec h1 {margin: 0 0 10px 0;font-size: 48px;font-weight: 700;line-height: 56px;color: #fff;}

#slidec h2 {color: #eee;margin-bottom: 50px;font-size: 24px;}

#slidec .btn-get-started {font-family: "Raleway", sans-serif;font-weight: 500;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 8px 28px;border-radius: 50px;transition: 0.5s;margin: 10px;border: 2px solid#82af48;color: #fff;}

#slidec .btn-get-started:hover {background:#82af48;}



/*extra

main{position:relative; top: -114px}*/

.black{background: #101217}

.gray{background: #666}

.is-sticky #headc{background:#5a5a5a;
    align-items: center;
    justify-content: space-between;
    transition: all 1.5s;
}

#toplinks,#headc{background: none;}

#slidec{height: 100vh;}
#slidec .slidec-container{    top: 150px;}

.lg_icon,.lg_icon_left{padding: 10px;

    font-size: 50px;

    border-radius: 50%; border:1px solid #666; margin: 10px;

    color:#82af48;}

    .lg_icon_left{font-size: 200px; border:0;}

    .round{background:#82af48; border-radius: 50%;padding: 30%; font-size: 30px; color: #fff; font-weight: bold;}

    ul.list-links {list-style: none;text-align: left;padding: 0; margin-top: 20px}

.apps{margin: 0 auto;text-align: center; background:#f9f9f9 }

.apps img{margin: 0 20px 20px 20px;}

.btn {

    color: #fff;

    background-color:#82af48;

    border-color:#82af48;

}











nav > .nav.nav-tabs{

width: 400px;

  border: none;

    color:#fff;

    background:#82af48;

    border-radius:0;



}

nav > div a.nav-item.nav-link,

nav > div a.nav-item.nav-link.active

{

  border: none;

    padding: 18px 25px;

    color:#fff;

    background:#666;

    border-radius:0;

}



nav > div a.nav-item.nav-link.active:after

 {

  content: "";

  position: relative;

  bottom: -58px;

  left: -10%;

  border: 15px solid transparent;

  border-top-color:#82af48;

}

.tab-content{

  background: #fdfdfd;

    line-height: 25px;

    border: 1px solid #ddd;

    border-top:5px solid#82af48;

    border-bottom:5px solid#82af48;

    padding:30px 25px;

}



nav > div a.nav-item.nav-link:hover,

nav > div a.nav-item.nav-link.active,

nav > div a.nav-item.nav-link:focus

{

  border: none;

    background:#82af48;

    color:#fff;

    border-radius:0;

    transition:background 0.20s linear;

}


@media (min-width: 1024px) {#slidec {background-attachment: fixed;}

}

@media (max-width: 768px) {#slidec {height: 100vh;}

#slidec h1 {font-size: 28px;line-height: 36px;}

#slidec h2 {font-size: 18px;line-height: 24px;margin-bottom: 30px;}

}

section {padding: 10px 0;overflow: hidden;}

.heading {text-align: center;padding-bottom: 30px;}

.heading h2 {font-size: 13px;letter-spacing: 1px;font-weight: 700;padding: 8px 20px;margin: 0;background: #f3f8ec;color:#82af48;display: inline-block;text-transform: uppercase;border-radius: 50px;}

.heading h3 {margin: 15px 0 0 0;font-size: 32px;font-weight: 700;}

.heading h3 span {color:#82af48;}

.heading p {margin: 15px auto 0 auto;font-weight: 600;}

@media (min-width: 1024px) {.heading p {width: 50%;}

}

.board .text-center{
float: left; margin: 20px 10px 40px 0;
}

.prodc .board {padding: 20px 30px;board-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); margin: 10px 0 10px;}

.prodc .board span {display: block;font-size: 18px;font-weight: 700;color:#82af48; margin-top: 10px;}

.prodc .board h4 {font-size: 18px;font-weight: 600;padding: 0;margin: 20px 0;color: #353535;}

.prodc .board p {color: #919191;font-size: 15px;margin: 0;padding: 0;text-align: justify;}

/*.prodc .board:hover {background:#82af48;padding: 30px 30px 70px 30px;board-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);}

.prodc .board:hover span, .prodc .board:hover h4, .prodc .board:hover p,.prodc .board:hover .lg_icon {color: #fff;}*/



.pricec .board {padding: 20px;background: #f9f9f9;text-align: center;border-radius: 8px;position: relative;overflow: hidden;border: 1px solid #f9f9f9; margin: 30px 0 10px;}

.pricec .board h3 {font-weight: 400;padding: 15px;margin-top: 15px;font-size: 18px;font-weight: 600;color: #353535;}

.pricec .board h4 {font-size: 36px;color:#82af48;font-weight: 500;font-family: "Open Sans", sans-serif;margin-bottom: 20px;}

.pricec .board h4 sup {font-size: 20px;top: -15px;left: -3px;}

.pricec .board h4 span {color: #bababa;font-size: 16px;font-weight: 300;}

.pricec .board ul {padding: 0;list-style: none;color: #353535;text-align: center;line-height: 20px;font-size: 14px;min-height: 100px;}

.pricec .board ul li {padding-bottom: 16px;}

.pricec .board ul i {color:#82af48;font-size: 18px;padding-right: 4px;}

.pricec .board ul .na {color: #ccc;text-decoration: line-through;}

.pricec .board .btn-wrap {padding: 15px;text-align: center;}

.pricec .board .btn-buy {display: inline-block;padding: 10px 40px 12px 40px;border-radius: 50px;border: 2px solid#82af48;color:#82af48;font-size: 14px;font-weight: 400;font-family: "Raleway", sans-serif;font-weight: 600;transition: 0.3s;}

.pricec .board .btn-buy:hover {background:#82af48;color: #fff;}

.pricec .mark {border-color:#82af48;}

.pricec .mark .btn-buy {background:#82af48;color: #fff;}

.pricec .mark .btn-buy:hover {background: #7aa93c;border-color: #7aa93c;}

.pricec .mark-badge {position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 1;font-size: 13px;padding: 3px 25px 6px 25px;background:#82af48;color: #fff;border-radius: 0 0 25px 25px;}



#footer {background: #5a5a5a;color: #fff;font-size: 14px;position: relative; padding: 80px 0;}



.notick{    width: 20px;

    height: 20px;

    display: inline-block;

    border: 1px solid #ddd;

    background: #fff;

    border-radius: 50%;}

.yestick{width: 20px;

    height: 20px;

    display: inline-block;

    border: 1px solid #27b467;

    background: #27b467;

    border-radius: 50%;}