#background-video {
    height: 100%;
  width: 100%;
  object-fit: cover !important;
  /* position: fixed !important; */
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
      
}
#background-video2 {
    height: 100%;
  width: 100%;
  object-fit: cover !important;
  /* position: fixed !important; */
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
      
}

/* page content */
h1, h2 {
color: white;
font-family: Trebuchet MS;
font-weight: bold;

}

/* h1 {
font-size: 6rem;
margin-top: 30vh; 
} */

h2 { font-size: 3rem; }
.countercont{
  /*margin-top: -20px;*/
    background-color: #000;
  }
  .common-box{
      padding: 15px 0px 13px 0px;
      text-align: center;
  }
  .count-data{
      color: white;
      font-size: large;
  }
  .common-box .counter-text{
      font-size: 12px !important;
      margin-left: 35px;
      color: #ffffffe3;
  }
  .portfolio{
      width: 50% !important;
      float: left;
      padding: 0 15px;
  }
  .portfolio ul li img{
      height: auto !important;
      width: 100% !important;
  }

  .social-icon li a{
      background-color: #fff !important;
      color: #ed2424 !important;
  }
  .social-icon li a:hover{
      background-color: #ed2424 !important;
      color: #fff !important;
  }
  
  

  .artist-single-content .styled-icons.icon-sm a {
      font-size: 14px;
      height: 24px;
      background: transparent;
      border: none;
      width: 24px;
      color: #fff;
      margin-bottom: 0px;
      line-height: -2px;
      margin-right: -10px !important;
  }
  .font-btn{
      background: rgba(0,0,0,0.8);
  }

  .spotlight-inner{
      position: relative;
  }
  .testimonials-content{
      height: 427px;
      width: 100%;
      background-color:#154c79;
      text-align: center;
  }
  .testimonials-content h3{
      color:#ed2424;
      
  } 
  .main-btn{
      /*position: absolute;*/
      /*top: 70%;*/
      /*left: 30.5%;*/
  
  }
  .main-btn .tim-slide-btn{
      border: 0.5px solid #fff;
      color: rgb(220, 214, 214);
      background: rgba(0,0,0,0.5);
      height: 45px;
  
  
  }.main-btn .tim-slide-btn:hover{
      background: #eb1c1b;
      border: none;
      transition: all 0.5s;
  }
  .main-btn .btn1{

  }
  .main-btn .btn2{
      margin-left: 15px;
  }
  .cont{
      margin-bottom: -12px;
  }
  .offset-social input[type=text] {
      width: 80%;
      height: 30px;
      background: transparent;
      padding: 12px 20px;
      margin: 8px 0;
      box-sizing: border-box;

      border: 0.5px solid #ffffffd1;
      border-radius: 10px;
  }
  .offset-social input::placeholder{
      font-size: 12px;
  }
  /* .client-thumb-hover{
      height: 100%;
      width: 100% !important;
      background: gray;
      color: #fff;
      border-radius: 30px;
      display: none;
      
  }
  .client-thumb:hover .client-thumb-hover{
      display: block !important;
  } */
  .tm-sc-clients.clients-grid .item{
      height: 50px !important;
      margin-bottom: 20px !important;
  }
   .item:hover .client-thumb {
      -webkit-transform: translateY(200px) !important;
      -moz-transform: translateY(200px) !important;
      transform: translateY(200px) !important;
      transition: all 1s ease !important;
   }
  .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 38px;
      width: 70% !important;
      opacity: 0;
      transition: .5s ease;
      background-color: transparent;
      border-radius: 10px;
      border: 1px solid red;
  }
  .item:hover .overlay {
    opacity: 5;
  }
  .overlay .text {
      color: black;
      font-size: 10px;
      
      
      text-align: center;
  }
  
  /* .coll-form{
      padding-right: 37px !important;
padding-left: 37px !important;
  } */
  .coll-form input[type=text]{
      height: 35px;
      margin-bottom: 25px;
      border-radius: 25px;
      font-size: 12px;
  }
  .coll-form input::placeholder{
      font-size: 12px;
  }
  input[type=text]:focus{
      border: 0.4px solid #05bafc !important;
  }
  .mbtn button{
      height: 32px;
      padding: 0;
      width: 120px;
      font-size: 14px;
      font-weight: 300;
  }
  textarea::placeholder{
      padding-left: 10px;
      font-size: 12px;
  }
      
  .coll-form textarea{
      border-radius: 5px;
      border: 0.5px solid #7d807e;
      font-size: 12px;
  }
  .form-header{
      margin-bottom: 30px;
      margin-top: -13px;
  }
  .form-header h4{
      font-size: 14px;
      font-weight: 600;
  }
  .form-header p{
      font-size: 13px;
  }
  .owl-carousel .item{
      position: relative;
  }
  .item .trasbg{
      position:absolute;
      top:0;
      buttom:0;
      height: 100%;
      width: 100%;
      background-color: rgb(0,0,0,0.6);
  }
  .owl-carousel .item:hover .trasbg{
      display: none;	
  }
  /*.modal-content{
      width: 664px !important;
      margin-left: 60px !important;
  }*/
  
  .modal-title img{
      height: 42px;
  }
  .modal-header button{
      color: #ed2424;
  }
 
  .artist-single img{
      filter: grayscale(1);
  }
  /* .artist-single img:hover{
      filter: grayscale(0) !important;
  } */
  /* img:hover{
      filter: grayscale(0) !important;
  } */
  .artist-single:hover img {
          filter:grayscale(0)
  }
  .artist-single:hover img {
         transform: scale3d(1.1, 1.1, 1) rotate(2deg);
  }
  .artist-single .artist-single-content h6{
      margin-top: 7px !important;
  }


  /* client testing */
  @keyframes scroll {
          0% {
              transform: translateX(0);
          }
          100% {
              transform: translateX(calc(-250px *7));
          }
      }
  @keyframes album {
          0% {
              transform: translateX(0);
          }
          100% {
              transform: translateX(calc(-250px *7));
          }
      }

      .slider {
      background: white;
      /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */
      height: 174px;
      margin: auto;
      overflow: hidden;
      position: relative;
      width: 90%;
      }

      .slider::before,
      .slider::after {
      background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
      content: "";
      height: 100px;
      position: absolute;
      width: 200px;
      z-index: 2;
      }

      .slider::after {
      right: 0;
      top: 0;
      transform: rotateZ(180deg);
      }

      .slider::before {
      left: 0;
      top: 0;
      }

      .slider .slide-track {
      animation: scroll 25s linear infinite;
      display: flex;
      width: calc(250px * 14);
      }
      .slide-track:hover{
      -webkit-animation-play-state:paused;
      -moz-animation-play-state:paused;
      -o-animation-play-state:paused;
      animation-play-state:paused;
      cursor: pointer;
      }
      .slider .slide {
      height: 113px;
      width: 200px;
      margin-right: 18px;
      position: relative;
      }
      .slide .trasbg{
      position:absolute;
      top:0;
      buttom:0;
      height: 100%;
      width: 100%;
      background-color: rgb(0,0,0,0.5);
  }
  .slide:hover .trasbg{
      display: none;	
  }
  .slide img {
      height: 100%;
      border: 1px solid red;
  }

  .swip-cont {
	width: 100%;
	padding-top: 130px;
	padding-bottom: 50px;
	overflow: hidden;
}
.swip-slid {

width: 300px !important;
height: 300px;
/* transition-duration:1000ms !important; */
}
.slide-text-head {
position: absolute;
left: 25%;
top: 80%;
}
.slide-text-head h2 {
color: #fff;
font-size: 30px;
margin: 0 0 15px;
text-align:center;
}
 .swiper-pagination{
	display: none;
}
/* .swiper-pagination-bullet-active {
opacity: 1;
background: deeppink;
} */
.swip-slid img{
height: 100%;
width: 100%;
}
.swiper-slide-shadow-left{
	transition-duration:10000ms !important;
}
#alb-wrapper{
	margin-top: -90px;
}
/* client */
.client-swip{
	width: 100% !important;
	margin-bottom: 75px;
}
.swip-client{
	width: 256px !important;
	height: 160px !important;
	position: relative;
}
.swip-client img{
	height:100%;
	width: 100%;
}
#client-wrap{
	margin-top: 0px;
	
}
.client-trans{
	position:absolute;
      top:0;
      buttom:0;
      height: 100%;
      width: 100%;
      background-color: rgb(0,0,0,0.2);
}
.client-swip #client-wrap .swip-client:hover .client-trans{
	display: none;
}
		/* .threed-container-wrapper .threed-container-inner {
			animation: album 20s linear infinite;
			
			/* width: calc(250px * 14);
		}  */

		/* coverflow */
		#check-swip {
			width: 100% !important;
			padding-top: 50px !important;
			padding-bottom: 50px !important;
			}
			.check-slide{
			width: 300px !important;
			}
			.check-slide img{
			height: 438px !important;
			width: 100% !important;
			}
			.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-left
			{
				background-image: none !important;
			}
			@media (min-width: 1300px) and (max-width: 1900px) {
				.check-slide{
			width: 450px !important;
			}
			.check-slide img{
			height: 575px !important;
			width: 100% !important;
			}
		}
		@media (min-width: 1450px) and (max-width: 1900px) {
			#content-where {
				max-width: 1350px !important; } 
				.spotlight-inner{
				height: 500px !important;
			}
			.subscribe-two{
				height: 500px !important;
			}
			}
		@keyframes flickerAnimation { /* flame pulses */
				0%   { opacity:1; }
				50%  { opacity:0; }
				100% { opacity:1; }
			}
		.live-ticket-count .count-btn{
			opacity: 1; 
/*			animation: flickerAnimation 5s infinite;*/
		} 
		.live-ticket-count .countdown .CountdownContent{
      background-image: url("/vianet/assets/img/1.png") !important;
 	 }
	  #port {
      width: 100%;
      height: 400px;
    }

		.port-slide{
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			align-items: center;
		}
		.port-slide img{
		width: 400px;
		height:400px;
		}

		@media only screen and (min-width:100px) and (max-width:500px){
			.port-slide img{
		width: 200px;
		height:200px;
		}
    .slide-leb{
      width: 300px !important;
    }
}

	.soc-icon2 li{
		padding-left: 0px !important;
	}
	.soc-link-alb li{
		float: left;
	}
	.soc-link-alb a{
		padding: 5px 11px !important;
		margin-right: 0px !important;
	}
	.single-album-price .left h6{
		font-size: 17px !important;
		padding-bottom: 11px;
		position: relative;
	}
	
	.single-album-price .left h6::after{
		position: absolute;
		content: '';
		bottom: 0;
		background: #eb1c1b;
		width: 80px;
		height: 2px;
		left: 0;
	}
	
	
	/* .assoc-img img{
      filter: grayscale(1);
  } */
  .tim-isotope.tim-isotope-1 .tim-album-item #trans-banner{
	position: absolute;
    top: 15px;
	left: 13px;
    bottom: 15px;
    width: 92%;
	border-radius: 8px;
	background-color: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.5s ease-in-out;
    
}

