@charset "utf-8";
/* CSS Document */


/*===============================
	1. Default
====================*/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: none;
    background: none;
}

p{magin:0; padding: 0;}


img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
    border: 0;
}
body {
    background: #222e62;
    font-family: 'Nexa Light';
    padding: 40px 0 0 0;
	overflow: auto;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
ol {
    padding: 0;
    margin: 0;
}
h2, h3, h4, h5 {
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
}
.padding-227 {
    padding: 0 0 0 227px;
}
header {
    padding: 0 0 40px 0;
}
header h2 {
    font-family: 'Nexa bold';
    color: #e9d07b;
}
header h2 span {
    font-family: 'Nexa light';
}
header nav a {
    color: #e9d07b !important;
}
header nav li.active a {
    font-family: 'Nexa bold'
}

.section-card {
position: relative;
margin-bottom: 25px;
	
	
	
	
/* perspective */	
  -o-perspective: 900px;
  -webkit-perspective: 900px;
  -ms-perspective: 900px;
  perspective: 900px;
	
}


.card-body h2{font-family: 'Nexa bold';font-size:48px;color:#e9d07b;}
.card-body h2 span{font-family: 'Nexa light';}
.card-body p{font-family: 'Nexa light'; font-size:36px; color:#e9d07b;margin: 0 0 20px 0;}
.card-body button{background: #e9d07b;padding: 12px 32px; border-radius:10px; font-family: 'Nexa bold'; font-size: 24px; text-decoration: none; color: #222e62;cursor: pointer;}
.card-body a:hover{color: none;}
.card-body ul li{padding: 24px 0 0 0;}
.card-body ul li a{background: none;padding: 0 0 0 15px; border-radius:0; font-family: 'Nexa light'; font-size: 22px; text-decoration: none; color: #e9d07b;}
.card-img{padding: 0 0 0 14%}
.text-info{padding: 0 0 0 10%;}



/* flip */

#flip-card {
  width: 100%;
  height: 100%;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -o-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.do-flip {
  -o-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

#flip-card .front{
	
	background: url("../images/strip_top.png") 0 77px no-repeat #222e62;
	
	padding: 4.27%;
	
	/* border-radius */
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
	
/* box-shadow */
 -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
 -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
 box-shadow: rgba(0,0,0,0.8) 0 0 10px;	

}

#flip-card .front, #flip-card .back{

  z-index: 2;
}


#flip-card .back {
	padding: 4.27%;
	
	
	/* border-radius */
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
	
	/* box-shadow */
 -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
 -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
 box-shadow: rgba(0,0,0,0.8) 0 0 10px;
	
    -o-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
	display: none;
}




legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0 !important;
    font-size: 1.2rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

.text-muted{
	color:#FF0000 !important;
	font-size:0.9rem;
}

.modal-header{border:0;padding:0 1rem;}
.modal-body{padding-top: 0;}



.help-block {
  color: red;
}

.form-group.has-error.has-danger .form-control-label {
  color: red;
}

.form-group.has-error.has-danger .form-control {
  border: 1px solid red;
  box-shadow: 0 0 0 0.2rem rgba(250, 16, 0, 0.18);
}


.success_msg{color:#468847;}
.error_msg{color:red;}
.hidden, hidden1{display: none;}


.swal-success{border:4px soild #218838;}
.swal-error{border:4px solid #d43f3a;}


.text-info-back h2{font-weight: bold; color:#e9d07b; margin-bottom: 10px; }
.card-body-back p{font-size: 20px; }
.card-body-back ul{padding-bottom: 10px;}
.card-body-back ul li {font-size: 20px; color: #e9d07b; padding: 5px;}
.text-info-back{padding: 0 20% 0 0;}

#turn-to-front{background: #e9d07b; padding: 10px 25px; border-radius: 10px; font-family: 'Nexa bold'; font-size: 24px;
text-decoration: none; color: #222e62; cursor: pointer;}

#flip-card .back{
	
	background: url("../images/strip_side.png")  right  no-repeat #222e62;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
    font-weight: bold;
}


footer{padding:3% 0 5% 0;}
footer p{font-family: 'Nexa bold';font-size:24px;color:#e9d07b;margin-bottom: 5%;}