﻿@import url(https://db.onlinewebfonts.com/c/60ba35c45c54ef354183804b6555ea64?family=Macho+Thin);

@font-face {font-family: "Macho Thin"; src: url("https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.eot"); src: url("https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.woff") format("woff"), url("https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.svg#Macho Thin") format("svg"); }

@import url(https://db.onlinewebfonts.com/c/4cc9d692753925335e7af83ecf6e6815?family=MuseoW01-900);

@font-face {font-family: "MuseoW01-900"; src: url("https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.eot"); src: url("https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.woff") format("woff"), url("https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.svg#MuseoW01-900") format("svg"); }

/*------------------------------------------------TAB 767 - 1024 ---------------------------------------------*/
.mar_30{
  margin-top: 30px;
    }
    .imgopac{
      opacity: 0.8;
    }
@media(min-width:768px) and (max-width:1024px) {

 
 	/* .testimonial_box1{
	margin-top: 50px!important;
	}
	.testimonial_box3{
		margin-top: 50px!important;
	} */

}

@media screen and (max-width: 420px) { 
      .fullWidthBlock { display: none!important; }
      .halfWidthBlock {display:block!important;}
} 




/*------------------------------------------- width 300px - 767px (FOR MOBILE) ----------------------------------*/

@media(min-width:300px) and (max-width:767px) {



/* 
.testimonial_box1{
	margin-top: 50px!important;
}
.testimonial_box3{
	margin-top: 50px!important;
} */

.sec2_testimonials{
	padding: 0px 50px 50px!important;
}

.sec3_testimonials, .sec4_testimonials {
	  margin-top: -15%;
}




}


/*------------------------------------------------TAB 0 - 767 ---------------------------------------------*/

@media(min-width:0px) and (max-width:767px) {

    /* .testimonial_box1{
    margin-top: 50px!important;
    }
    .testimonial_box3{
        margin-top: -4px!important;
    } */
/* .testimonial_box5{
        margin-top: -53px!important;
    } */


}


.sec2_testimonials{
     padding: 30px 0px 50px 100px;
    
    /*background-color: #161717;*/
}

.sec3_testimonials{
       padding: 0px 50px 100px;
    /*background-color: #161717;*/
        margin-top: -5%;
}

.sec4_testimonials{
  padding: 0px 50px 0px 50px;
  margin-top: -5%;
  margin-bottom: -5%;
}



.testimonial_box1{
    background-color: #00a2e2;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    padding: 40px 30px;
    transition: 1s;
    /*min-height: 370px;*/
}

.testimonial_box2{
    background-color: #7f4187;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    padding: 40px 30px;
    /* margin-top: 50px; */
    transition: 1s;
    /*min-height: 370px;*/
}

.testimonial_box3{
    background-color: #ffad02;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    padding: 40px 30px;
    transition: 1s;
    /*min-height: 370px;*/
}

.testimonial_box4{
    background-color: #00bc87;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    padding: 40px 30px;
   
    transition: 1s;
    /*min-height: 370px;*/
}


.testimonial_box5{
    background-color: #e5422b;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    padding: 40px 30px;
    transition: 1s;
    /*min-height: 370px;*/
}

.testimonial_box6{
    background-color: #fda727;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    padding: 40px 30px;
    /* margin-top: 50px; */
    transition: 1s;
    /*min-height: 370px;*/
}
.play-video-icon {
	    margin-top: 10px;
    margin-bottom: 10px;
}


.slide {
              width: 100% !important;
              height: auto !important;
          }
       
        .slider-over {
              /*background-image: url(../images/video_over.png);*/
    width: 100%;
    height: 750px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
       
    min-height: 100%
        }

        /*.carousel-indicators li {
              width: 15px;
    height: 15px;
        }*/
        .carousel-indicators .active {
    width: 17px;
    height: 17px;
}
       /* .slider-over-content h2 {
          position: relative;
             top: 176px;
    text-align: center;

        }*/
        .slider-over-content h2 p {
          font-family: "Playfair Display",serif;
    font-size: 46px ;
    font-weight: 600;
    width: 70% color: #fff;
    background-size: 122%;
         color: white;
  /*  background-image: none;
        background-image: linear-gradient(45deg,#fff070 44%,#5d9d8a 59%,#00c9d3 97%,#00c9d3 112%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;*/
    /*animation: glow 9s linear infinite;*/
        }
            .slider-over-content h5 p {
    font-weight: 600;
     color: white;
        }

      /*  .slider-over-content h6 {
          position: relative;
    top: 182px;
    text-align: center;
        }*/


@media screen and (min-width: 0px) and (max-width: 750px) {
  .slider-over-content h2 p {
    font-size: 18pt !important;
  }
 .slider-over-content h2 span {
    font-size: 18pt !important;
  }
}
@media only screen and (max-width: 812px) and (min-width: 0px) {
.upper_footer_img {
    height: 160px;
    width: 100%;
    max-width: 340px;
    margin: 0 auto !important;
    background-size: contain;
}
}

/* .testimonial_box2 , .testimonial_box4, .testimonial_box6{
    margin-top: 12px !important; 
} */
.user-name {
  color:white;
  font-size: 8pt;
      padding-left: 0px;
      font-family: "Times New Roman", Times, serif;

}
.flag-img {
      width: 37%;
}
.slider-over-content {
    text-align: center;
    /* margin-top: 16%; */
    position: absolute;
    bottom: 260px;;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
    /*margin-top: 12%;*/
}



  .hide {
    display: none;
  }
  .play-video-icon  {
        width: 8%;
        cursor: pointer;
  }

    @media(min-width:1025px) and (max-width:1440px) {

      .flag-img {
          width: 15% !important;
      }

 
          .slider-over-content {
    margin-top: 15%;
}

    }
@media(min-width:813px) and (max-width:1440px) {
 video {
    width: 70% !important;
}
}


@media(min-width:1441px) and (max-width:1600px) {

  video {
    width: 70% !important;
}

.flag-img {
    width: 15% !important;
}
  /*.carousel-indicators {
                 bottom: -62%;
          }*/
}

@media(min-width:1601px) and (max-width:1920px) {
  video {
    width: 70% !important;
}
.flag-img {
    width:15% !important;
}

./*carousel-indicators {
                 bottom: -80%;
          }*/
}

@media(min-width:1920px) and (max-width:2440px) {
  video {
    width: 70% !important;
}
.flag-img {
   width: 15% !important;
}
 .user-name, .e-user-name {
  margin-top: 0px !important;
 }

 /*.carousel-indicators {
                 bottom: -85%;
          }*/
}

@media(min-width:2441px)  {
  video {
    width: 70% !important;
}
.modal-dialog {

  width: 50% !important;
}
    .flag-img {
   width: 15% !important;
}
 .user-name, .e-user-name {
  margin-top: 0px !important;
 }

  /*.carousel-indicators {
                 bottom: -95%;
          }*/
    }

      .slider-images {
      width:100% ;
    }
    .animation-element p {
      font-size: 12pt;
    }

    .testimonial_box1{
    pointer-events: none !important;
}
video {
    pointer-events: all;
}

.modal-dialog {
  width: 100%;
    margin: 0px;
    margin-top: 5%;
}
.modal-header {
  border-bottom: 0px;
}
.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    opacity: 1;
}
.thin_menu {
  z-index: 2 !important;
}

video {
  /* override other styles to make responsive */
  width: 100%   ;
  height: auto   ;
}

 .carousel-indicators .active {
  background-color: #a77c1b;
  border: 1px solid #a77b1b;
 }

.carousel-indicators li {
    width: 15px;
    height: 15px;
  }
  .carousel-control.right {
    right: 19px;
  }
  h5 {
    font-family: "Times New Roman", Times, serif;
  }

.slider-images {
      height: 100vh !important;
}

/*.carousel-control .prev, .carousel-control .next, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .next, .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px;
}*/

@media(min-height:370px) and (max-height:550px) {
  .slider-over-content {
    bottom: 428px;
}

.slider-over-content h2 p {
    font-size: 33px;
}
/*Written by supriya */
.slider-over-content h2 span {
    font-size: 33px;
}
/*eof Written by supriya */
}

@media(min-height:223px) and (max-height:369px) {
  .slider-over-content {
    bottom: 488px ! important;
}

.slider-over-content h2 p {
    font-size: 33px;
}
/*Written by supriya */
.slider-over-content h2 span {
    font-size: 33px;
}
/*eof Written by supriya */
}

@media(min-height:0px) and (max-height:222px) {
 .slider-over-content {
    bottom: 564px;
}
.slider-over-content h2 p {
    font-size: 12pt !important;
}
.slider-over-content h5 p {
    font-size: 10px;
}

/*Written by supriya */

.slider-over-content h2 span {
    font-size: 12pt !important;
}
.slider-over-content h5 span {
    font-size: 10px;
}
/*eof Written by supriya */

}
@media(min-width:0px) and (max-width:400px) {
.play-video-icon {
    width: 11% !important;
}
}


/*Written by supriya */

.slider-over-content h2 span {
    font-family: "Playfair Display",serif;
    font-size: 46px;
    font-weight: 600;
    /*width: 70%;*/
 color: #fff;
    background-size: 122%;
    display: block;
    /* animation: glow 9s linear infinite; */
    margin: 0 0 10px;
    }

    .slider-over-content h5 span {
    font-weight: 600;
    color: white;
    display: block;
    margin: 0 0 10px;
    font-family: "Times New Roman", Times, serif !important;

}
}