/*Google Fonts*/
 @import url('https://fonts.googleapis.com/css?family=Montserrat:500,600,700');
 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');
 @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
 body, html{
     height: 100%;
     width:100%;
}
 body{
     font-size: 1rem;
     font-family: 'Source Sans Pro', sans-serif;
}
/* ========== Universal Stylings ========== */
 h1,h2,h3,h4,h5{
     position: relative;
     font-family: 'Montserrat', sans-serif;
}
 h6{
     position: relative;
    /*text-transform: uppercase;
    */
}
 .bg-primary{
     background-color: #70b222!important;
}
 .text-inverse{
     color: #074052;
}
 .text-primary{
     color: #70b222!important;
}
 .btn{
     font-family: 'Montserrat', sans-serif;
     font-size: 1rem;
     font-weight: 600;
}
 .btn-primary{
     background-color: #70b222;
     border-color: #70b222;
    /*text-shadow: 1px 1px 2px rgba(0,0,0,0.4)*/
     /*color:#3f3f3e;*/
}
 .btn-primary:hover,.btn-primary:focus{
     background-color: #00BED7;
     border-color: #00BED7;
     color: #171616 !important;
}
.navbar-toggler {
    background: #7ab834;
}
 .btn-capsul{
     border-radius: 50px;
}
 i.box-circle-outline{
     border-color: inherit;
     border-width: 1px;
     border-style:solid;
     border-radius: 50%;
     height: 50px;
     line-height: 50px;
     text-align: center;
     width: 50px;
}
 i.box-circle-solid{
     background-color:#70b222;
     border-radius: 50%;
     color: #fff;
     font-size: 22px;
     height: 55px;
     line-height: 55px;
     text-align: center;
     width: 55px;
}
 .text-underline-white:before{
     content:"";
     position: absolute;
     width:100px;
     height: 4px;
     left:50%;
     margin-left:-50px;
     background:#fff;
     bottom: -15px;
     border-radius: 10px;
}
 .text-underline-rb-white:before{
     content:"";
     position: absolute;
     width:100px;
     height: 4px;
     left:0;
     background:#fff;
     bottom: -15px;
     border-radius: 10px;
}
 .text-underline-primary:before{
     content:"";
     position: absolute;
     width:50px;
     height: 4px;
     left:50%;
     margin-left:-25px;
     background:#88a10b;
     bottom: -15px;
     border-radius: 10px;
}
 .text-underline-rb-primary:before{
     content:"";
     position: absolute;
     width:100px;
     height: 4px;
     left:0;
     background:#88a10b;
     bottom: -15px;
     border-radius: 10px;
}
 .bg-overlay:before{
     content:"";
     background:rgba(0,0,0,0.7);
     position: absolute;
     height: 100%;
     width:100%;
     left:0;
     top:0;
     z-index: -1;
}
 .bg-overlay-light:before{
     content:"";
     background:rgba(0,0,0,0.4);
     position: absolute;
     height: 100%;
     width:100%;
     left:0;
     top:0;
     z-index: -1;
}
 .parallax{
     background-attachment: fixed!important;
}
/* ========== Loader ========== */
 .loaders {
     width: 100%;
     box-sizing: border-box;
     display: flex;
     flex: 0 1 auto;
     flex-direction: row;
     flex-wrap: wrap;
}
 .loaders .loader {
     box-sizing: border-box;
     display: flex;
     flex: 0 1 auto;
     flex-direction: column;
     flex-grow: 1;
     flex-shrink: 0;
     flex-basis: 25%;
     max-width: 25%;
     height: 200px;
     align-items: center;
     justify-content: center;
}
 .loader {
     display: table;
     height: 100%;
     position: fixed;
     width: 100%;
     z-index: 1200;
}
 .loader-bg {
     background: #88a10b;
}
 .loader-inner {
     display: table-cell;
     text-align: center;
     vertical-align: middle;
}
 .loader .ball-clip-rotate-pulse {
     left: 50%;
     position: absolute;
     top: 50%;
}
/* ========== Top Navigation ========== */
 .top-nav {
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     height: 80px;
     transition: 0.5s ease-in;
     -webkit-transition: 0.5s ease-in;
     -moz-transition: 0.5s ease-in;
}
 .top-nav .navbar-nav li .nav-link {
     color: #000;
     font-size: 14px;
     padding:29px 15px;
     font-weight: 600;
     text-transform: uppercase;
     transition: 0.5s ease-in;
     -webkit-transition: 0.5s ease-in;
     -moz-transition: 0.5s ease-in;
     border-bottom: 3px solid transparent;
}
 .top-nav li a.nav-link:hover, .top-nav .nav-item.active a.nav-link{
     border-bottom: 3px solid #88a10b;
     color: #88a10b;
     transition: 0.5s ease-in;
     -webkit-transition: 0.5s ease-in;
     -moz-transition: 0.5s ease-in;
}
 .top-nav .navbar-brand{
     font-size: 28px;
     color: #fff;
     font-family: 'Montserrat', sans-serif;
}
 .top-nav.light-header{
     height: 60px;
     background: #fff;
     box-shadow: 0 0 10px rgba(0,0,0,0.23);
     transition: 0.5s ease-in;
     -webkit-transition: 0.5s ease-in;
     -moz-transition: 0.5s ease-in;
}
 .top-nav.light-header .navbar-brand{
     color: #212121;
}
 .top-nav.light-header .navbar-nav li .nav-link {
     color: #212121;
     padding: 19px 15px;
     transition: 0.5s ease-in;
     -webkit-transition: 0.5s ease-in;
     -moz-transition: 0.5s ease-in;
}
 .top-nav.light-header li a.nav-link:hover, .top-nav.light-header .nav-item.active a.nav-link{
     border-bottom: 3px solid #88a10b;
     color: #88a10b;
     transition: 0.5s ease-in;
     -webkit-transition: 0.5s ease-in;
     -moz-transition: 0.5s ease-in;
}
/* ========== Intro Header ========== */
 .intro{
     float: left;
     width:100%;
    /* display: flex;
     */
     align-items:center;
    /* height:100%;
     */
     position: relative;
     z-index: 1;
}
 .intro.intro-small{
     height: 60%;
}
 /* .intro-bg{ */
     /* background:url("../img/intro-bg-03.jpg"); */
     /* background-repeat:no-repeat; */
     /* background-position: center center; */
     /* background-size:cover; */
/* } */
 .caption-container{
     width:50rem;
     margin:0 auto;
}
 .caption-two-panel{
     display: flex;
     align-items:center;
}
 .intro h1{
     font-weight: 700;
}
 .intro-caption .btn i{
     float: left;
     margin-right:15px;
}
/* .intro .carousel-item{
     */
    /* height: 100vh;
     */
    /* 
}
 */
 .intro .carousel-item::before{
     content:"";
     background:rgba(0,0,0,0.6);
     position: absolute;
     width:100%;
     height: auto;
}
 .intro .carousel-caption {
    top: 27px;
}
/* ========== Who We Are ========== */
 .info-section{
     float: left;
     width:100%;
     padding:5rem 0;
     position: relative;
     z-index: 1;
}
 .one {
    margin: 5rem 0;
    padding: 0 !important;
}

.two{margin-bottom:29px;}
 /*.info-section h2{
     font-weight: 700;
     font-size: 2.5rem;
}*/
 .info-section .head-sec{
     float: left;
     width:100%;
}
 .info-section h3{
     font-size: 1.4rem;
}
 .info-section p {
     font-size: 1rem;
     line-height: 1.3rem;
}
 .info-section .box h2{
     font-size:24px;
     margin-bottom:20px;
     margin-top:0;
}
 .info-section .box i{
     font-size:20px;
}
 .info-section .box{
     display:flex;
}
 .info-section .text-box{
     flex:1 1 0;
     text-align:left;
}
 .info-section .icon-box{
     line-height: 1.2;
     width:70px;
}
 .info-section .service-block-overlay{
     transition: .5s;
     -webkit-transition: .5s;
     -moz-transition: .5s;
}
 .info-section .service-block-overlay:hover{
     background: #fff none repeat scroll 0 0;
     border-radius: 5px;
     box-shadow: 0 0 90px rgba(0, 0, 0, 0.1);
     float: left;
     position: relative;
     width: 100%;
     transition: .5s;
     -webkit-transition: .5s;
     -moz-transition: .5s;
}
 .content-half{
     color:#fff;
}
 .content-half ul{
     padding:0;
     list-style:none;
}
 .content-half ul li{
     margin:15px 0;
     float:left;
     width:100%;
}
 .content-half ul li i{
     float:left;
     font-size:30px;
     padding-top:10px;
     padding-bottom:10px;
}
 .content-half ul li .list-content{
     float:left;
     margin-left:20px;
}
 .content-half ul li strong{
     font-size:19px;
     font-weight:700;
}
 .content-half .btn{
     margin-top:20px;
}
/*--- three Block Panel ---*/
 .three-panel-block{
     float: left;
     width: 100%;
}
 .three-panel-block i{
     font-size: 1.5rem;
     margin-bottom: 15px;
}
 .three-panel-block i.box-round{
     border-color: inherit;
     border-width: 1px;
     border-style:solid;
     padding:16px;
     border-radius: 50%;
}
/*--- Two Block Panel ---*/
 .two-panel-block{
     float: left;
     width: 100%;
}
 .two-panel-block p{
     font-size:16px;
}
/*--- Two Block Panel ---*/
 .four-panel-block{
     float: left;
     width:100%;
}
/* ========== Who We Are ========== */
 .widget{
     float: left;
     width:100%;
     position: relative;
     z-index: 1;
}
/* ========== Copy Content Styles ========== */
 .copy-content-sec{
     float: left;
     width:100%;
     padding:5rem 0;
     position: relative;
     z-index: 1;
}
 .copy-container{
     display: flex;
     align-items: center;
}
 .copy-content{
     float: left;
     width:100%;
}
 .copy-content li i{
     float: left;
     width:30px;
     margin-top:5px;
     color: #5CB85C;
}
/* ========== Team Section ========== */
 .team-section{
     float: left;
     width:100%;
     position: relative;
     z-index: 1;
     background-color:#fff;
}
 .team-footer{
     float: left;
     width:100%;
     padding: 15px;
}
 .team-footer h3{
     font-size: 1.5rem;
     text-transform: capitalize;
}
 .member-box{
     width:100%
    float:left;
    /*height: 340px;*/
    position:relative;
    overflow:hidden
}
.member-box1{
     width:100% 
     float:left;
     position:relative;
     overflow:hidden 
}
 .member-box:hover> img{
     transform: scale(1.05);
     transition:1s ease-in;
}
 .member-box img{
     transition:0.3s ease-in;
}
 .member-box.t-bottom .overlay-content{
     display:flex;
     flex-direction:column;
     justify-content:flex-end;
}
 .member-box.t-center .overlay-content{
     display:flex;
     flex-direction:column;
     justify-content:center;
     align-items: center;
}
 .member-box i.box-circle-solid{
     padding: 0;
     width:40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
}

