/*------------------------------------------------------------------
[Master Stylesheet]

Project:
Version:  1.0
Assigned to:  WebNik
Primary use:
-------------------------------------------------------------------*/


/* FONTS*/
@import 'https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i';
@import '../fonts/font-awesome-4.6.3/css/font-awesome.min.css';
@import '../fonts/stroke/style.css';
@import '../fonts/elegant/style.css';
@import '../fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css';
@import '../fonts/flaticon/flaticon.css';


/* PLUGIN CSS */

@import '../libs/bootstrap/bootstrap.css';                /* bootstrap */
@import '../plugins/bootstrap-select/css/bootstrap-select.css';   /* select customization */
@import '../plugins/headers/header.css';                /* header */
@import '../plugins/headers/yamm.css';                /* header */
@import '../plugins/slider-pro/slider-pro.css';         /* main slider */
@import '../plugins/owl-carousel/owl.theme.css';                 /* other sliders */
@import '../plugins/magnific-popup/magnific-popup.css';            /* modal */
@import '../plugins/animate/animate.css';                        /* animations */
@import '../plugins/revealer/css/revealer.css';                        /* animations */
@import '../plugins/parallax/parallax.css';                        /* parallax */
@import '../plugins/flowplayer/skin/playful.css';          /* video-player */





/* MAIN CSS */

@import 'theme.css';
@import 'color.css';
@import 'responsive.css';

/*enquiryform*/
.box {
  width: 100%;
  text-align: center;
}
.box .btn{
    right: -57px;
    top: 365px;
    z-index: 9999;
    width: 10%;
    box-shadow: 0px -16px 74px 21px #000;
    position: fixed;
    background: #ff0303;
    color: white;
    font-weight: 900;
    transform: rotate(90deg);
    padding: 2px 0px;
    opacity: 1;
}
@media screen and (max-width: 450px){
  .box{
    width: 70%;
  }
 .box .btn{
    right: -28px;
    top: 300px;
    z-index: 9999;
    width: 20%;
 }
 
}
/*enquiry form end*/

/*whtsapp btn*/
.floating-containerr {
    position: fixed;
    width: 170px;
    height: 35px;
    left: -9.5%;
    bottom: 30%;
    z-index: 9999;
    transition: all 0.3s;
}
.floating-containerr:hover {
    background: #0ca456;
    bottom: 30%;
    border-radius: 3%;
    left: 0%;
    right: 0;
    color: white;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    z-index: 100;
    font-weight: 700;
}
.floating-containerr:hover .floating-buttonn {
  width: 170px;
    height: 35px;
    background: #139251;
    border-radius: 3%;  
     box-shadow: 0 10px 25px -5px rgb(20, 147, 10); 
}

.floating-containerr .floating-buttonn {
  position: absolute;
    width: 154px;
    height: 35px;
  background:#35b105;
  bottom: 0;
  border-radius: 3%;
  left: 15px;
  right: 0;
  margin: auto;
  color: white;
  line-height:35px;
  text-align: center;
  font-size: 16px;
  z-index: 100;
  box-shadow:0 10px 25px -5px rgb(53, 177, 5);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ban-img {
    margin-top:5%;
    width: 100%;
    height: 100vh;
  }
  @media (max-width:768px){
    .ban-img {
      margin-top:27% !important;
    }
    .floating-containerr {
      left:-30%;
    }
  }
@media only screen and (max-width: 400px) {
  .floating-container {
      left: -37.5%;
  }
  .floating-containerr {
      left: -37.5%;
  }
  
}

/*whatsapp button*/