*{margin: 0px; padding: 0px; font-size: 14px;}

#app, body, html{min-width: 1220px;}

button:focus{outline:0; }
button{cursor: pointer;}

.scrolledDown{background: transparent; animation: gradientChange 2.5s infinite alternate;}

@keyframes gradientChange{
    100% {
        background: rgba(0, 0, 0, .6);
    }
}

#ifrHeader{width: 100%; height:6vw; position: fixed; z-index: 99;}
#ifrFooter{width: 100%; height:420px;}



	 .el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }
  
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
  
   
    


.el-carousel__indicators {bottom: 52px;}
.el-carousel__arrow{visibility: hidden;}




    .mOCSA{transition: all 1s ease 0s; cursor: pointer;}
    .mOCSB{transition: all 1.5s ease 0s; cursor: pointer;}
    .mOCSC{transition: all 1s ease 0s;}
    .mOCSD{transition: all 1s ease 0s;}
    .mOCSA:hover{
    	transform: scale(1.05); 
        z-index: 9; 
    }
    .mOCSB:hover{
    	transform: scale(1.3); 
        z-index: 9; 
    }
    .mOCSC:hover{
    	transform: scale(1.1); 
        z-index: 9; 
        background-color: #475669;
    }
    .mOCSD:hover{
    	transform: scale(1.05); 
        background-color: #D3DCE6;
        border: 1px solid black;
    }
    
    
    
.shiney {
  height: 44px;
	line-height: 44px;
	width: 183px;
	margin-top: 8px; 
	font-size: 20px; letter-spacing:7.33px; color:black; font-weight: bold; 
  text-align: center;
  text-decoration: none;
  color: black;
  border: 1px solid #979797;

  display: inline-block;
  border-radius: 22px;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.shiney:before, .shineyA:before, .shineyB:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  -webkit-transform: skewX(-45deg) translateX(0);
          transform: skewX(-45deg) translateX(0);
  transition: none;
}
.shiney:hover {
  background-color: #2194E0;
  color: #fff;
}
.shiney:hover:before {
  -webkit-transform: skewX(-45deg) translateX(14.5em);
          transform: skewX(-45deg) translateX(14.5em);
  transition: all 0.5s ease-in-out;
}


.shineyA, .shineyB{
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
}
.shineyA:before {
	background-color: rgba(100, 100, 100, 0.2);
  -webkit-transform: skewX(-45deg) translateX(-9em);
          transform: skewX(-45deg) translateX(-9em);
}
.shineyA:hover {
  background-color: transparent;
}
.shineyA:hover:before {
  -webkit-transform: skewX(-45deg) translateX(200em);
          transform: skewX(-45deg) translateX(200em);
  transition: all 0.5s ease-in-out;
}


.shineyB:hover {
  background-color: #475669;
}
.shineyB:before {
  -webkit-transform: skewX(-45deg) translateX(-4em);
          transform: skewX(-45deg) translateX(-4em);
}
.shineyB:hover:before {
  -webkit-transform: skewX(-45deg) translateX(50em);
          transform: skewX(-45deg) translateX(50em);
  transition: all 0.5s ease-in-out;
}
    
    
 /*.mOCSZ {
  position: relative;
  display: inline-block;
  padding: 1.2em 2em;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: white;
}
.mOCSZ::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(135deg, #6e8efb, #a777e3);
  border-radius: 4px;
  transition: box-shadow .5s ease, -webkit-transform .2s ease;
  transition: box-shadow .5s ease, transform .2s ease;
  transition: box-shadow .5s ease, transform .2s ease, -webkit-transform .2s ease;
  will-change: transform;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
          transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
}
.mOCSZ:hover::before {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.mOCSZ::after {
  position: relative;
  display: inline-block;
  content: attr(data-title);
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  font-weight: bold;
  letter-spacing: .01em;
  will-change: transform;
  -webkit-transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));
          transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));
}*/
.mOCSZ {
  position: relative;
  display: inline-block;

  text-decoration: none;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: white;
}
.mOCSZ::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(135deg, #6e8efb, #a777e3);
  border-radius: 11px;
  transition: box-shadow .5s ease, -webkit-transform .2s ease;
  transition: box-shadow .5s ease, transform .2s ease;
  transition: box-shadow .5s ease, transform .2s ease, -webkit-transform .2s ease;
  will-change: transform;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
          transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
}
.mOCSZ:hover::before {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.mOCSZ::after {
  position: relative;
  display: inline-block;
  content: attr(data-title);
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  font-weight: bold;
  letter-spacing: 10px;
  font-size: 22px;
  will-change: transform;
  -webkit-transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));
          transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));
}