li.tim-album-item.grid-item.ui.logo.branding:hover .assoc-img img {
    filter: grayscale(1) !important;
}
.assoc-list{
	/* //padding: 0px !important; */
	
}

@media (max-width: 1280px){
	.tim-album-items .assoc-list {
    /* width: 25% !important; */
}
}
.music-playlist-one{
	margin-right: 100px;
    margin-left: 100px;
}
.sec-head{
	margin-left: 400px;
}
.assoc-info{
	margin-top: 215px;
}
.social-icon p{
	position: relative;
	margin-bottom: 10px !important;
}
.social-icon p::after{
	position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
    width: 70px;
    height: 2px;
    left: 0;
}
.leabe-banner{
	padding: 30px !important;
}
.leabe-banner h2 {
    color: #fff !important;
    font-size: 25px;
    line-height: 35px;
}
.leabe-banner h4,.leabe-banner p,.leabe-banner .CountdownContent,.leabe-banner .tim-btn {
    color: #fff !important;
}
.label-view-count .countdown .CountdownContent {
    background-image: url(/vianet/assets/img/1.png) !important;
}
@media (min-width: 1200px) and (max-width: 1440px){
.leabe-banner h2 {
    font-size: 27px !important;
    line-height: 35px !important;
   
}
}
@media (min-width: 1200px) and (max-width: 1440px){
.label-view-count .countdown .CountdownContent .CountdownLabel {
    margin-top: 16px !important;
    
}
}
@media (min-width: 1200px) and (max-width: 1440px){
.label-view-count .countdown .CountdownContent {
	font-size: 25px !important;
    padding: 25px 0px !important;
	line-height: 20px
}
}
.concerts.concerts-two .ticket h6{
	position: relative;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.concerts.concerts-two .ticket li a{
	background-color: transparent !important;
}
.concerts.concerts-two .ticket li a:hover{
	color: #000 !important;
}
.concerts.concerts-two .ticket h6::after {
    position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
    width: 60px;
    height: 2px;
    left: 0;
}
.label-btn a {
   
    margin-right: 25px;
    font-size: 15px !important;
	cursor: pointer;
}
.widgit_newsletter .newsletter-form input{
	height: 40px !important;
    
    border-radius: 8px !important;
    margin-bottom: 14px !important;
    margin-top: 39px !important;
}
.blog-post-grid .feature-image{
    height: 200px !important;
    width: 100% !important;
  }
  .blog-post-grid .feature-image img{
    height: 100% !important;
    width: 100% !important;
  }
  .blogs-row{
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .blogs-row .entry-content p{
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  }
  .blogs-row aside.entry-meta a {
    margin-right: 10px;
    /* color: red !important; */
  }
  .blogs-row aside.entry-meta a i{
	color :#eb1c1b !important;
  }
  
  /* testing */
  #js-prev1,#js-next1{
	top: 65% !important;
    
    height: 30px !important;
    
  }
  #js-prev1,#js-prev2,#js-prev5{
    background-image: url('/vianet/assets/img/forw-1.png') !important;
  }
  #js-next1,#js-next2,#js-next5{
    background-image: url('/vianet/assets/img/back.png') !important;
  }
  .presence-thumb-hover p{
	margin-bottom: 0 !important;
  }
  .swiper-test {
  height: calc(100vh - 120px);
  margin: 60px;
}

.swiper-test1 {
  overflow: hidden;
  display: flex;
}
.swiper-test1 .inner-slider {
    display: flex;
   
    background: aliceblue;
}
.comment-body .reply-box {
    margin-left: 124px;
    margin-top: 20px;
}
.reply-box .rname::placeholder,.reply-box .mesg::placeholder {
    font-size: 12px;
  
    padding-left: 14px;
}
.reply-box .rname {
    height: 34px;
    width: 150px;
    border-radius: 8px;
    outline: none;
    border: 0.2px solid;
}
.reply-box .mesg {
    height: 34px;
    width: 403px;
    border-radius: 8px;
    outline: none;
    border: 0.2px solid;
	margin-left: 10px;
}
.reply-box #rbtn{
	height: 31px;
    width: 71px;
    background: transparent;
    border: 0.2px solid;
    padding: 4px;
    border-radius: 12px;
    margin-left: 10px;
}
.view_more-btn{
    margin-top: 35px;
    margin-right: 50px;
    font-weight: 500;
    border-bottom: 0.5px solid;

}
.offset-subscribe{
	display: flex;
}
.offset-subscribe button{
	background: transparent;
    /* height: 47px; */
    cursor: pointer;
    border: none;
    outline: none;
}
.offset-subscribe button img{
	height: 35px !important;
}
#avail h3{
	font-size: 17px;
    font-weight: 500;
    position: relative;
	padding-bottom: 6px;
    margin-bottom: 5px;
}
#avail h3::after{
	position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
    width: 80px;
    height: 2px;
    left: 0;
}

div#avail img {
    height: 32px;
    border-radius: 50%;
	transition: transform .7s ease-in-out;
}

#avail img:hover {
  transform: rotate(360deg);
}
div#lik-soc {
    margin-left: 40px;
}
div#soc-avail {
    display: flex;
}
#lik-soc h3{
	position: relative;
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
	margin-bottom: 6px;
    padding-bottom: 5px;
}
#lik-soc h3::after{
	position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
    width: 80px;
    height: 2px;
    left: 0;
}
.exp-img {
  
  
    height: 50px;
}
.exp-img img {
    height: 100%; 
	transition: transform .7s ease-in-out;   
}
#lesson .exp-card:hover img {
    transform: rotate(360deg);
}

#lesson .exp-card{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.exp-card p{
    font-size: 13px;
    line-height: 21px;
/*	text-align: justify;*/
}
.exp-card h5{
	font-size: 16px;
  position: relative;
}
.exp-card .exp-card-title{
  position: relative;
}
.exp-card .exp-card-title::after{
    position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
    width: 80px;
    height: 1px;
    left: 29%;
}
.exp-card .read-btn{
	height: 32px;
    width: auto;
	color: #eb1c1b;
	cursor: pointer;
	border: 0.5px solid #eb1c1b;
    padding: 4px 15px 0px 15px;
    /* background: #eb1c1b; */
   
    outline: none;
}
.exp-card .read-btn:hover{
	background: #eb1c1b;
	color: #fff;
}

