@media only screen and (max-width: 767px){

.col2{flex-basis: none !important;}
	.box {display:none;}
.hidesmall{ display: none !important}
	.col2{ width: 50%; float: left}
}
		

 

@media (min-width: 768px) and (max-width: 4500px) {
	
	.hidebig{ display: none !important}
	
}



.nav-link{font-size:13px !important;}

 

html, body {
   max-width: 100%;
   overflow-x: hidden;
}

.center {
     margin: 0 auto;
     display: block
 }

 .mt355 {
     margin-top: 355px
 }

 .mt273 {
     margin-top: 183px;
     height: fit-content;
 }


 .callcnt {
     background-color: #54c1c8;
     color: #fff
 }

 .inp1 {
     width: 100%;
     height: 35px;
     background-color: #fff;
     border: none !important;
     color: #000;
     padding-left: 14px
 }


 body {
     overflow-x: hidden !important; background-color:#000 !important; color:#fff !important;
 }


 .container2 {
     padding-left: 20% !important;
     padding-right: 20% !important;
 }


 .container5 {
     padding-left: 20% !important;
     padding-right: 20% !important;
 }


 .p13 {
     padding: 25px
 }

 .h38 {
    font-size: 20px !important;
    padding-bottom: 1rem;
    line-height: 27px;
 }


 .h382 {
    font-size: 16px !important;
    padding-bottom: 3rem;
    line-height: 27px;color: #8cad35;
 }



 .h39 {
     font-size: 36px !important;
 }


 .navs {
     position: absolute !important;
     left: 0;
     right: 0;
 }


 .datepicker td,
 .datepicker th {
     width: 1.5em;
     height: 1.5em;
 }

 .footer3 {
     background-color: #87a722
 }


 .gray2 {
     color: #878787
 }

 .submit {
     width: 100%;
     height: 44px;
     background-color: #333333;
     color: #fff;
     text-align: center;
     border: none
 }

 .pink {
    color: rgb(99, 134, 23);
    font-size: 23px;
    font-weight: bold !important;
 }

 .pink2 {
     color: #ff546c
 }


 .forms1 {
     width: 100%;
     height: 33px;
     background-color: transparent;
     border: none;
     border-bottom: 1px solid #131212;
     color: #ffffff;
     padding-left: 4px;
    border-color: rgb(255 255 255 / 74%);
 }

 .forms1:focus {
     outline: none
 }

 .forms2 {
     width: 100%;
     height: 70px;
     background-color: transparent;
     border: none;
      border-bottom: 1px solid #131212;
     color: #fff;
     padding-left: 4px;
     border-color: rgb(255 255 255 / 74%);
 }


 .contact-info i {
     display: inline-block;
     position: relative;
     margin: 0 auto 0 auto;
     border-radius: 50%;
     text-align: center;
     width: 30px;
     height: 30px;
     font-size: 16px;
     border: 1px solid #bfbfbf;
     padding: 6px;
     margin-right: 10px;
     float: left;
 }

 .contact-info .cont-d {
     padding-top: 5px;
     font-size: 14px
 }


 .m39 {
     margin-top: 39px !important;
 }

 .contact-info .list-group-item {
     font-size: 13px;
     padding: .3rem 1.25rem;
     border: none;
 }

 .orange {
     background-color: #E3811E;
     color: #fff
 }

 .green_01 {
     background-color: #429832;
     color: #fff
 }

 .blue_01 {
     background-color: #3668c3;
     color: #fff
 }


 .bg23 {
     background-color: #14a597 !important;
     color: #fff
 }

 .bg24 {
     background-color: #188bad !important;
     color: #fff
 }

 .bg25 {
     background-color: #9c3b3b !important;
     color: #fff
 }

 .bg26 {
     background-color: #c7892c !important;
     color: #fff
 }


 .pt-64 {
     padding-top: 103px !important
 }

 .pt-31 {
     padding-top: 31px
 }

 .line3 {
     border-bottom: 1px solid #171717 !important;
     padding-bottom: 16px !important;
 }

 .mn {
     min-height: 288px;
 }

 .bg22 {
     background-color: #87a045 !important;
     color: #fff !important
 }

 .carousel-control-prev-icon {
     background-color: #008b8b !important;
     height: 66px !important;
     padding: 13px !important;
     width: 28px !important;
 }

 .carousel-control-next-icon {
     background-color: #008b8b !important;
     height: 66px !important;
     padding: 13px !important;
     width: 28px !important;
     ;
 }

 .bgabout {
     background-color: #f5f9fc
 }


 .bgdarkblue {
     background-color: #384253;
     color: #fff
 }


 .btn-submit2 {
     background-color: #da4342;
     color: #fff;
     width: 206px;
     text-align: center;
     height: 40px;
     padding-top: 0px;
     border-radius: 6px;
     border: none
 }

 .mt-72 {
     margin-top: 65px
 }


