/*vineesh kottayil*/


/*color and bg website*/

:root {
    --green: #2C8975 !important;
    --lytgreen: #8ADC75 !important;
    --black: #231F20 !important;
    --wht: #fff !important;
}

body::-webkit-scrollbar {
    width: 5px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px #2C8975;
}

body::-webkit-scrollbar-thumb {
    background-color: #2C8975;
    outline: 1px solid slategrey;
}

::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: #2C8975;
}

::selection {
    color: #fff;
    background: #2C8975;
}

html {
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: Helvetica, Sans-Serif !important;
    background: var(--menu-color-bg);
    overflow-x: hidden;
}

p {
    font-size: 14px;
}


/*navbar*/

.navbar {
    padding: 10px 80px !important;
    background: #2C8975 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 12px #0000000B;
    font-size: 16px;
}

.navbar a {
    color: var(--wht);
}

.navbar a:hover {
    color: var(--lytgreen);
}

.navbar .active a {
    color: var(--lytgreen);
    padding: 5px;
}

.navbar-nav .nav-link {
    padding-right: 0.8rem !important;
    padding-left: .8rem !important;
}

.talk {
    background: transparent linear-gradient(156deg, #F3AE2A 0%, #EA5E31 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #F7772B43;
    border-radius: 10px;
    padding: 10px 25px;
    color: var(--wht);
}

.talk span {
    padding-left: 10px;
}

.talk:hover {
    background: transparent linear-gradient(156deg, #EA5E31 0%, #F3AE2A 100%) 0% 0% no-repeat padding-box;
}

.menu-sub {
    padding: 0px 20px;
    border-left: solid 1px #236E5E;
}


/*search*/

.search-box {
    -webkit-transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
    transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    background: #2c8975;
}

.search-box + label .search-icon {
    color: black;
}

.search-box:hover {
    color: white;
    background: #2c8975;
    box-shadow: 0 0 0 0px #3d4752;
}

.search-box:hover + label .search-icon {
    color: white;
}

.search-box:focus {
    -webkit-transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
    transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
    border: none;
    outline: none;
    box-shadow: none;
    padding-left: 15px;
    cursor: text;
    width: 300px;
    border-radius: auto;
    background: #236E5E;
    color: #fff;
}

.search-box:focus + label .search-icon {
    color: black;
}

.search-box:not(:focus) {
    text-indent: -5000px;
}

#search-submit {
    position: relative;
    left: -5000px;
}

.search-icon {
    position: relative;
    left: 0px;
    color: white;
    cursor: pointer;
}


/*navbar*/

.whatsapp-icon{
	
	position: fixed;
	bottom: 15px;
	right: 0px;
	    z-index: 999999;
}


.whatsapp-icon img {
    width: 53%;
        float: right;
    padding: 10px;
}

/*banner*/

#banner {
    padding: 0px 15px;
}

.banner-sld {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    z-index: 2
}

.main-banner {
    background-size: cover;
}

#myCarousel .carousel-item .mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-attachment: fixed;
}

#myCarousel h4 {
    font-size: calc(1em + 2.5vw);
    margin-bottom: 15px;
    color: var(--black: );
    line-height: 100%;
    letter-spacing: 0.5px;
    font-weight: bold;
    line-height: 1.3;
}

#myCarousel p {
    font-size: 18px;
    margin-bottom: 15px;
    color: #d5d5d5;
}

.spnp {
    padding: 2px 16px;
}

#myCarousel .carousel-item a {
    font-size: 14px;
    color: #231F20;
    padding: 30px 6px;
    display: flex;
}

#myCarousel .carousel-item a:hover {
    text-decoration: none;
}

#myCarousel .carousel-item h4 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

#myCarousel .carousel-item p {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

#myCarousel .carousel-item a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

#myCarousel .carousel-item .mask img {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    display: block;
    height: auto;
    max-width: 100%;
}

#myCarousel h4,
#myCarousel p,
#myCarousel a,
#myCarousel .carousel-item .mask img {
    -webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#myCarousel .container {
    max-width: 1430px;
}