.leb-sliddde {
    display: contents;
}
.exp-img i{
	font-size: 40px;
}
details.details-example {
    margin-left: 20px;
    color: #47588f;
	margin-top: 10px;
    font-weight: 600;
}
#oppening-list .oppening-list {
    /* background: #4747471f; */
}
#oppening-list .company-desc {
    margin: 50px 40px 50px 40px;
    color: #494848;
}
section#oppening-list {
    margin-bottom: 70px;
}
.oppening-list .details-example ul{
	margin-left: 20px;
}
.oppening-list .details-example li {
    
    color: #494848;
    font-size: 14px;
    font-weight: 400;

}
.oppening-list .details-example p {
    
    color: #494848;
    font-size: 14px;
    font-weight: 400;
    padding-left: 15px;
}
.company-desc p {
    font-size: 14px;
}
.current-opening h6{
	font-size: 20px;
    font-weight: 500;
	color: #eb1c1b;
	position: relative;
	padding-bottom: 5px;
    
}
.current-opening h6::after {
    position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
    width: 150px;
    height: 2px;
    left: 0; 

}
.office-addr .info{
	margin-bottom: 0px !important;
	line-height: 21px;
	font-size: 11px;

}
.office-addr .off-head{
	font-size: 13px;
    line-height: 35px;
}
.policy p a {
    margin-right: 11px;
}
.copy-social .policy .copy-right{
	font-size: 11px;
}
.copy-social .policy {
	font-size: 13px;
    font-weight: 200;
    text-align: center;
  
}
.copy-social{
	background-color: #130606;
    padding-top: 18px;
    padding-bottom: 30px;
}
.copy-social p{
 font-size: 13px;
 color: #fff;
}
#about-us .about-card{
	border: none !important;
}
#about-us .about-card p{
	text-align: center;
}
.happy-cust .happy-client{
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 9px;
	color: #494848;

}
.client-field .client-img{
	margin-bottom: 7px;
}
.client-img img{
	height: 100%;
	width: 100%;
	
}
.happy-cust p{
	color: #494848;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}
.happy-cust h3{
	color: #eb1c1b;
    font-weight: 600;
    font-size: 22px;
}
.get-touch h3{
	font-size: 14px;
    font-weight: 500;
    color: #fff;
	padding-bottom: 5px;
    position: relative;
}
.foot-soc .get-touch h3::after{
	position: absolute;
    content: '';
    bottom: 0;
    background: #fff;
    width: 100px;
    height: 1px;
    left: 0;
}
.ex-cont img {
    height: 100%;
    width: 100%;
}

.ex-cont {
    height: 300px !important;
    width: 300px !important;
}
.testimonial-btn{
	margin-right: 8px;
}
.map-container{
    position: relative;
}
.map-container .map-img{
   
    width: 100%;
    z-index: 1;
    position: relative;;

}
.map-img img{
    height: 100%;
    width: 100%;
}
.sub-img{
    
    height: 40px;
}
.sub-img img{
    height: 100%;
}
#img111{
    position: absolute;
    top: 43%;
    left: 59%;
    z-index: 2;
    height: 40px;
}
#img112{
    position: absolute;
    top: 10%;
    left: 69%;
    z-index: 2;
}
#img113{
    position: absolute;
    top: 4%;
    left: 63%;
    z-index: 2;
}
#img114{
    position: absolute;
    top: 36%;
    left: 59%;
    z-index: 2;
}
#img115{
    position: absolute;
    top: 40%;
    left: 79%;
    z-index: 2;
}
#img116{
    position: absolute;
    top: 53%;
    left: 74%;
    z-index: 2;
}
#img117{
    position: absolute;
    top: 53%;
    left: 63%;
    z-index: 2;
}
#img118{
    position: absolute;
    top: 42%;
    left: 69%;
    z-index: 2;
}
#img119{
    position: absolute;
    top: 24%;
    left: 67%;
    z-index: 2;
}
#img1110{
    position: absolute;
    top: 77%;
    left: 67%;
    z-index: 2;
}
#img1111{
    position: absolute;
    top: 71%;
    left: 69%;
    z-index: 2;
}
#img1112{
    position: absolute;
    top: 61%;
    left: 66%;
    z-index: 2;
}
#img1113{
    position: absolute;
    top: 22%;
    left: 63%;
    z-index: 2;
}
#img1114{
    position: absolute;
    top: 50%;
    left: 78%;
    z-index: 2;
}
#img1115{
    position: absolute;
    top: 41%;
    left: 74%;
    z-index: 2;
}
#img1116{
    position: absolute;
    top: 32%;
    left: 72%;
    z-index: 2;
}
.coreValueFlowr {
    height: 588px;
    text-align: center;
    position: relative;;
    animation: spin 85s linear infinite;
}
.coreValueFlowr .imgBlk{
    height: 100%;
}
.coreValList .corTitle {
       color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.coreValueFlowr .coreValTitle{
    font-size: 22px;
    position: absolute;
    top: 44%;
    width: 160px;
    right: 0;
    left: 0;
    margin: 51px auto;
    color: #ffffff;
    animation: spin2 85s linear infinite;
}
.coreValList{
    list-style: none;
    position: absolute;
    top: 8%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0;
}
.coreValList .coreSlide{
   color: #d1cdcdf7;
    font-weight: 300;
}
   

.coreValList .coreSlide {
    font-size: 11px;
    /*-webkit-animation: spin2 85s linear infinite;
    -moz-animation: spin2 85s linear infinite; */
   animation: spin2 85s linear infinite;
}
.coreValList .slide1 {
    margin-left: 20%;
    margin-top: 2%;
    margin-top: 5%;
    color: #fff;
}
.coreValList .slide2 {
    margin-left: 32%;
    margin-top: 3%;
    color: #fff;
}
.coreValList .slide3 {
    margin-left: 23%;
    margin-top: 4%;
    color: #fff;
}
.coreValList .slide4 {
   
    color: #fff;
}
.coreValList .slide5 {
    margin-right: 23%;
    margin-top: -9%;
    margin-bottom: 31%;
    color: #fff;
}
.coreValList .slide6 {
    margin-right: 32%;
    margin-top: -50%;
    color: #fff;
}
.coreValList .slide7 {
    margin-right: 24%;
    margin-top: -18%;
    color: #fff;
}
li.coreSlide.slide8 {
    margin-top: -13%;
    margin-right: 3%;
    color: #fff;
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}
@keyframes spin2 {
    100% {
        -webkit-transform: rotate(-360deg);
        transform:rotate(-360deg);
    }
}

#founder-sec{ 
    background-image: url(/vianet/assets/img/Sir2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    margin: 0;
    height: 100vh;
    background-attachment: fixed;
  position: relative;
  margin: 0;
    padding: 0;
}
#founder-sec .f-mesg {
    position: absolute;
    top: 32%;
    left: 0;
    right: 0;
}
#founder-sec .f-mesg .inner-cell{
  position: absolute;
    top: 65%;
    left: 2%;
    height: 310px;
    right: 50%;
/*    width: 45%;*/
    background: rgba(0,0,0,0.4);
}


#director-sec{
  background-image: url(/vianet/assets/img/Utsav-Sir2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    margin: 0;
    height: 100vh;
    background-attachment: fixed;
  position: relative;
}
#director-sec .f-mesg{
  position: absolute;
    top: 0%;
    /* left: 0; */
    right: 0;
    height: 100%;
    left: 50%;
/*    width: 46%;*/
    /* background: rgba(0,0,0,0.5); */
}
#director-sec .f-mesg .inner-cell{
  position: absolute;
    top: 20%;
     left: 13%;     
  right: 0;
/*    width: 85%;*/
  background: rgba(0,0,0,0.4);
}
#founder-sec .f-mesg .inner-cell .txtContSlide,#director-sec .f-mesg .inner-cell .txtContSlide {
    padding: 20px;
}
#founder-sec .f-mesg .inner-cell .blockTitle small,#director-sec .f-mesg .inner-cell .blockTitle small {
    color: red;
  font-size: 14px;
}
#founder-sec .f-mesg .inner-cell .blockTitle,#director-sec .f-mesg .inner-cell .blockTitle {
    font-size: 25px;
    line-height: 30px;
}
#founder-sec .f-mesg .inner-cell .txtContSlide .blockText,#director-sec .f-mesg .inner-cell .txtContSlide .blockText {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
#founder-sec .f-mesg .inner-cell .blockBtn,#director-sec .f-mesg .inner-cell .blockBtn{
    color: #fff;
    border: 0.5px solid;
    height: 31px;
    font-size: 12px;
    width: 90px !important;
    /* width: 60px; */
    padding: 5px 0px 2px 9px;
    margin-top: 15px;
}
#founder-sec .f-mesg .inner-cell .blockBtn:hover,#director-sec .f-mesg .inner-cell .blockBtn:hover{
  background-color: #eb1c1b;
  border: none;
}

        
#director-msg .blockText {
    margin-left: 50px;
    margin-right: 50px;
}
#director-msg .blockText .subHeadTitle {
    color: #eb1c1b;
    font-size: 30px;
    text-align: center;
  margin-bottom: 25px;
}
#director-msg .blockText .text {
    color: #494848;
    font-size: 14px;
    font-weight: 400;
}
section#director-msg {
    margin-top: 30px;
}
#director-msg .leftSideValue {
    padding-top: 40px;
}

.achievment .acive-side-img {
    height: 300px;
    text-align: center;
}
.achievment .acive-side-content {
    margin-top: 53px;
}
.achievment .acive-side-img img {
    height: 100%;
    width: auto;
}
.achievment #js-prev2, .achievment #js-next2{
width: 27px;
    height: 27px;
  }

.achievment .achive-slide-row{
  margin-left: 28px;
    margin-right: 28px;
  }
/* responsive */
@media (min-width: 320px) and (max-width: 326px) {
  
  .coreValueFlowr {
    height: 280px;
    text-align: center;
    position: relative;;
    animation: spin 85s linear infinite;
}
.coreValueFlowr .imgBlk{
    height: 100%;
}
.coreValList .corTitle {
    color: #eb1c1b;
    font-size: 8px;
}
.coreValueFlowr .coreValTitle{
    font-size: 22px;
    position: absolute;
    top: 44%;
    width: 160px;
    right: 0;
    left: 0;
    margin: 51px auto;
    color: #ffffff;
    animation: spin2 85s linear infinite;
}
.coreValList{
    list-style: none;
    position: absolute;
    top: 8%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0;
}
.coreValList .coreSlide {
    font-size: 5px !important;
    -webkit-animation: spin2 85s linear infinite;
    -moz-animation: spin2 85s linear infinite; 
   animation: spin2 85s linear infinite;
}
.coreValList .slide1 {
    margin-left: 40%;
    margin-top: 2%;
    margin-top: 11%;
    color: #fff;
}
.coreValList .slide2 {
    margin-left: 65%;
    margin-top: 3%;
    color: #fff;
}
.coreValList .slide3 {
    margin-left: 49%;
    margin-top: 8%;
    color: #fff;
}
.coreValList .slide4 {
   
    color: #fff;
}
.coreValList .slide5 {
    margin-right: 45%;
    margin-top: -31%;
    margin-bottom: 31%;
    color: #fff;
}
.coreValList .slide6 {
    margin-right: 67%;
    margin-top: -68%;
    color: #fff;
}
.coreValList .slide7 {
    margin-right: 49%;
    margin-top: -40%;
    color: #fff;
}
li.coreSlide.slide8 {
    margin-top: -30%;
    margin-right: 5%;
    color: #fff;
}
}
@media (min-width: 327px) and (max-width: 420px) {
  
  .coreValueFlowr {
    height: 320px;
    text-align: center;
    position: relative;;
    animation: spin 85s linear infinite;
}
.coreValueFlowr .imgBlk{
    height: 100%;
}
.coreValList .corTitle {
/*    color: #eb1c1b;*/
    font-size: 8px;
}
.coreValueFlowr .coreValTitle{
    font-size: 22px;
    position: absolute;
    top: 44%;
    width: 160px;
    right: 0;
    left: 0;
    margin: 51px auto;
    color: #ffffff;
    animation: spin2 85s linear infinite;
}
.coreValList{
    list-style: none;
    position: absolute;
    top: 8%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0;
}
.coreValList .coreSlide {
    font-size: 5px !important;
    -webkit-animation: spin2 85s linear infinite;
    -moz-animation: spin2 85s linear infinite; 
   animation: spin2 85s linear infinite;
}
.coreValList .slide1 {
    margin-left: 40%;
    margin-top: 2%;
    margin-top: 11%;
    color: #fff;
}
.coreValList .slide2 {
    margin-left: 65%;
    margin-top: 3%;
    color: #fff;
}
.coreValList .slide3 {
    margin-left: 49%;
    margin-top: 8%;
    color: #fff;
}
.coreValList .slide4 {
   
    color: #fff;
}
.coreValList .slide5 {
    margin-right: 45%;
    margin-top: -21%;
    margin-bottom: 31%;
    color: #fff;
}
.coreValList .slide6 {
    margin-right: 61%;
    margin-top: -65%;
    color: #fff;
}
.coreValList .slide7 {
    margin-right: 43%;
    margin-top: -33%;
    color: #fff;
}
li.coreSlide.slide8 {
    margin-top: -25%;
    margin-right: 5%;
    color: #fff;
}
.tm-sc-clients.clients-grid .item {
    flex: 0 0 50% !important;
   
    max-width: 50% !important;
    margin-bottom: 20px;
}
.overlay .text {
   
   
    padding-top: 3px !important;
  
}
}
@media (min-width: 320px) and (max-width: 700px) {
    .swiper-test {
    height: auto !important;
     margin: 10px; 
}
.swip-client{
    height: 200px !important;
}

}
/*uploaded 05-01-2023*/
#our-joureny .journey-detail {
        width: 40%;
        padding-left: 40px;
        position: relative;