/*light box*/

.w500{ width: 500px !important}


.lightbox-opened {
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9);
  cursor: pointer;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  padding: 24px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
}
.lightbox-opened:before {
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9);
  color: #eee;
  content: "x";
  font-family: sans-serif;
  padding: 6px 12px;
  position: fixed;
  text-transform: uppercase;
}
.lightbox-opened img {
  box-shadow: 0 0 6px 3px #333; width:800px; margin-top:6%;
}

.no-scroll {
  overflow: hidden;
}







 .custom-select {
     display: inline-block;
     width: 100%;
     height: calc(2.25rem + 2px);
     padding: .375rem 1.75rem .375rem .75rem;
     line-height: 1.5;
     color: #495057;
     vertical-align: middle;
     background: #fff url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E) no-repeat right .75rem center;
     background-size: 8px 10px;
     border: 1px solid #ccc;

     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: #f1f2f2 !important;
 }


 .input1 {
     width: 100%;
     height: 40px;
     border: 1px solid #ccc;
     background-color: #f1f2f2;
     padding-left: 7px;
     border-radius: 4px
 }


 .input2 {
     width: 100%;
     height: 70px;
     border: 1px solid #ccc;
     background-color: #f1f2f2;
     padding-left: 7px;
     border-radius: 4px
 }


 .bgdark3 {
     background-color: #000 !important
 }


 .dark {
     background-color: #313131;
     color: #fff;
 }

 .f20 {
     font-size: 20px !important
 }

 .mt-7 {
     margin-top: 10rem
 }



/*

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Roboto Slab', serif !important;
     font-weight: 100 !important
 }
*/

 h1 {
     font-size: 52px !important;
 }



 ul {
     list-style: none;
 }


 /*
 .bg {
     background: url(../img/banner.jpg)no-repeat center;
     background-size: cover; width: 100%; height: auto; color: #fff; min-height:700px
 }
 
*/

 .bg3 {
     background-color: #0a0b4e;
     width: 100%;
     height: auto;
     color: #fff;
     min-height: 700px
 }


 .bg4 {
      background-color: #000;
     width: 100%;
     height: auto;
     color: #fff;
 }

 .bgshape2 {
     background: url(../img/test.png)no-repeat center;
     width: 100% !important;
     background-size: contain;
     min-height: 400px;
     z-index: 222;
 }

 .banner {
     
     min-height: 500px;
     z-index: 222;
     top: 100px;
     position: relative;
 }



 .bgshape3 {
     background: url(../img/banner.jpg)no-repeat center;
     width: 100% !important;
     background-size: cover;
     min-height: 400px;
     z-index: 222;
     color: #fff
 }


 .topabout {
     padding-top: 15em
 }

 .dark2 {
     color: rgb(139, 140, 179) !important
 }


 /*
 .bgshape1 {
     background: url(../img/shape.png)no-repeat center;
    background-position-x: left;
    background-position: 0px 22px;
    background-size: 300px;
 }
*/





 .top {
     position: absolute;
     width: 100%;
     left: 0;
     right: 0;
 }






 .w180 {
     width: 180px
 }


 .btn-submit {
     background-color: #da4342;
     color: #fff;
     width: 100%;
     text-align: center;
     height: 40px;
     padding-top: 0px;
     border-radius: 6px;
     border: none
 }


 .btn-submit:hover {
     background-color: #ce0712
 }

 .btn-submit:focus {
     outline: none
 }

 .bt1 {
     border: 2px solid #cea85e !important;
     width: 139px;
     height: 39px;
     background-color: transparent;
     border: none
 }


 .banner_btn {
     width: 169px;
     height: 43px;
 }

 p {
     line-height: 27px
 }