#myCarousel .carousel-item {
    height: 100%;
    min-height: 600px;
}

.carousel-control-next,
.carousel-control-prev {
    height: 40px;
    width: 40px;
    padding: 12px;
    top: 50% !important;
    ;
    bottom: auto;
    transform: translateY(-50%);
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-right.active {
    opacity: 0
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
    .carousel-fade .carousel-item-left.active,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item-prev.active,
    .carousel-fade .carousel-item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}


/*svg line*/

.linesvg {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 75%;
}

@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 248.3303680419922px;
        stroke-dasharray: 248.3303680419922px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 248.3303680419922px;
        stroke-dasharray: 248.3303680419922px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes animate-svg-fill-1 {
    0% {
        fill: transparent
    }
    100% {
        fill: rgb(44, 137, 117)
    }
}

@keyframes animate-svg-fill-1 {
    0% {
        fill: transparent
    }
    100% {
        fill: rgb(44, 137, 117)
    }
}

.svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both, animate-svg-fill-1 6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
    animation: animate-svg-stroke-1 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both, animate-svg-fill-1 6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both
}

@-webkit-keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 129.45130920410156px;
        stroke-dasharray: 129.45130920410156px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 129.45130920410156px;
        stroke-dasharray: 129.45130920410156px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes animate-svg-fill-2 {
    0% {
        fill: transparent
    }
    100% {
        fill: rgb(44, 137, 117)
    }
}

@keyframes animate-svg-fill-2 {
    0% {
        fill: transparent
    }
    100% {
        fill: rgb(44, 137, 117)
    }
}

.svg-elem-2 {
    -webkit-animation: animate-svg-stroke-2 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s both, animate-svg-fill-2 6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-stroke-2 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s both, animate-svg-fill-2 6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both
}

@-webkit-keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 1325.727294921875px;
        stroke-dasharray: 1325.727294921875px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 1325.727294921875px;
        stroke-dasharray: 1325.727294921875px
    }
    100% {
        stroke-dashoffset: 0
    }
}

.svg-elem-3 {
    -webkit-animation: animate-svg-stroke-3 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s both, animate-svg-fill-3 6s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-3 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s both, animate-svg-fill-3 6s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both
}

@-webkit-keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 181.47799682617188px;
        stroke-dasharray: 181.47799682617188px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 181.47799682617188px;
        stroke-dasharray: 181.47799682617188px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes animate-svg-fill-4 {
    0% {
        fill: transparent
    }
    100% {
        fill: rgb(44, 137, 117)
    }
}

@keyframes animate-svg-fill-4 {
    0% {
        fill: transparent
    }
    100% {
        fill: rgb(44, 137, 117)
    }
}

.svg-elem-4 {
    -webkit-animation: animate-svg-stroke-4 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3599999999999999s both, animate-svg-fill-4 6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-stroke-4 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3599999999999999s both, animate-svg-fill-4 6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both
}

@-webkit-keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 113.79399871826172px;
        stroke-dasharray: 113.79399871826172px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 113.79399871826172px;
        stroke-dasharray: 113.79399871826172px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes animate-svg-fill-5 {
    0% {
        fill: transparent
    }
    100% {
        fill: rgb(44, 137, 117)
    }
}

@keyframes animate-svg-fill-5 {
    0% {
        fill: transparent
    }
    100% {
        fill: rgb(44, 137, 117)
    }
}

.svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s both, animate-svg-fill-5 6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-5 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s both, animate-svg-fill-5 6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both
}


/*banner right*/