/*        background: url(./assets/img/2002-1.jpg);*/
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
    }
    /*#our-joureny .journey-detail .tab-pane {
        position: absolute;
        bottom: 20%;
    }*/

    .journey-contentinr h6 {
        font-size: 28px;
        position: relative;
    }
    .tab-pane img{
     /* z-index: -1; */
/*        position: absolute;*/
        /* height: 100px; */
        width: 100%;
/*        top: 30% !important;*/
        left: 15%;
        /* bottom: 51%; */
        z-index: 1;
        }
        .journey-contentinr{
          /* position: absolute;
        top: 5%;
        left: 15%;*/
/*        z-index: 100;*/
      padding-left: 30px;
        }
   
    .journey-contentinr p {
        font-size: 15px;
        color: #000;
        font-weight: 400;
    }
    .journey-contentinr li {
        font-size: 15px;
        color: #000;
        font-weight: 400;
        list-style: disc;
    }
    #our-joureny .journey-img-part {
        width: 60%;
       position: relative;

    }
    #our-joureny .journey-img-part .journey-desc {
        text-align: center;
/*        position: relative;*/
        animation: journeyspin 85s linear infinite;
    }
    #our-joureny .journeyValList .journeySlide{
      animation: journeyspin2 85s linear infinite;
    }
    #our-joureny .journeyValList .journeySlide h5{
      color: #fff;
      cursor: pointer;
    }
    #our-joureny .journeyValList {
        position: absolute;
        top: 8%;
        margin: 0 auto;
        padding: 0;
        left: 0;
        right: 0;
    }
    #our-joureny .journeyValList .journeySlide.jslide11 {
    margin-right: 52%;
    margin-top: -14%;
}
    #our-joureny .journeyValList .journeySlide.jslide10 {
          margin-right: 40%;
        margin-top: -25%;
    }
    #our-joureny .journeyValList .journeySlide.jslide9 {
          margin-right: 55%;
        margin-top: -19%;
    }
    #our-joureny .journeyValList .journeySlide.jslide8 {
          margin-right: 38%;
        margin-top: -8%;
    }
    #our-joureny .journeyValList .journeySlide.jslide7 {
           margin-right: 6%;
          margin-top: -3%;
    }
    #our-joureny .journeyValList .journeySlide.jslide6 {
          margin-left: 22%;
          margin-top: 8%;
    }
    #our-joureny .journeyValList .journeySlide.jslide5 {
           margin-left: 49%;
         margin-top: 11%;
    }
    #our-joureny .journeyValList .journeySlide.jslide4 {
            margin-left: 53%;
          margin-top: 81px;
    }
    #our-joureny .journeyValList .journeySlide.jslide3 {
            margin-left: 48%;
          margin-top: 30px;
    }
    #our-joureny .journeyValList .journeySlide.jslide2 {
      margin-left: 33%;
       margin-top: 18px;

    }
    #our-joureny .journeyValList .journeySlide.jslide1 {
           margin-left: 3%;
        margin-top: 9px;
    }
    #our-joureny .journeyValList .activeyear{
          padding: 15px;
          border: 2px dashed #fff;
          outline: 2px dashed #fff;
          outline-offset: -7px;
          border-radius: 50%;
    }
    .tab-pane{
      display: none;
    }
    .journeyactive{
      display: block;
    }
    #achievment{
        font-weight: 300;
        color: #000;
        
    }

   #achievment li{
    list-style: square;
   }
   #achievment .achievment h6{
    font-size: 22px;
   }
   #achievment .achievment p{
        font-weight: 300;
        color: #000;
   }

.modalfun {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-contentfun {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#captionfun {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-contentfun, #captionfun {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.closefun {
  position: absolute;
  top: 40px;
  right: 20%;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.closefun:hover,
.closefun:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

   @keyframes journeyspin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}
@keyframes journeyspin2 {
    100% {
        -webkit-transform: rotate(-360deg);
        transform:rotate(-360deg);
    }
}
    .theme-color{
      color: #eb1c1b !important;
    }
    .theme-bg{
      background: #eb1c1b !important;
    }
    #header-menu-magic-line .menu-item-has-children:hover{
      border-bottom: 3px solid #eb1c1b;
    }
            
    .nav_active_custom{
      border-bottom: 2px solid #eb1c1b;
      
    }
    #magic-line{
      display: none !important;
    }
.cont-detail .background-sec .get-locate {
    color: mediumblue !important;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 0.5px solid mediumblue;
    margin: 0px 10px;
}
  .cont-detail {
    padding: 19px 40px 0px 40px;
}
.cont-detail .addr-details1 {
    padding: 0px 30px;
}
.background-sec {
    background: aliceblue;
}
.cont-addr-details {
    padding: 10px 60px;
}
.cont-addr-details .adder-head-tag {
    font-size: 22px;
    font-weight: 600;
}
.cont-get-touch h3 {
    font-size: 15px;
    text-align: left;
    font-weight: 600;
}
.cont-addr-details p {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}
.form-container-cont #cont-form input[type="text"] {
    height: 40px;
    border-radius: 8px;
}
.form-container-cont #cont-form input[type="text"]::placeholder {
    font-size: 14px;
}
.form-container-cont .cont-form-heading {
    font-size: 22px;
    font-weight: 600;
}
.form-container-cont p{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}
.cont-detail .addr-details1 .email-head strong {
    color: #000;
    font-weight: 600;
}
.cont-detail .addr-details1 .email-cont {
    color: mediumblue;
}
#cont-form-btn{
    height: 35px;
    font-size: 12px;
    background: #646363;
    border: #646363;
    padding: 0px 12px;
}
#cont-form-btn:hover{
   
    background: #eb1c1b;
    border: #eb1c1b;
    
}
.slide-leb{
    width: 25% !important;
    margin: 0px 10px;
}
.collab-cont-form input[type="text"] {
    height: 35px;
    background: transparent;
    border-bottom: 1px solid;
}
.collab-cont-form input[type="text"]::placeholder{
  font-size: 12px;
}
.collab-cont-form-btn:hover{
  color: #fff !important;
}
.site-link-tags .site-links .site-tag {
    color: #fff !important;
    font-weight: 300 !important;
    font-size: 13px;
     display: block;
    
}
.site-link-tags .site-links .site-tag:hover{
  text-decoration: underline;
}
#artist .social-icon h3{
      position: relative;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
}
#artist .social-icon h3:after{
    position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
    width: 80px;
    height: 2px;
    left: 0;
}
.txtContSlide .social-icon h3{
 position: relative;
    padding-bottom: 5px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
}
.txtContSlide .social-icon h3:after{
    position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
    width: 75px;
    height: .5px;
    left: 0;
}
#exc-album-assoc .sort-desc-exc{
  padding: 22px;
}
#exc-album-assoc .sort-desc-exc h2 {
  font-size: 20px;
  color: #eb1c1b;
  position: relative;
  padding-bottom: 10px;
}
#exc-album-assoc .sort-desc-exc h2::after {
  position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
    left: 0%;
  
}
#exc-album-assoc .sort-desc-exc h2::before {
      width: 85px;
    height: 1px;
    left: 17%;
}
#exc-album-assoc .sort-desc-exc h2:before {
  position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
/*    left: 50%;*/
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  
}
#exc-album-assoc .sort-desc-exc p{
      font-size: 14px;
    font-weight: 300;
    color: #000;
}
#exc-album-assoc .sort-desc-exc h2:after {
  height: 3px;
    bottom: -1px;
    width: 30px;
}
#associates .artist-single .artist-single-content h6:hover {
   text-decoration: underline;
}
.update-news-desc{
/* animation: marquee 15s linear infinite;*/

}
.text-part-assoc-detail {
    width: 30%;
/*    border: 1px solid;*/
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.image-part-assoc-detail {
    width: 70%;
    padding-left: 20px !important;
}
.comment-views-release {
    margin-bottom: 10px;
}
#blog1 .entry-content p{
   font-size: 14px;
    font-weight: 400;
}
.exp-title-deta h2 {
    color: #eb1c1b;
    font-size: 23px;
    position: relative;
}
.exp-title-deta h2::before {
      width: 85px;
    height: 1px;
    left: 8%;
}
.exp-title-deta h2:before {
  position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
/*    left: 50%;*/
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  
}

