html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Poppins', sans-serif;
  color: #000;
}
main {
    overflow-x: hidden;
}


nav {
    padding: 0px !important;
    position: absolute !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.navbar-brand {
    padding: 0px;
}
.navbar-brand {
    margin: 0;
}
.nav-item {
    padding: 0px;
    text-align: center;
    margin: 0px 15px;
}
.navbar-nav.col {
    padding: 0px;
}
.nav-item .nav-link {
    font-size: 16px;
    font-weight: 500;
    color: #fff !important;
    display: inline-block;
    padding: 8px 15px !important;
}
.navbar-collapse ul {
    padding-right: 0;
}
.navbar-brand-two img {
    max-width: 260px;
    margin-top: 115px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.navbar-brand-one {
    padding-left: 20px;
}
.btn-mgnav {
    color: #fff;
    background-color: transparent;
    border: 3px solid #ffff;
    border-radius: 50px;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 600;
}
.btn-mgnav:hover {
    color: #fff;
    background-color: #76870c;
    border-color: #76870c;
    border: 3px solid #76870c !important;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #ffff !important;
    background-color: #76870c;
    border-radius: 50px;
}
nav .navbar-lang {
    padding-left: 55px;
    margin-top: 7px;
}

/* ANIMATED X */
.navbar-toggler.x {
    border: none;
  }
  .navbar-toggler.x:focus {
    outline: none;
  }
  .navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
  }
  .navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
  }
  .navbar-toggler.x .icon-bar {
    width: 25px;
    display: block;
    height: 2px;
    background-color: #000;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  nav.bg-light .navbar-toggler.x .icon-bar {
    /* background-color: #000; */
  }
  .navbar-toggler.x .icon-bar + .icon-bar {
    margin-top: 5px;
  }
  .navbar-toggler.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .navbar-toggler.x .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .navbar-toggler.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .navbar-toggler.x {
    padding: 30px 15px;
  }
  /* End ANIMATED X */