.infinite-carousel-shell {
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.infinite-carousel-group {
    height: 100%
}

.infinite-carousel-vertical {
    width: 100%
}

.infinite-carousel-horizontal .infinite-carousel-group-item {
    float: left;
    height: 100%
}

.infinite-carousel-shell {
    background: #fff;
    margin: auto;
    width: 100%;
    height: 91.3vh;
    margin-top: 87px;
}

.infinite-carousel-group-item {
    height: 47vh;
    margin-bottom: 0px;
    background: #C0D8B8;
}

.offer-product-home {
    width: 100%;
    padding: 20px;
    text-align: center;
}

.offer-product-home img {
    width: 80%;
}

.product-name-banner {
    font-size: 16px;
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 20px;
}

.product-price-banner {
    font-size: 16px;
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 30px;
    color: #2C8975;
    font-weight: bold;
}

.vertical-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0px;
    width: 100%;
}

post {
    width: 100%;
}


/*color*/

.color1 {
    background: #C0D8B8;
}

.color2 {
    background: #C4DBD0;
}

.color3 {
    background: #DBD6C4;
}

.color4 {
    background: #e6dcb6;
}

.color5 {
    background: #EFEFEF;
}

.color6 {
    background: #DFDFDF;
}

.color7 {
    background: #e6cebc;
}
.color8 {
    background: #e4d7a0;
}


/*color*/


/*banner right*/

.social-bannericon {
    position: absolute;
    bottom: 0;
    padding: 30px;
    z-index: 999;
}

@-webkit-keyframes scroll-ani {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

@-moz-keyframes scroll-ani {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

@keyframes scroll-ani {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

.scroll {
    position: absolute;
    right: 0;
    z-index: 999;
    bottom: 0;
    padding: 10px 40px;
}

.mouse-scroll {
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    font-weight: normal;
    color: #231F20;
    letter-spacing: 2px;
    margin-top: 10%;
    text-decoration: none;
    overflow: hidden;
}

.mouse-scroll .mouse {
    position: relative;
    display: block;
    width: 25px;
    height: 40px;
    margin: 0 auto 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #2DABD8;
    border-radius: 23px;
}

.mouse-scroll .mouse .mouse-movement {
    position: absolute;
    display: block;
    top: 29%;
    left: 55%;
    width: 5px;
    height: 5px;
    margin: -4px 0 0 -4px;
    background: #2C8975;
    border-radius: 50%;
    -webkit-animation: scroll-ani 4s linear infinite;
    -moz-animation: scroll-ani 4s linear infinite;
    animation: scroll-ani 4s linear infinite;
}

.mouse-scroll .mouse-message {
    float: left;
    margin: 0 0 0 7px;
    padding: 0;
    -webkit-animation: scroll-ani 4s linear infinite;
    -moz-animation: scroll-ani 4s linear infinite;
    animation: scroll-ani 4s linear infinite;
}


/*banner*/


/*home banner*/


/*about home*/

#about-home {
    background: #E8EBE0;
    float: left;
    width: 100%;
    padding: 130px 130px;
    background-image: url(../img/homeaboutbg.svg);
    background-size: cover;
}
#about-home-main {
    background: #E8EBE0;
    float: left;
    width: 100%;
    padding: 130px 130px;
    background-image: url(../img/homeaboutbg.svg);
    background-size: cover;
}


.about-home-inner h1 {
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 65px;
}

.about-home-inner span {
    color: var(--green);
    margin-bottom: 20px;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 600;
}

.produt-use {
    float: left;
    padding: 30px;
    background: #FEFFFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 16px #0000000A;
    border-radius: 31px;
    width: 18%;
    height: 200px;
    text-align: center;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.icon-item-sec {
    width: 80px;
    height: 60px;
    margin: 0 auto;
}

.icon-item-sec img {
    width: 100%;
    height: 100%;
}

.text-item-sec {
    font-size: 13px;
    margin-top: 15px;
}

.aboutline {
    position: absolute;
    right: 0;
    width: 50%;
}

.aboutline img {
    width: 100%;
}

.elpis2 {
    z-index:1;
    position: absolute;
    left: -7%;
    width: 25%;
}

.elpis2 img {
    width: 100%;
}

.elpis3 {
    z-index:1;
    position: absolute;
    right: -3%;
    width: 30%;
}

.elpis3 img {
    width: 100%;
}

.square {
    animation: shimmy 4s infinite;
    animation-direction: alternate;
}

@keyframes shimmy {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-10px, 30px);
    }
}