.exp-title-deta h2::after {
  position: absolute;
    content: '';
    bottom: 0;
    background: #eb1c1b;
    left: 0%;
  
}
.exp-title-deta h2:after {
  height: 3px;
    bottom: -1px;
    width: 30px;
}
.exp-title-deta p {
    font-size: 14px;
    font-weight: 400;
}
.exp-title-deta {
    padding: 20px;
}
.exp-deails-form-text {
    width: 70%;
}
.exp-deails-form {
    width: 30%;
   
}
.exp-deails-form .form-exp-det {
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    padding-top: 10px;
}
.exp-form-heading p {
    font-size: 14px;
    font-weight: 400;
}
.exp-form-heading h2 {
    font-size: 23px;
    color: #000;
}
.col-md-12.exp-field input[type="text"] {
    height: 36px;
    width: 100%;
    /* border-bottom: 1px solid; */
    border: none;
    border-bottom: 1px solid;
}
.col-md-12.exp-field {
    margin-top: 20px;
}
.col-md-12.exp-field::placeholder {
    font-size: 12px;
   
}
.col-md-12.exp-field {
    margin-top: 20px;
        padding-left: 55px;
    padding-right: 55px;
}
.exp-deails-form-text {
    padding-right: 60px;
     
}
.exp-field textarea::placeholder {
    font-size: 16px;
}
.exp-details-desc {
    font-size: 14px;
    font-weight: 400;
}