.mainbanner {
    width: 100%;
    height: 747px;
    background-image: url('../images/homebg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.mainbanner .container-fluid {
    position: absolute;
    z-index: 9;
}
.mainbanner h2 {
    width: 50%;
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    padding-left: 35px;
}
.mainbanner h2 b {
    font-weight: 600;
}
.mainbanner h2 a img {
    padding-left: 0px;
    padding-right: 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.mainbanner h2 a:hover img {
    padding-left: 10px;
    padding-right: 0px;
}
.mainbanner .homebgbottom {
    position: absolute;
    bottom: -340px;
    right: 0;
    z-index: 9;
}
.imGid1 {
    z-index: 4 !important;
    position: relative;
}
.imGid2 {
    z-index: 3 !important;
    position: relative;
}
.imGid3 {
    z-index: 2 !important;
    position: relative;
}
.imGid4 {
    z-index: 4 !important;
    position: relative;
}
.cus-delay1 {
    animation-delay: 1s;
}
.cus-delay2 {
    animation-delay: 2s;
}
.cus-delay3 {
    animation-delay: 3s;
}
.cus-delay4 {
    animation-delay: 3s;
}
.mainbanner:hover .imG1 {
    animation: wiggle 800ms infinite;
    animation-timing-function: linear;  
    -webkit-animation-duration: 5s;
  animation-duration: 5s;
}
.mainbanner:hover .imG2 {
    animation: wiggle 1000ms infinite;
    animation-timing-function: linear; 
    -webkit-animation-duration: 8s;
  animation-duration: 8s; 
}
.mainbanner:hover .imG3 {
    animation: wiggle 1100ms infinite;
    animation-timing-function: linear;
    -webkit-animation-duration: 12s;
  animation-duration: 12s;  
}
.mainbanner:hover .imG4 {
    animation: wiggle 1300ms infinite;
    animation-timing-function: linear;  
    -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@keyframes wiggle {
  0% { transform: translate(2px, 0); }
  50% { transform: translate(-2px, 0); }
  100% { transform: translate(2px, 0); }
}

.homebanner-items {
    position: relative;
}
.homebanner-items img {
    position: absolute;
}


.about {
    background-image: url('../images/aboutbg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 230px;
    padding-bottom: 140px;
}
.about .about-block {
    text-align: center;
}
.about .about-block h2 {
    font-size: 58px;
    font-weight: 600;
    margin-bottom: 0px;
}
.about .about-block p {
    font-size: 20px;
    line-height: 33px;
    padding: 40px 25px;
    margin-bottom: 0px;
}
.about .about-block a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}
.about .about-block a img {
    padding-left: 0px;
    padding-right: 5px;
}
.about .about-block a,
.about .about-block a img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.about .about-block:hover a:hover {
    color: #76870c;
}
.about .about-block:hover a:hover img {
    padding-left: 5px;
    padding-right: 0px;
}
.ourproducts {
    background-image: url('../images/ourproductsbg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0px 120px 0px;
    position: relative;
}
.ourproducts h2.sectitle {
    text-align: center;
    padding-bottom: 70px;
    font-size: 30px;
}
.ourproducts h2.sectitle b {
    font-size: 58px;
    font-weight: 600;
}
.ourproducts .opblock {
    text-align: center;
    cursor: pointer;
}
.ourproducts .opblock img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.ourproducts .opblock h2 {
    font-size: 36px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 0;
}
.ourproducts .opblock p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.2px;
    margin-top: 15px;
    font-weight: 400;
}
.ourproducts .opblock a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}
.ourproducts .opblock a img {
    padding-left: 0px;
    padding-right: 5px;
}
.ourproducts .opblock  > * {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.ourproducts .opblock:hover img.productsimg {
    transform: scale(1.05);
}
.ourproducts .opblock:hover a {
    color: #76870c;
}
.ourproducts .opblock:hover a img {
    padding-left: 5px;
    padding-right: 0px;
}
.ourproducts .pro-leaf1 {
    position: absolute;
    top: 10%;
    right: 2%;
}
.ourproducts .pro-leaf2 {
    position: absolute;
    bottom: -5%;
    left: 5%;
}



.directors {
    background-image: url('../images/directorsbg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0px 100px 0px;
}
.directors .dirtitle {
    text-align: center;
    padding-bottom: 70px;
    font-size: 58px;
    font-weight: 600;
}
.directors .dirblock img {
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.directors .dirblock:hover img {
    transform: scale(1.05);
}
.directors .dirblock h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}
.directors .dirblock h3 span {
    font-size: 20px;
    font-weight: 300;
}
.directors .dirbottomdiv {
    margin-top: 90px;
}
.directors .dirbottomdiv .opartners fieldset {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}
.directors .dirbottomdiv .opartners fieldset:first-child {
    border-left: 1px solid transparent;
}
.directors .dirbottomdiv .oclients fieldset {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}
.directors .dirbottomdiv .oclients fieldset:last-child {
    border-right: 1px solid transparent;
}
.directors .dirbottomdiv fieldset img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin: 10px 0px;
}
.directors .dirbottomdiv fieldset:hover img {
    transform: scale(1.05);
}
/* .directors .dirbottomdiv fieldset legend {
    font-size: 22px;
    width: auto;
    margin-bottom: 0;
    font-weight: 600;
    padding: 0px 5px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
} */
.directors .dirbottomdiv fieldset .opblock-title {
    font-size: 22px;
    width: auto;
    margin-bottom: 0;
    font-weight: 600;
    padding: 0px 5px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    
    margin-top: -17px;
    position: absolute;
    background-color: #f6f6f6;
}
.directors .dirbottomdiv fieldset .opblock-title:hover {
    color: #76870c;
}
.directors .dirbottomdiv .opartners fieldset:last-child, .directors .dirbottomdiv .oclients fieldset:last-child {
    /* margin-top: 16px; */
    margin-top: 0px;
}
.directors .directors-spacing {
    width: 50px;
}
.opartners, .oclients {
    margin: 0px;
}

/* .directors .dirbottomdiv fieldset legend a {
    text-decoration: none;
    color: #000;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.directors .dirbottomdiv fieldset legend a:hover {
    color: #76870c;
} */

.directors .opartners fieldset:first-child .opblock-title {
    background-color: #ffffff;
}



footer {
    background-image: url('../images/footerbg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    text-align: center;
}
footer .footer-top {
    padding: 70px 0px;
}
footer .fdetails img.footer-logo {
    margin-bottom: 50px;
}
footer .fdetails .ftitle {
    font-size: 26px;
    font-weight: 600;
}
footer .fdetails p {
    font-size: 20px;
    font-weight: 500;
    line-height: 33px;
}
footer .fdetails .fcontact {
    font-size: 20px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
footer .fdetails .fcontact div:nth-child(2) {
    margin: 0px 25px;
}
footer .fdetails .fcontact i {
    margin-right: 5px;
}
footer .fdetails .fcontact a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
footer .fdetails .fcontact a:hover {
    color: #bdce4a;
}
footer .fdetails .fsocialmedia {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
footer .fdetails .fsocialmedia a {
    text-decoration: none;
}
footer .fdetails .fsocialmedia span {
    color: #fff;
    padding: 10px 25px 12px 5px;
    border-radius: 50px;
    margin: 0px 5px;
}
footer .fdetails .fsocialmedia a span {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
footer .fdetails .fsocialmedia a span.facebook {
    background-color: #3b5997;
}
footer .fdetails .fsocialmedia a:hover span.facebook {
    background-color: #244079;
}
footer .fdetails .fsocialmedia a span.twitter {
    background-color: #54aced;
}
footer .fdetails .fsocialmedia a:hover span.twitter {
    background-color: #3584bd;
}
footer .fdetails .fsocialmedia a span.instagram {
    background-color: #dd0aa9;
}
footer .fdetails .fsocialmedia a:hover span.instagram {
    background-color: #a0097b;
}
footer .fdetails .fsocialmedia a span.youtube {
    background-color: #c4302b;
}
footer .fdetails .fsocialmedia a:hover span.youtube {
    background-color: #9e231f;
}

footer .copyright {
    font-size: 12px;
    line-height: 27px;
    background-color: #000;
    padding: 10px 0px;
}
footer .copyright a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
footer .copyright a:hover {
    color: #bdce4a;
}





.inner-banner {
    width: 100%;
    background-image: url('../images/inner-banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
}
.inner-banner .row {
    height: 396px;
}
.inner-banner .page-title{
    font-size: 117px;
    line-height: 210px;
    font-weight: 600;
    letter-spacing: -3px;
    margin-bottom: 0px;
}



.contact-page .inner-banner .page-bannerimg {
    bottom: -100px;
}
.contact-page .contactfrm {
    padding: 130px 0px;
}
.contact-page .contactfrm .cform h2 {
    font-size: 38px;
    font-weight: 600;
    text-align: center;
}
.contact-page .contactfrm .cform form {
    margin-top: 40px;
}
.contact-page .contactfrm .cform .form-control {
    width: 100%;
    height: 50px;
    border: 2px solid #acacac;
    border-radius: 10px;
}
.contact-page .contactfrm .cform .form-group textarea {
    width: 100%;
    height: 160px;
    resize: none;
}
.contact-page .contactfrm .cform .form-control::-webkit-input-placeholder, 
.contact-page .contactfrm .cform .form-control::placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #898989;
}
.btn-contactbtn {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    background-color: #9e9461;
    border-color: #9e9461;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 10px;
}
.btn-contactbtn:hover {
    background-color: #867a3e;
    border-color: #867a3e;
}
.contact-page .contactfrm .cform .formsubmit-msg {
    font-size: 14px;
}





.references-page .references-block {
    padding: 130px 0px;
}
.references-page .references-block .sectiontitle {
    font-size: 38px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
.references-page .references-block .borderimg {
    border: 1px solid #dfdfdf;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 22px;
}
.references-page .references-block .borderimg::before {
    display: block;
    padding-top: 60%;
    content: "";
}
.references-page .references-block .borderimg div{
    display: flex;
    align-items: center;
    justify-content: center;
	
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
}
.references-page .references-block .borderimg div img {
    object-fit: contain;
    object-position: center;
    width: 80%;
}
.references-page .references-block .ourclient {
    margin-top: 60px;
}

.references-page .references-block #ourpartners {
    margin-top: -90px;
    padding-top: 90px;
}



.about-page .inner-banner .page-bannerimg {
    bottom: -88px;
}
.about-page .companylist {
    padding-top: 120px;
}
.about-page .companylist .apg-block {
    text-align: center;
}
.about-page .companylist .apg-block .apgb-desc {
    padding: 50px 0px;
}
.about-page .companylist .apg-block .apgb-desc p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0px;
}
.about-page .companylist .apg-block .apgb-link {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}
.about-page .companylist .apg-block .apgb-link img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding-left: 0px;
    padding-right: 5px;
}
.about-page .companylist .apg-block .apgb-link:hover {
    color: #76870c;
}
.about-page .companylist .apg-block .apgb-link:hover img {
    padding-left: 5px;
    padding-right: 0px;
}
.about-page .companylist .linebreak {
    margin: 80px 0px;
    text-align: center;    
}
.about-page .directors {
    background: none;
    padding: 150px 0px;
}




.news-page .news-block {
    padding-top: 130px;
    padding-bottom: 200px;
}
.news-page .news-view img {
    width: 100%;
}
.news-page .news-view h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: justify;
    margin-top: 30px;
    margin-bottom: 0px;

}
.news-page .news-view .newsview-date {
    font-size: 16px;
    margin: 10px 0px;
}
.news-page .news-view .newsview-desc p {
    margin-top: 20px;
    text-align: justify;
}
.news-page .news-view .newsview-desc p {
    font-size: 17px;
    line-height: 30px;
}
.news-page .news-list .newslist-block {
    display: flex;
    margin-bottom: 30px;
    cursor: pointer;
}
.news-page .news-list .newslist-block .newslist-block-img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.news-page .news-list .newslist-block .newslist-block-img img {
    width: 172px;
    height: 124px;
    object-fit: cover;
    object-position: center;
}
.news-page .news-list .newslist-block .newslist-block-text {
    padding-left: 15px;
}
.news-page .news-list .newslist-block .newslist-block-text h4 {
    font-size: 14px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.news-page .news-list .newslist-block .newslist-block-text p {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px;
}
.news-page .news-list .newslist-block:hover .newslist-block-text h4 {
    color: #bdce4a;
}
.news-page .news-list .newslist-block:hover .newslist-block-img {
    transform: scale(1.05);
}




.news-listing-page .news-listing-block {
    padding-top: 130px;
    padding-bottom: 50px;
}
.news-listing-page .news-listing-block .newslist-item {
    margin-bottom: 30px;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    cursor: pointer;
}
.news-listing-page .news-listing-block .newslist-item .newslist-item-txt{
    height: 225px;
    overflow: hidden;
}
.news-listing-page .news-listing-block h3 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.news-listing-page .news-listing-block .newslist-item:hover h3 {
    color: #76870c;
}
.news-listing-page .news-listing-block span {
    font-size: 14px;
    margin: 5px 0px;
}
.news-listing-page .news-listing-block p {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.news-listing-page .news-listing-block a {
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: #76870c;    
    font-weight: 600;
    padding: 18px 15px;
    margin-top: 10px;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.news-listing-page .news-listing-block a:hover {
    background-color: #606f03;
}




.productpg-details {
    padding-top: 120px;
}
.productpg-details p {
    font-size: 17px;
    margin-bottom: 0px;
}
.product-page .inner-banner .page-bannerimg {
    bottom: -38px;
}
.product-page .productpg-list {
    margin-top: 90px;
}
.product-page .productpg-list .productpg-list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 2px solid #cacaca;
    border-radius: 20px;
    margin-bottom: 40px;
    overflow: hidden;
}
.product-page .productpg-list .productpg-list-item h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 0px 10px 0px 10px;
    margin-bottom: 0px;
    margin-top: 30px;
    height: 42px;
    overflow: hidden;
}
.product-page .productpg-list .productpg-list-item a.get-btn {
    width: 100%;
    background-color: #76870c;
    color: #fff;
    font-weight: 600;
    padding: 18px 15px;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-border-radius: 0;
            border-radius: 0;
}
.product-page .productpg-list .productpg-list-item img {
    width: 193px;
    height: 306px;
    object-fit: contain;
    object-position: center;
    padding: 25px 0px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.product-page .productpg-list .productpg-list-item:hover img {
    transform: scale(1.05);
}
.product-page .productpg-list .productpg-list-item a.get-btn:hover {
    background-color: #606f03;
}


.product-page .getaquote .modal-content {
    border-radius: 15px;
}
.product-page .getaquote .modal-body {
    padding: 70px 60px 60px 20px;
}
.product-page .getaquote .modal-body .close {
    position: absolute;
    right: 15px;
    top: 15px;
}
.product-page .getaquote .modal-body .close i {
    font-size: 30px;
    color: #b1b1b1;
}
.product-page .getaquote .gaq-content .gaq-content-img {
    text-align: center;
}
.product-page .getaquote .gaq-content .gaq-content-img img {
    width: 200px;
    height: 250px;
    object-fit: contain;
    object-position: center;
}
.product-page .getaquote .gaq-content .gaq-content-img h3 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0px;
}
.product-page .getaquote .gaq-content .gaq-content-form form .form-group {
    margin-bottom: 10px;
}
.product-page .getaquote .gaq-content .gaq-content-form form input {
    font-size: 14px;
    padding: 15px 30px;
    height: 55px;
    border-radius: 10px;
}
.product-page .getaquote .gaq-content .gaq-content-form form textarea {
    font-size: 14px;
    padding: 15px 30px;
    height: 100px;
    resize: none;
    border-radius: 10px;
}
.product-page .getaquote .gaq-content .gaq-content-form form .btn-productgaq {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background-color: #76870c;
    border-color: #76870c;
    height: 55px;
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.product-page .getaquote .gaq-content .gaq-content-form form .btn-productgaq:hover {
    background-color: #606f03;
    border-color: #606f03;
}



.landing-page .mainblock {
    background-image: url('../images/landingbg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.landing-page .mainblock .lpsocialmedia-icons {
    padding-right: 15px;
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: right;
}
.landing-page .mainblock .lpsocialmedia-icons a img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.landing-page .mainblock .lpsocialmedia-icons a:hover img {
    transform: scale(1.10);
}

.landing-page .mainblock .lpmain-content {
    color: #fff;
    text-align: center;
}
.landing-page .mainblock .lpmain-content h2 {
    font-size: 35px;
    font-weight: 700;
    margin-top: 25px;
}
.landing-page .mainblock .lpmain-content p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 40px;
}



.landing-page .sister-company .siscom-block-one {
    background-color: #b1ca14;
}

.landing-page .sister-company .siscom-block-two {
    background-color: #9c8774;
}
.landing-page .sister-company .siscom-block {
    cursor: pointer;
}
.landing-page .sister-company .siscom-block .row>div {
    padding: 0px;
}
.landing-page .sister-company .siscom-block .siscom-block-content {
    padding: 30px 0px 30px 30px;
}
.landing-page .sister-company .siscom-block .siscom-block-img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.landing-page .sister-company .siscom-block .siscom-block-content p {
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.landing-page .sister-company .siscom-block .siscom-block-content a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.landing-page .sister-company .siscom-block .siscom-block-content a:hover {
    color: #fade3d;
}

.landing-page .sister-company .siscom-block.siscom-block-one .siscom-block-img img {
    max-height: 100%;  
    max-width: 100%; 
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
.landing-page .sister-company .siscom-block.siscom-block-two .siscom-block-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left bottom;
}
.landing-page .mainblock .lpsocialmedia-icons .btn-mgnav {
    padding: 4px 20px;
}





.myaccordion .card,
.myaccordion .card:last-child .card-header {
  border: none;
}

.myaccordion .card-header {
  border-bottom-color: #ddd;
  background: transparent;
}

.myaccordion .fa-stack {
  font-size: 18px;
}

.myaccordion .btn {
  width: 100%;
  font-weight: bold;
  color: #000;
  padding: 0;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
  text-decoration: none;
}

.myaccordion li + li {
  margin-top: 10px;
}



.productpg-block {
    position: relative;
}
#sidenav-bg {
    background-color: #f0f0f0;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 99;
}
.productsidemenubg {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 120px;
    background-color: #f0f0f0;
}
.productsidemenu {
    border: 2px solid #dfdfdf;
    border-right-color: transparent;
    border-radius: 15px 0px 0px 15px;
}
.productsidemenu .card {
    border-bottom: 2px solid #dfdfdf;
    background-color: transparent;
}
.productsidemenu .card:last-child {
    border-bottom-color: transparent;
}
.productsidemenu .card-header {
    padding: 15px 0px;
    border-color: transparent;
}
.productsidemenu .card-header h2 button {
    font-size: 18px;
    font-weight: 600;
    padding-left: 10px;
}
.productsidemenu .card-header h2 button i {
    font-size: 12px;
}
.productsidemenu .card-header h2 button span.active {
    color: #76870c;
}
.productsidemenu .card-body {
    padding: 0px;
}
.productsidemenu .card-body ul {
    list-style: none;
    padding-left: 25px;
    padding-right: 15px;
}
.productsidemenu .card-body ul li {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 10px 0px;
}
.productsidemenu .card-body ul li a {
    color: #000;
    text-decoration: none;
}
.productsidemenu .card-body ul li a.active, .productsidemenu .card-body ul li a:hover {
    color: #76870c;
}

img.mfp-img {
    background-color: #fff;
    background-clip: content-box;
}




.nav-wrapper {
  text-align: center;
}

.sl-nav {
  display: inline;
}

.sl-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
}

.sl-nav li {
  cursor: pointer;
  padding-bottom: 10px;
}

.sl-nav li ul {
  display: none;
}

.sl-nav li:hover ul {
  position: absolute;
  top: 40px;
  right: -15px;
  display: block;
  background: #fff;
  width: 70px;
  padding-top: 0px;
  z-index: 1;
  border-radius: 5px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.sl-nav li:hover .triangle {
  position: absolute;
  top: 30px;
  right: -10px;
  z-index: 10;
  height: 14px;
  overflow: hidden;
  width: 30px;
  background: transparent;
}

.sl-nav li:hover .triangle:after {
  content: "";
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #fff;
  border-radius: 2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.sl-nav li ul li {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 15px 15px;
  padding-bottom: 0;
  z-index: 2;
  font-size: 15px;
  color: #3c3c3c;
}

.sl-nav li ul li:last-of-type {
  padding-bottom: 15px;
}

.sl-nav li ul li span {
  padding-left: 5px;
}

.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
  color: #bdce4a;
}

.sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  width: 15px;
  height: 15px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}


.formalert .modal-body button {
    position: absolute;
    top: 10px;
    right: 10px;
}
.formalert .modal-body .formalert-block {
    text-align: center;
}
.formalert .modal-body .formalert-block i {
    font-size: 62px;
}
.formalert .modal-body .formalert-block h5 {

    margin: 10px 0px;
}
.formalert .modal-body .formalert-block p {
    margin: 0px;
}

.formalert .modal-body .formalert-block.alertsuccess i,
.formalert .modal-body .formalert-block.alertsuccess h5
{
    color: #87cc6d;
}
.formalert .modal-body .formalert-block.alertfail i,
.formalert .modal-body .formalert-block.alertfail h5
{
    color: #FF4500;
}
.mfp-close {
    cursor: pointer !important;
}