/*about home*/
.filter-gallery .gallery li a{
    color: #231F20;
}

/*home-product*/

#home-product {
    background: #E8EBE0;
    float: left;
    width: 100%;
    padding: 130px 130px;
}

.home-product-inner h2 {
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 50px;
}

.home-product-inner .item {
    width: 100%;
    height: 100%;
    float: left;
    box-shadow: 3px 13px 16px #00000010;
    border-radius: 31px;
    padding-bottom: 40px;
    margin-bottom: 30px;
}

.vishlist {
    position: absolute;
    padding: 30px;
}


/*home-product*/


/*bustonehome*/

#bustonehome {
    background: #E8EBE0;
    float: left;
    width: 100%;
    padding: 130px 130px;
}

.product-adimg {
    text-align: center;
}

.product-adimg img {
    width: 80%;
}

#bustonehome h2 {
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 50px;
}

#bustonehome span {
    color: var(--green);
    margin-bottom: 20px;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 600;
}

.more {
    background: transparent linear-gradient(108deg, #2DABD8 0%, #66B69D 54%, #4AB849 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 16px #0000001C;
    border-radius: 100px;
    padding: 14px 30px;
    font-size: 14px;
    color: #fff !important;
    margin-top: 20px;
    float: left;
}


/*bustonehome*/

#footer {
    background: #2C8975;
    float: left;
    width: 100%;
    padding: 130px 130px;
    color: #fff;
    background-size: cover;
}

.footer-logo {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.footer-mainlinks {
    width: 80%;
    float: left;
    border-bottom: solid 1px #3A9F85;
    padding-bottom: 30px;
    margin-left: 56px;
}

.footer-mainlinks a {
    color: #fff;
    padding-right: 20px;
    font-size: 14px;
}

.footer-mainlinks a:hover {
    text-decoration: none;
    color: #2DABD8;
}

.footer-adrs {
    float: left;
    margin-top: 30px;
    margin-left: 56px;
}

#footer h5 {
    font-weight: bold;
    margin-bottom: 30px;
}

.suport span {
    padding-right: 10px;
}

.suport a {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    color: #fff;
}
.suport a:hover{
    color: #fff;
    text-decoration: none;
}
.socail-footer {
    margin-top: 30px;
    float: left;
}

.socail-footer a {
    padding-right: 10px;
}

.copy-ft {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.email-ft {
    margin-top: 30px;
}
.email-ft form {
        padding: 0;
}
.email-ft .form-wrap {
       width: 100%;
}

.email-ft .form-control {
    width: 100% !important;
    margin-bottom: 30px !important;
    background: #2c8975;
    color: #fff;
    border-bottom: solid 1px #ffff;
    border-top: none;
    border-left: none;
    border-right: none;
}

.email-ft .form-control:focus {
    background: #2c8975 !important;
    box-shadow: none;
}

.but-sub {
    background: none;
    color: #fff;
    font-weight: bold !important;
    ;
}
.mobile-footer {
    display: none;
}


/*about main*/
.about_banner{
    width: 100%;
    height: 70vh;
    background-size: cover;
        background-repeat: no-repeat;

    background-position: center;
}

.about-banner_text{
    position: absolute;
    z-index: 1;
    top: 25%;
    left: 135px;
    color: #231F20;
}

.product_banner{
    width: 100%;
    background: #e8ebe0;
    height: 20vh;
    background-size: cover;
        background-repeat: no-repeat;

    background-position: center;
}

#product-main{
    background: #E8EBE0;
    float: left;
    width: 100%;
    padding: 130px 0px;
  
}
/*about main*/


/*prodtpge*/
#proddt-main{
      background: #E8EBE0;
    float: left;
    width: 100%;
    padding:130px 130px;
}
.text-product-dt{
    float: left;
    width: 100%;
    margin-top: 30px;
}