@keyframes marquee {
  0% {transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.comment-views-release a {
    margin-right: 18px;
   color: #666 !important;
    font-size: 14px;
    font-weight: 400;
}
.comment-views-release i {
    color: #eb1c1b;    
    margin-right: 4px
}
@media (max-width: 500px) {
      .journey-contentinr {
    height: 150px;
}
  .dot-rippel-big.presence-big-ripple-left {
    bottom: 0;
}
  .happy-cust-img{
    width: 50% !important;
  }
  .slide-leb{
    width: 80% !important;
  }
}
@media (max-width: 768px) {
  .oppening-list .details-example p {
    
    font-size: 12px !important;
  }
  .oppening-list .details-example h3 {
    font-size: 15px;
  
}
  .tm-sc-clients.clients-grid .item {
    flex: 0 0 33% !important;
   
    max-width: 33% !important;
    margin-bottom: 20px;
}
.overlay .text {
   
    font-size: 6px !important;
    padding-top: 5px !important;
  
  }
  #founder-sec{
  background-position: 65%;
  }
  #founder-sec .f-mesg {
   
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
  }
  #founder-sec .f-mesg .inner-cell {
 
   
    left: 2% !important;
    right: 2% !important;
   
    background: rgba(0,0,0,0.4) !important;
}
  #director-sec{
  background-position: 30%;
  }
  #director-sec .f-mesg {
    position: absolute;
    top: 50% !important;
    left: 2% !important;
    right: 2% !important;
   
    /* width: 46%; */
     background: rgba(0,0,0,0.4) !important; 
}
#director-sec .f-mesg .inner-cell {
   
    top: 0% !important;
    left: 0% !important;
    right: 0;
    /* width: 85%; */
    background: rgba(0,0,0,0.4) !important;
}
  #founder-sec .f-mesg .inner-cell .blockTitle, #director-sec .f-mesg .inner-cell .blockTitle {
    font-size: 18px !important;
    line-height: 20px !important;
  }
  #founder-sec .f-mesg .inner-cell .blockTitle small, #director-sec .f-mesg .inner-cell .blockTitle small {   
    font-size: 11px !important;
}
#founder-sec .f-mesg .inner-cell .blockBtn, #director-sec .f-mesg .inner-cell .blockBtn {    
    margin-top: 4px !important;
}
#founder-sec .f-mesg .inner-cell .txtContSlide .blockText, #director-sec .f-mesg .inner-cell .txtContSlide .blockText {    
    font-size: 11px !important;
   
}
}

  .business-key-card{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .logo-circle-like {
          position: absolute;
          width: 113px;
          height: 53px;
          border-top: 160px solid transparent;
          border-right: 320px solid #eb1c1b;
          border-bottom: 160px solid transparent;
          right: 0;
          bottom: -35px;
          z-index: -1;
      }
    a.pull-right.associate-views-more-btn {
        margin-top: -12px;
        margin-right: 37px;
        font-weight: 500;
        border-bottom: 0.5px solid;
    }
    .swip-business {
        width: 25% !important;
/*        height: 160px !important;*/
/*        position: relative;*/
    }
    .businesses-img img {
          height: 100%;
      }
    .business-key-card{
        box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
        border: none !important;
    }
    .businesses-img{
      height: 160px;
    }
    .key-businesses-details .exp-title-img p {
        font-size: 14px;
        font-weight: 400;
    }
    h3.asociate-title-deta {
        font-size: 24px;
        font-weight: 600;
    }
    .swiper-slide.mobility-slide {
    width: 100% !important;
}
.key-details {
    padding: 30px;
}
.related-keys {
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}.key-details li {
    list-style: none;
    text-decoration-line: none !important;
}.key-details li a {
    text-decoration: none;
    font-size: 14px;
    color: #000000b5;
}
.key-details li a:hover {
    text-decoration: underline;
    font-size: 14px;
    color: #eb1c1b;
}.oppening-list .details-example h3 {
    font-size: 17px;
    font-weight: 600;
}
.key-details h6 {
    text-align: center;
    color: #eb1c1b;
}
    
    .award-card img{
      box-sizing: border-box;
      transition: transform 1s;
    }
    .award-card h5:hover{
      color:#eb1c1b;
    }
    .award-card img:hover{
       -ms-transform: scale(1.1); 
        -webkit-transform: scale(1.1); 
        transform: scale(1.1); 
        box-sizing: border-box;
    }
    .exp-details-desc ul {
        padding-left: 40px;
    }
    .exp-details-desc li {
        list-style: disc;
    }
    .exp-deails-form-text .exp-title-deta ul {
        padding-left: 40px;
    }
    .exp-deails-form-text .exp-title-deta li {
      font-size: 14px;
      font-weight: 400;
     list-style: disc;
    }
    @media (min-width: 320px) and (max-width: 420px) {

     #our-joureny .journeyValList .journeySlide.jslide1 {
          margin-left: 3% !important;
          margin-top: 4px !important;
          
      }
      #our-joureny .journeyValList .journeySlide.jslide2 {
        margin-left: 40% !important;
          margin-top: 14px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide3 {
             margin-left: 48% !important;
             margin-top: 27px !important;
         
      }
      #our-joureny .journeyValList .journeySlide.jslide4 {
             margin-left: 42% !important;
             margin-top: 34px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide5 {
         margin-left: 30% !important;
          margin-top: 5% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide6 {
            margin-right: 17% !important;
            margin-top: 0% !important;
        }
      
      #our-joureny .journeyValList .journeySlide.jslide7 {
          margin-right: 18% !important;
          margin-top: -8% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide8 {
         margin-right: 39% !important;
          margin-top: -15% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide9 {
          margin-right: 44% !important;
          margin-top: -19% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide10 {
          margin-right: 27% !important;
          margin-top: -15% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide11 {
          margin-right: 48% !important;
          margin-top: -18% !important;
      }
      
    }
    @media (min-width:500px ) and (max-width:600px){
       .coreValueFlowr {
              height: 400px !important;
              text-align: center !important;
            
          }
          .coreValueFlowr .imgBlk{
              height: 100% !important;
          }
          .coreValList .corTitle {
            
              font-size: 8px !important;
          }
          .coreValueFlowr .coreValTitle{
              font-size: 22px;
          
              top: 44% !important;
              width: 160px !important;
              right: 0;
              left: 0;
              margin: 51px auto !important;
          
          }
          
          .coreValList .coreSlide {
              font-size: 5px !important;
            
          }
          .coreValList .slide1 {
            margin-left: 37% !important;
              margin-top: 8% !important;
            
          }
          .coreValList .slide2 {
               margin-left: 60% !important;
                margin-top: 12% !important;
             
          }
          .coreValList .slide3 {
                    margin-left: 40% !important;
                 margin-top: 9% !important;
              
          }
          .coreValList .slide4 {
                 margin-top: 5%;
              color: #fff;
          }
          .coreValList .slide5 {
            margin-right: 45% !important;
             margin-top: -21% !important;
            
          }
          .coreValList .slide6 {
                margin-right: 57% !important;
                margin-top: -53% !important;
             
          }
          .coreValList .slide7 {
                  margin-right: 43% !important;
                margin-top: -33% !important;
           
          }
          li.coreSlide.slide8 {
             margin-top: -19% !important;
              margin-right: 5% !important;
           
          }
    }

    @media (min-width:600px ) and (max-width:700px){

        .coreValueFlowr {
              height: 400px !important;
              text-align: center !important;
            
          }
          .coreValueFlowr .imgBlk{
              height: 100% !important;
          }
          .coreValList .corTitle {
            
              font-size: 8px !important;
          }
          .coreValueFlowr .coreValTitle{
              font-size: 22px;
          
              top: 44% !important;
              width: 160px !important;
              right: 0;
              left: 0;
              margin: 51px auto !important;
          
          }
          
          .coreValList .coreSlide {
              font-size: 5px !important;
            
          }
          .coreValList .slide1 {
            margin-left: 37% !important;
              margin-top: 8% !important;
            
          }
          .coreValList .slide2 {
               margin-left: 47% !important;
                margin-top: 9% !important;
             
          }
          .coreValList .slide3 {
                    margin-left: 35% !important;
                 margin-top: 8% !important;
              
          }
          .coreValList .slide4 {
                 margin-top: 3%;
              color: #fff;
          }
          .coreValList .slide5 {
            margin-right: 34% !important;
             margin-top: -16% !important;
            
          }
          .coreValList .slide6 {
                margin-right: 49% !important;
                margin-top: -53% !important;
             
          }
          .coreValList .slide7 {
                  margin-right: 32% !important;
                margin-top: -28% !important;
           
          }
          li.coreSlide.slide8 {
             margin-top: -15% !important;
              margin-right: 5% !important;
           
          }
    }
    @media (min-width:700px ) and (max-width:800px){
      #our-joureny .journey-img-part {
            width: 100% !important;
         
            padding-left: 20px;
            padding-right: 20px;
        }
        .journey-img-part .journey-desc img {
            width: 65% !important;
        }
        #our-joureny .journey-detail {
            width: 100% !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
          }
           #our-joureny .journeyValList .journeySlide.jslide1 {
              margin-left: 3% !important;
              margin-top: 4px !important;
              
          }
      #our-joureny .journeyValList .journeySlide.jslide2 {
        margin-left: 31% !important;
          margin-top: 4% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide3 {
             margin-left: 45% !important;
             margin-top: 14% !important;
         
      }
      #our-joureny .journeyValList .journeySlide.jslide4 {
             margin-left: 41% !important;
             margin-top: 12% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide5 {
         margin-left: 19% !important;
          margin-top: 5% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide6 {
            margin-right: 28% !important;
            margin-top: -2% !important;
        }
      
      #our-joureny .journeyValList .journeySlide.jslide7 {
          margin-right: 31% !important;
          margin-top: -8% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide8 {
         margin-right: 49% !important;
          margin-top: -20% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide9 {
          margin-right: 44% !important;
          margin-top: -19% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide10 {
          margin-right: 22% !important;
          margin-top: 6% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide11 {
          margin-right: 42% !important;
          margin-top: -18% !important;
      }
      .coreValueFlowr {
          height: 500px !important;
      }
      .coreValList .coreSlide {
          font-size: 9px !important;
         
      }
      .coreValList .slide1 {
          margin-left: 30% !important;
        
          margin-top: 5%  !important;
          
      }
      .coreValList .slide2 {
          margin-left: 47% !important;
          margin-top: 8% !important;
      
      }
      .coreValList .slide3 {
          margin-left: 36% !important;
          margin-top: 6% !important;
        
      }
      .coreValList .slide5 {
        margin-right: 39% !important;
        margin-top: -19% !important;
     
        
    }
    .coreValList .slide6 {
        margin-right: 51% !important;
        margin-top: -59% !important;     
    }
    .coreValList .slide7 {
        margin-right: 37% !important;
        margin-top: -28% !important;       
    }
    li.coreSlide.slide8 {
        margin-top: -23% !important;
        margin-right: 3% !important;
        
    }
          
    }
    @media (min-width: 500px) and (max-width: 900px) {
      .swip-business{
          width: 50% !important;
      }
          .slide-leb{
              width: 50% !important;
            }
          section#founder-sec {
             background-position: 65% !important;
        }
        .cont-addr-details {
          padding: 10px 12px !important;
      }
        #founder-sec .f-mesg .inner-cell .blockTitle, #director-sec .f-mesg .inner-cell .blockTitle {
            font-size: 20px !important;
            line-height: 20px !important;
        }
        section#director-sec {
            background-position: 30% !important;
        }
        .album-filter-button li a {
          
            font-size: 12px !important;
            
        }
        #founder-sec .f-mesg .inner-cell .txtContSlide .blockText, #director-sec .f-mesg .inner-cell .txtContSlide .blockText {
           
              font-size: 12px !important;
              font-weight: 400 !important;
          }
    }
    @media (min-width: 421px) and (max-width: 500px) {
         #our-joureny .journeyValList .journeySlide.jslide1 {
          margin-left: 3% !important;
          margin-top: 4px !important;
          
      }
      #our-joureny .journeyValList .journeySlide.jslide2 {
        margin-left: 34% !important;
          margin-top: 2px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide3 {
             margin-left: 50% !important;
             margin-top: 71px !important;
         
      }
      #our-joureny .journeyValList .journeySlide.jslide4 {
             margin-left: 42% !important;
             margin-top: 50px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide5 {
         margin-left: 19% !important;
          margin-top: 5% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide6 {
            margin-right: 29% !important;
            margin-top: -3% !important;
        }
      
      #our-joureny .journeyValList .journeySlide.jslide7 {
          margin-right: 35% !important;
          margin-top: -10% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide8 {
         margin-right: 49% !important;
          margin-top: -20% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide9 {
          margin-right: 44% !important;
          margin-top: -19% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide10 {
          margin-right: 27% !important;
          margin-top: -16% !important;
      }
      
        .section-title h2 {
              font-size: 22px !important;

          }
          .section-title h2 img{
              width: 35px !important;
          }
          
          .upc-con-three {
              height: 350px !important;
          }
          
 .coreValueFlowr {
              height: 400px !important;
              text-align: center !important;
            
          }
          .coreValueFlowr .imgBlk{
              height: 100% !important;
          }
          .coreValList .corTitle {
            
              font-size: 8px !important;
          }
          .coreValueFlowr .coreValTitle{
              font-size: 22px;
          
              top: 44% !important;
              width: 160px !important;
              right: 0;
              left: 0;
              margin: 51px auto !important;
          
          }
          .coreValList{
              list-style: none;
              position: absolute;
              top: 8%;
              margin: 0 auto;
              left: 0;
              right: 0;
              padding: 0;
          }
          .coreValList .coreSlide {
              font-size: 5px !important;
            
          }
          .coreValList .slide1 {
            margin-left: 37% !important;
              margin-top: 8% !important;
            
          }
          .coreValList .slide2 {
               margin-left: 60% !important;
                margin-top: 12% !important;
             
          }
          .coreValList .slide3 {
                margin-left: 49% !important;
                margin-top: 11% !important;
              
          }
          .coreValList .slide4 {
                 margin-top: 5%;
              color: #fff;
          }
          .coreValList .slide5 {
            margin-right: 45% !important;
             margin-top: -21% !important;
            
          }
          .coreValList .slide6 {
              margin-right: 61% !important;
              margin-top: -65% !important;
             
          }
          .coreValList .slide7 {
                  margin-right: 43% !important;
                margin-top: -33% !important;
           
          }
          li.coreSlide.slide8 {
             margin-top: -19% !important;
              margin-right: 5% !important;
           
          }
    }

    @media (max-width: 500px) {
      .dot-rippel-big {
        
          height: 140px !important;
          width: 140px !important;
      }
      #director-msg .blockText {
          margin-left: 5px !important;
          margin-right: 5px !important;
      }
      .swip-business{
          width: 100% !important;
      }
      .businesses-img {
/*          height: 100%;*/
      }
      .site-links.col-md-6.col-sm-6 {
        width: 50% !important;
    }.row.site-link-tags {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .col-md-6.office-addr {
        width: 50%;
    }
    .row.office-addr-row {
        margin-left: 15px;
        margin-right: 15px;
    }.widget-instagram {
        margin-left: 15px;
    }
    .footer-tags h3{
      margin-left: 15px;

    }.footer-newsletter {
      margin-right: 15px;
      margin-left: 15px;
  }
      #oppening-list .oppening-list {
          margin-top: 30px;
          /* background: #4747471f; */
      }
      .current-opening h6 {
          font-size: 16px !important;
      
      }
      #director-msg .blockText .subHeadTitle {
        
          font-size: 23px !important;
         
      }
      #inview-example .common-box {
          padding: 15px 0px 13px 0px;
          text-align: center;
          width: 50%;
      }
      
      #our-joureny .journeyValList .activeyear {
            padding: 8px !important;
            border: 1.5px dashed #fff !important;
            outline: 1.5px dashed #fff !important;
            outline-offset: -5px !important;
           
        }
        .section-title h2 {
              font-size: 22px !important;

          }
          .section-title h2 img{
              width: 35px !important;
          }
          .slide-leb {
              width: 80% !important;
          }
          .upc-con-three {
              height: 430px !important;
          }
      #our-joureny .journey-img-part {
            width: 100% !important;
         
            padding-left: 20px;
            padding-right: 20px;
        }
        .journey-img-part .journey-desc img {
            width: 90% !important;
        }
      #our-joureny .journeyValList .journeySlide h5 {
         
            font-size: 13px !important;
        }
      #our-joureny .journey-detail {
            width: 100% !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
          }
    }
    @media (max-width: 780px) {
      
      .sub-img {
          height: 15px !important;
      }
      .section-title.style-five.typewriter h2 {
          font-size: 15px !important;
      }
      .section-title.style-five.typewriter p {
          font-size: 13px !important;
      }
      .form-container-cont {
          margin-top: 20px;
      }
      .form-container-cont .cont-form-heading {
          font-size: 19px !important;
        
      }
      .cont-detail {
          padding: 14px 15px 0px 15px !important;
      }
      .current-opening h6 {
          margin-left: 15px !important;
      }
      .exp-deails-form-text {
          width: 100% !important;
      }
      .exp-deails-form-text {
        padding-right: 10px !important;
    }
    .exp-title-deta h2::before {
          width: 50px !important;
        
      }
      .exp-details-desc {
        
          margin-top: 15px;
      }
      .exp-deails-form {
          width: 100% !important;

      }
      
      #our-joureny .journeyValList .activeyear {
            padding: 8px !important;
            border: 1.5px dashed #fff !important;
            outline: 1.5px dashed #fff !important;
            outline-offset: -5px !important;
           
        }
    .journey-detail img {
          display: none;
      }
        .section-title h2 {
              font-size: 22px !important;

          }
          .section-title h2 img{
              width: 35px !important;
          }
          
          
      #our-joureny .journey-img-part {
            width: 100% !important;
         
            padding-left: 20px;
            padding-right: 20px;
        }
        .journey-img-part .journey-desc img {
            width: 65% !important;
        }
      #our-joureny .journeyValList .journeySlide h5 {
         
            font-size: 13px !important;
        }
      #our-joureny .journey-detail {
            width: 100% !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
          }
    }
    @media (min-width:800px ) and (max-width:900px){
      .tim-isotope.tim-isotope-1 .tim-album-item .album_details_wrap h4 {
          font-size: 19px !important;
      }
      .tim-isotope.tim-isotope-1 .tim-album-item .album_details_wrap {
         
          bottom: 66px !important;
      }
      .assoc-info {
          margin-top: 100px !important;
      }
      .bubble-wrap-right-journey {
          right: 89% !important;
      }.bubble-wrap-journey {
          left: 0% !important;
          top: -25% !important;
      
      }
      .exp-deails-form {
            width: 40% !important;           
        }
        .exp-deails-form-text {
            width: 60% !important;
        }
      .journey-desc img {
            height: 100%;
        }
        .journey-desc {
            height: 350px !important;
        }
        #our-joureny .journeyValList .journeySlide.jslide10 {
          margin-right: 22% !important;
          margin-top: -18% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide9 {
          margin-right: 52% !important;
          margin-top: -20% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide11 {
          margin-right: 54% !important;
          margin-top: -20% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide8 {
          margin-right: 50% !important;
          margin-top: -15% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide7 {
            margin-right: 39% !important;
            margin-top: -11% !important;
        }
        #our-joureny .journeyValList .journeySlide.jslide6 {
          margin-left: -6% !important;
          margin-top: -5% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide5 {
          margin-left: 22% !important;
          margin-top: 6% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide4 {
          margin-left: 47% !important;
          margin-top: 54px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide3 {
          margin-left: 53% !important;
          margin-top: 41px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide2 {
          margin-left: 45% !important;
          margin-top: 26px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide1 {
          margin-left: 21% !important;
          margin-top: 9px !important;
      }
      .grid-60{
        width: 60% !important;
      }
      .grid-40 {
          width: 40% !important;
        }
        .subscribe-two {
       
          padding-top: 0px !important;
      }
      .spotlight-inner {
         height: 400px !important;
      }

/*      ethical values*/
.coreValueFlowr .imgBlk{
              height: 100% !important;
          }
          .coreValList .corTitle {
            
              font-size: 12px !important;
          }
          .coreValueFlowr .coreValTitle{
              font-size: 22px;
          
              top: 44% !important;
              width: 160px !important;
              right: 0;
              left: 0;
              margin: 51px auto !important;
          
          }
          
          .coreValList .coreSlide {
              font-size: 10px !important;
            
          }
          .coreValList .slide1 {
            margin-left: 37% !important;
              margin-top: 8% !important;
            
          }
          .coreValList .slide2 {
               margin-left: 47% !important;
                margin-top: 9% !important;
             
          }
          .coreValList .slide3 {
                    margin-left: 35% !important;
                 margin-top: 8% !important;
              
          }
          .coreValList .slide4 {
                 margin-top: 3%;
              color: #fff;
          }
          .coreValList .slide5 {
            margin-right: 34% !important;
             margin-top: -18% !important;
            
          }
          .coreValList .slide6 {
                margin-right: 49% !important;
                margin-top: -57% !important;
             
          }
          .coreValList .slide7 {
                  margin-right: 38% !important;
                margin-top: -30% !important;
           
          }
          li.coreSlide.slide8 {
             margin-top: -19% !important;
              margin-right: 4% !important;
           
          }
          .ethical-wrap {
              top: 41% !important;
              left: 20% !important;
          }
          .ethical-wrap-right {
              top: 40% !important;
              right: 69% !important;
          }
          .sub-img {
              height: 25px !important;
          }
    }
    @media (min-width:900px ) and (max-width:1000px){
      .assoc-info {
          margin-top: 120px !important;
      }
      .journey-desc {
            height: 400px !important;
        }
      .journey-desc img {
          height: 100% !important;
      }
      .jouerny-year {
          font-size: 13px !important;
      }
        #our-joureny .journeyValList .journeySlide.jslide10 {
          margin-right: 22% !important;
          margin-top: -16% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide9 {
        margin-right: 46% !important;
         margin-top: -18% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide11 {
            margin-right: 51% !important;
             margin-top: -20% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide8 {
              margin-right: 48% !important;
            margin-top: -12% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide7 {
              margin-right: 31% !important;
              margin-top: -10% !important;
        }
        #our-joureny .journeyValList .journeySlide.jslide6 {
            margin-left: -6% !important;
            margin-top: -5% !important;
        }
      #our-joureny .journeyValList .journeySlide.jslide5 {
          margin-left: 22% !important;
          margin-top: 6% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide4 {
             margin-left: 47% !important;
            margin-top: 10% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide3 {
         margin-left: 51% !important;
            margin-top: 11% !important;
        
      }
      #our-joureny .journeyValList .journeySlide.jslide2 {
          margin-left: 45% !important;
          margin-top: 26px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide1 {
          margin-left: 21% !important;
          margin-top: 9px !important;
      }
.coreValList .slide1 {
            margin-left: 37% !important;
              margin-top: 8% !important;
            
          }
          .coreValList .slide2 {
               margin-left: 45% !important;
                margin-top: 3% !important;
             
          }
          .coreValList .slide3 {
                    margin-left: 35% !important;
                 margin-top: 8% !important;
              
          }
          .coreValList .slide4 {
                 margin-top: 3%;
              color: #fff;
          }
          .coreValList .slide5 {
            margin-right: 34% !important;
             margin-top: -18% !important;
            
          }
          .coreValList .slide6 {
                margin-right: 46% !important;
                margin-top: -55% !important;
             
          }
          .coreValList .slide7 {
                  margin-right: 34% !important;
                margin-top: -24% !important;
           
          }
          li.coreSlide.slide8 {
             margin-top: -19% !important;
              margin-right: 4% !important;
           
          }
          .ethical-wrap {
              top: 41% !important;
              left: 20% !important;
          }
          .ethical-wrap-right {
              top: 40% !important;
              right: 69% !important;
          }
          .sub-img {
              height: 25px !important;
          }
    }
    @media (min-width:1000px ) and (max-width:1100px){
      .assoc-info {
          margin-top: 120px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide10 {
         margin-right: 9% !important;
          margin-top: -20% !important;
      
      }
      #our-joureny .journeyValList .journeySlide.jslide9 {
       margin-right: 60% !important;
          margin-top: -21% !important;
      
      }
      #our-joureny .journeyValList .journeySlide.jslide11 {
          margin-right: 66% !important;
          margin-top: -24% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide8 {
            margin-right: 63% !important;
            margin-top: -18% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide7 {
              margin-right: 31% !important;
            margin-top: -7% !important;
        }
        #our-joureny .journeyValList .journeySlide.jslide6 {
             margin-left: -10% !important;
            margin-top: -5% !important;
        }
      #our-joureny .journeyValList .journeySlide.jslide5 {
          margin-left: 25% !important;
            margin-top: 10% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide4 {
               margin-left: 58% !important;
             margin-top: 13% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide3 {
            margin-left: 62% !important;
            margin-top: 13% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide2 {
          margin-left: 57% !important;
             margin-top: 50px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide1 {
          margin-left: 27% !important;
          margin-top: 34px !important;
      }
.coreValList .slide1 {
            margin-left: 30% !important;
              margin-top: 6% !important;
            
          }
          .coreValList .slide2 {
               margin-left: 42% !important;
                margin-top: 3% !important;
             
          }
          .coreValList .slide3 {
                    margin-left: 33% !important;
                 margin-top: 7% !important;
              
          }
          .coreValList .slide4 {
                 margin-top: 3%;
              color: #fff;
          }
          .coreValList .slide5 {
            margin-right: 33% !important;
             margin-top: -15% !important;
            
          }
          .coreValList .slide6 {
                margin-right: 42% !important;
                margin-top: -52% !important;
             
          }
          .coreValList .slide7 {
                  margin-right: 31% !important;
                margin-top: -24% !important;
           
          }
          li.coreSlide.slide8 {
             margin-top: -17% !important;
              margin-right: 4% !important;
           
          }
          .ethical-wrap {
              top: 41% !important;
              left: 20% !important;
          }
          .ethical-wrap-right {
              top: 40% !important;
              right: 69% !important;
          }
          .sub-img {
              height: 25px !important;
          }
    }
    @media (min-width: 1300px) and (max-width: 1900px){
      #our-joureny .journeyValList .journeySlide.jslide3 {
          margin-left: 44% !important;
          margin-top: 30px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide4 {
          margin-left: 47% !important;
          margin-top: 81px !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide5 {
          margin-left: 39% !important;
          margin-top: 11% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide6 {
          margin-left: 22% !important;
          margin-top: 5% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide7 {
          margin-right: 6% !important;
          margin-top: -3% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide8 {
          margin-right: 32% !important;
          margin-top: -8% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide11 {
          margin-right: 41% !important;
          margin-top: -16% !important;
      }
      #our-joureny .journeyValList .journeySlide.jslide10 {
          margin-right: 20% !important;
          margin-top: -12% !important;
      }
        #our-joureny .journeyValList .journeySlide.jslide9 {
        margin-right: 42% !important;
        margin-top: -19% !important;
    }
      .journeyhead{
        margin-left: 30px !important;
      }
      
      .album-filter-button li {
           
            margin-left: 40px !important;
        
        }
      .banner-five .baneer-five-content h3 {
        
          margin-top: 200px !important;
        
      }
      .main-btn {
        left:35% !important;
        margin-top: 38px !important;
      }

      .coreValList .slide1 {
            margin-left: 20%;
            margin-top: 2%;
            margin-top: 5%;
            color: #fff;
        }
        .coreValList .slide2 {
            margin-left: 32%;
            margin-top: 3%;
            color: #fff;
        }
        .coreValList .slide3 {
            margin-left: 23%;
            margin-top: 4%;
            color: #fff;
        }
        .coreValList .slide4 {
           
            color: #fff;
        }
        .coreValList .slide5 {
            margin-right: 23%;
            margin-top: -9%;
            margin-bottom: 31%;
            color: #fff;
        }
        .coreValList .slide6 {
            margin-right: 32%;
            margin-top: -47% !important;
            color: #fff;
        }
        .coreValList .slide7 {
            margin-right: 24%;
            margin-top: -18%;
            color: #fff;
        }
        li.coreSlide.slide8 {
            margin-top: -13%;
            margin-right: 3%;
            color: #fff;
        }
    }

    
    .circle{
  position: absolute;
  border-radius: 50%;
  background: white;
  animation: ripple 2s infinite;
  box-shadow: 0px 0px 1px 0px #508fb9;
}


.circle1{
  position: absolute;
  background: red;
  width: 10px;
  height: 10px;
  rotate: 55deg;
  animation: ripple 3s infinite;
  box-shadow: 0px 0px 1px 0px #508fb9;
}

.circle2{
  position: absolute;
  background: red;
  width: 10px;
  height: 10px;
  rotate: 55deg;
  animation: ripple 4s infinite;
  box-shadow: 0px 0px 1px 0px #508fb9;
}

.square{
  position: absolute;
  background: red;
  width: 10px;
  height: 10px;
  rotate: 55deg;
  animation: ripple 5s infinite;
  box-shadow: 0px 0px 1px 0px #508fb9;
}
.square2 {
background: red;
    width: 10px;
    height: 10px;
    rotate: 55deg;
    box-shadow: 0px 0px 1px 0px #508fb9;
    position: absolute;
}
.circlew1{
  position: absolute;
  border-radius: 50%;
  background: red;
/*  animation: ripple 7s infinite;*/
  box-shadow: 0px 0px 1px 0px #508fb9;
}
.circlew2{
  position: absolute;
  border-radius: 50%;
  background: red;
/*  animation: ripple 12s infinite;*/
  box-shadow: 0px 0px 1px 0px #508fb9;
}
.circlew3{
  position: absolute;
  border-radius: 50%;
  background: red;
/*  animation: ripple 8s infinite;*/
  box-shadow: 0px 0px 1px 0px #508fb9;
}
.circlew4{
  position: absolute;
  border-radius: 50%;
  background: red;
/*  animation: ripple 2s infinite;*/
  box-shadow: 0px 0px 1px 0px #508fb9;
}
.circlew5{
  position: absolute;
  border-radius: 50%;
  background: red;
/*  animation: ripple 10s infinite;*/
  box-shadow: 0px 0px 1px 0px #508fb9;
}
.circlew6{
  position: absolute;
  border-radius: 50%;
  background: red;
/*  animation: ripple 4s infinite;*/
  box-shadow: 0px 0px 1px 0px #508fb9;
}

.small{
  width: 10px;
  height: 10px;
  left: 200px;
  bottom: 40px;
  background: #AB0000;
}

.medium{
  width: 10px;
  height: 100px;
  left: -200px;
  bottom: -200px;
}

.large{
  width: 600px;
  height: 600px;
  left: -300px;
  bottom: -300px;
}

.xlarge{
  width: 800px;
  height: 800px;
  left: -400px;
  bottom: -400px;
}

.xxlarge{
  width: 1000px;
  height: 1000px;
  left: -500px;
  bottom: -500px;
}

.shade1{
  opacity: 0.2;
}
.shade2{
  opacity: 0.5;
}

.shade3{
  opacity: 0.7;
}

.shade4{
  opacity: 0.8;
}

.shade5{
  opacity: 1;
}

@keyframes ripple{
  0%{
    transform: scale(0.5);
  }
  
  50%{
    transform: scale(1.5);
  }
  
  100%{
    transform: scale(0.5);
  }
}
@keyframes dotripple{
  0%{
   transform: translateY(10px);
  }
  
 50%{
    transform: translateY(50px);
  }
  
  100%{
    transform: translateY(10px);
  }
}
@keyframes ripple1{
  0%{
    transform: scale(0.3);
  }
  
  50%{
    transform: scale(1.2);
  }
  
  100%{
    transform: scale(0.3);
  }
}


.dot-rippel-big {
    position: absolute;
    height: 200px;
    width: 200px;
    z-index: 100;
    /* padding-left: 300px; */
    /* padding-top: 20px; */
    animation: dotripple 5s infinite;
    }
.dot-rippel {
    position: relative;
    height: 70px;
    width: 70px;
    /* padding-left: 300px; */
    /* padding-top: 20px; */
    
  

    }
    .smallc1 {
    /* position: absolute; */
    height: 4px;
    width: 4px;
    top: 61%;
    left: 24%;
     animation: ripple1 4s infinite;
}
.smallc2 {
    /* position: absolute; */
    height: 4px;
    width: 4px;
    top: 63%;
    left: 41%;
     animation: ripple1 3s infinite;
}
.square2.smallc3.shade5 {
    height: 4px;
    width: 4px;
    left: 31%;
    top: 47%;
    background: #314e90;
     animation: ripple1 2s infinite;
}
.circule.smallc4.shade5 {
    height: 4px;
    width: 4px;
    /* background: red; */
    /* border-radius: 50%; */
    top: 35%;
    left: 38%;
     animation: ripple1 7s infinite;
}
.circule.smallc5.shade5 {
    height: 4px;
    width: 4px;
    top: 52%;
    left: 45%;
     animation: ripple1 9s infinite;
}
.circule.smallc6.shade5 {
    height: 4px;
    width: 4px;
    top: 67%;
    background: #314e90;
    left: 52%;
     animation: ripple1 6s infinite;
}
.circule.smallc7.shade5 {
    height: 8px;
    width: 8px;
    top: 36%;
    left: 51%;
    background: #a52a2a42;
     animation: ripple1 5s infinite;
}
.circule.smallc8.shade5 {
    height: 8px;
    width: 8px;
    left: 57%;
    top: 49%;
    background: #a54949b3;
     animation: ripple1 3s infinite;
}
.circule.smallc9.shade5 {
    height: 4px;
    width: 4px;
    top: 25%;
    left: 59%;
    background: #314e90;
     animation: ripple1 3s infinite;
}
.circule.smallc10.shade5 {
    height: 4px;
    width: 4px;
    top: 41%;
    left: 67%;
    background: #314e90;
     animation: ripple1 8s infinite;
}
.circule.smallc11.shade5 {
    height: 4px;
    width: 4px;
    top: 58%;
    background: #314e90;
    left: 74%;
     animation: ripple1 5s infinite;
}
.circule.smallc12.shade5 {
    height: 8px;
    width: 8px;
    top: 26%;
    left: 68%;
     animation: ripple 9s infinite;
}
.circule.smallc13.shade5 {
    height: 8px;
    width: 8px;
    top: 44%;
    left: 76%;
    background: saddlebrown;
     animation: ripple1 4s infinite;
}
.circule.smallc14.shade5 {
    height: 9px;
    width: 9px;
    top: 10%;
    left: 74%;
    background: #314e90;
     animation: ripple1 6s infinite;
}
.circule.smallc15.shade5 {
    height: 4px;
    width: 4px;
    top: 31%;
    left: 88%;
    background: #314e90;
     animation: ripple1 7s infinite;
}
.circule.smallc16.shade5 {
    height: 9px;
    width: 9px;
    top: 45%;
    left: 91%;
     animation: ripple1 7s infinite;
}
/*side dot animation*/
 .smallsd1 {
    /* position: absolute; */
    height: 7px;
    width: 7px;
    top: 61%;
    left: 24%;
     animation: ripple 4s infinite;
}
.smallsd2 {
    /* position: absolute; */
    height: 7px;
    width: 7px;
    top: 63%;
    left: 41%;
     animation: ripple 3s infinite;
}
.square2.smallsd3.shade5 {
    height: 7px;
    width: 7px;
    left: 31%;
    top: 47%;
    background: #314e90;
     animation: ripple 2s infinite;
}
.circule.smallsd4.shade5 {
    height: 7px;
    width: 7px;
    /* background: red; */
    /* border-radius: 50%; */
    top: 35%;
    left: 38%;
     animation: ripple 7s infinite;
}
.circule.smallsd5.shade5 {
    height: 7px;
    width: 7px;
    top: 52%;
    left: 45%;
     animation: ripple 9s infinite;
}
.circule.smallsd6.shade5 {
    height: 7px;
    width: 7px;
    top: 67%;
    background: #314e90;
    left: 52%;
     animation: ripple 6s infinite;
}
.circule.smallsd7.shade5 {
    height: 12px;
    width: 12px;
    top: 36%;
    left: 51%;
    background: #a52a2a42;
     animation: ripple 5s infinite;
}
.circule.smallsd8.shade5 {
    height: 12px;
    width: 12px;
    left: 57%;
    top: 49%;
    background: #a54949b3;
     animation: ripple 3s infinite;
}
.circule.smallsd9.shade5 {
    height: 7px;
    width: 7px;
    top: 25%;
    left: 59%;
    background: #314e90;
     animation: ripple 3s infinite;
}
.circule.smallsd10.shade5 {
    height: 7px;
    width: 7px;
    top: 41%;
    left: 67%;
    background: #314e90;
     animation: ripple 8s infinite;
}
.circule.smallsd11.shade5 {
    height: 7px;
    width: 7px;
    top: 58%;
    background: #314e90;
    left: 74%;
     animation: ripple 5s infinite;
}
.circule.smallsd12.shade5 {
    height: 12px;
    width: 12px;
    top: 26%;
    left: 68%;
     animation: ripple 9s infinite;
}
.circule.smallsd13.shade5 {
    height: 12px;
    width: 12px;
    top: 44%;
    left: 76%;
    background: saddlebrown;
     animation: ripple 4s infinite;
}
.circule.smallsd14.shade5 {
    height: 13px;
    width: 13px;
    top: 10%;
    left: 74%;
    background: #314e90;
     animation: ripple 6s infinite;
}
.circule.smallsd15.shade5 {
    height: 7px;
    width: 7px;
    top: 31%;
    left: 88%;
    background: #314e90;
     animation: ripple 7s infinite;
}
.circule.smallsd16.shade5 {
    height: 13px;
    width: 13px;
    top: 45%;
    left: 91%;
     animation: ripple 9s infinite;
}
.circule {
    border-radius: 50%;
    position: absolute;
    background: red;
}