.image-section {
    background: rgba(0, 0, 0, 0) url(../images/about_img.png) repeat scroll 0 0;
    background-repeat: no-repeat;
    height: 400px;
    background-position: center top;
    background-size: cover;
}
.content-half .head-box {
    margin-top: 25px;
}
/* Neil 1 */

.order-summary {
    float: left;
    padding: 70px 0;
    width: 100%;
}
.checkpage {
    width: 1000px;
}
.order-summary h1 {
    border-bottom: 2px solid #eee;
    font-family: gotham-bold;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.checkout {
    display: block;
    float: left;
    width: 100%;
}
.checkout > h3 {
    font-size: 23px;
    margin: 0 auto 20px;
}
.order-detail {
    border: 1px solid #eee;
    display: block;
    margin: 0 auto;
    /* padding: 10px 20px 0px; */
    width: 100%;
    float: left;
}
.order-detail > li {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    float: left;
    list-style: outside none none;
    margin: 0 auto;
    /* padding-bottom: 20px; */
    /* padding-top: 20px; */
    padding: 10px;
    cursor: pointer;
    width: 100%;
}
.order-detail img {
    width: 100px;
    float: left;
    height: 100px;
    object-fit: cover;
}
.image-name {
    float: left;
    margin-left: 20px;
    width: 37%;
    border-right: 1px solid #f1eeee;

}

.price hr{
margin:0;
}
.image-name strong {
    clear: both;
    float: left;
    font-size: 14px;
    width: 100%;
    line-height: 26px;
}
.image-name span {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    margin-left: 5px;
}
.image-name > p {
    color: #666;
    font-family: avenir-book;
    font-size: 14px;
    margin: 0px auto;
}
.price {
    color: green;
    float: right;
    font-family: gotham-bold;
    font-size: 22px;
    height: 100px;
    margin-top: 0;
    padding-left: 10px;
    padding-top: 28px;
}
.total {
    display: block;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    text-align: right;
    float: left;
}
.total h2 {
    color: green;
    font-family: gotham-bold;
    font-size: 23px;
    margin: 0 auto;
    padding: 0;
    font-weight:bold;
}
.total span {
    color: #666;
    font-size: 20px;
    /* float: left; */
}
.card-field {
    width: 100%;
    float: left;
}


.right button{background: #70b222 none repeat scroll 0 0;
border: medium none;
color: white;
font-family: gotham-bold;
margin-top: 10px;
padding: 10px;
text-transform: uppercase;
width: 51%;
cursor: pointer;
border-radius: 3px;
float: right;}

.cvv{position: absolute;
top: 46%;
width: 13%;
right: 0;}
.card-field button {
    background: #70b222 none repeat scroll 0 0;
    border: medium none;
    color: white;
    font-family: gotham-bold;
    margin-top: 10px;
    padding: 10px;
    text-transform: uppercase;
    width: 51%;
    cursor: pointer;
    border-radius: 3px;
    float: right;
}
/* Neil 1 */



/* style 1 */
 .member-box.anim-lf .overlay-content{
     position:absolute;
     background-color:rgba(0,0,0,0.6);
     left:-100%;
     bottom:0;
     width: 100%;
     height:100%;
     transition:0.4s ease-in;
}
 .member-box.anim-lf:hover>.overlay-content{
     left:0;
     transition:0.4s ease-in;
}
/* style 1 */
 .member-box.anim-bt .overlay-content{
     position:absolute;
     background-color:rgba(0,0,0,0.6);
     bottom:-100%;
     width: 100%;
     height:100%;
     transition:0.6s ease-in;
}
 .member-box.anim-bt:hover>.overlay-content{
     bottom:0;
     transition:0.4s ease-in;
}
/* ========== Testimonial Section ========== */
 .testimonial-section{
     float: left;
     width:100%;
     position: relative;
     z-index: 1;
     background: #fff!important;
     border:3px solid #eee;
}
 .testimonial-section .block-style-03 img{
     width:100px;
}
/* ========== Footer Section ========== */
 .footer-section{
     float: left;
     width:100%;
     position: relative;
     z-index: 1;
}
 .footer-section .list-box img {
     width: 70px;
}
 .footer-section .list-box a.title{
     font-size: 14px;
     line-height: 0;
}
 .footer-section .copy-text{
     font-size: 12px;
     border-top: 1px solid #555;
}
 .social-box a.icoRss:hover {
     background-color: #F56505;
}
 .social-box a.fa-box:hover {
     background-color:#3B5998;
}
 .social-box a.tw-box:hover {
     background-color:#33ccff;
}
 .social-box a.go-box:hover {
     background-color:#BD3518;
}
 .social-box a.ld-box:hover {
     background-color:#007bb7;
}
 ul.social-box {
     list-style: none;
     display: inline;
     margin-left:0 !important;
     padding: 0;
}
 ul.social-box li {
     display: inline;
     margin: 0 5px;
}
 .social-box li a {
     background: #414344;
     border-radius: 50%;
     display: inline-block;
     font-size: 13px;
     height: 30px;
     margin: 0 auto;
     position: relative;
     text-align: center;
     width: 30px;
}
 .social-box li i {
     margin:0;
     line-height:30px;
     text-align: center;
}
 .social-box li a:hover i, .triggeredHover {
     -moz-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     -ms--transform: rotate(360deg);
     transform: rotate(360deg);
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -o-transition: all 0.2s;
     -ms-transition: all 0.2s;
     transition: all 0.2s;
}
 .social-box i {
     color: #fff;
     -webkit-transition: all 0.8s;
     -moz-transition: all 0.8s;
     -o-transition: all 0.8s;
     -ms-transition: all 0.8s;
     transition: all 0.8s;
}
/* ========== Copy Content Styles ========== */
 .copy-content-sec{
     float: left;
     width:100%;
     padding:5rem 0;
     position: relative;
     z-index: 1;
}
 .copy-container{
     display: flex;
     align-items: center;
}
 .copy-content{
     float: left;
     width:100%;
}
 .copy-content li i{
     float: left;
     width:30px;
     margin-top:5px;
     color: #5CB85C;
}
 .faq-box .card{
     border-color: #88a10b;
     margin-top: 10px;
}
 .faq-box .card-header{
     background-color: #88a10b;
     color: #fff;
}
/* ========== Price Table Styles ========== */
 .price-section{
     float: left;
     width:100%;
     padding:5rem 0;
     position: relative;
     z-index: 1;
}
 .price-section h2 {
     font-size: 2.5rem;
     font-weight: 700;
}
 .price-section .price-block{
}
 .price-section .currency{
     font-size: 25px;
     vertical-align: super;
}
 .price-section .price-count{
     font-size: 60px;
     line-height: 60px;
}
 .price-section .price-block small{
     display: block;
     font-size: 15px;
}
/* ========== Contact Section ========== */
 .contact-section{
     float: left;
     width: 100%;
     position: relative;
     z-index: 1;
}
 .contact-section #map {
     display: block;
     width: 100%;
     height: 100%;
}
 .contact-section #map {
     background: #fff;
     width:100%;
     height: 100%;
}
 .contact-section .form-control{
     border-radius: 0;
}
 .contact-section #map{
     height: 350px;
}
/* ========== Copy Footer Styles ========== */
 .copy-footer{
     float: left;
     width:100%;
     font-size: 14px;
     background: #111;
}
 .copy-footer a{
     color: #fff;
}
 .copy-footer a:hover{
     text-decoration: underline;
}

/* ========== Testimonial ========== */
 .box-shadow{
     background: #fff none repeat scroll 0 0;
     border-radius: 5px;
     box-shadow: 0 0 90px rgba(0, 0, 0, 0.1);
     margin-bottom: 30px;
}
 .btn-theme{
    background-color:#88a10b;
     color:#fff;
}
 .carousel .item {
     color: #999;
     font-size: 14px;
     text-align: center;
     overflow: hidden;
     min-height: 290px;
}
 .carousel .item .img-box {
     width: 135px;
     height: 135px;
     margin: 0 auto;
     padding: 5px;
     border: 1px solid #ddd;
     border-radius: 50%;
     margin-top:10px;
}
 .carousel .img-box img {
     width: 100%;
     height: 100%;
     display: block;
     border-radius: 50%;
}