.text-product-dt .product-price-banner{
    font-size: 26px;
    width: 100%;
    float: left;
    text-align: left;
    padding: 0px 0px 30px 0px;
    color: #2C8975;
    font-weight: bold;
}


.text-product-dt span{
    color: #2C8975;
    text-transform: uppercase;
    margin-bottom: 20px;
    float: left;
    font-weight: bold;
    width: 100%;
    font-size: 13px;
}

.text-product-dt h1{
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 20px;
}
.text-product-dt p{
    line-height: 2;
}
.grm{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.text-product-dt b{
    margin-bottom: 10px;
    float: left;
    width: 100%;
}





.modal-body form {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    background: #FFF;
    border-radius: 5px;
    position: relative;
}

form > div {
    float: left;
    margin-bottom: 30px;
}

form > div > p {
    font-size: 12px;
    margin-bottom: 3px;
}

form > div > input {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 5px;
    border: 0;
    background: #fff;
    border-bottom: 1px solid silver;
    width: 100%;
    color: gray;
}

form > p:last-of-type {
    display: table;
    width: 100%;
    color: #fff;
    margin-top: 30px;
}

form > p:last-of-type > a {
    cursor: pointer;
    border: 0;
    padding: 10px 25px;
    background: #2c8975;
    border-radius: 28px;
    font-size: 13px;
}

.term {
    padding-top: 0px;
    display: flex;
    width: 100%;
    align-items: center;
}

.term > i {
    cursor: pointer;
    width: 20px;
}

.term > span {
    font-size: 12px;
}


/* delete */

form > a:last-of-type {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-size: 10px;
    letter-spacing: 1px;
    font-style: italic;
}

.submit_but {
    display: inline-block;
    border: 2px solid #363840;
    position: relative;
    border-radius: 0;
    background-color: #363840;
    color: #fff;
    transition: .3s;
}
input:focus {
    outline: none;
}


.btn-primary {
    display: inline-block;
    border: 2px solid #2c8975 !important;
    position: relative;
    border-radius: 0;
    background-color: #2c8975 !important;
    color: #fff;
    transition: .3s;
    margin-top: 30px;
}


.btn-primary img {
    width: 80%;
}

.btn-primary:hover {
    border: 2px solid #363840;
    background-color: #363840;
    box-shadow: 4px 4px #68b254;
}

/*prodtpge*/




/*contact-main*/


#contact-main{
    background: #E8EBE0;
    float: left;
    width: 100%;
    padding:130px 130px;
}

#contact-main .form-control{
    background-color: none;
    border: none;
    border-bottom: solid 1px #474544;
}


.text-contat-form{
    padding: 40px;
}

form {
  padding: 40px;
  margin: 50px 0;
}


.underline {
  border-bottom: solid 2px #474544;
  margin: -0.512em auto;
  width: 80px;
}

.icon_wrapper {
  margin: 50px auto 0;
  width: 100%;
}

.icon {
  display: block;
  fill: #474544;
  height: 50px;
  margin: 0 auto;
  width: 50px;
}

.email {
	float: right;
	width: 45%;
}

