nav{
    background:url(../images/side-menu.jpg) center no-repeat;
    height:671px;
    width:438%
}
nav ul{
    margin:0;
    padding:0;
    list-style:none;
    text-transform:uppercase;
    font-size:17px;
    font-weight:500
}
nav .nav-toggle,nav li{
    text-align:center;
    position:relative;
    display:inline-block;
    cursor:pointer;
    width:100%
}
nav .dropdown>a:after{
    content:'V';
    position:absolute;
    right:15px;
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transition:-webkit-transform .2s ease;
    transition:transform .2s ease
}
.desktop nav li:hover>a:after,nav .dropdown.open>a:after{
    -webkit-transform:scaleY(-1);
    -ms-transform:scaleY(-1);
    transform:scaleY(-1)
}
nav .dropdown ul{
    position:relative;
    background-color:#34495e;
    display:none
}
nav a{
    color:#fff;
    text-decoration:none;
    display:block;
    padding:10px 1px;
    font-family:open-sanif
}
.desktop nav{
    width:234px;
    height:765px
}
.desktop nav li{
    text-align:center;
    width:150px;
    padding:6px
}
.desktop nav li:hover ul{
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1);
    visibility:visible
}
.desktop nav .dropdown:hover>a:after{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.desktop nav .dropdown>a:after{
    content:'>';
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:-webkit-transform .2s ease;
    transition:transform .2s ease
}
.desktop nav .dropdown ul{
    top:0;
    left:150px;
    position:absolute;
    display:block!important;
    visibility:hidden;
    -webkit-transform:scaleY(0);
    -ms-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transition:-webkit-transform .2s ease;
    transition:transform .2s ease
}
.desktop nav .nav-toggle{
    display:none
}
.testimonials-wrapper{
    background-size:cover;
    background-repeat:no-repeat
}
.testimonials-wrapper .featu -main-content{
    font-size:18px;
    color:#464646;
    margin-bottom:70px
}
.latest-works .works-post-filter .title,.testimonials-wrapper .features-main-content .title{
    color:#262626;
    font-size:60px;
    margin-bottom:5px
}
.testimonials-wrapper .testimonials-section .item .content{
    position:relative
}
.testimonials-wrapper .testimonials-section .item .image-section{
    width:125px;
    height:125px;
    box-shadow:0 0 17px #93a4e6;
    -webkit-box-shadow:0 0 17px #93a4e6;
    -ms-box-shadow:0 0 17px #93a4e6;
    border:2px solid #fff;
    position:absolute;
    top:125px;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    overflow:hidden
}
.testimonials-wrapper .testimonials-section .item .text{
    background:#fff;
    color:#636363;
    padding:52px 37px 52px 75px;
    box-shadow:30 30 30px #dbdcde;
    -webkit-box-shadow:0 0 25px #9b9b9b;
    width:460px;
    float:right;
    border:1px solid #f1f1f1;
    border-right-width:2px
}
.text p{
    font-size:15px;
    text-align:justify;
    line-height:1.3;
    letter-spacing:1px;
    color:#2C2C34
}
.accordion-heading{
    padding:15px 25px;
    border:1px solid #ccc;
    text-align:left;
    font-size:14px;
    font-weight:600;
    border-left:none;
    background-color:#f8f8f8
}
.eclo_a{
    float:right;
    font-size:12px;
    font-weight:400
}
.testimonials-wrapper .testimonials-section .item .text p{
    border-bottom:1px solid #0e0e0e;
    padding-bottom:15px
}
.testimonials-wrapper .testimonials-section .item .text .name-holder{
    padding-left:80px;
    padding-top:10px
}
.testimonials-wrapper .testimonials-section .item .text .name-holder span{
    display:block;
    margin-bottom:5px;
    color:#464646;
    text-transform:capitalize;
    line-height:1.2
}
.testimonials-wrapper .testimonials-section .item .text .name-holder span.author{
    font-size:18px;
    color:#2C2C34;
    font-weight:700
}
.testimonials-wrapper .testimonials-section .testimonials .owl-nav{
    text-align:center;
    margin-top:30px
}
.testimonials-wrapper .testimonials-section .testimonials .owl-nav .owl-next,.testimonials-wrapper .testimonials-section .testimonials .owl-nav .owl-prev{
    display:inline-block;
    background:#3fb9be;
    margin:10px;
    padding:1px 23px;
    //width:35px;
    height:35px;
    line-height:36px;
    color:#0f78d3
}
.testimonials-wrapper.layout1 .owl-theme .owl-dots .owl-dot,.testimonials-wrapper.layout2 .testimonials-section .testimonials .owl-nav{
    display:none
}
.testimonials-wrapper .testimonials-section .testimonials .owl-nav .owl-next:hover,.testimonials-wrapper .testimonials-section .testimonials .owl-nav .owl-prev:hover{
    box-shadow:inset 0 0 40px #e8e8e8;
    -webkit-box-shadow:inset 0 0 40px #e8e8e8
}
.testimonials-wrapper.layout2 .testimonials-section .item{
    padding:20px
}
.testimonials-wrapper.layout2 .testimonials-section .item .content{
    border:1px solid #eee;
    padding:45px 45px 75px;
    text-align:left;
    font-size:14px;
    font-weight:600;
    color:#464646;
    margin-bottom:40px;
    -moz-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    background:#fff
}
.testimonials-wrapper.layout2 .testimonials-section .content-testimonial{
    line-height:1.7
}
.testimonials-wrapper.layout2 .testimonials-section .item .text{
    position:absolute;
    bottom:-40px;
    right:30px;
    padding:16px 16px 16px 100px;
    width:auto;
    max-width:350px;
    -moz-box-shadow:0 5px 20px rgba(0,0,0,.1);
    -webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    -moz-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.testimonials-wrapper.layout2 .testimonials-section .item .image-section{
    width:56px;
    height:56px;
    border-radius:100%;
    box-shadow:none;
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    border:0;
    position:relative;
    top:auto;
    transform:none;
    -webkit-transform:none;
    -ms-transform:none;
    float:left;
    margin-left:-80px
}
.testimonials-wrapper.layout2 .testimonials-section .item .image-section img{
    height:56px;
    border-radius:100%
}
.testimonials-wrapper.layout2 .testimonials-section .item .text .name-holder{
    padding-left:0
}
.testimonials-wrapper.layout2 .testimonials-section .item .text .name-holder span.author{
    font-size:16px;
    font-weight:700;
    color:#0f78d3
}
.testimonials-wrapper.layout2 .testimonials-section .item .text .name-holder span{
    font-size:14px
}
.testimonials-wrapper.layout2 .content-testimonial:before{
    content:'\f10d';
    position:absolute;
    font-size:50px;
    color:#f2f2f2;
    top:22px;
    left:22px;
    z-index:1;
    line-height:1
}
.testimonials-wrapper.layout2 .content-testimonial p{
    position:relative;
    z-index:2
}
.testimonials-wrapper.layout2 .owl-dots{
    margin-top:50px
}
.testimonials-wrapper.layout2 .testimonials-section .item:hover .content{
    -moz-box-shadow:0 5px 29px rgba(0,0,0,.11);
    -webkit-box-shadow:0 5px 29px rgba(0,0,0,.11);
    box-shadow:0 5px 29px rgba(0,0,0,.11)
}
.ak-container{
    max-width:1140px;
    margin:0 auto
}
.abt_img{
    margin-left:-15px;
    margin-top:30px
}
a.trds_but:hover{
    color:#99b93e!important
}
.isotope-item{
    z-index:2
}
.isotope-hidden.isotope-item{
    pointer-events:none;
    z-index:1
}
.isotope,.isotope .isotope-item{
    -webkit-transition-duration:.8s;
    -moz-transition-duration:.8s;
    transition-duration:.8s
}
.isotope{
    -webkit-transition-property:height,width;
    -moz-transition-property:height,width;
    transition-property:height,width
}
.isotope .isotope-item{
    -webkit-transition-property:-webkit-transform,opacity;
    -moz-transition-property:-moz-transform,opacity;
    transition-property:transform,opacity
}
#sidebar{
    width:229px;
    height:800px;
    float:left;
    font-family:PlayfairDisplay-Regular;
    background:url(../images/side-menu.jpg) center
}
.contact-info-box ul li,.recent-post-box ul li p,.text-box p{
    font-family:'Open Sans',sans-serif
}
#sidebar .sidebar-section{
    margin-bottom:20px
}

