.abt-para
{
	color: #33a83d;
    font-size: 17px;
    font-weight: 500;
}
.de_count.ultra-big h3{
    font-size:100px;
    line-height:1em;
    color: #33a83d;
}
header.header-mobile {
    position: fixed;
    background: #ffffff;
    z-index: 1000;
}

.separator span:before,
.separator span:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgb(40, 80, 46);
  top: 5px;
  width: 300px;
}
#section-portfolio {
    background: #c5c6c6;
    width: 101%;
    overflow: hidden;
}
.de_tab.tab_steps .de_nav li span:hover {
    background: #c5c6c6 !important;
    border: none;
    color: #fff;
}
.de-team-list .team-desc {
    width: 100%;
    height: 100%;
    padding: 20px;
    padding-bottom: 0;
    position: absolute;
    z-index: 100;
    top: 100%;
    background: #c5c6c6;
    color: #33a83d;
    border:1px solid  #33a83d;
}
.subfooter {
    background: #c5c6c6;
    padding: 30px 0 20px 0;
}
footer {
    background: #ffffff;
    color: #000000;
    padding: 40px 0 0 0;
}
.rd-more
{
    border: 1px solid #33a83d !important;
    color: #33a83d !important;
    /* background-color: #c5c6c6; */
}
.rd-more:hover{
    color:  #ffff !important;
    background-color:#33a83d;
}
header {
	width: 100%;
	height: 80px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	background:transparent;
	border-bottom:solid 1px rgba(0,0,0,0.0);
	}

 
    header div#logo1 {
        margin-top: 17px;
        float: right !important;
        padding: 0% 0% 0% 5%;
        display: table;
        height: 80px;
        float: right;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .sub-h
    {
        margin-top: 0%;
    }
    .pro-list
    {
        display: flex;
    }
    #a
    {
        order:1;
    }
    #b
    {
        order:2;
    }
    .mob-test
  {
    display:none;
  }
  .mob-test1
  {
    display:block;
  }
  
   
    .social-icons a i
    {
        color:#33a83d !important;
    }
    header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile) {
        height: 70px;
        background: #ffffff !important;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    }

    .widget_top_rated_product li {
        min-height:80px;
        margin-bottom: 10px;
        width:100%;
        }

        .blg-p
    {
        padding: 11% 0% 0% 0%;
    }

    .sm-bg
    {
        width: 100%;
    padding: 45px;
    transform: scaleX(-1);
    height: auto;
    }
    .de_count.ultra-big h3{
		font-size:55px;
		line-height:1em;
		
	}
    .de_count.ultra-big.s2{
		border: solid 1px #33a83d;
    padding: 10px 0px;
	}
    .sm-bor
    {
        border: double #cccbcb;
    }
    .sm-sec
    {
        padding-bottom: 20px;
    }
    .sm-font
    {
        color: #4d4d4d;
        font-size:17px;
        font-family:"Marcellus";
        text-align: justify;
    }

    .geeks img {
        width: 100%;
        transition: 0.8s all ease-in-out;
    }
 
    .geeks:hover img {
        transform: scale(1.5);
    }

    .gee2{
        padding: 2%;
        height: 550px;
       
    }
    .gee2:hover
    {
        /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
        transition: 0.3s all ease-in-out;
        border-left: 1px solid #33a83d;
        
    }

    .sm-testi
    {
        padding: 3% 2%;
    background-color: #ffffffd1;
    border: double currentColor;
   }
  .sm-count
  {
    color: #414141 !important;
    font-family: "Marcellus";
  }

  .di-small {
    position: absolute;
    width: 71%;
    height: auto;
    top: 22%;
    left: -20%;
    z-index: -1;
}
.sm-testi-img
{
    display: initial !important;
    width: 160px !important;
    height: 80px;
    padding: 6px;
    border: double;
    border-color: #c5c5c5;
    margin-top: -74px;
    background-color: #fff;
}


#section-service-s1.side-bg .background-image {
	background: url(../img/sites/Dilip-Ranka/32.jpg);
}

#section-service-s2.side-bg .background-image {
	background: url(../img/sites/Dilip-Ranka/10.jpg);
}
#section-service-s3.side-bg .background-image {
	background: url(../img/sites/Dilip-Ranka/36-1.jpg);
}
#section-service-s4.side-bg .background-image {
	background: url(../img/services/turnkey-service-page.jpg);
}