.hr8{border-bottom: 3px solid #fff; width:18%}


 .text-right2 {
     text-align: right
 }

 .navbar-light .navbar-nav .show > .nav-link,
 .navbar-light .navbar-nav .active > .nav-link,
 .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .nav-link.active {
     width: 70px;
     text-align: center;

 }


 /*.bg6{ background-color: antiquewhite}*/

 .mn109 {
     margin-top: -109px;
 }


 .hr2 {
     border-top: 6px solid #4c897e !important;
     width: 60px;
     margin-top: 8px
 }

 .vp {
     background-color: #82a123d1;
     color: #fff
 }


 .mt-98 {
     margin-top: -98px
 }


 .p93 {
     padding: 93px !important; padding-right: 0px !important;padding-top: 30px !important; padding-bottom: 30px !important; padding-left: 50px !important
 }

 .p94 {
     padding: 46px !important
 }


 .tp {
     position: relative;
     top: -55px;
     z-index: 888888;
 }




 @-webkit-keyframes hue {
     from {
         -webkit-filter: hue-rotate(0deg);
     }

     to {
         -webkit-filter: hue-rotate(-360deg);
     }
 }




 .move {
     -webkit-animation: shapeani2 3s linear infinite;
     animation: shapeani2 3s linear infinite;
 }




 @-webkit-keyframes shapeani1 {
     0% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
     }

     50% {
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px);
     }

     100% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
     }
 }

 @-moz-keyframes shapeani1 {
     0% {
         transform: translateY(0px);
     }

     50% {
         transform: translateY(-20px);
     }

     100% {
         transform: translateY(0px);
     }
 }

 @-o-keyframes shapeani1 {
     0% {
         transform: translateY(0px);
     }

     50% {
         transform: translateY(-20px);
     }

     100% {
         transform: translateY(0px);
     }
 }

 @keyframes shapeani1 {
     0% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
     }

     50% {
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px);
     }

     100% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
     }
 }

 @-webkit-keyframes shapeani2 {
     0% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
     }

     50% {
         -webkit-transform: translateX(-20px);
         transform: translateX(-20px);
     }

     100% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
     }
 }

 @-moz-keyframes shapeani2 {
     0% {
         transform: translateX(0px);
     }

     50% {
         transform: translateX(-20px);
     }

     100% {
         transform: translateX(0px);
     }
 }

 @-o-keyframes shapeani2 {
     0% {
         transform: translateX(0px);
     }

     50% {
         transform: translateX(-20px);
     }

     100% {
         transform: translateX(0px);
     }
 }

 @keyframes shapeani2 {
     0% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
     }

     50% {
         -webkit-transform: translateX(-20px);
         transform: translateX(-20px);
     }

     100% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
     }
 }

 @-webkit-keyframes shapeimg {
     0% {
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @-moz-keyframes shapeimg {
     0% {
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @-o-keyframes shapeimg {
     0% {
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @keyframes shapeimg {
     0% {
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }




 .wp-icon {
     width: 37px;
     height: 37px;
     border-radius: 50%;
     color: #000;
 }

 .ten {
     font-size: 195px !important;
     color: rgb(255, 210, 0);
     margin-top: 23px;
 }

 .h609 {
     position: absolute;
     top: 38px;
 }


 .fa-facebook-f {
     background: #fff;
 }

 .fa-linkedin {
     background: #fff;
 }

 .fa-twitter {
     background: #fff;
 }

 .fa-instagram {
     background: #fff;

     box-shadow: 0px 3px 10px rgba(0, 0, 0, .25);
 }

 .fa-medium {
     background: #fff;
 }

 .fa-youtube {
     background: #fff;
 }

 .fa-pinterest {
     background: #fff;
 }

 .disable_float {
     float: inherit !important
 }

 .hr3 {
     border-top: 4px solid #585858 !important;
     width: 90px;
 }

 .ml-35 {
     margin-left: -40px
 }

 .flex {
     display: flex !important;
     align-items: center;
     justify-content: center;
 }

 ul li {

     float: left;
 }


 .white4 {
     position: fixed;
     width: 100%;
     height: 44px;
     left: 0;
     right: 0;
     background-color: #fff;
     min-height: 100px;
  
     z-index: 999999
 }





 .re {
     z-index: 222;
     top: 100px;
     position: relative;
 }

 .banner1 {
     background: url(../img/mob1.png)no-repeat center;
     background-size: cover;
     width: 100%;
     height: auto;
     color: #fff;
     min-height: 253px !important
 }


 .banner2 {
     background: url(../img/mob2.png)no-repeat center;
     background-size: cover;
     width: 100%;
     height: auto;
     min-height: 253px !important
 }

 .banner3 {
     background: url(../img/mob3.png)no-repeat center;
     background-size: cover;
     width: 100%;
     height: auto;
     min-height: 253px !important
 }







 .image-box {

     overflow: hidden;
 }

 .image2 {

     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .image2:hover {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -o-transform: scale(1.2);
     -ms-transform: scale(1.2);
     /* IE 9 */
     transform: scale(1.2);
 }








 .ksadj {
    width: 230px;
    position: absolute;
    left: 0px;
    margin-top: 223px;
 }


 .ksadj2 {
     width: 179px;
     position: absolute;
     right: 0px;
 }

 .h_02 {
     margin-top: -28px;
 }


 .count-title {
     font-size: 55px !important;
     font-weight: normal;
     margin-top: 10px;
     margin-bottom: 0;
     text-align: center;
 }

 .count-text {

     font-weight: normal;
     margin-top: 10px;
     margin-bottom: 0;
     text-align: center;
 }

 .padding_3 {
     padding-top: 3rem
 }

 .fa-2x {
     margin: 0 auto;
     float: none;
     display: table;
     color: #4ad1e5;
 }


 .an1 {
     animation-delay: .3s
 }

 .an2 {
     animation-delay: .4s
 }

 .an3 {
     animation-delay: .5s
 }

 .an4 {
     animation-delay: .6s
 }

 .an5 {
     animation-delay: .7s
 }

 .an6 {
     animation-delay: .8s
 }

 .an7 {
     animation-delay: .9s
 }



 .an8 {
     animation-delay: 1s
 }

 .an9 {
     animation-delay: 1.1s
 }


 .an10 {
     animation-delay: 1.2s
 }



 .navbar-light .navbar-toggler {
     background-color: #fff;
     outline: none
 }





 #minimal-bootstrap-carousel {
     margin-top: 0px;
     position: relative;
 }

 #minimal-bootstrap-carousel .carousel-caption {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     padding: 0;
     text-align: right;
     text-shadow: none;
 }

 #minimal-bootstrap-carousel .carousel-caption .container3 {
     display: table;
     width: 100%;
     height: 100%;
     margin-left: 10%;
     margin-right: auto;
     text-align: center;
 }

 @media (max-width: 1199px) {
     #minimal-bootstrap-carousel .carousel-caption .container3 {
         max-width: 960px;
     }
 }

 @media (max-width: 991px) {
     #minimal-bootstrap-carousel .carousel-caption .container3 {
         max-width: 720px;
     }
 }

 #minimal-bootstrap-carousel .carousel-caption .container3 .box {
     display: table-cell;
     text-align: left;
 }

 #minimal-bootstrap-carousel .carousel-caption .container3 .box.valign-top {
     vertical-align: top;
 }

 #minimal-bootstrap-carousel .carousel-caption .container3 .box.valign-bottom {
     vertical-align: bottom;
 }

 #minimal-bootstrap-carousel .carousel-caption .container3 .box.valign-middle {
     vertical-align: middle;
 }

 #minimal-bootstrap-carousel .carousel-caption .container3 .box .content {
     display: block;
 }

 #minimal-bootstrap-carousel [class*=carousel-control] {
     background: none;
     width: 50px;
     height: 50px;
     font-size: 36px;
     line-height: 48px;
     color: #fff;
     background-color: transparent;
     visibility: visible !important;
     opacity: 1;
     border: 1px solid #fff;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 99;
 }

 @media (max-width: 667px) {
     #minimal-bootstrap-carousel [class*=carousel-control] {
         width: 30px;
         height: 30px;
         font-size: 15px;
         line-height: 30px;
     }
 }

 @media (max-width: 480px) {
     #minimal-bootstrap-carousel [class*=carousel-control] {
         width: 40px;
         height: 40px;
         font-size: 17px;
         line-height: 40px;
         background: rgba(255, 255, 255, 0.4);
         color: #000;
     }
 }

 #minimal-bootstrap-carousel .carousel-control-prev {
     left: -1%;
 }

 #minimal-bootstrap-carousel .carousel-control-next {
    
 }

 #minimal-bootstrap-carousel [class*=carousel-control]:hover {
     background: #2d2d2d;
     border-color: #ffffff;
 }

 /* fixing slider height */
 #minimal-bootstrap-carousel.slider-home-one .carousel-inner .carousel-item {
     min-height: 1000px;
     height: 100%;
     width: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-color: #222;
 }


 .slider-content-style .content {
     text-align: center;
     position: relative;
     z-index: 999;
 }

 .slider-content-style .content h3,
 .slider-content-style .content h2,
 .slider-content-style .content p {
     margin: 0;
 }

 .slider-content-style .content h3 {
     color: #fff;
     font-size: 60px;
     line-height: 68px;
     font-weight: 600;
    
     -webkit-animation-delay: .5s;
     animation-delay: .5s;
 }

 .slider-content-style .content p {
    
     font-weight: 600;
     font-size: 18px;
     color: #FFFFFF;
     letter-spacing: .150em;
     margin-top: 20px;
     -webkit-animation-delay: 1.5s;
     animation-delay: 1.5s;
 }

 .slider-content-style .content a.thm-btn {
     background: #ffba60;
     display: inline-block;
     vertical-align: middle;
     color: #222222;
     font-size: 18px;
     letter-spacing: .1em;
     font-family: 'Josefin Sans';
     font-weight: 600;
     padding: 10px 17px;
     margin-top: 27px;
     transition: all .4s ease;
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
 }

 .slider-content-style .content a.thm-btn:hover {
     background: #fff;
 }

 .container3 {
     margin: 0 auto
 }

 

 /**/

