@import url('https://fonts.googleapis.com/css?family=Oswald:300,400');





/*bottom to up sec*/

.go-top {

  display: block;

  width: 40px;

  height: 40px;

  line-height: 35px;

  text-align: center;

  font-size: 30px;

  position: fixed;

  bottom: -40px;

  right: 20px;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

  background-color: #c94599;

  color: #FFFFFF;

  text-decoration: none;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  z-index: 9999;

}



.go-top.show { bottom: 20px; }



.go-top:hover {

  background-color: #727272;

  color: #FFFFFF;

}



.wrapper {

  margin: auto;

  width: 700px;

  text-align: left;

}





/*#remarks-id {

  visibility: hidden;

}*/

.remarks-id {

  visibility: visible !important;

  margin: 0px;

  animation: 1s remarks-id1;

  -webkit-animation: 1s remarks-id1;

  animation-delay: 0.5s;

  -webkit-animation-delay: 0.5s;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  opacity: 0;

}

@-webkit-keyframes remarks-id1 {

0% {

 -webkit-transform: translateY(-50%);

 opacity: 0;

}

100% {

 -webkit-transform: translate(0px, 0px);

 opacity: 1;

}

}

@keyframes remarks-id1 {

0% {

 transform: translateY(-50%);

 opacity: 0;

}

100% {

 transform:translate(0px, 0px);

 opacity: 1;

}

}



/*#remarks-id1 {

  visibility: hidden;

}*/

.remarks-id1 {

  visibility: visible !important;

  margin: 0px;

  animation: 1s remarks-id2;

  -webkit-animation: 1s remarks-id2;

  animation-delay: 1s;

  -webkit-animation-delay: 1s;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  opacity: 0;

}

@-webkit-keyframes remarks-id2 {

0% {

 -webkit-transform: translateY(-50%);

 opacity: 0;

}

100% {

 -webkit-transform: translate(0px, 0px);

 opacity: 1;

}

}

@keyframes remarks-id2 {

0% {

 transform: translateY(-50%);

 opacity: 0;

}

100% {

 transform:translate(0px, 0px);

 opacity: 1;

}

}



/*#remarks-id2 {

  visibility: hidden;

}*/

.remarks-id2 {

  visibility: visible !important;

  margin: 0px;

  animation: 1s remarks-id3;

  -webkit-animation: 1s remarks-id3;

  animation-delay: 1.5s;

  -webkit-animation-delay: 1.5s;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  opacity: 0;

}

@-webkit-keyframes remarks-id3 {

0% {

 -webkit-transform: translateY(-50%);

 opacity: 0;

}

100% {

 -webkit-transform: translate(0px, 0px);

 opacity: 1;

}

}

@keyframes remarks-id3 {

0% {

 transform: translateY(-50%);

 opacity: 0;

}

100% {

 transform:translate(0px, 0px);

 opacity: 1;

}

}



/*#remarks-id3 {

  visibility: hidden;

}*/

.remarks-id3 {

  visibility: visible !important;

  margin: 0px;

  animation: 1s remarks-id4;

  -webkit-animation: 1s remarks-id4;

  animation-delay: 2s;

  -webkit-animation-delay: 2s;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  opacity: 0;

}

@-webkit-keyframes remarks-id4 {

0% {

 -webkit-transform: translateY(-50%);

 opacity: 0;

}

100% {

 -webkit-transform: translate(0px, 0px);

 opacity: 1;

}

}

@keyframes remarks-id4 {

0% {

 transform: translateY(-50%);

 opacity: 0;

}

100% {

 transform:translate(0px, 0px);

 opacity: 1;

}

}



#about-img {

  visibility: hidden;

}

.about-img {

  visibility: visible !important;

  margin: 0px;

  animation: 1s about-img1;

  -webkit-animation: 1s about-img1;

  animation-delay: 0.5s;

  -webkit-animation-delay: 0.5s;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  opacity: 0;

}

@-webkit-keyframes about-img1 {

0% {

 -webkit-transform: translateX(50%);

 opacity: 0;

}

100% {

 -webkit-transform: translate(0px, 0px);

 opacity: 1;

}

}

@keyframes about-img1 {

0% {

 transform: translateX(50%);

 opacity: 0;

}

100% {

 transform:translate(0px, 0px);

 opacity: 1;

}

}









#wrapper {

  margin: 0 auto;

  position: relative;

  max-width: 100%;

}

/* Header

__________________________________________ */





/* Main

__________________________________________ */



.rlAccordion > h3 {

  background-color: #e6e3e3;

  border: 1px solid #fff;

  border-radius: 5px;

  color: #333;

  font-family: 'Oswald', sans-serif;

  font-size: 1.4em;

  font-weight: normal;

  margin: 0 auto;

  padding: 2%;

  text-decoration: none;

}

.rlAccordion > h3 > span {

  float: right;

  font-family: arial, serif, sans-serif;

}

.rlAccordion > h3 + div {

  display: none;

  padding: 2% 5%;

}