/*Button */
:root {
--colorShadeA: rgb(228, 232, 242);
--colorShadeB: rgb(95, 134, 232);
--colorShadeC: rgb( 31, 97, 141);
--colorShadeD: rgb(19, 55, 145);
--colorShadeE: rgb( 21, 67, 96 );
}

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");
* {
box-sizing: border-box;
}
*::before,
*::after {
box-sizing: border-box;
}

button {
position: relative;
display: inline-block;
cursor: pointer;
outline: none;
border: 0;
vertical-align: middle;
text-decoration: none;
font-size: 1.5rem;
color: var(--colorShadeA);
font-weight: 700;
text-transform: uppercase;
font-family: inherit;
}

button.big-button {
padding: 1em 2em;
border: 2px solid var(--colorShadeA);
border-radius: 1em;
background: var(--colorShadeE);
transform-style: preserve-3d;
transition: all 175ms cubic-bezier(0, 0, 1, 1);
}
button.big-button::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--colorShadeC);
border-radius: inherit;
box-shadow: 0 0 0 2px var(--colorShadeB), 0 0.75em 0 0 var(--colorShadeA);
transform: translate3d(0, 0.75em, -1em);
transition: all 175ms cubic-bezier(0, 0, 1, 1);
}

button.big-button:hover {
background: var(--colorShadeD);
transform: translate(0, 0.375em);
}

button.big-button:hover::before {
transform: translate3d(0, 0.75em, -1em);
}

button.big-button:active {
transform: translate(0em, 0.75em);
}

button.big-button:active::before {
transform: translate3d(0, 0, -1em);

box-shadow: 0 0 0 2px var(--colorShadeB), 0 0.25em 0 0 var(--colorShadeB);
}

/*Neon effect */
.neon-text {
    font-size: 4rem;
    color: #fff;
    text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    animation: glow 3.5s infinite alternate;
}
.neon-texts {
    font-size: 15px;
    color: #fff;
    text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    animation: glow 3.5s infinite alternate;
}
.neon-container {
    margin: auto;
    text-align: center;
    padding: 1px;

}
.neon-subcontainer {
    background-color:#1a1112;
    margin: auto;
    text-align: center;
    width: 50%;
    border: -1px solid green;
    padding: 5px;
    box-shadow:
  3px 3px black,
  -1em 0 0.4em gray;
}

@keyframes glow {
    0% {
        text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    }
    100% {
        text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff, 0 0 80px #00d4ff, 0 0 160px #00d4ff;
    }
}