.hideweb{ display: none !important}

 .navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 1.5rem !important;
 }

 

 @media only screen and (max-width: 767px) {
	 
	 .col{ display: contents }
     
     .lightbox-opened img{width: 240px;
    margin-top: 56%;margin-bottom: 32%;}
     
     
     .navbar-light .navbar-nav .nav-link {
         color: #fff !important
     }
     
     .m35{ margin-top: 35%}
     
     .hideweb{ display: inherit !important}
     
     .mt-ar{ margin-top: 10px}
     
     .mt-98{ margin-top: -66px}
     
     .container2{ padding-left: 1px !important; padding-right: 1px !important}
     
     .nonemobile{ display: none!Important}

     .move {
         display: none
     }

     .na {
         background-color: #507835e6;
     }

     .p93 {
         padding: 41px !important
     }

     .p94 {
         padding: 26px !important;
         padding-top: 0px !important;
     }

     .mt-mob4 {
         margin-top: 30px
     }

     .pt-mob1 {
         padding-top: 14px
     }

     .hideee {
         display: none
     }

     .mt-5mob {
         margin-top: 26px
     }

     .logo_m2 {
         margin: 0 auto !important;
         padding-top: 12px !important;
     }
 }





 @media (min-width: 768px) and (max-width: 4500px) {

     .hide3 {
         display: none
     }

     .spaceink{ margin-top: 0px}

 }

 
 
