body {
  background-color: #121212;
}
body.memorablecontent {
  background:url(/products/vc/scripts/assets/img/memorable-bg11.jpg) #202020;
}

.main{
	padding:0;
	text-align:center;
}

div {
	padding: 5px;
}
.memorablecontent div {
   padding: 0px;
}
#congrats{
	margin:auto;
}

#congratsimg{
	width:339px;
}




#stripe{
    position: relative;
}

#stripeimg{
	vertical-align:middle;
	width:968px;
	max-width: 100%;
}

#sharetext{
 margin-top:10px;
 padding:0px 30px;

}

#social {
  display: inline-block;
  margin-top: 15px;
}


@font-face {
        font-family: 'Marker Mark';
        src: url('https://learning.corporatevisions.com/products/vc/fonts/MarkerMark-Regular.ttf');
}
@font-face {
        font-family: 'Tahoma';
        src: url('https://learning.corporatevisions.com/products/vc/fonts/Tahoma.ttf');
}
@font-face {
        font-family: 'Tahoma Bold';
        src: url('https://learning.corporatevisions.com/products/vc/fonts/Tahoma%20Bold.ttf');
}
@font-face {
        font-family: 'Lato';
        src: url('/products/vc/fonts/Lato-Regular.ttf');
}
@font-face {
        font-family: 'Hanoded';
        src: url('/products/vc/fonts/Hanoded%20Hand.ttf');
}
@font-face {
        font-family: 'Sansation Regular';
        src: url('/products/vc/fonts/Sansation_Regular.ttf');
}
@font-face {
        font-family: 'Sansation Bold';
        src: url('/products/vc/fonts/Sansation_Bold_0.ttf');
}



.cvlogo{
   position: absolute;
   top:0;
   right:0;
   width:60px;
   padding:2%;
}

.cvlogo2{
   position: absolute;
   top:0;
   width:60px;
   margin:10px;
   padding:2%;
}

.memorablecontent .cvlogo2{
    padding: 5px !important;
}

.memorablecontent .cvlogo{
    padding: 5px !important;
}

.cvtitle {
    font-family:'Marker Mark', Arial, Helvetica, sans-serif;
    color: #e77123;
    font-size: 78px;
	line-height:78px;
    text-transform: none;
    font-weight: 300;
	margin-top: -15%;
}

.cvtitle-honoded {
    font-family:'Hanoded', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 50px;
	line-height:70px;
    text-transform: none;
    font-weight: 300;
	margin-top: -27%;
}

.cvtitle-sansation {
    font-family:'Sansation Bold', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 60px;
	line-height:70px;
    text-transform: none;
    font-weight: 300;
	margin-top: -27%;
	text-transform: uppercase;
}


.cvtext1{
	font-size: 36px; 
	line-height:36px;
	letter-spacing: 3px;
	color: #fff; 
	font-family: Tahoma; 
}

.memorablecontent .cvtext1 {
	color: #F8B440;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	line-height: 40px;
}

.cvtext2{
	font-size: 18px; 
	/*line-height: 8px;
	height: 8px;*/
	letter-spacing: 4px;
	color: #fff; 
	font-family: Tahoma; 
}

.memorablecontent .cvtext2{
	/*line-height: 18px;
	height: 32px;*/
	font-family:'Lato', Arial, Helvetica, sans-serif;
	padding: 0px 20px;
}

.orange{
    color: #e77123;
	font-weight:700;
}
.boldtext{
	font-weight:700;
}

.cvtext3{
	font-size: 14px; 
	color: #fff; 
	font-family: Tahoma; 
	margin-top:14px;
}
.memorablecontent .cvtext3{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	padding: 0px 20px !important;
}

.inputstyle{
  line-height: 22px;
  font-weight: normal; 
  font-size: 14pt; 
  max-width: 400px;
  width:100%;
  padding:3px; 
  margin-top:10px; 
  height:40px;
  font-family: Tahoma; 
  color: #000;
}

.submitstyle{
  height:40px !important;
  margin-left:10px !important;
}


#cvifooter {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #666;
    text-align: left;
    margin: 20px 49% 0 auto;
    width: 500px;
    max-width: 80%;
    padding: 5px 30px;
}

.memorablecontent #cvifooter{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	color: #F8B440;
}

#badge{
	position: absolute;
	right: -0%;
	right: 20%;
	/* top: -350%;*/
}


#badgeimg{
	max-width: 100%;
	width:160px;
}


#cvinotice{
	font-family: Tahoma; 
    font-size: 14px;
	line-height:15px;
	color: #ddd;
	text-align: justify;
    max-width: 86%;
    margin-top:10px;
	margin-bottom:20px;
	width:100%;
    padding: 5px 0;
}
.memorablecontent #cvinotice{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	width: 86%;
	max-width: 1800px;
}

#cvinotice a{
  text-decoration: underline;
  color: #fff;
}

#cvifooter a{
	color: #000099;
}
#cvifooter a:hover{
	color: #000;
}

/* responsive styles */

@media (max-width:1350px){
	.cvtitle {
		 font-size: 55px;
	}
	.cvtitle-sansation {
		font-size: 55px;
		line-height: 65px;
	}
	#badge{
		right: 10%;
		/* top: -300%; */
	}
	#badgeimg{
		max-width: 90%;
		height: auto;
	}
	#sharetext{
		margin-top:70px;
	}
}
@media (max-width:1150px){
	.cvtitle {
		 font-size: 50px;
	}
	.cvtitle-sansation {
		font-size: 35px;
		line-height: 50px;
	}
	#sharetext{
		margin-top:90px;
	}
	#badge{
		right: 10%;
		/* top: -250%; */
	}
	#badgeimg{
		max-width: 80%;
		height: auto;
	}
}

@media (max-width:950px){
	#badge{
		right: 10%;
		/* top: -250%; */
	}
	#badgeimg{
		max-width: 70%;
		height: auto;
	}
	#sharetext{
		margin-top:110px;
	}

}

@media (max-width:700px){
	.cvtext1{
		font-size: 28px; 
	}
   .cvtext2{
	  font-size: 18px; 
	 /* line-height: 18px;
	  height: 30px; */
	}
	#badge{
		right: 10%;
		/* top: -250%; */
	}
	#badgeimg{
		max-width: 60%;
		height: auto;
	}
}

@media (max-width:590px){
	.cvtitle {
		 font-size: 40px;
	}
	.cvtitle-sansation {
		font-size: 35px;
		line-height: 50px;
	}
   .inputstyle{
		padding:0 3%;
		width:90%;
   }
   .submitstyle{
		margin-left:auto !important;
		margin-right:auto !important;
    }
	#badge{
		right: 10%;
	/*	top: -250%; */
	}
	#badgeimg{
		max-width: 50%;
		height: auto;
	}
}

@media (min-width:1600px) {
	#badge{
		right: 20%;
	}
}

@media (min-width:1900px) {
	#badge{
		right: 20%;
	}
}

@media (min-width:2200px) {
	#badge{
		right: 20%;
	}
}

@media (min-width:2500px) {
	#badge{
		right: 22%;
	}
}