.ibn{display:none !important;}

@media(max-width:700px){
  .ibn{display:block !important;}
} 

@media(max-width:768px){
  #sidebar .sidebar-section{
    height:20px !important;
}  
}
#sidebar .sidebar-section.white-box{
    background:#fff;
    padding:20px
}
#sidebar .sidebar-section.white-box h2{
    font-size:15px!important;
    color:#444;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    margin:0 0 20px
}
.right-menu-sidebar #sidebar{
    float:right
}
.fullscreen #sidebar,.recent-post-box ul li img{
    float:left
}
.fullscreen #sidebar .sidebar-section{
    margin-bottom:0
}
header{
    position:relative;
    z-index:999
}
.image{
    margin-left:-15px
}
.its_img{
    margin-left:52px;
    margin-top:30px
}
.Ecolife_deve h2{
    text-align:center;
    margin-top:14px;
    color:#93b23b;
    font-size:64px;
    font-weight:700
}
.header-wraper{
    text-align:center;
    font-size:54px;
    text-transform:capitalize;
    margin-bottom:40px
}
header .header-logo{
    padding:13px 10px;
    text-align:center
}
.logo img{
    width:100%
}
.data_logo img{
    margin-top:-14px;
    width:100%;
    padding:0
}
span.light{
    font-size:30px;
    font-weight:500;
    color:#2C2C34;
    text-transform:initial
}
.Ecolife_deve img{
    margin-left:51px;
    margin-top:16px;
    width:80%
}
.holder{
    padding-right:79px!important;
    padding-left:30px!important
}
.trds_but{
    width:36%;
    padding:18px;
    margin-top:-70px;
    margin-bottom:24px;
    border:1px solid #505050;
    color:#000;
    font-size:19px;
    font-weight:600;
    -webkit-box-shadow:0 0 2px #636363
}
header .main-menu{
    margin:0;
    padding:0
}
header .main-menu>li{
    display:block;
    position:relative
}
header .main-menu>li a{
    text-decoration:none;
    transition:all .23s ease-in-out;
    -moz-transition:all .23s ease-in-out;
    -webkit-transition:all .23s ease-in-out;
    -o-transition:all .23s ease-in-out;
    display:block;
    text-align:center;
    color:#515151;
    font-size:17px;
    font-weight:600;
    -webkit-font-smoothing:antialiased;
    padding:5px 12px;
    border-bottom:1px solid rgba(255,255,255,.2);
    border-left:2px solid transparent;
    -webkit-backface-visibility:hidden;
    position:relative
}
hr.con_line,hr.con_line1{
    width:168px;
    border-bottom:1px solid
}
hr.con_line{
    margin-top:1px;
    margin-bottom:0
}
hr.con_line1{
    margin-top:12px;
    margin-bottom:12px
}
header .main-menu>li i{
    font-size:24px;
    color:#8ab928;
    margin-top:18px
}
header .main-menu>li a:hover,header .main-menu>li>a.active{
    color:#8ab928;
    border-left:2px solid #8ab928
}
header .main-menu>li>a.active:after,header .main-menu>li>a:hover:after{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    width:0;
    height:0;
    border:4px solid #8ab928;
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
    margin-top:-4px
}
.services-section.box-section .services-post,.social-box ul li a{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%
}
header .main-menu li.drop ul.drop-down{
    margin:0 0 0 1px;
    padding:0;
    position:absolute;
    top:0;
    width:220px;
    visibility:hidden;
    opacity:0;
    z-index:3;
    text-align:left;
    left:100%;
    transition:all .23s ease-in-out;
    -moz-transition:all .23s ease-in-out;
    -webkit-transition:all .23s ease-in-out;
    -o-transition:all .23s ease-in-out;
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -o-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
    -webkit-backface-visibility:hidden
}
header .main-menu li.drop ul.drop-down li{
    display:block;
    position:relative
}
header .main-menu li.drop:hover>ul.drop-down{
    visibility:visible;
    opacity:1;
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0)
}
.right-menu-sidebar header li.drop ul.drop-down{
    margin-left:0;
    margin-right:1px;
    left:inherit;
    right:100%;
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform:rotateX(-90deg);
    -moz-transform:rotateX(-90deg);
    -ms-transform:rotateX(-90deg);
    -o-transform:rotateX(-90deg);
    transform:rotateX(-90deg)
}
.social-box ul{
    margin:0;
    padding:0
}
.social-box ul li{
    display:inline-block;
    margin-left:5px
}
.social-box ul li a{
    display:inline-block;
    text-decoration:none;
    transition:all .23s ease-in-out;
    -moz-transition:all .23s ease-in-out;
    -webkit-transition:all .23s ease-in-out;
    -o-transition:all .23s ease-in-out;
    border-radius:50%;
    background:#8ab928;
    width:28px;
    height:28px;
    text-align:center
}
.social-box ul li a i{
    font-size:15px;
    color:#fff;
    line-height:28px
}
.social-box ul li a:hover{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2)
}
.social-box ul li:first-child{
    margin-left:0
}
.recent-post-box ul{
    margin:0;
    padding:0
}
.recent-post-box ul li{
    list-style:none;
    padding-bottom:20px;
    border-bottom:1px solid #eee;
    margin-bottom:20px;
    overflow:hidden
}
.recent-post-box ul li p{
    color:#919191;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    line-height:22px;
    margin:0 0 0 64px;
    font-size:14px
}
.recent-post-box ul li p a{
    display:inline-block;
    color:#919191
}
.recent-post-box ul li:last-child{
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0
}
.contact-info-box ul{
    margin:0;
    padding:0
}
.contact-info-box ul li{
    list-style:none;
    color:#797979;
    font-size:13px;
    line-height:20px;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    margin-top:8px
}
.text-box p,p.flex-caption{
    line-height:22px;
    -webkit-font-smoothing:antialiased
}
.contact-info-box ul li a{
    display:inline-block;
    text-decoration:none;
    transition:all .23s ease-in-out;
    -moz-transition:all .23s ease-in-out;
    -webkit-transition:all .23s ease-in-out;
    -o-transition:all .23s ease-in-out;
    color:#797979
}
.contact-info-box ul li i{
    font-size:16px;
    color:#8ab928;
    margin-right:12px
}
.contact-info-box ul li:first-child{
    margin-top:0
}
.text-box p{
    font-weight:300;
    margin:0 0 20px;
    color:#aeaeae;
    font-size:16px
}
.w3-button,a.elemadded{
    position:relative;
    color:#fff;
    text-align:center;
    text-decoration:none
}
.text-box p:last-child{
    margin-bottom:0
}
a.elemadded{
    display:none;
    background:#8ab928;
    font-size:16px;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    padding:4px 12px;
    border-bottom:1px solid rgba(255,255,255,.2);
    border-top:1px solid rgba(56,56,56,.2);
    transition:all .17s ease-in-out;
    -moz-transition:all .17s ease-in-out;
    -webkit-transition:all .17s ease-in-out;
    -o-transition:all .17s ease-in-out;
    -webkit-backface-visibility:hidden
}
a.elemadded:hover{
    opacity:.7
}
#projec_ec{
    background:url(../images/proje_banner.jpg) center no-repeat;
    height:450px
}
.w3-button{
    border:none;
    margin:6px;
    display:inline-block;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    cursor:pointer;
    white-space:nowrap;
    background:#000;
    top:-116px;
    float:right;
    left:25px;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.overlay,p.flex-caption{
    position:absolute;
    left:0
}
.projec_ed{
    margin-top:-100px
}
.w3-button:disabled{
    cursor:not-allowed;
    opacity:.3
}
.w3-button:first-child,.w3-dropdown-click:hover>.w3-button:first-child{
    background-color:#ccc;
    color:#000
}
#content{
    width:850px;
    margin-top:102px
}
.right-menu-sidebar #content{
    float:left
}
.fullscreen #content{
    width:auto;
    float:none;
    padding:20px;
    margin-left:270px
}
#slider{
    background:#fff
}
.flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{
    background:#8ab928
}
p.flex-caption{
    bottom:0;
    font-weight:300;
    font-size:18px;
    color:#fff;
    padding:27px 152px 26px 30px;
    background:rgba(0,0,0,.4);
    margin:0;
    width:100%;
    z-index:3
}
.box-section h1,.box-section h2{
    font-weight:700;
    text-transform:uppercase
}
.box-section{
    padding:20px;
    margin-bottom:20px;
    background:#fff
}
.box-section h1{
    color:#8ab928;
    font-size:24px;
    margin:0 0 20px
}
.box-section h2{
    font-size:18px;
    color:#444;
    margin:0 0 16px
}
.services-section.box-section{
    background:url(../upload/banners/1.jpg);
    text-align:center
}
.services-section.box-section h1{
    color:#fff;
    font-weight:300
}
.services-section.box-section .services-post{
    border-radius:50%;
    border:1px solid rgba(255,255,255,.1);
    padding:18px
}
.services-section.box-section .services-post .inner-services-post{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.1);
    padding:40px 10px
}
.services-section.box-section .services-post .inner-services-post span{
    display:inline-block;
    margin-bottom:15px;
    transition:all .23s ease-in-out;
    -moz-transition:all .23s ease-in-out;
    -webkit-transition:all .23s ease-in-out;
    -o-transition:all .23s ease-in-out
}
.services-section.box-section .services-post .inner-services-post span i{
    font-size:40px;
    color:#fff
}
.services-section.box-section .services-post .inner-services-post p{
    font-size:15px;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    line-height:22px;
    margin:0 0 15px;
    color:#fff
}
.services-section.box-section .services-post .inner-services-post a{
    color:#fff;
    font-size:13px;
    display:inline-block;
    text-decoration:none;
    transition:all .23s ease-in-out;
    -moz-transition:all .23s ease-in-out;
    -webkit-transition:all .23s ease-in-out;
    -o-transition:all .23s ease-in-out;
    padding:9px 16px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    background:0 0;
    border:1px solid rgba(255,255,255,.1)
}
.services-section.box-section .services-post .inner-services-post a:hover{
    background:#8ab928;
    border:1px solid #8ab928
}
.services-section.box-section .services-post:hover .inner-services-post span{
    transform:scale(1.15);
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
    transform:rotateX(360deg);
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg)
}
.unik-section .image-place img{
    max-width:100%;
    margin-bottom:-20px
}
.unik-section ul.feature-list{
    margin:10px 0 0;
    padding:0
}
.unik-section ul.feature-list li{
    list-style:none;
    overflow:hidden;
    margin-bottom:18px
}
.unik-section ul.feature-list li a{
    float:left;
    display:inline-block;
    text-decoration:none;
    transition:all .23s ease-in-out;
    -moz-transition:all .23s ease-in-out;
    -webkit-transition:all .23s ease-in-out;
    -o-transition:all .23s ease-in-out;
    margin-right:16px;
    width:52px;
    height:52px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    background:#8ab928;
    text-align:center
}
.unik-section ul.feature-list li a i{
    color:#fff;
    font-size:22px;
    line-height:52px
}
.unik-section ul.feature-list li h3{
    font-size:19px;
    color:#000;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    margin:4px 0 0
}
.unik-section ul.feature-list li p{
    font-size:15px;
    color:#919191;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    line-height:22px;
    margin:0
}
.horizontal-tabs-box .nav-tabs,.vertical-tabs-box .nav-tabs{
    float:left;
    width:234px;
    border:none
}
.horizontal-tabs-box .nav-tabs li,.vertical-tabs-box .nav-tabs li{
    display:block;
    float:none;
    border:1px solid #eee;
    border-top:none;
    margin:0;
    border-right:none
}
.horizontal-tabs-box .nav-tabs li a,.vertical-tabs-box .nav-tabs li a{
    text-decoration:none;
    transition:all .23s ease-in-out;
    -moz-transition:all .23s ease-in-out;
    -webkit-transition:all .23s ease-in-out;
    -o-transition:all .23s ease-in-out;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    background:#fff;
    display:block;
    border:none!important;
    margin:0;
    padding:25px;
    color:#797979;
    font-size:15px;
    overflow:hidden
}
.horizontal-tabs-box .nav-tabs li a i,.vertical-tabs-box .nav-tabs li a i{
    color:#b6b6b6;
    font-size:24px;
    margin-right:18px;
    transition:all .23s ease-in-out;
    -moz-transition:all .23s ease-in-out;
    -webkit-transition:all .23s ease-in-out;
    -o-transition:all .23s ease-in-out;
    float:left;
    line-height:24px
}
.horizontal-tabs-box .nav-tabs li:first-child,.vertical-tabs-box .nav-tabs li:first-child{
    border-top:1px solid #dedede
}
.horizontal-tabs-box .nav-tabs li.active a,.vertical-tabs-box .nav-tabs li.active a{
    color:#fff;
    background:#8ab928
}
.horizontal-tabs-box .nav-tabs li.active a i,.vertical-tabs-box .nav-tabs li.active a i{
    color:#fff
}
.horizontal-tabs-box .tab-content,.vertical-tabs-box .tab-content{
    margin-left:233px;
    border:1px solid #eee
}
.horizontal-tabs-box .tab-content .tab-pane,.vertical-tabs-box .tab-content .tab-pane{
    padding:15px 20px 0;
    overflow:hidden
}
.horizontal-tabs-box .tab-content .tab-pane p,.vertical-tabs-box .tab-content .tab-pane p{
    font-size:15px;
    color:#919191;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    line-height:22px;
    margin:0 0 20px
}
.spc_img{
    margin-top:10px;
    background:0 0;
    box-shadow:0 0 32px #c8cff3;
    -webkit-box-shadow:0 0 44px #636363;
    -ms-box-shadow:0 0 32px #c8cff3;
    margin-left:-90px
}
.spc_img img{
    width:100%;
    margin-top:-25px
}
.cont_img h2{
    font-size:19px;
    font-weight:600;
    margin-top:2px;
    margin-bottom:36px
}
.spec_bt{
    width:50%
}
.spec_bt i{
    font-size:24px;
    color:red
}
.spc_trd_bu a,.title{
    text-align:center;
    color:#fff;
    z-index:1
}
.spc h4{
    padding-left:8px;
    padding-right:23px
}
.spc h2{
    margin-left:12px!important
}
.spc p{
    padding-left:13px;
    padding-right:78px;
    line-height:26px;
    margin-bottom:35px;
    margin-top:15px
}
.spc_trd_img{
    position:relative;
    margin-top:50px;
    width:500px
}
.overlay{
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    transition:background .5s ease
}
.spc_trd_bu,.spc_trd_img img,.title{
    position:absolute;
    width:500px;
    left:0
}
.spc_trd_img:hover .overlay{
    display:block;
    background:rgba(0,0,0,.3)
}
.spc_trd_img img{
    height:300px
}
.title{
    top:120px;
    font-weight:700;
    font-size:30px;
    text-transform:uppercase;
    transition:top .5s ease
}
.spc_trd_img:hover .title{
    top:90px
}
.spc_trd_bu{
    top:180px;
    text-align:center;
    opacity:0;
    transition:opacity .35s ease
}
.demo-gallery>ul>li a:hover .demo-gallery-poster>img,.spc_trd_img:hover .spc_trd_bu{
    opacity:1
}
.spc_trd_bu a{
    width:200px;
    padding:12px 48px;
    border:2px solid #fff
}
.demo-gallery>ul{
    margin-bottom:0;
    margin-left:3px
}
.demo-gallery>ul>li{
    padding:3px 6px;
    margin-top:-12px;
    margin-left:-5px
}
.demo-gallery,.icon_eco>ul>li>i{
    margin-left:3px;
    margin-right:17px
}
.demo-gallery>ul>li a{
    border:2px solid #FFF;
    display:block;
    overflow:hidden;
    position:relative;
    float:left
}
.demo-gallery>ul>li a>img{
    -webkit-transition:-webkit-transform .15s ease 0s;
    -moz-transition:-moz-transform .15s ease 0s;
    -o-transition:-o-transform .15s ease 0s;
    transition:transform .15s ease 0s;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
    height:100%;
    width:100%;
    border:1px solid #fff
}
.demo-gallery>ul>li a:hover>img{
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1)
}
.demo-gallery>ul>li a .demo-gallery-poster{
    background-color:rgba(0,0,0,.1);
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    -webkit-transition:background-color .15s ease 0s;
    -o-transition:background-color .15s ease 0s;
    transition:background-color .15s ease 0s
}
.demo-gallery>ul>li a .demo-gallery-poster>img{
    left:50%;
    margin-left:-10px;
    margin-top:-10px;
    opacity:0;
    position:absolute;
    top:50%;
    -webkit-transition:opacity .3s ease 0s;
    -o-transition:opacity .3s ease 0s;
    transition:opacity .3s ease 0s
}
.demo-gallery>ul>li a:hover .demo-gallery-poster{
    background-color:rgba(0,0,0,.5)
}
.demo-gallery .justified-gallery>a>img{
    -webkit-transition:-webkit-transform .15s ease 0s;
    -moz-transition:-moz-transform .15s ease 0s;
    -o-transition:-o-transform .15s ease 0s;
    transition:transform .15s ease 0s;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
    height:100%;
    width:100%
}
.demo-gallery .justified-gallery>a:hover>img{
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1)
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img{
    opacity:1
}
.demo-gallery .justified-gallery>a .demo-gallery-poster{
    background-color:rgba(0,0,0,.1);
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    -webkit-transition:background-color .15s ease 0s;
    -o-transition:background-color .15s ease 0s;
    transition:background-color .15s ease 0s
}
.demo-gallery .justified-gallery>a .demo-gallery-poster>img{
    left:50%;
    margin-left:-10px;
    margin-top:-10px;
    opacity:0;
    position:absolute;
    top:50%;
    -webkit-transition:opacity .3s ease 0s;
    -o-transition:opacity .3s ease 0s;
    transition:opacity .3s ease 0s
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster{
    background-color:rgba(0,0,0,.5)
}
.demo-gallery .video .demo-gallery-poster img{
    height:48px;
    margin-left:-24px;
    margin-top:-24px;
    opacity:.8;
    width:48px
}
.demo-gallery.dark>ul>li a{
    border:3px solid #04070a
}
center.trds_ce{
    margin-top:12px
}
.trds_ce img{
    width:69%
}
@media (max-width:1199px){
    .w3-content.w3-display-container{
        margin-left:93px
    }
    .fade-carousel .slides .slide-1{
        background-image:url(../images/mr.jpg);
        height:56vh;
        margin-left:0
    }
    .fade-carousel .slides .slide-2{
        background-image:url(../images/mr2.jpg);
        height:56vh;
        margin-left:0
    }
    .fade-carousel .slides .slide-3{
        background-image:url(../images/mr3.jpg);
        height:56vh;
        margin-left:0
    }
    .fade-carousel .slides .slide-4{
        background-image:url(../images/mr4.jpg);
        height:56vh;
        margin-left:0
    }
    .w3-button{
        left:-127px;
        font-size:33px
    }
    i.fa.fa-angle-down{
        color:red
    }
    .project{
        margin:auto;
        padding:13px 27px 246px;
        min-height: 775px !important;
        overflow: hidden;
        padding: 13px 0px 100px !important;
    }
    button.trds {
        font-size: 28px;
        width: 100%;
    }
    .text{
        padding:13px 27px 370px
    }
    .ecol_a{
        margin-left:-4px
    }
    b{
        font-size:15px;
        font-weight:initial;
        line-height:31px
    }
    .card-body ul{
        padding:7px 0
    }
    .img_pro{
        display:block;
        margin-left: 0px !important;
    }
    img.tabcontent{
        margin-top:18px;
        left:62px
    }
    i.fa.fa-arrow-right{
        color:#97b83b
    }
    .trds{
        font-size:28px
    }
    #sidebar{
        width:230px
    }
    .cont_img h2,.text1 a{
        font-size:35px
    }
    .spc p{
        line-height:1.2
    }
    #content{
        width:690px
    }
    .social-box ul li{
        margin-left:0
    }
    p.flex-caption{
        font-size:15px;
        padding:27px 140px 26px 20px
    }
    .team-section .team-post .left-part ul.social-team li{
        margin-left:-2px
    }
    .services-section3 .services-post .up-part h2{
        font-size:16px
    }
    .blog-section .blog-post .post-gal{
        width:240px
    }
    .blog-section .blog-post .post-box ul.post-tags{
        width:90px
    }
    .blog-section .blog-post .post-box ul.post-tags li{
        padding:0
    }
    .comment-area{
        width:285px
    }
    .submit-area{
        width:135px
    }
    .portfolio-box.fullscreen-masonry .project-post{
        width:33.3%
    }
    .blog-section.col1 .blog-post .post-box .post-content{
        width:360px
    }
}
@media (max-width:991px){
    .dropdown .dropbtn,.topnav a:not(:first-child){
        display:none
    }
    .topnav a.icon{
        float:right;
        display:block
    }
    .topnav.responsive{
        position:relative
    }
    .topnav.responsive .icon{
        position:absolute;
        right:0;
        top:0
    }
    #about .image,.topnav.responsive .dropdown-content{
        position:relative
    }
    .data_logo1 img{
        width:100%;
        max-width:100%
    }
    .topnav.responsive a{
        float:none;
        display:block;
        text-align:left;
        font-size:22px
    }
    w3-content w3-display-container{
        width:69%;
        margin-left:101px
    }
    .topnav.responsive .dropdown{
        float:none
    }
    .topnav.responsive .dropdown .dropbtn{
        display:block;
        width:100%;
        text-align:left
    }
    #about .image,header .main-menu{
        text-align:center
    }
    .holder p{
        font-size:35px!important
    }
    .derts h4,.holder h2{
        font-size:40px!important
    }
    .logo img{
        width:30%;
        float:left;
        margin-top:20px
    }
    .mobile-hide{
        display:none!important
    }
    #sidebar .sidebar-section.white-box,hr.con_line{
        display:none
    }
    .cell1{
        top:0!important
    }
    .derts h4{
        color:#fff!important
    }
    #footer .container:first-child p{
        color:#fff;
        font-size:35px
    }
    .fa{
        color:#fff
    }
    iframe{
        width:100%;
        height:550px
    }
    .its_img{
        margin-bottom:30px
    }
    .testimonials-wrapper .testimonials-section .item .text{
        width:260px!important
    }
    .testimonials-wrapper{
        padding:108px 0
    }
    #footer{
        padding-top:0
    }
    .icon_eco{
        font-size:24px!important
    }
    center{
        margin-top:10px
    }
    center.trds_ce{
        margin-left:9vh;
        height:103px
    }
    #sidebar{
        width:60vh;
        height:200px;
        float:none;
        margin-bottom:20px
    }
    #content{
        width:100%
    }
    a.elemadded{
        display:block;
        float:right;
        margin-top:0;
        font-size:43px;
        font-weight:600;
        margin-right:200px
    }
    .navbar-vertical{
        left:0;
        visibility:hidden;
        opacity:0;
        width:100%;
        top:100%;
        -webkit-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        -webkit-transform:rotateX(90deg);
        -moz-transform:rotateX(90deg);
        -ms-transform:rotateX(90deg);
        -o-transform:rotateX(90deg);
        transform:rotateX(90deg);
        transition:all .23s ease-in-out;
        -moz-transition:all .23s ease-in-out;
        -webkit-transition:all .23s ease-in-out;
        -o-transition:all .23s ease-in-out;
        overflow-y:scroll
    }
    header .main-menu>li a{
        font-size:31px!important
    }
    header .main-menu>li i{
        font-size:34px
    }
    .testimonials-wrapper .testimonials-section .item .text p{
        font-size:20px!important
    }
    .navbar-vertical.active{
        width:50%;
        margin:auto;
        visibility:visible;
        opacity:1;
        background:#fff;
        font-size:22px;
        -webkit-transform:rotateX(0);
        -moz-transform:rotateX(0);
        -ms-transform:rotateX(0);
        -o-transform:rotateX(0);
        transform:rotateX(0);
        transition:all .23s ease-in-out;
        -moz-transition:all .23s ease-in-out;
        -webkit-transition:all .23s ease-in-out;
        -o-transition:all .23s ease-in-out
    }
    li.drop ul.drop-down{
        position:relative!important;
        text-align:center!important;
        top:0!important;
        left:0!important;
        margin-left:0!important;
        width:100%!important;
        visibility:visible!important;
        opacity:1!important;
        -webkit-transform:rotateY(0)!important;
        -moz-transform:rotateY(0)!important;
        -ms-transform:rotateY(0)!important;
        transform:rotateY(0)!important;
        -webkit-transform:rotateX(0)!important;
        -moz-transform:rotateX(0)!important;
        -ms-transform:rotateX(0)!important;
        -o-transform:rotateX(0)!important;
        transform:rotateX(0)!important
    }
    .services-post{
        max-width:250px;
        margin:0 auto 20px
    }
    .features-section .features-post,.float-image-section .image-box img,.skills-section p,.statistic-post,.unik-section .image-place img{
        margin-bottom:20px
    }
    .vertical-tabs-box .tab-content{
        margin-left:234px
    }
    .skills-section{
        text-align:center
    }
    .pricing-section ul.pricing-table{
        margin-top:30px
    }
    .team-section .team-post .left-part{
        max-width:160px
    }
    .team-section .team-post .right-part{
        width:auto;
        float:none;
        margin-left:160px
    }
    .blog-section .blog-post .post-gal{
        width:580px
    }
    .blog-section .blog-post .post-box ul.post-tags{
        width:140px
    }
    .blog-section .blog-post .post-box ul.post-tags li{
        padding:15px 0
    }
    .comment-area{
        width:315px
    }
    .fullscreen #sidebar{
        float:none
    }
    .fullscreen #content{
        margin-left:0;
        padding:0 20px
    }
    .blog-section.col1 .blog-post .post-box .post-content{
        width:100%;
        float:none;
        clear:both
    }
    .services-section.box-section,.services-section2{
        background:#737572
    }
}
@media (max-width:767px){
    .testimonial-section .message-content,.vertical-tabs-box .tab-content,ul.depth{
        margin-left:0
    }
    a.elemadded{
        display:block;
        float:right;
        margin-top:0;
        font-size:43px;
        font-weight:600;
        margin-right:200px
    }
    #sidebar{
        width:100vh
    }
    #about .image{
        text-align:center
    }
    .flex-direction-nav{
        display:none
    }
    p.flex-caption{
        padding:15px
    }
    .vertical-tabs-box .nav-tabs{
        float:none;
        width:100%;
        border-right:1px solid #eee
    }
    .testimonial-section img{
        float:none;
        margin-bottom:10px
    }
    .project-post{
        margin-bottom:20px
    }
    .horizontal-tabs-box .nav-tabs li{
        float:none;
        display:block
    }
    .blog-section .blog-post .post-box ul.post-tags,.blog-section .blog-post .post-gal{
        width:100%;
        float:none
    }
    .blog-section .blog-post .post-box ul.post-tags li{
        display:inline-block;
        padding:15px
    }
    .comment-area,.submit-area,.text-fields{
        float:none;
        width:100%;
        padding:0
    }
    #contact-form button{
        padding:20px
    }
    .portfolio-box.col2 .project-post,.portfolio-box.col3 .project-post,.portfolio-box.fullscreen-masonry .project-post{
        width:49.9%
    }
    .comment-form .submit-area,.comment-form .text-fields{
        width:100%
    }
}
@media (max-width:480px){
    #about .image{
        text-align:center
    }
    .pager-line ul{
        display:none
    }
    .portfolio-box.col2 .project-post,.portfolio-box.col3 .project-post,.portfolio-box.fullscreen-masonry .project-post{
        width:100%
    }
}
,.clear:after,.clear:before{
    content:"";
    display:table;
    table-layout:fixed
}
.foot_dr ul,.icon_eco{
    display:inline-flex
}
.header-wraper h2{
    text-align:center;
    font-size:50px;
    text-transform:capitalize;
    font-weight:600;
    margin-top:auto;
    margin-bottom:-12px;
    padding-bottom:15px;
}
.holder h2,.holder p{
    text-align:justify;
    color:#2c2c34
}
.holder h2{
    font-size:46px;
    margin-top:38px;
    font-weight:600;
    margin-bottom:-5px
}
.holder p{
    width:109%;
    font-size:17px;
    padding-top:13px;
    padding-bottom:81px
}
.Ecolife_deve{
    background:0 0;
    box-shadow:0 0 32px #c8cff3;
    -webkit-box-shadow:0 0 44px #636363;
    -ms-box-shadow:0 0 32px #c8cff3;
    color:#636363;
    font-size:16px;
    padding:13px
}
.cell1{
    width:100%;
    background:#fff;
    margin-top:10px;
    float:left;
    top:-88px;
    z-index:999;
    padding:0 42px;
    box-shadow:0 0 30px #716f6fcc;
    position:relative;
    margin-left:13px
}
h4.cell1{
    color:#000
}
.derts{
    margin-top:-20px
}
.derts h4{
    font-size:24px;
    font-weight:700
}
.foot_dr{
    padding-top:10px;
    padding-bottom:0
}
.foot_dr ul{
    padding:0;
    font-size:17px;
    font-weight:600
}
.foot_dr ul>li{
    padding-left:10px
}
p.trds_e{
    font-size:13px;
    font-weight:600
}
.form-group .form-control{
    border:1px solid #e8e8e8;
    border-radius:0;
    background:#e8e8e8;
    color:#000!important;
    padding:28px 16px!important;
    font-size:20px;
    box-shadow:none
}
.cell1 h4{
    color:#2C2C34!important;
    padding:20px 12px;
    font-weight:700;
    font-size:30px
}
img.img_foot{
    width:146%;
    border:2px solid #fff;
    margin:2px
}
.trds_but1{
    width:96%;
    border:2px solid #fff;
    padding:19px;
    margin-top:14px;
    font-size:17px!important;
    color:#fff!important
}
.icon_eco p img{
    margin:1px 1px 1px 8px
}
@media screen (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1){
    #about .image,header .main-menu{
        text-align:center
    }
    #about .image{
        position:relative
    }
    .logo img{
        width:30%;
        float:left;
        margin-top:20px
    }
    .mobile-hide{
        display:none!important
    }
    #sidebar .sidebar-section.white-box,hr.con_line{
        display:none
    }
    .cell1{
        top:0!important
    }
    .derts h4{
        color:#fff!important;
        font-size:40px!important
    }
    #footer .container:first-child p{
        color:#fff;
        font-size:35px
    }
    .fa{
        color:#fff
    }
    iframe{
        width:100%;
        height:770px
    }
    .its_img{
        margin-bottom:30px
    }
    .testimonials-wrapper .testimonials-section .item .text{
        width:260px!important
    }
    .testimonials-wrapper{
        padding:108px 0
    }
    #footer{
        padding-top:0
    }
    center{
        margin-top:10px
    }
    center.trds_ce{
        margin-left:23vh
    }
    #sidebar{
        width:57vh;
        height:200px;
        float:none;
        margin-bottom:20px
    }
    #content{
        width:100%
    }
    a.elemadded{
        display:block;
        float:right;
        margin-top:0;
        font-size:43px;
        font-weight:600;
        margin-right:0
    }
    .navbar-vertical{
        left:0;
        visibility:hidden;
        opacity:0;
        width:100%;
        top:100%;
        -webkit-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        -webkit-transform:rotateX(90deg);
        -moz-transform:rotateX(90deg);
        -ms-transform:rotateX(90deg);
        -o-transform:rotateX(90deg);
        transform:rotateX(90deg);
        transition:all .23s ease-in-out;
        -moz-transition:all .23s ease-in-out;
        -webkit-transition:all .23s ease-in-out;
        -o-transition:all .23s ease-in-out;
        overflow-y:scroll;
        font-size:38px!important
    }
    .navbar-vertical.active{
        visibility:visible;
        opacity:1;
        background:#fff;
        font-size:22px;
        -webkit-transform:rotateX(0);
        -moz-transform:rotateX(0);
        -ms-transform:rotateX(0);
        -o-transform:rotateX(0);
        transform:rotateX(0);
        transition:all .23s ease-in-out;
        -moz-transition:all .23s ease-in-out;
        -webkit-transition:all .23s ease-in-out;
        -o-transition:all .23s ease-in-out
    }
    li.drop ul.drop-down{
        position:relative!important;
        text-align:center!important;
        top:0!important;
        left:0!important;
        margin-left:0!important;
        width:100%!important;
        visibility:visible!important;
        opacity:1!important;
        -webkit-transform:rotateY(0)!important;
        -moz-transform:rotateY(0)!important;
        -ms-transform:rotateY(0)!important;
        transform:rotateY(0)!important;
        -webkit-transform:rotateX(0)!important;
        -moz-transform:rotateX(0)!important;
        -ms-transform:rotateX(0)!important;
        -o-transform:rotateX(0)!important;
        transform:rotateX(0)!important
    }
    .services-post{
        max-width:250px;
        margin:0 auto 20px
    }
    .unik-section .image-place img{
        margin-bottom:20px
    }
    .vertical-tabs-box .tab-content{
        margin-left:234px
    }
}
.bggaleco,.ecogal{
    overflow:hidden;
    background:url(../images/footer_pattern.png)
}
.ecogal h1{
    font-weight:700;
    font-size:40px
}
.ecogaldiv .ac,.ecomain{
    border:1px solid;
    font-size:30px;
    padding:0 5px;
    font-weight:700
}
.ecogaldiv{
    margin-bottom:10px
}
.ecogaldiv .ac{
    color:#fff;
    background:#00b3aa
}
.ecomain{
    color:#00b3aa;
    background:#fff
}
.ecosmain{
    font-weight:700;
    font-size:21px
}
.ptitle,.ptitle2{
    font-size:40px;
    font-weight:600;
    text-align:center
}
.ecotabsub .ac{
    color:#98b83c
}
.ecotabsub{
    display:none
}
.ecotabsub p{
    line-height:1.5
}
div .ac{
    display:initial
}
.imgeco{
    padding:60px 0px 30px
}
.imgavc{
    border:1px solid #555;
    background-color:#eed;
    box-shadow:0 0 15px rgba(0,0,0,.6);
    -moz-box-shadow:0 0 15px rgba(0,0,0,.6);
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.6);
    -o-box-shadow:0 0 15px rgba(0,0,0,.6)
}
#main{
    margin-left:65px!important;
    margin-top:-65px!important;
    overflow:hidden!important;
    margin-right:65px!important
}
.imgs2,.imgs3{
    display:none
}
section .imgsss{
    overflow:hidden;
    background:url(../images/footer_pattern.png)
}
.ptitle{
    margin-bottom:100px
}
.ptitle2{
    margin-bottom:125px;
    margin-top:-20px
}
.ptitle3{
    font-size:60px;
    font-weight:600;
    margin-bottom:100px;
    text-align:center;
    margin-top:90px;
    color:#fff
}
.trds_butt{
    border:1px solid #77c9c4;
    border-radius:12px;
    -webkit-box-shadow:0 0 2px #636363;
    padding:7px 12px!important
}
.accordion-inner b{
    font-weight:600!important
}
.slick-dots li button{
    font:0/0 a;
    text-shadow:none;
    color:transparent;
    background-color:#999;
    border:none;
    width:15px;
    height:15px;
    border-radius:50%
}
.slick-dots li{
    display:inline-block;
    margin-left:4px;
    margin-right:4px
}
.slick-dots{
    text-align:center;
    margin:0 0 10px;
    padding:0
}
.slick-dots li.slick-active button{
    background-color:#658a47
}
p.about-para-w3ls{
    color:#3b3b3b;
    font-size:15px;
    line-height:25px;
    letter-spacing:.5px;
    margin-bottom:2em;
    text-align:center;
    font-weight:700;
    font-family:PlayfairDisplay-Regular
}
.slick-slide img{
    padding-left:30px
}
.mapti2 p{
    padding:6px 0 0;
    border-bottom:1px solid #ccc;
    text-align:unset;
    width:90%;
    font-size:15px;
    margin-left:10px;
    margin-right:98px;
    cursor:pointer
}
#navbar a{
    font-weight:500!important
}
#navbar,.topnav{
    box-shadow:0 0 20px 0 rgba(0,0,0,.4)
}
.customer_sayings{
    background-image:url(../images/customer-reviews-banner.jpg);
    height:327px
}
div[style] .form-controls{
    border:1px solid #e8e8e8;
    border-radius:5px!important;
    background:#fff!important;
    color:#000!important;
    padding:16px!important;
    font-size:20px;
    box-shadow:none
}
.btn-successs{
    color:#fff;
    background-color:#77c9c4;
    border-color:#77c9c4
}
.foot_dr ul>li>a,.ptitle4,.trds_buttt{
    color:#000
}
.ptitle4{
    font-size:40px;
    font-weight:600;
    text-align:center
}
.modal-title h2{
    margin-top:-5px;
    margin-bottom:10px
}
.trds_buttt{
    border:1px solid #77c9c4;
    border-radius:12px;
    -webkit-box-shadow:0 0 2px #636363;
    padding:10px;
    font-weight:700
}
.review-listings{
    width:100%;
    display:block
}
.review-listings ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.review-listings-cont{
    font-family:'Source Sans Pro',sans-serif
}
.review-listings ul li{
    width:100%;
    display:inline-block;
    background-image:url(../images/grey_dots.jpg);
    background-position:left bottom;
    background-repeat:repeat-x;
    padding-bottom:10px;
    padding-top:10px;
    font-family:Telex-Regular;
    color:#000;
    font-size:13px
}
.review-listings ul li .review-listings-cont{
    padding-top:15px
}
.review-listings ul li .review-listings-cont .review-left{
    width:20%;
    float:left;
    padding-left:35px;
    font-weight:700
}
.review-listings ul li .review-listings-cont .review-left img{
    margin-bottom:10px;
    border:1px solid #eaeaea;
    padding:2px
}
.review-listings ul li .review-listings-cont .review-left p{
    margin-bottom:5px;
    font-size:11px;
    color:#878787;
    text-align:justify
}
.review-listings ul li .review-listings-cont .review-mid{
    width:50%;
    float:left;
    color:#000;
    padding-left:50px
}
.review-listings ul li .review-listings-cont .review-mid p{
    font-size:17px;
    text-align:justify
}
.review-listings ul li .review-listings-cont .review-right{
    font-size:17px;
    width:30%;
    float:right;
    color:#000;
    padding-left:50px
}
.animation_image{
    background:#F9FFFF;
    border:1px solid #E1FFFF;
    padding:10px;
    width:500px;
    margin-right:auto;
    margin-left:auto
}
@media(max-width:981px){
    .Ecolife_deve13{
        margin-top:0!important
    }
    #footer{
        height:auto!important
    }
    .derts{
        margin-top:20px
    }
    .slick-slide img{
        padding-left:95px
    }
    .Ecolife_deve12{
        height:630px!important
    }
}
.derts h3{
    color:#fff;
    font-size:22px
}
.lumos-link img{
    margin-bottom:10px;
    border-radius:15px
}
@media only screen and (min-width:1920px){
    #sidebar{
        display:block;
        visibility:hidden
    }
    #navbar{
        top:-102px!important
    }
    #navbar a{
        padding:8px 35px!important
    }
}
.fb,.lin,.tw{
    font-size:17px;
    border:1px solid #fff;
    padding:10px;
    margin:0 5px
}
.fb:hover{
    color:#3B5998
}
.lin:hover{
    color:#0077B5
}
.tw:hover{
    color:#1DA1F2
}