.sm-ser-body
{
    background: url(../img/sites/chandak/Untitled-1.jpg);
}
#mainmenu > li > a{
	line-height:35px;
	font-weight: 600;
  font-family: Montserrat;
	}

    .sm-social
    {
        padding: 10px;
        color: #b90221 !important;
    }
    .picframe1 {
        position: relative;
        overflow: hidden;
        width: 300px;
        height: 200px;
    }
    #filters a {
        color: #33a83d;
        border: solid 1px #555;
        font-size: 13px;
        }
    #filters a:hover {
        background: #888888 !important;
        color: white;
    }
    
    .intro-2
    {
      font-size: 18px;
      font-weight: 500;
      line-height: 1.7em;
      color: #4d4d4d;
      font-family: Marcellus;
      text-align: justify;
    }
    
    /* Social Icons */
    /* .icon-bar {
        position: fixed;
        left: 0;
        top: 80%;
       z-index: 9999;
       width: 40px;
       
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border-radius: 12px;
        
      }
      
      .icon-bar a {
        display: block;
        text-align: center;
        padding: 9px 0px;
        transition: all 0.3s ease;
        color: white;
        font-size: 16px;
      } */
      
      /* .icon-bar a:hover {
        background-color: #b90221;;
      } */

      /* .icon-bar a:hover  {
        border: 1px solid red;
        transition: all 0.3s ease;
        background-color: white;
      } */
      
      
      
      .green {
        background: #03a84e;
        color: white;
        margin-top:5px;
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
      }
      
      .orange {
        background: #dd4b39;
        color: white;
        margin-top:5px;
        border-top-left-radius:5px;
         border-bottom-left-radius:5px;
      }
      
      
      
      /*-------------------------------------
#float Button
--------------*/
  /* .icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
  }
  
  .icon-bar a:hover {
    background-color: #b90221;
    color: white;
  } */
  
  .facebook {
    background: #ffffff54;
    color: white;
    border-top-right-radius:10px;
  }
  
  .instagram {
    /* background-image: linear-gradient(to right,#7d49d1,#bd2d6d); */
    background: #ffffff54;
    color: white;
    
  }
  .linkedin
  {
    /* background-image: linear-gradient(to right,#3e0e8d,#2515a0); */
    background: #ffffff54;
    color: white;
  }

  .youtube
  {
    /* background-image: linear-gradient(to right,#c71010,#bd2d6d); */
    background: #ffffff54;
    color: white;
  }
  
  .whatsapp {
    background: #ffffff54;
    color: white;
    border-bottom-right-radius:10px;
  }
  blockquote span {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-align: justify;
    }
    .name
    {
      text-align: center;
      text-align: center;
      font-weight: 600;
      font-size: 18px;
      margin-top: 16px;
    }
    .tsst{
        MARGIN-BOTTOM: 0% !important;
    }
    .tss-bg
    {
        background-color: #fff;
    }

    .tp-caption {
        z-index: 1;
        transition: ease 0.9s !important;
    }


     /* Floating Social Media Bar Style Starts Here */
     .icon-bar1 {
        position: fixed;
        right: 0;
        top: 45%;
       z-index: 9999;
       
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        
        
      }
 
.fl-fl {
    background: #fff;
    text-transform: uppercase;
    /* letter-spacing: 3px; */
    padding: 4px;
    width: 210px;
    position: fixed;
    right: -174px;
    z-index: 1000;
    font: normal normal 10px Arial;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
     /* border:1px solid red; */
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  
  .fa {
    font-size: 20px;
    color: #28502e;
    padding: 10px 0;
    /*width: 40px;*/
    /*margin-left: 8px;*/
    
  }
  .fa:hover fa {
    font-size: 20px;
    color: #fcfcfc;
    padding: 10px 0;
    width: 40px;
    margin-left: 8px;
    
  }
  
  .fl-fl:hover {
    right: 0;
  }
  
  .fl-fl a {
    color: #000 !important;
    text-decoration: none;
    text-align: center;
    line-height: 43px!important;
    vertical-align: top!important;
    font-size: 15px;
    font-family: 'Marcellus';
    padding-left: 16px;
   
  }
  
  .float-fb {
    top: 160px;
  }
  
  .float-tw {
    top: 215px;
  }
  
  .float-gp {
    top: 270px;
  }
  
  .float-rs {
    top: 325px;
  }
  
  .float-ig {
    top: 380px;
  }
  
  .float-pn {
    top: 435px;
  }
  .fav
  {
    color:#b90221 !important;
    font-size: 17px !important;
    font-family: 'Marcellus', sans-serif !important; 
    font-weight: 600 !important;
    padding-left: 7px;
  }
  /* Floating Social Media Bar Style Ends Here */

  .size-72{
    font-size: 72px;
  }
  .de-images1 {
    position: relative;
    width: 100%;
    
}
.de-images1 img {
  border-radius: 5px;
  -webkit-box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.2);
  -moz-box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.2);
  box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.2);
}
.subfooter span{
  font-family:'Montserrat' !important;;
}

