.copyright:hover {
    transition: transform 0.5s;
    transform: scale(1.8);
}
.slick-slide p{
    font-size: 15px !important;
}
.header6{
    font-size: 20px;
    color: #fff;
    text-transform: lowercase !important;
}
#services h3 {
    padding: 0 0 10px 0;
}
#services{
    background: #f6f6f6;
}
#services img{
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc !important;
}
  .Imgcontainer {
    position: relative;
    max-width: 800px;
    margin: 0  auto;
    margin-bottom: 40px;

  }
  
  .Imgcontainer img {
    vertical-align: middle;
    border-radius: 5px;
  
    }
  
  .Imgcontainer .Imgcontent {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1;
    left: 0;
    right: 0;
    margin:auto;
    width:80%;
    transition: transform 0.5s;
  }

  .Imgcontainer .Imgcontent2 {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1;
    left: 0;
    right: 0;
    margin:auto;
    width:100%;
    transition: transform 0.5s;
    padding-bottom: 10px;
  }

.link{
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.link:hover{
    color: #fff !important;
}
.Imgcontent:hover{
    background-color: #fff;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    -webkit-transition: padding 400ms ease-in-out;
            transition: padding 400ms ease-in-out;
     -ms-transform: scale(1.06); /* IE 9 */
  -webkit-transform: scale(1.06); /* Safari 3-8 */
  transform: scale(1.06); 
  transition: transform 0.5s;
}
.Imgcontent:hover a{
    color: #0079c2;
    font-weight: 500;
}

.Imgcontent a:hover{
    color: #0079c2 !important;
    font-weight: 500;
}

.Imgcontent2:hover{
    background-color: #fff;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    -webkit-transition: padding 400ms ease-in-out;
            transition: padding 400ms ease-in-out;
     -ms-transform: scale(1.06); /* IE 9 */
  -webkit-transform: scale(1.06); /* Safari 3-8 */
  transform: scale(1.06); 
  transition: transform 0.5s;
}
.Imgcontent2:hover a{
    color: #0079c2;
    font-weight: 500;
}

.Imgcontent2 a:hover{
    color: #0079c2 !important;
    font-weight: 500;
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: 350px;
}

@media (min-width: 768px) and (max-width: 1280px)  {
    
    .on .navbar-right {
        float: right !important;
        margin-right: -15px;
        margin-top: 0 !important;
    }

    #footer .social i {
        font-size: 26px;
        padding: 4px;
        color: #cab17a;
        transition: all 0.3s;
    }

    .navbar-fixed-top .navbar-right {
        float: right !important;
        margin-right: -15px;
        margin-top: 32px;
    }
    .Imgcontainer img{
        height:232px ;
    }
    .slick-slide p{
        font-size: 13px !important;
    }
    
}

/* on phone */
@media (max-width: 568px) {
    #menu.navbar-default a img {
        width: 85px;
    }
    .img-responsive{
        width: 100%  !important;
    }
    #about img {
        display: inline-block;
        height: 250px;
    }
    .section-title h2{
        font-size: 28px;
    }
    .intro h1 {
        font-size: 30px;
        font-weight: 350;
    }

    .Imgcontainer .Imgcontent {
        width:100%;
      }
      header .intro-text-fixed {
        margin-top: 50px;
        padding-top: 30px;
        padding-bottom: 0;
        text-align: center;
        font-size: 30px !important;
        font-weight: 350;

    }

 .emailclass{
     width: 100% !important;
     display: block !important;
 }
 
}

.on {
    background-image: #000000b0 !important;
    background: #000000b0 !important;
    padding: 0 !important;
    padding: 10px 0 !important;
}

#footer a:hover,
#footer a:focus {
    text-decoration: none;
    color: #fff;
}

#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}
.content {
    position: relative;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
}

/* Style the button used to pause/play the video */
#myBtn {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
}

#myBtn:hover {
    background: #ddd;
    color: black;
}

.error {
    color: #f00;
    font-size: 11px;
    float: left;
    padding: 5px;
}