.img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 .carousel .testimonial {
     padding: 30px 0 10px;
}
 .carousel .overview {
     font-style: italic;
}
 .carousel .overview b {
     text-transform: uppercase;
     color: #7AA641;
}
 .carousel .carousel-control {
     width: 40px;
     height: 40px;
     margin-top: -20px;
     top: 50%;
     background: none;
}
 .carousel-control i {
     font-size: 68px;
     line-height: 42px;
     position: absolute;
     display: inline-block;
     color: rgba(0, 0, 0, 0.8);
     text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
     display:none;
}
 .carousel .carousel-indicators {
     bottom: -40px;
}
 .carousel-indicators li, .carousel-indicators li.active {
     width: 10px;
     height: 10px;
     margin: 1px 3px;
     border-radius: 50%;
}
 .carousel-indicators li {
     background: #999;
     border-color: transparent;
     box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
 .carousel-indicators li.active {
     background: #555;
     box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
 .carousel.slide img {
     width:100%;
     height:auto;
}
 .Partner-section{
    background-color:#e1e0e0;
}
/*partner-slider*/
 .partner-section{
    float: left;
     width: 100%;
     position: relative;
     z-index: 1;
     background: #e1e0e0 !important;
}
/*footer-css*/
/*footer*/
 .col_white_amrc {
     color:#FFF;
}
 footer {
     width:100%;
     background-color:#263238;
     min-height:250px;
     padding:10px 0px 25px 0px ;
}
 .pt2 {
     padding-top:40px ;
     margin-bottom:20px ;
}
 footer p {
     font-size:13px;
     color:#CCC;
     padding-bottom:0px;
     margin-bottom:8px;
}
 .mb10 {
     padding-bottom:15px ;
}
 .footer_ul_amrc {
     margin:0px ;
     list-style-type:none ;
     font-size:14px;
     padding:0px 0px 10px 0px ;
}
 .footer_ul_amrc li {
    padding:0px 0px 5px 0px;
}
 .footer_ul_amrc li a{
     color:#CCC;
}
 .footer_ul_amrc li a:hover{
     color:#fff;
     text-decoration:none;
}
 .fleft {
     float:left;
}
 .padding-right {
     padding-right:10px;
}
 .footer_ul2_amrc {
    margin:0px;
     list-style-type:none;
     padding:0px;
}
 .footer_ul2_amrc li p {
     display:table;
}
 .footer_ul2_amrc li a:hover {
     text-decoration:none;
}
 .footer_ul2_amrc li i {
     margin-top:5px;
}
 .bottom_border {
     border-bottom:1px solid #323f45;
     padding-bottom:20px;
}
 .foote_bottom_ul_amrc {
     list-style-type:none;
     padding:0px;
     display:table;
     margin-top: 10px;
     margin-right: auto;
     margin-bottom: 10px;
     margin-left: auto;
}
 .foote_bottom_ul_amrc li {
     display:inline;
}
 .foote_bottom_ul_amrc li a {
     color:#999;
     margin:0 12px;
}
 .social_footer_ul {
     display:table;
     margin:0;
     list-style-type:none;
     padding-left:0px;
}
 .social_footer_ul li {
     padding-right:11px;
     padding-top:10px;
     float:left;
}
 .social_footer_ul li a {
     color:#CCC;
     border:1px solid #CCC;
     padding:8px;
    border-radius:50%;
}
 .social_footer_ul li i {
     width:20px;
     height:20px;
     text-align:center;
}
/*shop-css*/
 .shop-box {
     width: 100% float:left;
     position: relative;
     overflow: hidden;
     border: 1px solid rgba(0,0,0,.125);
}
 .nav-item {
     display: inline-block;
}
 .nav.nav-pills {
     float: none;
     display: inline-block;
}
 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
     color: #fff;
     background-color: #70b222;
}
 a {
     color: #00000 !important;
}
 .nav-link {
     color: black;
}
/*breadcum*/
 .breadcrumb-item.active {
     font-weight: bold !important;
     font-size: 19px !important;
}
 .btn-primary:hover, .btn-primary:focus{
    background-color:#7AA641 !important;
}
 .service {
     position: relative;
     padding: 40px 20px 40px 20px;
     margin: 15px 0px;
     border: 1px solid #EEE;
     text-align:center;
}
 .section-header {
     position: relative;
     margin-bottom: 60px;
}
 .service i {
     position: absolute;
     left: 20px;
     text-align: center;
     font-size: 32px;
     color: #6195FF;
     border-radius: 50%;
}
/*partner-page*/
 .partners-section{
     float: left;
     width: 100%;
     position: relative;
     z-index: 1;
     background: #fff !important;
     color:#767577 !important;
}
 .partners-side {
     bottom: 27px !important;
}
/*blog*/
 .blog-text {
     text-align: left;
     left: 10% !important;
}
 .tag{
    display: table;
     border-radius: 7px;
}
/*news*/
 .news.media{
    padding: 20px;
     background-color: #FFF;
     border-top: 1px solid #EEE;
     border-bottom: 0px;
     border-right: 1px solid #EEE;
     border-left: 1px solid #EEE;
     margin-top: 0px;
}
 .news .media .media-left {
     padding-right: 20px;
     
}
.news .media .media-left .img-fluid {
    height: 231px;
    width: auto;
}

 .news .media .media-body .media-heading {
     text-transform: uppercase;
     margin-bottom: 10px;
     font-size:1.4rem;
}
 .news .time {
     font-size: 14px;
     margin-left: 20px;
     font-weight: 400;
     color: #868F9B;
}

 .news-content{
     width: auto;
     overflow: hidden;
     text-overflow: clip;
     height:98px;
}
 .tag-line{
    border-radius:5px;
}
/*annoucement*/
 .widget-post {
     min-height: 70px;
     margin-bottom: 25px;
}
 .widget-post a {
     display: block;
     color: #10161A;
     font-weight:bold;
}
 .widget-post img {
     display: block;
     float: left;
     margin-right: 10px;
     margin-top: 5px;
     width: auto;
    max-height: 90px;
    object-fit: cover;
}
 .widget-post .blog-meta {
    /*display: inline-block;
    */
}
 .widget-post .blog-meta li {
     display: inline-block;
     margin-right: 5px;
     color: #b1aeae;
     font-size: 14px;
}
 .news{
    display:table;
    top: 17px;
}
 .head-box-one{
    border-bottom: 3px solid #b9d042;
     padding-left: 0px !important;
}
 .about-section {
     float: center;
     width: 49%;
     padding: 5rem 0;
     position: relative;
     z-index: 1;
     margin: auto;
}
 .about-history{
    float: right;
     width: 49%;
     padding: 5rem 0;
     position: relative;
     z-index: 1;
}
/*partner*/
 .timeline {
     position: relative;
     padding: 0;
     list-style: none;
}
 .timeline:before {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 40px;
     width: 2px;
     margin-left: -1.5px;
     content: '';
     background-color: #e9ecef;
}
 .timeline > li {
     position: relative;
     min-height: 50px;
     margin-bottom: 50px;
}
 .timeline > li:after, .timeline > li:before {
     display: table;
     content: ' ';
}
 .timeline > li:after {
     clear: both;
}
 .timeline > li .timeline-panel {
     position: relative;
     float: right;
     width: 100%;
     padding: 0 20px 0 100px;
     text-align: left;
}
 .timeline > li .timeline-panel:before {
     right: auto;
     left: -15px;
     border-right-width: 15px;
     border-left-width: 0;
}
 .timeline > li .timeline-panel:after {
     right: auto;
     left: -14px;
     border-right-width: 14px;
     border-left-width: 0;
}
 .timeline > li .timeline-image {
     position: absolute;
     z-index: 100;
     left: 0;
     width: 80px;
     height: 80px;
     margin-left: 0;
     text-align: center;
     color: white;
     border: 7px solid #e9ecef;
     border-radius: 100%;
     background-color: #fff;
}
 .timeline > li .timeline-image h4 {
     font-size: 10px;
     line-height: 14px;
     margin-top: 12px;
}
 .timeline > li.timeline-inverted > .timeline-panel {
     float: right;
     padding: 0 20px 0 100px;
     text-align: left;
}
 .timeline > li.timeline-inverted > .timeline-panel:before {
     right: auto;
     left: -15px;
     border-right-width: 15px;
     border-left-width: 0;
}
 .timeline > li.timeline-inverted > .timeline-panel:after {
     right: auto;
     left: -14px;
     border-right-width: 14px;
     border-left-width: 0;
}
 .timeline > li:last-child {
     margin-bottom: 0;
}
 .timeline .timeline-heading h4 {
     margin-top: 0;
     color: inherit;
}
 .timeline .timeline-heading h4.subheading {
     text-transform: none;
}
 .timeline .timeline-body > ul, .timeline .timeline-body > p {
     margin-bottom: 0;
}
 @media (min-width: 768px) {
     .timeline:before {
         left: 50%;
    }
    .sidebar-nav {
    width: 231px;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
   
    min-height: 400px;
    margin-bottom: 20px;
}
     .timeline > li {
         min-height: 100px;
         margin-bottom: 100px;
    }
     .timeline > li .timeline-panel {
         float: left;
         width: 41%;
         padding: 0 20px 20px 30px;
         text-align: right;
    }
     .timeline > li .timeline-image {
         left: 50%;
         width: 100px;
         height: 100px;
         margin-left: -50px;
    }
     .timeline > li .timeline-image h4 {
         font-size: 13px;
         line-height: 18px;
         margin-top: 16px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         float: right;
         padding: 0 30px 20px 20px;
         text-align: left;
    }
}
 @media (min-width: 992px) {
     .timeline > li {
         min-height: 150px;
    }
     .timeline > li .timeline-panel {
         padding: 0 20px 20px;
    }
     .timeline > li .timeline-image {
         width: 150px;
         height: 150px;
         margin-left: -75px;
    }
     .timeline > li .timeline-image h4 {
         font-size: 18px;
         line-height: 26px;
         margin-top: 30px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         padding: 0 20px 20px;
    }
}
 @media (min-width: 1200px) {
     .timeline > li {
         min-height: 170px;
    }
     .timeline > li .timeline-panel {
         padding: 0 20px 20px 100px;
    }
     .timeline > li .timeline-image {
         width: 170px;
         height: 170px;
         margin-left: -85px;
    }
     .timeline > li .timeline-image h4 {
         margin-top: 40px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         padding: 0 100px 20px 20px;
    }
}
 .form-control-borderless {
     border: none;
}
 .form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
     border: none;
     outline: none;
     box-shadow: none;
}
 .left{
    float: left;
     width: 200px;
}
 .service:hover {
     box-shadow: 0 0 90px rgba(0, 0, 0, 0.1);
     float: left;
     position: relative;
     width: 100%;
     transition: .5s;
     -webkit-transition: .5s;
     -moz-transition: .5s;
}
 .search{
    width:100%;
}
 .breadcrumb{
    margin-bottom:0px !important;
}

