body{
	background: #fff;
}

@media (min-width: 1200px) {
	.container {
	    max-width: 1400px;
	}
}

.wrapper{
  padding: 30px 0;
}

.wrapper-fullheight{
  min-height:100vh;
}

.minh100{
  min-height:100%;
}

.h100{
  height:100%;
}

.w100{
  width:100%;
  height:auto;
}

.block-01 .main-title, .main-title{
  font-family: 'Chau Philomene One', cursive;
}

.block-01 .logo {
  position: absolute;
}

.block-01 .logo img{
  max-width:150px;
}

.block-02.main img{
	max-width:500px;
}

.block-02.main img:hover {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.block-03 .envelope-btn {
  max-width: 145px;
}

.data-resume .item .data-number {
  font-size:4em;
  font-weight: bold;
} 

.data-resume .item .data-title {
  font-family: 'Chau Philomene One', cursive;
  font-size:1.4em;
  color: #72FCBD;
}

.footer .main-logo img{
  max-width:150px;
}

.footer .main-logo span{
  color:#333;
  font-size: .9em;
  letter-spacing: 1px;
}

.description *{
  font-family: 'Chau Philomene One', cursive;
  font-size:1.4em;
}

.description .remarqued{
  background: #72FCBD;
  color:#fff;
  font-size: 1em;
}

.description .remarqued.green{
  background: green;
}

.foward-post a {
  text-decoration: none!important;
}

.foward-post i{
  font-size: 3em;
  color:#1EBEA5;
}

.thread {
  transform-origin: 50% 0;
  animation: moveIt 2.5s ease-in-out infinite;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*WOBBLE*/

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

/*BOUNCE*/

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0) rotate(90deg);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.300, 0.855, 0.060);
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.300, 0.855, 0.060);
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

/*MOVEIT*/

@keyframes moveIt {
  0%, 100% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
}

.moveIt {
  -webkit-animation-name: moveIt;
  animation-name: moveIt;
}

/*-----------------------------------------------------------------------------------------------------*/
/*   MODAL
/*-----------------------------------------------------------------------------------------------------*/

.modal-content{
	background-color: #fff;
  font-family: 'Chau Philomene One', cursive;
}

.modal-content .modal-header{
  background: #72FCBD;
  color: #388a64;
}

.modal-content .modal-header .step-number{
  font-size:1.4em;
}

.modal-content .modal-header .body {
  font-size: 1.2em;
}

.modal-content .modal-header .body i{
  font-size: 3em;
}

.modal-content .modal-header .body .title{
  font-size: 1.3em;
}

.modal-content .modal-body .form {
  font-size: 1em;
}

.modal-content .modal-body .form label{
  color:#388a64;
  font-size: 1.1em;
}

.modal-content .modal-body .form small{
  font-family: sans-serif;
}

.modal-content .modal-body .form input,
.modal-content .modal-body .form textarea{
  background:rgba(121, 251, 191, .3);
  font-size: .8em;
  color:#388a64;
  font-family: sans-serif;
}

.modal-content .modal-body .form input::placeholder{
  color:#388a64;
  opacity: .5;
}

.modal-content .btn-wrapper {
  padding-bottom: 30px;
}

.modal-content .btn-wrapper img {
	max-width:300px;
}

.modal-content .btn-wrapper .btn {
  position: absolute;
  left: 50%;
  bottom: -5%;
  transform: translateX(-50%);
  font-size: 1.1em;
  color:red;
  text-transform: uppercase;
  border: 1px solid red;
}