@media screen and (max-width: 750px) {
    .form {
        width: 100% !important;
    }

    .item p {
        margin-top: 50px !important;
    }
}

 /* new work */
 #t-cards {
    padding-top: 80px;
    padding-bottom: 100px;
    background: #f6f6f6;
}

/********************************/
/*          Panel cards         */
/********************************/
.panel.panel-card {
    position: relative;
    height: 350px;
    border: none;
    overflow: hidden;
    
}
.panel.panel-card .panel-heading {
    position: relative;
    z-index: 2;
    height: 70%;
    border-bottom-color: #fff;
    overflow: hidden;
    
    -webkit-transition: height 600ms ease-in-out;
            transition: height 600ms ease-in-out;
}
.panel.panel-card .panel-heading img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
}


.panel.panel-card .panel-body {
    padding-top: 30px;
    padding-bottom: 20px;

    -webkit-transition: padding 400ms ease-in-out;
            transition: padding 400ms ease-in-out;
} 


.panel.panel-card:hover .panel-heading {
    height: 55px;
        font-size: 14px;
    color: #fff;
    
    text-transform: uppercase;
    -webkit-transition: height 400ms ease-in-out;
            transition: height 400ms ease-in-out;
}


.panel.panel-card:hover .panel-body {
    padding-top: 20px;
    background-color: #fff;
    -webkit-transition: padding 400ms ease-in-out;
            transition: padding 400ms ease-in-out;
}