.gallery-wrap .img-big-wrap img {
    height: 450px;
    width: auto;
    display: inline-block;
    cursor: zoom-in;
}


.gallery-wrap .img-small-wrap .item-gallery {
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    margin: 7px 2px;
    display: inline-block;
    overflow: hidden;
}

.gallery-wrap .img-small-wrap {
    text-align: center;
}
.gallery-wrap .img-small-wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 4px;
    cursor: zoom-in;
}

.breadcrumb a{color:#777 !important;}

################
               Start Blog Details  Page style
################
*/
.nav-area {
  border-bottom: 1px solid #eee;
}

.nav-area a {
  color: #222;
}

.nav-area .nav-left .thumb {
  padding-right: 20px;
}

.nav-area .nav-right {
  text-align: right;
}

.nav-area .nav-right .thumb {
  padding-left: 20px;
}



.comment-sec-area {
  border-bottom: 1px solid #eee;
  padding-bottom: 50px;
}

.comment-sec-area a {
  color: #222;
}

.comment-sec-area .comment-list {
  padding-bottom: 30px;
}

.comment-sec-area .comment-list.left-padding {
  padding-left: 25px;
}

.comment-sec-area .thumb {
  margin-right: 20px;
}

.comment-sec-area .date {
  font-size: 13px;
  color: #cccccc;
}

.comment-sec-area .comment {
  color: #777777;
}

.comment-sec-area .btn-reply {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
  padding: 8px 30px;
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.comment-sec-area .btn-reply:hover {
  background-color: transparent;
  color: #222;
}

.commentform-area {
  padding-bottom: 100px;
}

.commentform-area h5 {
  font-weight: 600 !important;
}

.commentform-area .form-control {
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
}

.commentform-area .primary-btn {
  padding-left: 50px;
  padding-right: 50px;
  background-color: #70b222 !important;
  border: 1px solid transparent;
  color: #fff;
}

.commentform-area .primary-btn:hover {
  border-color: #70b222 !important;
}

.commentform-area textarea {
  height: 90%;
}

.commentform-area .form-control {
  border: none;
  background: #f9f9ff;
}

/*
################
               End Blog Details  Page style
################*/

a{color:black;}
a:hover{color:black;}

/*
################
               Start Blog Home  Page style
################
*/
/* .blog-banner-area { */
  /* background: url(../img/elements/blog/blog-banner.jpg) center; */
  /* background-size: cover; */
/* } */

.blog-banner-area .overlay-bg {
  background: rgba(0, 0, 0, 0.55);
}

.blog-banner-wrap {
  text-align: center;
}

.blog-post-list .single-post {
  background: transparent;
  padding: 0px 30px;
}

.single-post {
  margin-bottom: 30px;
}

.single-post .tags {
  margin-top: 40px;
}

.single-post .tags li {
  display: inline-block;
}

.single-post .tags li a {
  color: #222;
}

.single-post .tags li:hover a {
  color: #70b222;
}

.single-post h1 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.single-post .title h4 {
  margin-bottom: 10px;
}

.single-post .comment-wrap ul li, .single-post .social-wrap ul li {
  display: inline-block;
  margin-right: 15px;
}



.single-post .comment-wrap ul li a {
  color: #777777;
}

.single-post .social-wrap ul {
  text-align: right;
}

.single-post .social-wrap ul li a i {
  color: #777777;
}

.single-post .social-wrap ul li a i:hover {
  color: #222;
}



.single-widget {
  border: 1px solid #eee;
  padding: 40px 30px;
  margin-bottom: 30px;
}

.single-widget .title {
  font-weight: 600;
  margin-bottom: 30px;
}

.search-widget i {
  color: #70b222;
}

.search-widget form.example {
  border: 1px solid #eee;
}

.search-widget form.example input[type=text] {
  padding: 10px;
  font-size: 14px;
  border: none;
  float: left;
  width: 80%;
  
}

.search-widget form.example button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #eee;
  color: white;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.search-widget form.example::after {
  content: "";
  clear: both;
  display: table;
}

.protfolio-widget {
  text-align: center;
}

.protfolio-widget h4 {
  padding: 20px 0;
}

.protfolio-widget ul li {
  padding: 15px;
  display: inline-block;
}

.protfolio-widget ul li a i {
  color: #222;
}

.protfolio-widget ul li a i:hover {
  color: #70b222;
}

.category-widget ul li {
  border-bottom: 1px solid #eee;
  padding: 10px 20px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.category-widget ul li h6 {
  font-weight: 300;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.category-widget ul li span {
  color: #222;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.category-widget ul li:hover {
  border-color: #70b222;
}

.category-widget ul li:hover h6, .category-widget ul li:hover span {
  color: #70b222;
}

.tags-widget ul li {
  display: inline-block;
  background: #fff;
  border: 1px solid #eee;
  padding: 8px 10px;
  margin-bottom: 8px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.tags-widget ul li a {
  font-weight: 300;
  color: #222;
}

.tags-widget ul li:hover {
  background-color: #70b222;
}

.tags-widget ul li:hover a {
  color: #fff;
}

.recent-posts-widget .single-recent-post .recent-details {
  margin-left: 20px;
}

.recent-posts-widget .single-recent-post .recent-details h4 {
  line-height: 1.5em !important;
  font-size: 14px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.recent-posts-widget .single-recent-post .recent-details p {
  margin-top: 10px;
}

.recent-posts-widget .single-recent-post:hover h4 {
  color: #70b222;
}



.team-section .member-box1.anim-lf.t-bottom.box-shadow.text-center img {
    height: 270px !important;
}


.img-fluid-height {
    height: 250px;
    overflow: hidden;
}

.member-box img {
    height: 100%;
    transition: all 0.3s ease-in 0s;
    width: 100%;
}

/* ========== product-page ========== */

 .product-box{
     width:100%;
    float:left;
   /* height: 340px;*/
    position:relative;
    overflow:hidden;
    min-height: 92%;
}
.product-box1{
     width:100% 
     float:left;
     position:relative;
     overflow:hidden 
}
 .product-box:hover> img{
     transform: scale(1.05);
     transition:1s ease-in;
}
 .product-box img{
    transition:0.3s ease-in;
    width: 100%;
    object-fit: cover;
    height: 300px;
    object-position: top;
}
 .product-box.t-bottom .overlay-content{
     display:flex;
     flex-direction:column;
     justify-content:flex-end;
}
 .product-box.t-center .overlay-content{
     display:flex;
     flex-direction:column;
     justify-content:center;
     align-items: center;
}
 .product-box i.box-circle-solid{
     padding: 0;
     width:40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
}
/* style 1 */
 .product-box.anim-lf .overlay-content{
     position:absolute;
     background-color:rgba(0,0,0,0.6);
     left:-100%;
     bottom:0;
     width: 100%;
     height:100%;
     transition:0.4s ease-in;
}
 .product-box.anim-lf:hover>.overlay-content{
     left:0;
     transition:0.4s ease-in;
}
/* style 1 */
 .product-box.anim-bt .overlay-content{
     position:absolute;
     background-color:rgba(0,0,0,0.6);
     bottom:-100%;
     width: 100%;
     height:100%;
     transition:0.6s ease-in;
}
 .product-box.anim-bt:hover>.overlay-content{
     bottom:0;
     transition:0.4s ease-in;
}



/* knowlegebase */

        .images_knowlege img {
    min-width: 100%;
min-height: 100%;
}

.knowledge-section .images_knowlege{height: 200px;
width: 100%;
overflow: hidden;}

.overlay_icon{position: absolute;
top: 3px;
right: 3px;}

.overlay_icon i {
   position: absolute;
top: 13px;
right: 32px;
background: white;
padding: 5px 8px 5px 8px;
border-radius: 2px;
color: red;
}


.price-detail-wrap span {
    font-size: 27px;
}


.container.product-detail {
    padding: 20px;
}

.product-detail .border-right{border-right: none!}

.video .head-box{
   
    width:75%;
}

.testimonial-section  .carousel .item{min-height: 176px;}

.intro  .carousel-caption {
    top: 25% !important;
}

/*product-next-page*/


.upload_btnn .file
{width: 92%;
border: 2px solid green;
background: white;
margin: 13px;
border-radius: 5px;
text-align: center;
padding: 10px 0px;}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*.fa{color:#70b222 ;}*/

.for-logo-center{
    align-items: center;
    display: flex;
    height: 180px;
    justify-content: center;
    width: 100%;
}

.for-logo-center img{
    max-height:160px;
    max-width:100%;
}

.social_inner_area .fa{
    font-size:32px;color:#70b222; padding:10px;
}

.p_area_one .widget-post {
    min-height: 70px;
    margin-bottom: 25px;
    display: inline-block;
}

.p_area_one .widget-post .blog-meta li {
    width: 62%;
}

.description_part{
height: auto;
padding: 10px;
display: block;
background: #fff;
border-radius: 0.2rem;
-webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
margin-top: 13px;
}

.social_linkss .fa-twitter-square{padding-right:20px;}

.related_product  .widget{height: auto;
padding: 10px;
display: block;
background: #fff;
border-radius: 0.2rem;
-webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);}

.date_area {
    padding: 10px;
    display: block;
    background: #fff;
    border-radius: 0.2rem;
    -webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
    box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
    margin: 13px;
}

.socil_area{
    padding: 10px;
    display: block;
    background: #fff;
    border-radius: 0.2rem;
    -webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
    box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
    margin: 13px;
}
.upload_btn div {
  position: relative;
  overflow: hidden;
}
.upload_btnn input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;

}

.date_area h4{
    font-size: 18px;
font-weight: bold;
color: #888282;
}

.socil_area h4{font-size: 18px;
font-weight: bold;
color: #888282;}

.box h5{font-size: 18px;
font-weight: bold;
color: #888282;}

.upload_btnn .file.btn.btn-lg.btn-primary {
    width: 92%;
    border: 2px solid green;
    background: white;
    margin: 13px;
}

.pro_img .img-fluid {
    max-width: 100%;
    height: auto;
    padding: 10px;
    display: block;
    background: #fff;
    border-radius: 0.2rem;
    -webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
    box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
    margin-top: 13px;
     margin-bottom: 13px;
}

.col-md-3.listing-img {
    background: white;
   margin-right: 0px;
margin-left: 17px;
}

.web_links .box {
    padding: 1rem 1.2rem;
    display: block;
    background: #fff;
    border-radius: 0.2rem;
    -webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
    box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
      margin: 0px 13px;
}

.web_links .itemside {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}

.web_links .icon-md {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 32px;
}
 .web_links .icon-xs, .icon-sm, .icon-md, .icon-lg {
    display: inline-block;
    text-align: center;
}


.web_links1 .box {
    padding: 1rem 0rem;
    display: block;
    background: #fff;
      margin: 0px 0px;
}

.web_links1 .itemside {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}

.web_links1 .icon-md {
    width: 100%;
    height: auto;
    line-height: 60px;
    font-size: 32px;
}
 .web_links1 .icon-xs, .icon-sm, .icon-md, .icon-lg {
    display: inline-block;
    text-align: center;
}


.pro_image{
        height: auto;
    width: 683px;
    overflow: hidden;

}

.social_linkss h3 {
    font-size: 15px;
    
}

.p_area_one{
float: left;
width: 100%;
position: relative;
z-index: 1;}

.p_area_two{
float: left;
width: 100%;
position: relative;
z-index: 1;}

.p_area_three{
float: left;
width: 100%;
position: relative;
z-index: 1;}

.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
  min-height:400px;
  background:#ccc;
}




.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

#image {
  min-height:200px;
}

.p_area_two button.close{
    color:black;
}


/*.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 89% !important;
    font-weight: bold !important;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}*/


.blog_inner_image{max-height: 348px;
width: auto;
overflow: hidden;}

/* product-next-page-close*/

.order-summary .close {
    position: relative;
    right: 23px;
    top: -11px;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #151313;
    opacity: 1;
    float: right;
}



.img_infor .pro_img img {
    width: 715px;
    min-height: 470px;
    object-fit: cover;
}
.img_infor .listing-img img {
    width: 160px;
    min-height: 100px;
    object-fit: cover;
}


.sidebar-nav {
    width: 230px;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
  
   /* margin-right: 30px;*/
    min-height: 400px;
}
.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}
.sidebar-nav li:first-child a {
    background-color: #70b222;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
}

ul.sub_nav-list.dropdown-menu.show li:first-child a {
   position: static !important;
transform: inherit !important;
width: 100%;
border-radius: 0;
border: none;
background: #292929;
font-size: 1rem;
text-transform: lowercase;
color: #70b222;
font-weight: bold;
text-transform: inherit;
}

ul.sub_nav-list.dropdown-menu.show {
    position: static !important;
    transform: inherit !important;
    width: 100%;
    border-radius: 0;
    border: none;
    background: #292929;
}

.sidebar-nav li:first-child a:hover {
    color: #fff;
    background-color: #70b222;
}
.panel .panel-title a {
    text-decoration: none;
}
.sidebar-nav li a {
    display: block;
    color: #70b222;
    text-decoration: none;
    padding: 10px 15px 10px 30px;
    font-weight: bold; 
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

    #adv-search {
        width: 100%;
        margin: 0 auto;
    }
    .dropdown.dropdown-lg {
        position: static !important;
    }
    .dropdown.dropdown-lg .dropdown-menu {
        min-width: 500px;
    }
.modul-search button i {
    color: #fff;
    font-size: 20px;
}
.panel .panel-title {
    margin: 0;
    font-size: 18px;
}
.modul-search button {
    border-radius: 0 10px 10px 0;
    line-height: 40px;
    width: 80px;
}
.knowledge-section {
    width: 100%;
    display: inline-block;
}
.panel-heading a:after {
    font-family: 'fontawesome';
    content: "\f07d";
    float: right;
    color: grey;
}
.panel-heading {
    cursor: pointer;
    cursor: hand;
}
.panel {
    box-shadow: 0 1px 3px 0px #959595;
    padding: 10px;
    margin-bottom: 20px;
}
div#accordion {
    margin-top: 30px;
}

/*-------------------------------*/
/*            27 Nov 2018           */
/*-------------------------------*/


/*------28nov2018-----*/

.req-btn {
    position: fixed;
    right: -27px;
    bottom: 43%;
    cursor: pointer;
    text-align: center;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #70b222;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    padding: 5px 20px;
    z-index: 10;
    line-height: 30px;
    text-transform:uppercase;
}
.panel .panel-body .well {
    margin-top: 25px;
    text-align: center;
}
.panel .panel-body img {
    width: 100%;
}
.panel.panel-default.vision-panel .panel-title {
    margin: 10px 0 10px 0;
    font-size: 18px;
}
.panel.panel-default.vision-panel img {
    width: 80%;
    margin: 0 auto;
    float: none;
    display: block;
}
.panel.panel-default.vision-panel .panel-body {
    overflow: auto;
    max-height: 300px;
}
.sidebar-nav li:first-child a:focus {
    background-color: #70b222;
    color: #fff;
}
/*------28nov2018-----*/


/*------29nov2018-----*/

.show-on-hover:hover > ul.dropdown-menu {
    display: block;
    padding: 10px;
    width: 200px;
    background: #70b222;
}
.show-on-hover:hover > ul.dropdown-menu li a {
    color: #fff;
    text-transform: uppercase;
}
.section-support{
    padding:70px 0;
}
.support-sec .img img {
    width: 100%;
    height: 370px;
    object-fit: cover;
}
.support-sec .img {
    width: 100%;
    position: relative;
}
.support-sec .img .banner-contnt {
    position: absolute;
    left: 50px;
    right: 0;
    top: 40%;
    color: #fff;
    text-transform: capitalize;
    transform: translateX(0%);
    text-align: left;
    width: 50%;
}

.back-support-footer{
    background-color: #a1c003;
}
.section-support.bg_image.back-support-footer {
    padding: 0;
    margin: 50px 0;
    margin-bottom: 0;
}
.footer-img img {
    width: 100%;
    height: auto;
}
.service .header {
    padding: 10px;
    padding-bottom: 0;
}
.partner-new .timeline-image {
    text-align: center;
}
.works {
    clear: both;
    background: #ffffff;
    padding: 80px 0;
    text-align: center;
}
.trading-work {
    text-align: center;
    transition: .5s ease-in-out;
    padding: 40px 15px;
    color: #000;
    margin-top: 30px;
    background: #f5f5f5;
}
.trading-work:hover {
    transition: .5s ease-in-out;
   background: #fff none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 0 90px rgba(0, 0, 0, 0.1);
float: left;
position: relative;
width: 100%;
}
.trading-work img {
    width: auto;
    height: 150px;
    object-fit: cover;
    border: 4px solid #70b222;
    margin-bottom: 20px;
}

/*------29nov2018-----*/


/*------30nov2018-----*/

.term-con {
    border: 2px solid #70b222;
    padding: 40px;
    text-align:justify;
}

/*------30nov2018-----*/


/* login*/
.login-section{float: left;
width: 100%;
position: relative;
z-index: 1;
min-height:486px;}



.re .registe{
    background: #89c656;
padding: 6px 10px 6px 10px !important;
margin: 20px;
color: white !important;
font-size: 16px;
font-weight: bold;
text-transform: inherit;
border-radius: 4px;}

/* cart */
.badge {
    background-color: #000000;
    border-radius: 10px;
    color: white;
    display: inline-block;
     font-size: 89% !important;
    font-weight: bold !important;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    position:absolute;
    /*top: 17px;
right: 59px;*/
top: 25%;
    right: 0px;
}

.shopping-cart {
  margin: 20px 0;
  float: right;
  background: white;
  width: 320px;
  position: relative;
  border-radius: 3px;
padding: 20px;}
  
  
  .shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
  padding-bottom: 15px;}
    
    .shopping-cart-total {
      float: right;
    }
    
    .fa.fa-shopping-cart.fa-2x {
    font-size: 18px;
}
#cart{position:relative;}

#sidebar{width:285px;
 background: #1b1f1c;
    color: #fff;
    transition: all 0.3s;}


#footer .fa {
    color: #ffffff;
}



