@font-face {
    font-family: 'larish_neuesemibold';
    src: url('/fonts/larish_neue_semibold-webfont.eot');
    src: url('fonts/larish_neue_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/larish_neue_semibold-webfont.woff2') format('woff2'), url('fonts/larish_neue_semibold-webfont.woff') format('woff'), url('fonts/larish_neue_semibold-webfont.ttf') format('truetype'), url('fonts/larish_neue_semibold-webfont.svg#larish_neuesemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	height: 100%;
}

body {
	min-height: 100%;
	padding: 0;
	margin: 0;
/* 	color: white; */
	color: #AB7272;
	border: 20px solid white;
/* 	background-color: #c8b4b3; */
	background-color: #FDE6E6;
	font-family: 'larish_neuesemibold';
	font-size: 18px;
	line-height: 1.5;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	box-sizing: border-box;
}
a {
	color: #1C233B;
}
h1 {
	text-align: center;
	animation: fadein 2s;
	-moz-animation: fadein 2s; /* Firefox */
	-webkit-animation: fadein 2s; /* Safari and Chrome */
	-o-animation: fadein 2s; /* Opera */
/* 	color: #904455; */
	color: #1C233B;
	font-family: 'larish_neuesemibold';
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 2em;
	margin: 0 0 40px 0;
	line-height: 1.1;
}

h2 {
/* 	color: #904455; */
	color: ##1C233B;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 40px 0;
}

p {
	margin-bottom: 20px;
}

.container {
	width: 90%;
	max-width: 700px;
	margin: 50px auto;
}
.text {
color:#1C233B !important;
	width: 80%;
	max-width: 700px;
	margin: 0 auto;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width:767px) {
	body {
		font-size: 94%;
	}
}








.spinner {
  display: none;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 40px);
  width: 40px;
  height: 40px;
  background-color: #333;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

.spinner.active{
	display: block;
}





#overlay-msg {
	  background-color: rgba(0, 0, 0, 0.6);
	  position: fixed;
	  left: 0;
	  top: 0;
	  height: 100%;
	  width: 100%;
	  z-index: 999999;
	  -webkit-animation: 300ms fadeIn cubic-bezier(0.19, 1, 0.22, 1);
	  -moz-animation: 300ms fadeIn cubic-bezier(0.19, 1, 0.22, 1);
	  -ms-animation: 300ms fadeIn cubic-bezier(0.19, 1, 0.22, 1);
	  -o-animation: 300ms fadeIn cubic-bezier(0.19, 1, 0.22, 1);
	  animation: 300ms fadeIn cubic-bezier(0.19, 1, 0.22, 1); 
}
#overlay-msg #msg {
		color: #904455;
	    position: fixed;
	    max-width: 400px;
	    width: 90%;
	    margin: 0 auto;
	    text-align: center;
	    left: 50%;
	    top: 50%;
	    background-color: #FFF;
	    padding: 20px;
	    z-index: 9999999;
	    box-sizing: border-box;
	    -webkit-border-radius: 6px;
	    -moz-border-radius: 6px;
	    -ms-border-radius: 6px;
	    -o-border-radius: 6px;
	    border-radius: 6px;
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    -webkit-animation: 500ms tvEffectIn cubic-bezier(0.19, 1, 0.22, 1);
	    -moz-animation: 500ms tvEffectIn cubic-bezier(0.19, 1, 0.22, 1);
	    -ms-animation: 500ms tvEffectIn cubic-bezier(0.19, 1, 0.22, 1);
	    -o-animation: 500ms tvEffectIn cubic-bezier(0.19, 1, 0.22, 1);
	    animation: 500ms tvEffectIn cubic-bezier(0.19, 1, 0.22, 1);
	    -webkit-animation-fill-mode: both;
	    -moz-animation-fill-mode: both;
	    -ms-animation-fill-mode: both;
	    -o-animation-fill-mode: both;
	    animation-fill-mode: both;
	    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
	    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
	    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
	    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
	    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); 
}
#overlay-msg #msg p:last-child {
      margin-bottom: 0; 
}

.hide {
  opacity: 0;
  visibility: hidden; 
}



@media(min-height: 850px){	
	.valign-wrapper {
	

	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	    flex-wrap: wrap; 
	    
	    
	    
	    height: 100%;
    }
}