.side-bar-menu {
    border: 1px solid hsla(0,0%,59.2%,.29);
      background-color: #ffffffd6;
    width: 65px;
    padding: 10px 0 0;
    position: fixed;
    z-index: 30;
    right: 0;
    bottom: 17vh;
    box-shadow: -7px 0 20px 1px rgba(0,0,0,.19);
}

.side-bar-menu .sidebar-item {
    margin-bottom: 0;
    text-align: center;
    border: 1px solid #fff;
}


.side-bar-menu .sidebar-item img {
    margin-top: 8px;
    width: 15px;
}

.side-bar-menu .sidebar-item {
    margin-bottom: 0;
    text-align: center;
    border: none;
}


 


.side-bar-menu .sidebar-item p {
    margin-top: 3px;
    color: #262522;
    font-family: DINPro-Regular,Helvetica,Arial,"sans-serif";
    font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
}







@media only screen and (max-width: 480px){
.side-bar-menu {
    padding: 10px 4px 13px;
}


}

@media only screen and (max-width: 768px){
.side-bar-menu .sidebar-item {
    text-align: center;
    margin-bottom: 0;
    width: 100px;
}
	
	
	.col{flex-basis: none !important;}
    
    
.side-bar-menu .sidebar-item img {
    width: 21px;
    margin: auto;
    vertical-align: middle;
}    
    
    
    
    
  
     
     .side-bar-menu .sidebar-item{ border: none}
     
     
     .side-bar-menu {
      width: 100%;
    border-top: 2px solid #d7d7d7;
    background-color: #fffffff2;
    padding: 9px 4px;
    display: flex !important;
    bottom: 0 !important;
    justify-content: space-around;
    z-index: 99999999; height: 68px
}
     

    
    

}















 
 /*watsapp */


 .float {
     position: fixed;
     width: 60px;
     height: 60px;
     bottom: 40px;
     right: 40px;
     background-color: #25d366;
     color: #FFF;
     border-radius: 50px;
     text-align: center;
     font-size: 30px;
     box-shadow: 2px 2px 3px #999;
     z-index: 100;
 }

 .my-float {
     margin-top: 16px;
 }



 /*watsapp*/







.content {
/*
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
*/
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}


.btcv{    background-color: #779726;
    color: #fff !important;}




.box {
  position: absolute;
  width: 30px;
  height: 30px;
  background: transparent;
  transform: rotate(45deg);
  border: 3px solid transparent;
  border-bottom-color: #fff;
  border-right-color: #fff;
  animation: move 1000ms linear infinite alternate;
}

@keyframes move {
  0% {
    top: 220px;
  }
  100% {
    top: 240px;
  }
}