/*----11-dec-2018--*/
.sticky.is-sticky {
    position: fixed;
    z-index: 1000;
    top:0;
    background:#ffffff;
}

.feture-img {
    text-align: center;
}

.feture-img span {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    margin-top:10px;
}

.feture-img span .img-fluid {
    height: 70px;
    width: auto;
}


.testimonial-section .carousel-control.left.carousel-control-prev  i {
    font-size: 30px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
    right: 170%;
}
.testimonial-section .carousel-control.right.carousel-control-next  i {
    font-size: 30px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
    left: 170%;
}

.testimonial-section .carousel .carousel-control {
    width: 98px;
    margin-top: -71px;
}

h3 {
    font-size: 1.4rem;
}

.shop-box.t-bottom.box-shadow.text-center h5 {
    font-size: 1.0rem;
    font-weight: bold;
    color: #777;
    text-transform: uppercase;
}

.related_product .p_area_one .widget-post {
    min-height: 70px;
    margin-bottom: 25px;
    display: inline-block;
}

.related_product .widget-post a {
    display: block;
    color: #10161A;
    font-weight: bold;
}

.related_product .widget-post img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    width: 110px;
    min-height: 90px;
    object-fit: cover;
}

.related_product .widget {
    height: auto;
    padding: 10px;
    display: block;
    background: #fff;
    border-radius: 0.2rem;
    -webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
    box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
}