.post-reg-columns {
    width: 100%;
    display:block;

}
/*Division*/
.rowmain {
display: flex;
min-height: 50vh;
width: 100%;
padding: 10px 0 10px 0;
margin: 10px 0 10px 0;

overflow: none;
}
.leftimg {
position: relative;
float: left;
clear: right;
width: 45%;
height: 420px;
font-family: Arial;
font-size: 16px;
margin:  12px 14px 22px 0;
padding: 0;
border: 2px;
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
overflow: hidden;
}
.righttext {
position: relative;
float: left;
clear: left;
width: 55%;
height: 100%;
margin: 12px 12px 12px 4px;
padding: 0 22px 22px 22px;
font-family: cursive;
font-size: 20px;
font-weight: bold;
color: #FFF;
border: 2px solid grey;
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
background-color: rgba( 21, 67, 96, 0.7);
background: rgba( 21, 67, 96, 0.7);
}
.logo{
  visibility: hidden;
  position: absolute;
}
.cptext {
  visibility: hidden;
  float: left;
  clear: left;
  width: 100%;
  height: 100%;
  margin: 12px 12px 12px 4px;
  padding: 0 22px 22px 22px;
  font-family: cursive;
  font-size: 15px;
  font-weight: bold;
  color: #FFF;
  border: 2px solid grey;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  background-color: rgba( 21, 67, 96, 0.7);
  background: rgba( 21, 67, 96, 0.7);
 }
 .galc
 {
   visibility: hidden;
   position: fixed;
 }

 /*SLIDER */
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
 .card {
   position:relative;
   height: 350px;
   width: 100%;
   max-width: 850px;
   margin: auto;
   background-color: #ffffff;
   border-radius: 25px;
   box-shadow: 10px 0 50px rgba(0, 0, 0, 0.5);
 }

 .card .inner_part {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 0 0 30px;
   height: 350px;
   position: absolute;
 }

 #slideImg:checked ~ .inner_part {
   padding: 0;
   transition: .1s ease-in;
 }

 .inner_part .img {
   height: 260px;
   width: 260px;
   overflow: hidden;
   flex-shrink: 0;
   border-radius: 20px;
   box-shadow: 0 10px 50px rgba(0,0,0,0.2);
 }

 #slideImg:checked ~ .inner_part .img {
  height: 350px;
  width: 850px;
  z-index: 99;
  transition: .3s .2s ease-in;
 }

 .img img {
   height: 100%;
   width: 100%;
   cursor: pointer;
   opacity: 0;
   transition: .6s;
 }

 #slide_1:checked ~ .inner_part .img_1,
 #slide_2:checked ~ .inner_part .img_2,
 #slide_3:checked ~ .inner_part .img_3 {
   opacity: 1;
   transition-delay: .2s;
 }

 .content {
   padding: 0 20px 0 35px;
   width: 530px;
   margin-left: 50px;
   opacity: 0;
   transition: .6s;
 }

 #slideImg:checked ~ .inner_part .content {
   display: none;
 }

 #slide_1:checked ~ .inner_part .content_1,
 #slide_2:checked ~ .inner_part .content_2,
 #slide_3:checked ~ .inner_part .content_3 {
   opacity: 1;
   margin-left: 0;
   z-index: 100;
   transition-delay: .3s;
 }

 .content .title {
   font-size: 30px;
   font-weight: 700;
   color: #0d0925;
   margin: 0 0 20px 0;
 }

 .content .text {
   font-size: 19px;
   color: #4e4a67;
   margin: 0 auto 30px auto;
   line-height: 1.5em;
   text-align: justify;
 }

 .content button {
   padding: 15px 20px;
   border: none;
   font-size: 16px;
   color: #fff0e6;
   font-weight: 600;
   letter-spacing: 1px;
   border-radius: 50px;
   cursor: pointer;
   outline: none;
   background: #000000;
   float: left;
 }

 .content button:hover {
   background: #cecece;
   color: #000000;
 }

 .slider {
   position: absolute;
   bottom: 25px;
   left: 55%;
   transform: translateX(-50%);
   z-index: 1;
 }

 #slideImg:checked ~ .slider {
   display: none;
 }

 .slider .slide {
   position: relative;
   height: 10px;
   width: 50px;
   background: #d9d9d9;
   border-radius: 5px;
   display: inline-flex;
   margin: 0 3px;
   cursor: pointer;
 }

 .slider .slide:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   height: 100%;
   width: -100%;
   background: #000000;;
   border-radius: 10px;
   transform: scaleX(0);
   transition: transform .6s;
   transform-origin: left;
 }

 #slide_1:checked ~ .slider .slide_1:before,
 #slide_2:checked ~ .slider .slide_2:before,
 #slide_3:checked ~ .slider .slide_3:before {
   transform: scaleX(1);
   width: 100%;
 }

 input {
   display: none;
 }

/* Medium Devices, Desktops */
 @media only screen and (max-width : 420px) {
    .leftimg  {
      position: relative;
      float: center;
      margin-top: 680px;
      width: 100%;
      height: 500px;
      font-family: Arial;
      font-size: 16px;
      margin:  12px 14px 22px 0;
      padding: 0;
      border: 2px;
      -webkit-border-radius: 5;
      -moz-border-radius: 5;
      border-radius: 5px;
      overflow: hidden;
		}
		.righttext {
      visibility: hidden;
      position: absolute;

    }
    .cptext {
      visibility: visible;
     }
    .logo{
			visibility: visible;
      position:relative;
      max-width: 300px;
      margin-left: auto;
      margin-right: auto;
		}
    .slyd
    {
			visibility: hidden;
  	}
    button {
    font-size: 1.2rem;
    color: var(--colorShadeA);
    font-weight: 200;
    font-family: inherit;
    }
    .card {
    position:relative;
    height: 750px;
    width: 350px;
    margin: auto;
    background-color: #ffffff;
    border-radius: 25px;
    box-shadow: 10px 0 50px rgba(0, 0, 0, 0.5);
    margin-top: -80px;
  }
  .content {
    width: 330px;
    margin-left: 0px;
    margin-top: 580px;
    opacity: 0;
    transition: .6s;
    position: absolute;
  }
  .slider .slide {
    position: relative;
    height: 10px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 5px;
    display: inline-flex;
    margin: 0 3px;
    cursor: pointer;
  }
  .galc
  {
    visibility: visible;
    position: relative;
    clear: left;
    width: 100%;
    height: 100%;
    margin: 12px 12px 12px 4px;
    padding: 0 22px 22px 22px;
    font-family: cursive;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    border: 2px solid grey;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    background-color: rgba( 21, 67, 96, 0.7);
    background: rgba( 21, 67, 96, 0.7);
  }

	}