.blo-hd
{
  display: none;
}
.ser-det-txt
{
  /* background-color: red; */
    height: 225px;
}
.akar 
{
  height: 55px;
}
.id-color {
  color: #33a83d;
  font-size: 22px;
  font-weight: 400;
}
.id-color2
{
  color: #848484;
  font-size: 22px;
}
.abt-light
{
  line-height: 2.2em;
    color: #33a83d;
    text-decoration: underline;
}

/* for social  notch */

.icon-bar {
  position: fixed;
  left: 0;
  top: 92%;
 z-index: 9999;
 width: 35px;
 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 0px 12px 12px 0px;
  
}
.icon-bar a {
  display: block;
  text-align: center;
  padding: 9px 0px;
  transition: all 0.3s ease;
  color: #33a83d;
  font-size: 18px;
  background-color: #ffffff;
  border-radius: 20px;
  width: 33px;
  margin-top: 8px;
}
.icon-bar a:hover  {
  /* border: 1px solid red; */
  transition: all 0.3s ease;
  background-color: #C5C6C6;
  color: #33a83d;
}
.Meta{
  text-align: center;
  margin: 0 auto;
  width: 600px;
}

.Post{
  margin: 0 auto;
  padding: 19px 0px 0px 0px;
  width: 46px;
}

.Post-header{
   /* border-bottom: 1px solid darken($turquoise, 7%); */
  margin-bottom: 2rem;
  h1{
    margin-bottom: 2rem;
  }
}

.Post-entry{
  padding: 0 0 1rem;
}

.Post-footer{
  /* border-top: 1px solid darken($turquoise, 7%); */
  position: relative;
  background: transparent;
  padding: 0px;
}

/* .Share-icon{
  font-size: em(14);
  position: relative;
  display: block;
  height: 28px;
  width: 28px;
  margin:auto;
  left: 0;
  right: 0;
  top: -15px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  cursor: pointer;

} */

.Share-icon {
  font-size: 18px !important;
  /* position: absolute; */
  position: relative;
  display: block;
  height: 28px;
  width: 28px;
  margin: auto;
  left: 0;
  right: 0;
  top: -15px;
  color: #fff;
  /* line-height: 28px; */
   text-align: center;
  cursor: pointer;
  margin-left:5px;
  padding-right:5px;
}

/* .Post-share{
 display: block; 
  height: 0;
  overflow: hidden; 
  background: darken($turquoise, 7%);
  text-align: center;
  @include transition(height 0.5s $ease-in-out-back);
  a{
    height: 12px;
    width: 12px;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    line-height: 12px;
    display: inline-block;
    margin: 0 4px;
    color: darken($turquoise, 7%);
    background: darken($turquoise, 14%);
    transition: 0.5s ease;
    @include border-top-radius(100%);
    @include border-bottom-radius(100%);
    @include transition(background 0.5s ease);
    
  }
} */

.Post-share {
  height: 0;
  overflow: visible;
  background: darken(#ddd, 7%);
  text-align: center;
  transition: height 0.5s ease-in-out-back;
}

/* .Post-share a {
  height: 12px;
  width: 12px;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  line-height: 12px;
  display: inline-block;
  margin: 0 4px;
  color: darken(#ddd, 7%);
  background: darken(#ddd, 14%);
  transition: 0.5s ease;
  border-top-radius: 100%;
  border-bottom-radius: 100%;
  transition: background 0.5s ease;
} */

.Share-buttons{
  padding: 5px 6px;
  margin-top: -280px;
}

#share-icon{
  display: none;
  position: fixed;
}

#share-icon:checked ~ .Post-share{
  height: 185px;
  transition: 0.3s ease;
  /* margin-top: -220Px; */
  /* overflow: visible; */
  overflow: hidden;
}
.free
{
  background-size: cover;
    background-color: #a9a9a9;
    height: 40px;
}
/* end of social notch */

/* whatsapp */
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:87px;
	right:30px;
	background-color:#a9a9a9;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:5px;
}

.post-text h4{
  color:#33a83d;
  text-decoration: underline;
}


.navbar1 {
  overflow: hidden;
  /* background-color: #333;  */
}

.navbar1 a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 13px;
    border: none;
    outline: none;
    color: #4d4d4d;
    /* padding: 9px 20px 8px; */
    padding: 1px 18px 5px;
    background-color: inherit;
    font-family: 'Marcellus';
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.navbar1 a:hover, .subnav:hover .subnavbtn {
  background-color: rgb(165, 165, 165);
  color: white;
}