.footer-inner .fa{color:white;}
.blog_inner_image:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.3;
}

/* chat-right-side*/
a.float{
    position:fixed;
    width:90px;
    bottom:40px;
    right:40px;
    background-color:#0C9;
    color:#FFF;
    border-radius:10px;
    text-align:center;
    box-shadow: 2px 2px 3px #472C2C;
    text-decoration:none;
}

.float-icon h5:hover {
    color: white;
    
}


.float-icon {
    /* font-size: 15px; 
    line-height: 36px;
     margin-bottom: 20px; */
}

.float-icon h5 {
    font-size: 14px;
}


.my-float{
   /* margin-top:22px;*/
}

.my-float .fa{
color:white;}

.fa-comments::before {
font-size: 29px;
}

strong.name {
    font-size: 17px;
    font-weight: bold;
}
span.name {
    font-size: 17px;
    font-weight: bold;
}


 .shop-section .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: none;
} 


.dropdown-menu .dropdown-item.new-item.dropdown-toggle.active{
    color: #000 !important;
    text-decoration: none;
    background-color: #ffffff !important;
}


/* drop-down-arrow*/



#dropdownMenuButton {
   position: absolute;
top: 15px;
right: 0px;
    width: 40px;
    z-index: 99999;
    height: 41px;
    text-align: center;
}

.shop-section a.nav-link.active.show ,
.shop-section a.nav-link.dropdown-toggle[aria-expanded="true"]{
    color: #edf0f3;
    background-color: #70b222;
    border-color: #dee2e6 #dee2e6 #fff;
}

/*new-custom-menu*/


/*jjhjj*/

.navbar-brand img {
    height: 60px;
}


 .dropdown-menu.sub_inners_drop.show{
    left: 100% !important;
}

.dropdown-menu.sub_inners_drop.show {
    transform: inherit !important;
}

.info-section .carousel-control-next, .carousel-control-prev{width:auto !important;}
div#myHeader.sticky {
    position: fixed;
    top: 0;
    z-index: 1020;
    width: 100%;
    background: #fff;
}
p.price_shop.mb-1{
    font-size: 23px;
    font-weight: 700;
    color: green;
    
}


#sidebar ul li.active>a{
    color: #fff;
    background: #70b222;
}




#sidebar ul.nav.nav-list {
    background: black;
}

 #sidebar .nav .nav-list li a:focus{background:white; color:black;}

element.style {
}
ul.outer_nav_area li:hover > ul {
    display: block;
    padding: 0;
    width: 100%;
}
.outer_nav_area .listing a i {
    margin-left: 5px;
    float: right;
    margin-top: 5px;
}


/*new custom code start here*/

ul.outer_nav_area li.submenu {
    position: relative;
}



ul.outer_nav_area li:hover > ul{
    display: block;
}

ul.outer_nav_area li a:hover {background-color: #3e8e41;}


#sidebar ul li  .dropdown-menu{padding: 0px 24px !important;}

/*new custom code end here*/


/*1-1-19*/

 .outer_nav_area .listing a{display: block;
    padding: .5rem .5rem;}
       .outer_nav_area .listing{ float: left;
        position:relative;
        /*margin-right: 10px;
        margin-bottom: 10px;*/
        list-style: none;}
        
.outer_nav_area .listing_1 a{display: block;
    padding: .5rem 1rem;
    }
       .outer_nav_area .listing_1{ float: left;
       /* margin-right: 10px;
        margin-bottom: 10px;*/
        list-style: none;
        }
        
        
        ul.inner_nav_two {
    /*position: relative;*/
    position: absolute;
    left: 100%;
    /*background: red;*/
    top:0;
}
ul.inner_nav_one {
    background: #F5F4F4;
}

.hide{
    display:none;
}
.outer_nav_area li .activelink {
   border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #000;
    background-color: #70b222;
    border-color: #dee2e6 #dee2e6 #fff;
}
.listing {
 /* background-color: #4CAF50;*/
  color: white;
 /* padding: 16px;*/
  font-size: 16px;
  border: none;
}

.outer_nav_area {
  position: relative;
  display: inline-block;
}

.inner_nav_one {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
}

.inner_nav_one a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.inner_nav_one a:hover {background-color: #ddd;}

/*.listing:hover .inner_nav_one {display: block;}*/

.listing:hover .listing {background-color: #3e8e41;}

.listing_inner_1 {
  /*background-color: #4CAF50;*/
  color: white;
  /*padding: 16px;*/
  font-size: 16px;
  border: none;
}

/*.inner_nav_one {
  position: relative;
  display: inline-block;
}*/


.nav_area ul {
    padding: 0;
    list-style: none;
}

.inner_nav_one a:hover {
    background-color: #fff;
}

.inner_nav_two {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.inner_nav_two a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.inner_nav_two a:hover {background-color: #ddd;}

.listing_inner_1:hover .inner_nav_two {display: block;}


/*new custom code start here*/

ul.outer_nav_area li.submenu {
    position: relative;
}

ul.outer_nav_area li.submenu > ul {
    position: absolute;
    top: 60%;
    left: 100%;
}

ul.outer_nav_area li:hover > ul{
    display: block;
}

ul.outer_nav_area li a:hover {    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #edf0f3;
    background-color: #70b222;
    border-color: #dee2e6 #dee2e6 #fff;
}
.outer_nav_area .listing a {
    text-align: left;
}

/*new custom code end here*/
ul.sub_nav-list.dropdown-menu.show {
position: static !important;
transform: inherit !important;
width: 100%;
border-radius: 0;
border: none;
}

.thing {
  height: 232px;
  background: black;
}

.thing img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.thing.cover img {
  object-fit: cover;
}
ul.outer_nav_area li:hover > ul li ul {
  width: auto !important;
    min-width: 220px !important;
}
.sub-area {
    margin-left: 32px;
}
.sub-area.highlight:before {
    content: "";
    width: 18px;
    height: 21px;
    position: absolute;
    background: black;
    left: 19px;
    -webkit-clip-path: polygon(0 0, 18% 0, 18% 52%, 63% 53%, 63% 21%, 100% 55%, 100% 58%, 63% 96%, 63% 70%, 0 70%);
    clip-path: polygon(0 0, 18% 0, 18% 52%, 63% 53%, 63% 21%, 100% 55%, 100% 58%, 63% 96%, 63% 70%, 0 70%);
    -moz-clip-path: polygon(0 0, 18% 0, 18% 52%, 63% 53%, 63% 21%, 100% 55%, 100% 58%, 63% 96%, 63% 70%, 0 70%);
        -ms-clip-path: polygon(0 0, 18% 0, 18% 52%, 63% 53%, 63% 21%, 100% 55%, 100% 58%, 63% 96%, 63% 70%, 0 70%);
    
}


.paginator-ul .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #00cc99;
    border-color: #00cc99;
}

.paginator-ul .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #282929;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
/*.sub-area:nth-child(1n):before {
    display: none;
}*/

@media (min-width: 768px) and (max-width:992px){
    
    .top-nav #navbarSupportedContent {
    z-index: 9999;
    background-color: #fff;
    text-align: left;
    padding: 12px 0;
    box-shadow: 0 1px 11px -1px #959595;
}
.p_area_one .widget-post .blog-meta li {
    width: 100%;
}
.related_product .widget-post img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    width: 100%;
    min-height: 90px;
    object-fit: cover;
}
ul.blog-meta {
    margin-left: 0px !important;
    padding: 0;
}
.intro .carousel-caption {
    padding-top: 0px;  
     }
     .intro .carousel-caption h2 {
    font-size:18px;  
     }
     .intro  .carousel-caption p {
    font-size:18px;  
     }
.head-box.bg-primary.pl-5.mt-5.pt-5 {
    padding-left: 1rem;
}

#sidebar {
    width: 182px;
}

.video .head-box {
    width: 100%;
}

.info-section h2.text-white.pt-2 {
    font-size: 20px;
    font-weight: bold;
}

.info-section p.text-white.mb-3.pt-3.lead {
    margin-bottom: 2px !important;
        margin-right: 10px;
}

.video .content-half{
padding-top:0px !important;
}

.video .head-box{
margin-top:0px !important;
padding-top:5px !important;
}

.video h2{
padding-top:0px !important;
}
.video .lead{
padding-top:0px !important;
padding-bottom:0px !important;
}



/*.video .content-half{
    padding-top:0px !important;
}

    

.video .head-box{
    margin-top:0px !important;
}
.video .head-box h2{
    font-size:18px;
}

.video .head-box {
    width: 100%;
}*/

.member-box .carousel-caption  {left:0% !important;
right:0% !important;}
.about-section {width:100%;}

.about-history .head-box{
height: 280px;
    overflow: hidden;}
    
    .video .content-half{padding:0px !important;}
    
    #carouselExampleCaptions .intro .carousel-caption{
top:4px !important;}
    
}

 @media (min-width: 768px) {
     .timeline:before {
         left: 50%;
    }
     .timeline > li {
         min-height: 100px;
         margin-bottom: 100px;
    }
     .timeline > li .timeline-panel {
         float: left;
         width: 41%;
         padding: 0 20px 20px 30px;
         text-align: right;
    }
     .timeline > li .timeline-image {
         left: 50%;
         width: 100px;
         height: 100px;
         margin-left: -50px;
    }
     .timeline > li .timeline-image h4 {
         font-size: 13px;
         line-height: 18px;
         margin-top: 16px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         float: right;
         padding: 0 30px 20px 20px;
         text-align: left;
    }
    
    
    
    
    
    
}
 @media (min-width: 992px) {
     .timeline > li {
         min-height: 150px;
    }
     .timeline > li .timeline-panel {
         padding: 0 20px 20px;
    }
     .timeline > li .timeline-image {
         width: 150px;
         height: 150px;
         margin-left: -75px;
    }
     .timeline > li .timeline-image h4 {
         font-size: 18px;
         line-height: 26px;
         margin-top: 30px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         padding: 0 20px 20px;
    }
    .intro .carousel-caption {
    padding-top: 0px;  
     }
     .intro .carousel-caption h2 {
    font-size:39px;  
     }
     .intro  .carousel-caption p {
    font-size:20px;  
     }

}
 @media (min-width: 1200px) {
     .timeline > li {
         min-height: 170px;
    }
    .intro .carousel-caption {
    padding-top: 0px;  
     }
    

     .timeline > li .timeline-panel {
         padding: 0 20px 20px 100px;
    }
     .timeline > li .timeline-image {
         width: 170px;
         height: 170px;
         margin-left: -85px;
    }
     .timeline > li .timeline-image h4 {
         margin-top: 40px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         padding: 0 100px 20px 20px;
    }
}



