html,body{
  overflow-x: hidden;
  margin-bottom: -8px;
  /* height:100%; */
}
    ::-webkit-scrollbar
    {
        display: none;
    }


.logo
{
    width:250px;
    height:110px;
}

.para
{
   text-align: justify;
    color: black;
    font-weight: bold;
}
.foot
{
  margin-left:44px;
}
/* fixed social*/


#fixed-social {
    color: #fff;
    position: fixed;
    top: 300px;
    z-index:99999;
  }
  
  #fixed-social a {
    color: #fff;
    display: block;
    height: 40px;
    position: relative;
    text-align: center;
     line-height: 40px;
    width: 40px;
    margin-bottom: 1px;
    z-index: 2;
  }
  #fixed-social a:hover>span{
   visibility: visible;
   left: 41px;
   opacity: 1;
   color: #fff;
  } 
  #fixed-social a span {
    color: #fff;
   line-height: 40px;
     left: 60px;
     position: absolute;
     text-align: center;
     width: 120px;
     visibility: hidden;
     transition-duration: 0.5s;
     z-index: 1;
     opacity: 0;
  }
  .fixed-facebook{
    background-color:blue;
  }
  .fixed-facebook span{
   background-color: blue;
  }
  .fixed-twitter{
   background-color:rgb(69, 209, 209);
  
  }
  .fixed-twitter span{
    background-color: rgb(69, 209, 209);
  }
  
  .fixed-linkedin{
   background-color: #0e76a8;
  
  }
  .fixed-linkedin span{
    background-color: #0e76a8;
  }
  .fixed-instagrem{
   background-color: #e4717a;
  
  }
  .fixed-instagrem span{
    background-color:#e4717a ;
  }
  .fixed-skype{
    background-color:#0e76a8;
   
   }
   .fixed-skype span{
     background-color: #0e76a8;
   }
  
  .fixed-youtube{
    background: #bb0000;

  }
  
  .fixed-youtube span{
    background: #bb0000;

  }
  
  /* end social links */

  /* services */
  .serviceBox{
    background: linear-gradient(to right,#FF9900,#FF9900);
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 5px 30px 25px;
    margin: 10px 0 0 0;
    border-radius: 0 30px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    position: relative;
    z-index: 1;
    height: 300px;
}
.serviceBox:before{
    content: "";
    background: #fff;
    width: calc(100% - 10px);
    height: 100%;
    border-radius: 0 30px 0 30px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    position: absolute;
    top: -10px;
    left: 0;
    z-index: -1;
}
.serviceBox .service-icon{
    color: #333333;
    background: linear-gradient(to right,#FF9900 50%,#333333 130%);
    font-size: 40px;
    width: 70%;
    padding: 8px 0 6px;
    margin: 0 0 35px -30px;
    border-radius: 0 50px 50px 0;
    box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.2) inset;
}
.serviceBox .title{
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.serviceBox .title:after{
    content: '';
    background-color: #ff9901;
    height: 2px;
    width: 60%;
    margin: 5px auto 0;
    display: block;
    clear: both;
}
.serviceBox .description{
    color: #999;
    font-size: 13px;
    font-weight: 500;
    line-height: 23px;
    text-align: justify;
    margin: 0 0 25px;
}
.serviceBox .read-more{
    color: #999;
    font-size: 13px;
    transition: all 0.3s ease 0s;
}
.serviceBox .read-more i{ font-size: 11px; }
.serviceBox .read-more:hover{
    color: #ff9901;
    text-decoration: underline;
}
.serviceBox.green{ background: linear-gradient(to right,#ABED1A,#38AE3E); }
.serviceBox.green .service-icon{ background: linear-gradient(to right,#ABED1A 50%,#38AE3E 130%); }
.serviceBox.green .title{ color: #38AE3E; }
.serviceBox.green .title:after{ background-color: #38AE3E; }
.serviceBox.green .read-more:hover{ color: #38AE3E; }
@media only screen and (max-width:990px){
    .serviceBox{ margin: 10px 0 40px; }
}

  /* end of services */

  .btn{
    border-radius: 5px 30px;
    color:#333333;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.btn-lg{
    padding: 6px 22px;
}
.btn-sm{
    padding: 5px 18px;
}
.btn-xs{
    padding: 3px 15px;
}
.btn:hover{
    border-radius: 30px 5px;
    color:#fff;
}
.green{
    background: #FF9900;
}
.green:hover{
    background: #FF9900;
}

.fa {
  padding: 8px;
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  /* float: right; */
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

@media(max-width:768px)
{

  /* .intro-section, .intro-section .container .row {
    height: 200px;
   } */
   /* .mobimg
   {
     width: 200px;
     height:200px;
   } */
    .imgHeight {
    height: 200px;
   }

   .owl-dots
   {
    display: none;
    visibility: hidden;
   }

   .site-wrap
   {
    /* height: 290px; */
   }
   html,body
   {
     height: 100%;
   }
   .logo
   {
     width: 100px;
     height: 50px;
     margin-bottom: 5px;;
   }
   .togglebutton
   {
     margin-top:-50px;
   }
   .mobrow
   {
     margin-top:-500px;
   }
   .foot
   {
     margin-left:0px;
   }
}