.subnav-content {
  display: none;
  position: absolute;
  /* left: 0; */
  background-color: rgb(255, 255, 255);
  /* width: 100%; */
  z-index: 1;
}

.subnav-content a {
  /* float: left; */
  float: none;
  color: white;
  text-decoration: none;
  display: block;
  padding: 4px 19px 8px 20px;
}

.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

.subnav:hover .subnav-content {
  display: block;
}

.id-color3 {
  color: #848484;
  font-size: 27px;
}
.id-color4
{
  color: #33a83d;
  font-size: 28px;
  font-weight: 600;
}

.crumb a
{
  font-family: 'Montserrat';
}
.crumb li {
  display: inline;
  text-decoration: none;
  padding: 0 2px 0 2px;
  font-family: 'Montserrat';
}
/* whatsapp */
/**************************** responsive ****************************************************/
  @media only screen and (max-width: 767px) {
    header div#logo1 {
        float: right !important;
        display: none;
        height: 80px;
        float: left;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .sub-h
    {
        margin-top: 20% !important;
    }
    .pro-list
    {
        display: block;
    }
    .blog-read .date-box
    {
     display:none !important;   
    }
    .blog-read .post-text {
    padding-left: 0px;
   }
    #a
    {
        order:2;
    }
    #b
    {
        order:1;
    }
    #filters li {
        display: list-item;
        margin-right: 5px;
        margin-bottom: 10px;
    }
    header.header-mobile #mainmenu li a {
        color: #4d4d4d;
        font-size: 15px !important;
    }
    .sty
    {
    text-align:center;
    }

    .mob-test
   {
     display:block;
   }
   .mob-test1
  {
    display:none;
  }
  .vnm
{
    margin-top: 16%;
}
.icon-bar {
    position: fixed;
    left: 0;
    top: 91%;
   z-index: 9999;
   /*width: 50px;*/
   width:35px;
   
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    /* border-radius: 12px; */
    
  }
  .icon-bar a {
    display: block;
    text-align: center;
    padding: 7px 4px;
    transition: all 0.3s ease;
    color:#33a83d;
    font-size: 20px;
}
.size-72{
  font-size: 20px !important;
}
 .facebook {
    background: #ffffff54;
    color: white;
    border-top-right-radius:10px;
  }
  
  .instagram {
    /* background-image: linear-gradient(to right,#7d49d1,#bd2d6d); */
    background: #ffffff54;
    color: white;
    
  }
  .linkedin
  {
    /* background-image: linear-gradient(to right,#3e0e8d,#2515a0); */
    background: #ffffff54;
    color: white;
  }

  .youtube
  {
    /* background-image: linear-gradient(to right,#c71010,#bd2d6d); */
    background: #ffffff54;
    color: white;
  }
  
  .whatsapp {
    background: #ffffff54;
    color: white;
    border-bottom-right-radius:10px;
  }
  .de-images {
    position: relative;
    width: 100%;
    margin-left: 17%;
}
.blo-hd
{
  display: block;
    font-weight: 600 !important;
    background-color: #9c9c9c66;
    padding: 5px;
}
.blog-list .date-box
{
  display:none;
}
.blog-list .post-text
{
  padding-left: 0px;
}
a.btn-line-white, .de_light a.btn-line-white {
    border: solid 1px #fff;
    color: #fff;
    padding: 7px 10px 7px 10px;
    /* text-decoration: none; */
    text-transform: uppercase;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0px;
    font-family: 'Montserrat';
}
#subheader
{
    margin-top:17%;
}
.fav {
    color: #b90221 !important;
    font-size: 17px !important;
    font-family: 'Marcellus', sans-serif !important;
    font-weight: 600 !important;
    padding-left: 0px;
}
.fl-fl {
    background: #fff;
    text-transform: uppercase;
    /* letter-spacing: 3px; */
    padding: 4px;
    width: 207px;
    position: fixed;
    right: -174px;
    z-index: 1000;
    font: normal normal 10px Arial;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
     /* border:1px solid red; */
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .icon-bar1 {
    position: fixed;
    right: 0;
    top: 33%;
    z-index: 9999;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sm-bg {
    width: 100%;
    padding: 26px;
    transform: scaleX(-1);
    height: auto;
}
.gee2 {
    padding: 2%;
    height: auto;
   
}
.Share-buttons {
    padding: 11px 6px;
    margin-top: -287px;
}
.ser-det-txt {
  /* background-color: red; */
  height: auto;
}
.subnav {
  float: none;
  overflow: hidden;
}
.container .col-md-12 
{
  margin-bottom: 0px;
}
  }