/***************************
Add your custom styles below
****************************/


.pc {
	font-size: 1.1em !important;
    line-height: 1.640em !important;
}


 


#section04 a {
  padding-top: 60px;
}

/** fleche **/
#section04 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  30% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  50% {
    transform: rotate(-45deg) translate(0, 0);
  }
}



#thanks {
  background-color: #fff;
}
#thanks::after {
  content: none;
}
#thanks div {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
#thanks h2 {
  margin-bottom: 60px;
  color: #333;
  font : normal 300 64px/1 'Josefin Sans', sans-serif;
  text-align: center;
  white-space: nowrap;
}
#thanks p {
  color: #333;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
}
#thanks p a {
  color: #333;
  text-decoration: none;
  transition: color .3s;
}
#thanks p a:hover {
  color: #888;
}
.demo a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 500 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: 1;
}




/** Header **/



.sub-title {
font-size: 20px;
text-align: left;
text-transform: uppercase;
font-family: arial;
font-weight: 600 !important;
margin-bottom: 15px;
}

.title {
text-align: left;
text-transform: uppercase;
}

/** Post header **/
p.sub-title-ph {
font-size: 18px;
font-weight: 600 !important;
text-align: left;
text-transform: uppercase;
font-family: arial;
padding-left: 15px;
color: #FC9938;
margin-bottom: 0px;
}

h2.title-ph {
text-transform: uppercase;
font-weight: 600 !important;
text-align: left;
text-transform: uppercase;
font-family: arial;
padding-left: 15px;
color: #000;
}


/** Section **/

.p-class {
font-family: arial;
color: #000;
}

.sub-title-section {
font-size: 18px;
font-weight: 600 !important;
text-align: left;
text-transform: uppercase;
font-family: arial;
color: #FC9938 !important;
}

h2.section-h2 {
	text-transform: uppercase;
}