input[type='text'], [type='email'], select, textarea {
	background: none;
  border: none;
	border-bottom: solid 1px #474544;
	color: #474544;
	font-size: 1.000em;
  font-weight: 400;
  letter-spacing: 1px;
	margin: 0em 0 1.875em 0;
	padding: 0 0 0.875em 0;

	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

input[type='text']:focus, [type='email']:focus, textarea:focus {
	outline: none;
	padding: 0 0 0.875em 0;
}

.message {
	float: none;
}

.name {
	float: left;
	width: 45%;
}

select {
  background: url('https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-down-32.png') no-repeat right;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

.subject {
  width: 100%;
}

.telephone {
  width: 100%;
}

textarea {
	line-height: 150%;
	height: 150px;
	resize: none;
  width: 100%;
}

::-webkit-input-placeholder {
	color: #474544;
}

:-moz-placeholder { 
	color: #474544;
	opacity: 1;
}

::-moz-placeholder {
	color: #474544;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #474544;
}

#form_button {
  background: none;
  border: solid 2px #474544;
  color: #474544;
  cursor: pointer;
  display: inline-block;
 margin-top: 30px;
  font-size: 0.875em;
  font-weight: bold;
  outline: none;
  padding: 20px 35px;

  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#form_button:hover {
  background: #474544;
  color: #F2F3EB;
}


.text-contat-form h2{
    margin-bottom: 20px;
    margin-top: 30px;
}
.img-buld{
    width: 100%;
    float: left;
    margin-top: 50px;
}
.img-buld img{
    width: 100%;
}

.call-email{
    width: 100%;
    float: left;
    margin-top: 30px;
}

.call-email a{
    color: #212529;
    width: 100%;
    float: left;
    font-size: 18px;
    margin-bottom: 10px;
}
.call-email a:hover{
      color:#2C8975;
    text-decoration: none;
}

.contat-adrs h2{
    margin-bottom: 30px;
    margin-top: 20px;
}



/*contact-main*/

@media only screen and (max-width: 1400px) {
    
    #myCarousel h4{
        font-size: calc(1em + 2.5vw);
    }
     #myCarousel .carousel-item {
        height: 100%;
        min-height: 410px;
    }
    
    .about-home-inner h1 {
  
    font-size: 50px;
}
    .home-product-inner h2 {
   
    font-size: 40px;
}
    #bustonehome h2 {
    
    font-size: 40px;
}
    #footer{
            padding: 80px 130px;
    }
    
}



@media only screen and (max-width: 700px) {
    p {
        font-size: 13px;
    }
    .navbar {
        padding: 10px !important
    }
    #myCarousel h4 {
        font-size: 30px;
    }
    .social-bannericon {
          display: none;
    }
    .scroll {
        display: none;
    }
    .infinite-carousel-shell {
        margin-top: 0px;
    }
    #about-home {
        padding: 50px 20px;
    }
    #home-product {
        padding: 50px 20px;
    }
    #bustonehome {
        padding: 50px 20px;
    }
    #footer {
        padding: 50px 20px;
    }
    .about-home-inner h1 {
        font-size: 30px;
    }
    .home-product-inner h2 {
        font-size: 30px;
    }
    .produt-use {
        width: 45%;
    }
    #bustonehome h2 {
        font-size: 30px;
    }
    .footer-mainlinks {
        margin-left: 0px;
        width: 100%;
    }
    .footer-adrs {
        margin-left: 0px;
    }
    .navbar-brand img {
        width: 115px;
    }
    .carousel-control-next,
    .carousel-control-prev {
        display: none !important;
    }
    #myCarousel .carousel-item {
        height: 100%;
        min-height: 510px;
    }
    .elpis3 {
    z-index: 99;
    position: absolute;
    right: 0px;
    width: 30%;
}
    #myCarousel .carousel-item a{
        padding: 20px 6px;
    }
    #contact-main {
   
    padding: 90px 10px;
}
    .text-contat-form {
    padding: 0px;
}
    form {
    padding: 0px;
    margin: 50px 0;
}
    .name {
    float: left;
    width: 100%;
}
    .email {
    float: right;
    width: 100%;
}
    input[type='text'], [type='email'], select, textarea{
        font-size: 13px;
    }
    .subject {
    width: 100%;
    font-size: 13px;
}
    .message {
    float: none;
    font-size: 13px;
}
    .filter-gallery .filter {
    list-style: none;
    padding: 20px 25px !important;
    margin: 0;
}
    .product-name-price .product-name-banner {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
    #product-main {
    background: #E8EBE0;
    float: left;
    width: 100%;
    padding: 70px 0px;
}
    .mar-o{
        margin: 0px;
    }
    #about-home-main{
            padding: 100px 20px;
    }
    #proddt-main {
    
    padding: 100px 20px;
}
    #about-home-main .elpis3{
        display: none;
    }
}