/* max-width-*/
@media (max-width: 466px) {
  .nav-area .nav-right {
    margin-top: 50px;
}
.p_area_one .widget-post .blog-meta li {
    width: 100%;
}
.intro .carousel-caption {
    padding-top: 0px;  
     }
     .intro .carousel-caption h2 {
    font-size:18px;  
     }
     .intro  .carousel-caption p {
    font-size:18px;  
     }
     .sidebar-nav {
    width: 231px;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    /*background: #e9ecef;*/
    margin-right: 30px;
    min-height: 400px;
    margin-left: 40px;
    margin-bottom: 20px;
}
.related_product .widget-post img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    width: 100%;
    min-height: 90px;
    object-fit: cover;
}
ul.blog-meta {
    margin-left: 0px !important;
    padding: 0;
}
.info-section .mb-5, .my-5{
    margin-bottom: 0rem !important;
}

.video-text{margin-bottom:24px;}
.widget-post .blog-meta li {
    display: inline;
    margin-right: 0px;
    color: #b1aeae;
    font-size: 14px;
}

}
@media (max-width: 414px) {
  .single-post .comment-wrap, .single-post .social-wrap {
    margin-top: 10px;
  }
  .video-text{margin-bottom:24px;}
  .intro .carousel-caption {
    padding-top: 0px;  
     }
     .intro .carousel-caption h2 {
    font-size:18px;  
     }
     .intro  .carousel-caption p {
    font-size:18px;  
     }
     .sidebar-nav {
    width: 231px;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    /*background: #e9ecef;*/
    margin-right: 30px;
    min-height: 400px;
    margin-left: 40px;
    margin-bottom: 20px;
}
.related_product .widget-post img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    width: 100%;
    min-height: 90px;
    object-fit: cover;
}
ul.blog-meta {
    margin-left: 0px !important;
    padding: 0;
}
.info-section .mb-5, .my-5{
    margin-bottom: 0rem !important;
}
.widget-post .blog-meta li {
    display: inline;
    margin-right: 0px;
    color: #b1aeae;
    font-size: 14px;
}
.p_area_one .widget-post .blog-meta li {
    width: 100%;
}

}

@media (max-width: 480px) {
    .card-field button {
    width: 100%;
}

.widget-post .blog-meta li {
    display: inline;
    margin-right: 0px;
    color: #b1aeae;
    font-size: 14px;
}
.related_product .widget-post img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    width: 100%;
    min-height: 90px;
    object-fit: cover;
}
ul.blog-meta {
    margin-left: 0px !important;
    padding: 0;
}
.p_area_one .widget-post .blog-meta li {
    width: 100%;
}
.intro .carousel-caption {
    padding-top: 0px;  
     }
     .intro .carousel-caption h2 {
    font-size:18px;  
     }
     .intro  .carousel-caption p {
    font-size:18px;  
     }
     .sidebar-nav {
    width: 231px;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
   
    margin-right: 30px;
    min-height: 400px;
    margin-left: 40px;
    margin-bottom: 20px;
}
.info-section .mb-5, .my-5{
    margin-bottom: 0rem !important;
}



.video-text{margin-bottom:24px;}





.comment-sec-area {
  border-bottom: 1px solid #eee;
  padding-bottom: 50px;
}

.comment-sec-area a {
  color: #222;
}

.comment-sec-area .comment-list {
  padding-bottom: 30px;
}

.comment-sec-area .comment-list.left-padding {
  padding-left: 25px;
}

.comment-sec-area .thumb {
  margin-right: 20px;
}

.comment-sec-area .date {
  font-size: 13px;
  color: #cccccc;
}

.comment-sec-area .comment {
  color: #777777;
}