.modal-content .btn-wrapper:hover img {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.modal-content .btn-wrapper .btn:hover {
  background: red;
  color:#fff;
}

.modal-content .frase-02 {
	font-family: 'Chau Philomene One', cursive;
	font-size: 1.2em;
  line-height:1.2em;
	color: #333;
  width:100%;
  margin-bottom:10px;
}

.checkbox span label{
  font-size: 1em;
}

.checkbox span{
  font-family: sans-serif;
  font-size: .8em;
  color:#333;
}

.modal-content .modal-footer .logo img {
  width:100%;
  max-width:140px;
  margin-bottom:10px;
}



/*-------BASE-------*/

a,
a:active,
a:visited,
a:link{
  text-decoration:underline;
  color:#212529;
}
a:hover{
  color:#72FCBD;
}

.grid-space-10 {
  margin-right: -6px;
  margin-left: -6px;
}

.grid-space-10 > .col-lg-12,
.grid-space-10 > .col-lg-11,
.grid-space-10 > .col-lg-10,
.grid-space-10 > .col-lg-9,
.grid-space-10 > .col-lg-8,
.grid-space-10 > .col-lg-7,
.grid-space-10 > .col-lg-6,
.grid-space-10 > .col-lg-5,
.grid-space-10 > .col-lg-4,
.grid-space-10 > .col-lg-3,
.grid-space-10 > .col-lg-2,
.grid-space-10 > .col-lg-1,
.grid-space-10 > .col-md-12,
.grid-space-10 > .col-md-11,
.grid-space-10 > .col-md-10,
.grid-space-10 > .col-md-9,
.grid-space-10 > .col-md-8,
.grid-space-10 > .col-md-7,
.grid-space-10 > .col-md-6,
.grid-space-10 > .col-md-5,
.grid-space-10 > .col-md-4,
.grid-space-10 > .col-md-3,
.grid-space-10 > .col-md-2,
.grid-space-10 > .col-md-1,
.grid-space-10 > .col-sm-12,
.grid-space-10 > .col-sm-11,
.grid-space-10 > .col-sm-10,
.grid-space-10 > .col-sm-9,
.grid-space-10 > .col-sm-8,
.grid-space-10 > .col-sm-7,
.grid-space-10 > .col-sm-6,
.grid-space-10 > .col-sm-5,
.grid-space-10 > .col-sm-4,
.grid-space-10 > .col-sm-3,
.grid-space-10 > .col-sm-2,
.grid-space-10 > .col-sm-1,
.grid-space-10 > .col-12,
.grid-space-10 > .col-11,
.grid-space-10 > .col-10,
.grid-space-10 > .col-9,
.grid-space-10 > .col-8,
.grid-space-10 > .col-7,
.grid-space-10 > .col-6,
.grid-space-10 > .col-5,
.grid-space-10 > .col-4,
.grid-space-10 > .col-3,
.grid-space-10 > .col-2,
.grid-space-10 > .col-1,
.grid-space-10 > .col,
.grid-space-10 > .col-auto {
  padding-left: 5px;
  padding-right: 5px;
}

/*-----------------------------------------------------------------------------------------------------*/
/*    RESPONSIVE : 0-575px (xs), 576-767px (sm), 768-991px (md), 992-1199px (lg), <1200px (lg) 
/*-----------------------------------------------------------------------------------------------------*/


/* XSmall devices (phones, less than 575) */
@media (max-width: 575px) {

  .block-01 .logo img {
    max-width: 90px;
  }

  .block-02.main img{
    max-width:300px;
  }
}

/* Small devices (phones, less than 575) */

@media (min-width: 575px) {
}

@media (max-width: 767px) {
}

@media (min-width: 576px) and (max-width: 767px){
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 991px) {

  /*.modal-content .frase {
    font-size: 1.6em;
  }*/

  .block-01 .main-title, .main-title {
    font-size: 2em!important;
  }

  .block-01 .logo {
    left: 0%;
    top: -30px;
  }
}


/* Large and Medium devices (desktops, tablets less than 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
}

/* Large devices (desktops) */
@media (min-width: 992px) {

  .block-01 .main-title, .main-title{
    font-size:3em;
  }

  .block-01 .logo {
    left: 10%;
    top: -40px;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {
}


/* Xtra Large devices (desktops) */
@media (min-width: 1200px) {
  .block-01 .logo {
    left:20%;
  }
}