@media (min-width: 1200px){
  .container {
    width: 90%;
}
}

  /* new work */

  @media (min-width: 768px){
    .sticker-content {
       padding: 30px 10px;
       padding-bottom: 0px !important;
       background-color: rgba(0, 0, 0, 0.27);
       min-height: 122px;
       
   }
   .slick-slide {
       margin: 0 20px;
   }
   
   .slick-list { 
     padding:45px 60px !important;
     margin-left:30px !important;
   }
 
   .rel {
       position: absolute;
       bottom: 30px;
       left: 10%;
   }
   }
    .sticker-content, .sticker-content a, .sticker-content .title a {
       color: #fff;
       text-decoration: none;
   }
    .sticker-content {
       position: relative;
       padding-bottom: 20px;
       background-color: rgba(0, 0, 0, 0.28);
       text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
   }
   
   #carousel-example-generic .carousel-indicators li {
       display: inline-block;
       width: 14px;
       height: 14px;
       margin: 1px;
       text-indent: -999px;
       cursor: pointer;
       background-color: #000 \9;
       background-color: rgba(255, 255, 255, 1);
       border: 1px solid #fff;
       border-radius: 10px;
   }
   .rel ul{
     list-style: disc;
     margin-left:15px;
   }
   #carousel-example-generic .carousel-indicators .active {
       width: 15px;
       height: 15px;
       margin: 0;
       background-color: #0079c2;
   }
   
   #carousel-example-generic .carousel-indicators {
       position: absolute;
       bottom: 10px;
       left: auto;
       z-index: 15;
       width: 60%;
       padding-left: 0;
        margin-right: 0;
       text-align: right;
       list-style: none;
       right: 15px;
   }
   .jss630 {
       color: #000;
       margin: 0px auto;
       text-align: center;
   }
   .jss636 {
       color: #a18055;
       font-weight: 700;
       font-size: 20px;
       margin-bottom: 30px;
   }
   
   .jss621 {
       margin-bottom: 40px;
   }
   .jss635 {
       color: white;
       padding: 24px;
       text-align: center;
       background-color: #102741;
       min-height: 350px;
       height: 100%;
       display: flex;
       flex-direction: column;
       border-radius: 6px;
       box-shadow: 0 4px 14px rgba(0,0,0,0.08);
       word-wrap: break-word;
       overflow-wrap: break-word;
   }
   .jss635 p {
       font-size: 15px;
       line-height: 1.6;
       margin: 0;
   }
   .testimonial-card-link { cursor: pointer; }
   .testimonial-card-link:hover .jss635 {
       transform: translateY(-3px);
       box-shadow: 0 8px 22px rgba(0,0,0,0.15);
       transition: transform 0.2s ease, box-shadow 0.2s ease;
   }
   .jss635 .read-more {
       display: inline-block;
       margin-top: 14px;
       color: #a18055;
       font-weight: 600;
       font-size: 14px;
       text-decoration: underline;
   }

   /* Testimonial carousel: equal-height slides and proper gutter */
   .centers .slick-track {
       display: flex !important;
       align-items: stretch;
   }
   .centers .slick-slide {
       height: auto;
       float: none;
   }
   .centers .slick-slide > div {
       height: 100%;
       width: 100%;
   }
   .centers .slick-slide > div > a.testimonial-card-link {
       display: block !important;
       height: 100%;
       padding: 8px 15px !important;
       box-sizing: border-box;
   }
   .centers .slick-slide .MuiGrid-root {
       height: 100%;
       padding: 0;
       width: 100%;
   }
   .centers .slick-list {
       padding-bottom: 10px;
   }
   .centers .slick-prev,
   .centers .slick-next {
       z-index: 2;
       width: 36px;
       height: 36px;
   }
   .centers .slick-prev { left: -10px; }
   .centers .slick-next { right: -10px; }
   .centers .slick-prev:before,
   .centers .slick-next:before {
       color: #102741;
       font-size: 30px;
       opacity: 0.85;
   }
   .centers .slick-dots {
       bottom: -34px;
   }
   .centers .slick-dots li button:before {
       font-size: 10px;
       color: #102741;
   }
   .jss637 {
       width: 100px;
       border: 2px solid#a18055;
       height: 100px;
       margin-top: -50px;
       object-fit: cover;
       border-radius: 50%;
   }
   .MuiGrid-spacing-xs-10 > .MuiGrid-item {
       padding: 20px;
   }
   .jss628 {
       margin-top: 60px;
   }
   .MuiGrid-spacing-xs-5 {
       width: calc(100% + 20px);
       margin: -10px;
   }
   .MuiGrid-justify-xs-center {
       justify-content: center;
   }
   
   .ajss636 a:hover, .jss636 a:focus {
       text-decoration: none;
       color: #a18055 !important;
   }
   
   
   @media (min-width: 768px){
   .slick-slide {
     -webkit-transform: scale(1) !important;
     -moz-transform: scale(1) !important;
     transform: scale(1) !important;
   }
   .slick-center {
     -webkit-transform: scale(1.2) !important;
     -moz-transform: scale(1.2) !important;
     transform: scale(1.2) !important;
   }
  
   }
   @media (min-width: 1200px){
    .container {
        width: 80%;
    }
    }

    @media (max-width: 568px){
        .rel{
          position: absolute;
          width: 90%;
          top: 60%;
          left: 10%;
        }
        .clearfix h5 span {
          font-size: 15px !important;
          color: hsl(0,0%,100%);
          font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
      }
      }
      @media (min-width: 768px) and (max-width: 1280px)  {
    
        .rel{
          position: absolute;
          bottom: 3%;
          left: 5%;
        }
        .clearfix h5 span {
          font-size: 18px !important;
          font-weight: 200px !important;
          padding: 10px 10px !important;
          color: hsl(0,0%,100%);
          font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
      }
      .form-control{
        font-size: 15px !important;
      }
      #country_res{
        font-size: 13px !important;
      }
      
      #country_code{
        font-size: 13px !important;
      }
              
      }
      .rel {
        position: absolute;
        bottom: 8px;
        left: 5%;
    }
      .item img{
        position: relative;
      }
      .sticker-content {
        position: relative;
        padding-bottom: 8px;
        background-color: rgba(0, 0, 0, 0.28);
        text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
    }
    .sticker-content h5{
        text-transform: none !important;
        font-size: 24px !important;
        font-weight: 300px !important;
    }