@media (max-width: 600px) {
	#sidebar {
		width: 411px;
		height: 100px;
	}
	
	.holder p {
		font-size: 18px!important;
		width: 125%;
		line-height: 30px;
	}
	
	.holder {
		padding-right: 65px!important;
		padding-left: 5px!important;
	}
	
	a.elemadded {
		display: block;
		float: right;
		margin-top: 0px;
		font-size: 25px;
		font-weight: 600;
		margin-right: 70px;
	}
	
	.logo img {
		width: 50%;
		float: left;
		margin-top: 0px;
	}
	
	.its_img {
		margin-left: 0;
	}
	
	.its_img img {
		width: 100%;
		height: auto;
	}
	
	.qindex12[style] {
    padding-left: 0px !important; 
	}
	
	.trds_but {
		width: 100%;
	}
	
	#footer .container:first-child p {
		color: #fff;
		font-size: 18px;
	}
	
	.cell1 {
		width: 100%;
		background: #fff;
		margin-top: 10px;
		top: -88px;
		z-index: 999;
		padding: 0 5px;
		box-shadow: 0 0 30px #716f6fcc;
		position: relative;
		margin-left: 0px;
	}
	
	.demo-gallery, .icon_eco>ul>li>i {
		margin-left: 0;
		margin-right: 0;
	}
	.image img {
		width: 100%;
		height: auto;
	}
	
	.section-scrollbar {
		margin-top: 100px;
	}
	
	.qindex12 {
		padding-left: 10px !important;
		padding-right: !important;
		padding-right: 70px !important;
		margin-top: 8px !important;
	}
	
	.Ecolife_deve img {
		margin-left: 30px;
		margin-top: 16px;
		width: 80%;
	}
	
	.topnavv {
		bottom: -85px !important;
		z-index: 12;
	}
	
	.navbar-vertical.active {
		width: 100%;
	}
	
	.project h2 {
		font-size: 30px;
	}
	
	p.proj_p {
		margin-left: 15px;
		    width: 100%;
	}
	
	.w11 {
		    width: 300px;
	}
	
	.data_logo1 img {
		width: 70%;
		max-width: 100%;
	}

	.data_logo1 img {
		margin-top: -15px !important;
		width: 68%;
		padding: 0px !important;
	}
	
	.imgeco {
		padding: 33px 0px 30px 0px;
	}
	
	.imgavc {
		width: 100% !important;
		height: auto;
	}
	
	.w3-content.w3-display-container {
		margin-left: 0; 
	}
	
	.mySlides {
		width: 100%;
		height: auto;
	}
	
	.w3-button {
		left: -105px;
		font-size: 33px;
		top: -72px;
	}
	
	.Ecolife_deve13 {
		padding-left: 0;
	}
	
	p.about-para-w3ls {
		color: #3b3b3b;
		font-size: 15px;
		line-height: 25px;
		letter-spacing: .5px;
		margin-bottom: 2em;
		text-align: center;
		font-weight: 700;
		font-family: PlayfairDisplay-Regular;
		margin-left: 17px;
		width: 100px
	}
	
	.slick-slide img {
		padding-left: 25px;
	}
	
	.spc p {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.trds_but12 {
		width: 100%;
	}
	
	.spc_img {
		margin-left: 0px
	}
	
	.cont_img h2, .text1 a {
		font-size: 18px;
	}
	
	.cont_img {
		overflow: hidden;
	}
	
	span.elc {
		font-size: 36px;
		font-weight: 600;
		padding: 5px;
	}
	
	.spc2 {
		margin-right: 0px;
	}
	
	.fact_h1 {
		font-size: 24px;
		padding: 0px;
		margin-left: 7px;
		font-weight: 600;
	}
	
	.slick-slide {
		display: none;
		float: left;
		height: 100%;
		min-height: 1px;
		width: 175px !important;
	}
	
	.ptitle4 {
		font-size: 40px;
		font-weight: 600;
		text-align: center;
		margin-left: 36px;
	}
	
	.slick-slider .slick-dots {
		display: none !important;
	}
	
	.header-wraper h2 {
		font-size: 35px;
	}
	
	span.light {
		font-size: 26px;
		font-weight: 500;
		color: #2C2C34;
		text-transform: initial;
	}
	
	.hhhw {
		display: none;
	}
	
	header .main-menu>li a {
		font-size: 20px!important;
	}
	
	.navbar-vertical.active {
		width: 80%;
	}
	
	.spc_img1 {
		margin-right: 0 !important
	}
	
	.holder-new p {
		font-size: 18px!important;
		width: 100% !important;
		line-height: 30px;
	}
	
	.azz img {
		width: 90% important;
	}
	
	.xss {
		padding-left: 0px !important;
	}
	
}

.axs {
	height: 600px !important;
}

.tabcontent img {
	height: 550px !important;
    width: 95%;
}

.holder-new p{
	padding-bottom: 0px !important;
}

.spop {
	cursor: pointer;
}

.spopbody {
	display:none;
}

.spc_img1 {
    margin-top: 15px;
    background: 0 0;
    box-shadow: 0 0 32px #c8cff3;
    -webkit-box-shadow: 0 0 44px #636363;
    -ms-box-shadow: 0 0 32px #c8cff3;
    margin-right: -60px;
}

.spc_img1 img {
    width: 100%;
    margin-top: -25px;
}

.trds_but11 {
    width: 30%;
    padding: 18px;
    margin-top: -70px;
    margin-bottom: 24px;
    border: 1px solid #505050;
	display: inline-block;
    color: #000;
    font-size: 19px;
    font-weight: 600;
    -webkit-box-shadow: 0 0 2px #636363;
	cursor: pointer;
}
.trds_but11:hover {
	color: #99b93e !important;
}

.spc h3 {
	    line-height: 1.5 !important;
}

.bnb {
	position: relative;
    top: -50px;
}