* {
  box-sizing: border-box;
  margin: 0; padding: 0;
}


header{

  width: 100%;
  background: #4E6E81  ;
  padding: 21px 0px 60px 0px;
  
  }

  .navbar{
    margin-top: -50px;
      margin-bottom: -100px;
   }
   

.nav-link{
	color: #000;
		cursor: pointer;
	  }
	  .nav-link:hover{
		color: #ED6A1D;
	  }

/* ---------------------------------- */
.button{
      
  border:none;
  background:#b30606 ;
  padding: 13px auto;
  border-radius: -5px;
  color: white;
  transition: .5s;
  font-size: 20px;
}
.button:hover{
  transform: scale(1.1);
  cursor: pointer;
  background-color:transparent;
  border: 2px solid #b30606;
}
/* ------------------------------------ */
   /* marquee */

	 .marquee {
		width:100%;
		margin: 15px auto;
		overflow: hidden;
		white-space: nowrap;
		box-sizing: border-box;
		animation: marquee 35s linear infinite;
		color:#fff;
		padding-left: 70%;
	  }
	  
	  .marquee:hover {animation-play-state: paused}
	  
	  /* Make it move */
	  
	  @keyframes marquee {0%   { text-indent: 27.5em }100% { text-indent: -120em }}
	  
	   /* marquee */
     
     .secoundcard {
      transform: translate(0%,0%);
      /* width: 380px;
      height: 400px; */
      background: #000;
      box-shadow:0 15px 24px #cbcbcb,
        0 15px 24px #cbcbcb;
    }
    .secoundcard .image {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
    .secoundcard .image img {
      width: 100%;
      transition: .5s;
      height: 400px;
    }
    .secoundcard:hover .image img {
      opacity: .5;
      transform: translateX(30%);/*100%*/
    }
    .secoundcard .details {
      position: absolute;
      top: 0;
      left: 0;
      width: 70%;/*100%*/
      height: 100%;
      background: #4E6E81;
      transition: .5s;
      transform-origin: left;
      transform: perspective(2000px) rotateY(-90deg);
    }
    .secoundcard:hover .details {
      transform: perspective(2000px) rotateY(0deg);
    }
    .secoundcard .details .center {
      padding: 35px;
      text-align: center;
      background: #fff;
      position: absolute;
      top: 60%;
      transform: translateY(-50%);
      width: 100%;
    }
    .secoundcard .details .center h1 {
      margin: 0;
      padding: 0;
      color: #5b678b;
      font-weight: bold;
      line-height: 20px;
      font-size: 20px;
      text-transform: uppercase;
    }
    .secoundcard .details .center h1 span {
      font-size: 14px;
      color: #262626;
    }
    .secoundcard .details .center p {
      margin: 10px 0;
      padding: 0;
      color: #b30606;
    }
    .secoundcard .details .center ul {
      margin: 10px auto 0;
      padding: 0;
      display: table;
    }
    .secoundcard .details .center ul li {
      list-style: none;
      margin: 0 5px;
      float: left;
    }
    .secoundcard .details .center ul li a {
      display: block;
      background: #262626;
      color: #fff;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      transform: .5s;
    }
    .secoundcard .details .center ul li a:hover {
      background: #ff3636;
    }
    

    .userselect{
      user-select: none;
      }
      	
		.spam { display:none;}
		textarea{
			resize: none;
			margin-bottom: 20px; 
			}
      
      .Locations a{
        width:25% ;
        margin:9px auto;
         }
         .Locations a:hover{
       color: #b30606;
           }
           .social-links {
            display:inline-block;
            height:15px;
            width:15px;
            background-color:rgba(255,255,255,0.2);
            margin:0 8px 8px 0;
            padding: 8px;
            text-align:center;
            line-height:20px;
            border-radius:50%;
            color:#ffffff;
            transition:all 0.5s ease;
            }
            .social-links:hover{
              color:#b30606;
              background-color:#ffffff;
            }