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

* { margin:0; padding:0; outline:0; font:0;}
img { border:0;}
/* general body settings */
body { 
  color: #151515;
  background:url(../images/background-img.png) repeat; 
  padding: 0px !important;
  margin: 0px !important;
  font-size:13px; 
  direction: ltr;
}


#thankyou-info {
  width: 100%;
  font-family: 'Roboto Slab', serif;
  text-align:center;
  padding: 10px 15px 10px 20px;
  margin: auto;
  border:#efefef solid 8px;
  border-radius: 10px;
  margin-top: 40px;
  background-color:#FFF;
  -moz-box-shadow: 0px 3px 15px 0px rgba(48, 50, 50, 0.67);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(48, 50, 50, 0.67);
  box-shadow: 0px 3px 15px 0px rgba(48, 50, 50, 0.67);

  margin-bottom: 60px;
  margin-top: 70px;
}
#thankyou-info h1 {
	font-family: 'Roboto Slab', serif;
	font-size:38px;
	color:#ff0000;
	font-weight:400;
	line-height:45px;
	margin-top:6px;
  
	width: 100%;
}
#thankyou-info h1 span {
	font-weight:600;
}
#thankyou-info h2 {
	font-size:26px;
	width: 100%;
	font-weight:300;
	margin-top:20px;
}
#thankyou-info h3 {
	font-size:18px;
	width: 100%;
	font-weight:700;
	margin-top:35px;
}
#thankyou-info h4 {
	font-size:22px;
	width: 100%;
	font-weight:700;
	margin-top:15px;
}

#thankyou-info p {
	text-align:left;
	font-size:17px;
	width: 100%;
	font-weight:300;
	margin-top:10px;
}
#thankyou-info a {
	color:#0567b1;
	font-weight:700;
	text-decoration:none;
}

#thankyou-info h5 {
	font-size:35px;
	color:#ff0000;
	font-weight:400;
	line-height:45px;
	margin-top:25px;
	margin-bottom:25px;
  
	width: 100%;
}
#thankyou-info h5 span {
	font-weight:600;
}

.thankSpace{
	margin:15px auto;
}



#download-area {
  width: 100%;
  font-family: 'Roboto Slab', serif;
  text-align:center;
  padding: 10px 15px 10px 20px;
  margin: auto;
  border:#efefef solid 8px;
  border-radius: 10px;
  margin-top: 40px;
  background-color:#FFF;
  -moz-box-shadow: 0px 3px 15px 0px rgba(48, 50, 50, 0.67);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(48, 50, 50, 0.67);
  box-shadow: 0px 3px 15px 0px rgba(48, 50, 50, 0.67);

  margin-bottom: 60px;
  margin-top: 5px;
}
ul.checkmark {
  list-style-type: none;
  margin-left: 15px;
  padding: 0px;
  margin-top: 8px;
}
ul.checkmark li {
  background: url(../images/checkmark.png) no-repeat;
  padding-left: 2.5em;
  padding-top: 2px;
  margin-bottom: 10px;
  line-height: 1.75em;
}
#download-area h1 {
	font-family: 'Roboto Slab', serif;
	font-size:38px;
	color:#ff0000;
	font-weight:400;
	line-height:45px;
	margin-top:6px;
  
	width: 100%;
}
#download-area h2 {
	text-align:left;
	font-size:20px;
	width: 100%;
	font-weight:600;
	margin-top:40px;
}
#download-area ul {
	list-style:decimal;
	font-size:17px;
	width: 100%;
	font-weight:300;
}
#download-area ul li {
	text-align:left;
	margin-top:10px;
	margin-left:35px;
	width: 95%;
}

#download-area .productBox{
	width:100%;
	border:#9e0b0f dashed 3px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background-color:#FFF;
	margin-top:40px;
	text-align:center;
	
	padding:22px;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(228, 223, 219, 1);	
	   -moz-box-shadow: 0px 4px 0px 0px rgba(228, 223, 219, 1);
  			box-shadow: 0px 4px 0px 0px rgba(228, 223, 219, 1);
	
}
#download-area .productBox h3{
	width:100%;
	margin-top:5px;
	font-size:28px;
	text-align:center;
	font-weight:600;
	color:#0567b1;
}
#download-area .productBox img{
	width:95%;
	margin:0 auto;
	padding:30px;
}
.download-btn{
	width:263px;
	height:50px;
	margin:0 auto;
	background:url(../images/download_btn.png) no-repeat;
	text-align:center;
}
.download-btn:hover{
	background:url(../images/download_btnH.png) no-repeat;

}



#important-area {
  width: 100%;
  font-family: 'Roboto Slab', serif;
  text-align:left;
  padding: 10px 15px 10px 20px;
  margin: auto;
  border:#efefef solid 8px;
  border-radius: 10px;
  margin-top: 40px;
  background-color:#FFF;
  -moz-box-shadow: 0px 3px 15px 0px rgba(48, 50, 50, 0.67);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(48, 50, 50, 0.67);
  box-shadow: 0px 3px 15px 0px rgba(48, 50, 50, 0.67);

  margin-bottom: 60px;
  margin-top: 5px;
}
#important-area h1 {
	font-family: 'Roboto Slab', serif;
	font-size:38px;
	color:#ff0000;
	font-weight:600;
	margin-top:6px;
  	width: 100%;
}
#important-area p {
	font-family: 'Roboto Slab', serif;
	font-size:18px;
	color:#4c4d4e;
	font-weight:300;
	margin-top:5px;
	margin-bottom:10px;
	width: 100%;
}
#important-area a {
	margin:20px 4px;
}
.img-responsive{
	display:inline-table;
}




@media only screen and (max-width: 480px) {
	
	
		
}

@media only screen and (min-width : 320px) and (max-width : 480px) {

	.col-md-12, .col-md-7{
		padding:0px;
	}
	
	#thankyou-info h5 {
		font-size:30px;
		line-height:40px;
	}
	
	#download-area ul li {
		width:auto;
		margin-left:20px;
	}
	.img-responsive{
		display:block;
	}
	
	#download-area .productBox{
		margin-top:55px;
		padding:15px;
		
	}
		
	#download-area .productBox img{
		width:100%;
		padding:10px;
	}
	.download-btn{
		background-size:75%;
	}
	.download-btn:hover{
		background-size:75%;
	
	}
	

}