.comment-sec-area .btn-reply {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
  padding: 8px 30px;
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.comment-sec-area .btn-reply:hover {
  background-color: transparent;
  color: #222;
}

.commentform-area {
  padding-bottom: 100px;
}

.commentform-area h5 {
  font-weight: 600 !important;
}

.commentform-area .form-control {
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
}

.commentform-area .primary-btn {
  padding-left: 50px;
  padding-right: 50px;
  background-color: #70b222 !important;
  border: 1px solid transparent;
  color: #fff;
}

.commentform-area .primary-btn:hover {
  border-color: #70b222 !important;
}

.commentform-area textarea {
  height: 90%;
}

.commentform-area .form-control {
  border: none;
  background: #f9f9ff;
}



a{color:black;}


/* .blog-banner-area { */
  /* background: url(../img/elements/blog/blog-banner.jpg) center; */
  /* background-size: cover; */
/* } */

.blog-banner-area .overlay-bg {
  background: rgba(0, 0, 0, 0.55);
}

.blog-banner-wrap {
  text-align: center;
}

.blog-post-list .single-post {
  background: transparent;
  padding: 0px 30px;
}

.single-post {
  margin-bottom: 30px;
}

.single-post .tags {
  margin-top: 40px;
}

.single-post .tags li {
  display: inline-block;
}

.single-post .tags li a {
  color: #222;
}

.single-post .tags li:hover a {
  color: #70b222;
}

.single-post h1 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.single-post .title h4 {
  margin-bottom: 10px;
}

.single-post .comment-wrap ul li, .single-post .social-wrap ul li {
  display: inline-block;
  margin-right: 15px;
}


.single-post .comment-wrap ul li a {
  color: #777777;
}

.single-post .social-wrap ul {
  text-align: right;
}

.single-post .social-wrap ul li a i {
  color: #777777;
}

.single-post .social-wrap ul li a i:hover {
  color: #222;
}



.single-widget {
  border: 1px solid #eee;
  padding: 40px 30px;
  margin-bottom: 30px;
}

.single-widget .title {
  font-weight: 600;
  margin-bottom: 30px;
}

.search-widget i {
  color: #70b222;
}

.search-widget form.example {
  border: 1px solid #eee;
}

.search-widget form.example input[type=text] {
  padding: 10px;
  font-size: 14px;
  border: none;
  float: left;
  width: 80%;
  
}

.search-widget form.example button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #eee;
  color: white;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.search-widget form.example::after {
  content: "";
  clear: both;
  display: table;
}

.protfolio-widget {
  text-align: center;
}

.protfolio-widget h4 {
  padding: 20px 0;
}

.protfolio-widget ul li {
  padding: 15px;
  display: inline-block;
}

.protfolio-widget ul li a i {
  color: #222;
}

.protfolio-widget ul li a i:hover {
  color: #70b222;
}

.category-widget ul li {
  border-bottom: 1px solid #eee;
  padding: 10px 20px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.category-widget ul li h6 {
  font-weight: 300;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.category-widget ul li span {
  color: #222;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.category-widget ul li:hover {
  border-color: #70b222;
}

.category-widget ul li:hover h6, .category-widget ul li:hover span {
  color: #70b222;
}

.tags-widget ul li {
  display: inline-block;
  background: #fff;
  border: 1px solid #eee;
  padding: 8px 10px;
  margin-bottom: 8px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.tags-widget ul li a {
  font-weight: 300;
  color: #222;
}

.tags-widget ul li:hover {
  background-color: #70b222;
}

.tags-widget ul li:hover a {
  color: #fff;
}

.recent-posts-widget .single-recent-post .recent-details {
  margin-left: 20px;
}

.recent-posts-widget .single-recent-post .recent-details h4 {
  line-height: 1.5em !important;
  font-size: 14px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.recent-posts-widget .single-recent-post .recent-details p {
  margin-top: 10px;
}

.recent-posts-widget .single-recent-post:hover h4 {
  color: #70b222;
}



.team-section .member-box1.anim-lf.t-bottom.box-shadow.text-center img {
    height: 270px !important;
}


.img-fluid-height {
    height: 250px;
    overflow: hidden;
}

.member-box img {
    height: 100%;
    transition: all 0.3s ease-in 0s;
    width: 100%;
}

/* ========== product-page ========== */

 .product-box{
     width:100%;
    float:left;
   /* height: 340px;*/
   position:relative;
    overflow:hidden;
    min-height: 92%;
}
.product-box1{
     width:100% 
     float:left;
     position:relative;
     overflow:hidden 
}
 .product-box:hover> img{
     transform: scale(1.05);
     transition:1s ease-in;
}
 .product-box img{
    transition:0.3s ease-in;
    width: auto;
    object-fit: cover;
    height: 300px;
    object-position: top;
}
 .product-box.t-bottom .overlay-content{
     display:flex;
     flex-direction:column;
     justify-content:flex-end;
}
 .product-box.t-center .overlay-content{
     display:flex;
     flex-direction:column;
     justify-content:center;
     align-items: center;
}
 .product-box i.box-circle-solid{
     padding: 0;
     width:40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
}

 .product-box.anim-lf .overlay-content{
     position:absolute;
     background-color:rgba(0,0,0,0.6);
     left:-100%;
     bottom:0;
     width: 100%;
     height:100%;
     transition:0.4s ease-in;
}
 .product-box.anim-lf:hover>.overlay-content{
     left:0;
     transition:0.4s ease-in;
}

 .product-box.anim-bt .overlay-content{
     position:absolute;
     background-color:rgba(0,0,0,0.6);
     bottom:-100%;
     width: 100%;
     height:100%;
     transition:0.6s ease-in;
}
 .product-box.anim-bt:hover>.overlay-content{
     bottom:0;
     transition:0.4s ease-in;
}





        .images_knowlege img {
    min-width: 100%;
min-height: 100%;
}

.knowledge-section .images_knowlege{height: auto;
width: 100%;
overflow: hidden;}

.overlay_icon{position: absolute;
top: 3px;
right: 3px;}

.overlay_icon i {
   position: absolute;
top: 13px;
right: 32px;
background: white;
padding: 5px 8px 5px 8px;
border-radius: 2px;
color: red;
}

.foote_bottom_ul_amrc {
    display: inline-block;
}
.social_footer_ul li {
    padding-left: 0px;
    padding-right: 15px;
}
.social_footer_ul {
    display: inline-block;
}
.top-nav #navbarSupportedContent {
    z-index: 9999;
    background-color: #fff;
    text-align: left;
    padding: 12px 0;
    box-shadow: 0 1px 11px -1px #959595;
}
.top-nav .navbar-nav li .nav-link {
    padding: 15px 15px;
}

.navbar-brand{width:50%;}
}


@media (max-width: 767px) {
  .intro .carousel-caption {
    padding-top: 0px;  
     }
     .testimonial-section .carousel-control.left.carousel-control-prev i {
    font-size: 30px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
    right: 102%;
}

 /*#sidebar {
        margin-left: -250px;
    }*/
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }


.navbar-brand img {
    height: 45px;
}
.testimonial-section .carousel-control.right.carousel-control-next i {
    font-size: 30px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
    left: 105%;
}

#carouselExampleCaptions .intro .carousel-caption{
top:4px !important;}

     .intro .carousel-caption h2 {
    font-size:18px;  
     }
     .intro  .carousel-caption p {
    font-size:18px;  
     }
.about-section {
    width: 100%;
    }
    
    .carousel-caption h2 {
    font-size: 10px !important;
}

.widget-post{display:inline-block;}
.carousel-caption.blog-text {
    text-align: center;
}

.member-box .carousel-caption  {left:0% !important;
right:0% !important;}

.news .media .media-left {
    padding-right: 0px;
    width: 100%;
    height: 212px;
        margin-bottom: 33px;
    
}


.media-body {
    margin-top: 20px;
}

.product-section .head-box{
    margin-bottom:0px !important;
    }

.product-section .product-box{
    margin-bottom:20px;
    }

.chat{
    margin-top: 27px;
    margin-bottom: -31px;
    }
    
    
    #suppot {
    padding-top: 0px !important;
}

#suppot .search {
    padding: 0px 20px;
}


.container.product-detail {
    padding: 20px;
}


.info-section{
    padding:0px;
}

.about-history .head-box p{
    font-size: 17px;
}
.media {
   
    display: -ms-inherit;
    display: inherit;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
    
    .footer-inner{max-width: 100%;
    /* margin: auto; */
    text-align: center;
    flex: 0 0 100%;
    
}
    .info-section .container-fluid.p-0 {
    padding: 0px !important;
}


.info-section .head-box {
    text-align: center;
    /* padding: 20px; */
    margin-left: 27px;
        padding-top: 10px !important;
}


    
    .team-section .member-box {
   
    margin-bottom: 11px;}
    
    .video-text{
        margin-bottom:24px;
        }
    
    .info-section .head-box h2{
        font-size:28px;
        }
    
    .team-section .head-box {
    margin-bottom: -14px !important;
        }

    .team-section{
        padding-bottom: 0px !important;
    }
    
    .partner-section {
    
    text-align: center;
     }
    .nav-area .post-details h4 {
    font-size: 14px;
  }
     .container{
         width:100%;
    }
     .intro .intro-form-small input[type="text"], .intro .intro-form-small input[type="password"]{
         width: 36%;
    }
     .intro .carousel-caption{
         top:10%;
    }
     .widget.widget-counter .container{
         width: 100%;
    }
    
    .gallery-wrap .img-big-wrap img {
    height: auto;
    width: auto;
    display: inline-block;
    cursor: zoom-in;
}
     .contact-section #map {
         height: 400px 
    }
     .intro .display-4{
         font-size:2rem;
    }
    
    
    
    .input-group {
    width: 100% !important;
}
     .intro p{
         display: none;
    }
     .intro img{
         height: 100%;
    }
     .intro .btn-primary{
         margin-top: 20px;
    }
     .top-nav .navbar-toggler i {
         color: #fff;
         margin-top: 6px;
    }
     .top-nav.light-header .navbar-toggler i {
         color: #00BED7;
    }
     .top-nav .navbar-collapse.show {
         background-color: #fff;
         text-align: center;
         padding: 12px 0;
    }
     .top-nav .navbar-collapse.show a{
         color: #000;
    }
    .pl-5, .px-5 {
    padding-left: 10px !important;
    }
    .about-history {
    width: 100%;
    }
    .mt-5, .my-5 {
    margin-top: 0 !important;
    }
    .image-section {
    height: inherit;
    background-position: right;
    }
    
     .single-post .social-wrap ul {
    text-align: left;
  }
  
  .timeline {
    padding-bottom: 24px;
}
}




@media (max-width: 991px){
     .container{
         width: 100%;
    }
     .intro .intro-box{
         padding-left: 0;
         margin-bottom: 0;
    }
     .intro .intro-box span{
         margin-right: 10px;
    }
     .intro .intro-box .list-item{
         width: 85%;
    }
     .content-half ul li i{
         font-size: 20px;
    }
     .content-half ul li .list-content{
         width:77%;
    }
     .content-half ul li strong{
         line-height: 0;
    }
     .testimonial-section .single-testimonial .carousel-item{
         width: 100%;
         margin-left: 0;
         margin-right: 0;
    }
     .widget h2 {
         font-size: 1.5rem;
    }
     .widget .counter{
         line-height: 0;
         font-size: 1.7rem;
    }
     .widget .fa-3x{
         font-size: 2rem;
    }
     .widget .stat-content h4{
         font-size: 1.2rem;
    }
}

@media (max-width: 960px) {
  .recent-posts-widget .single-recent-post {
    margin-bottom: 20px;
  }
  
}