@charset "UTF-8";
img, object, embed, video {
	max-width: 100%;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/*background-color:#e9ebee;*/
	scroll-behavior: smooth; /*controls go to top button scroll speed*/
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	/*background-color:#e9ebee;*/
	background-color:#FFF;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.backbutton {
	padding: 0;
	border: none;
	border: 0;
	border-style: none;
	outline-style: none;
	background: none;
	border-radius: 2px;
	cursor:pointer;
}

.header_bg {
	position: relative;
	height: auto;
	width: 100%;
	background: #FFF;
	z-index:2000;
} 

.header {
	background-color:#FFF;
	position: relative;
	height: auto;
	max-height: 137px;
	width:95%;
	max-width: 1050px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:10px;
	top:10px;
	z-index:2001;
	border-radius:50%;
}

.header_logo {
	display: none;
}
.header_logo_mobile {
	position: relative;
	height: auto;
	max-width: 200px;
	max-height:91px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:10px;
	z-index:2002;
	display:block;
}

.header_btn {
	background-color:#ffffff;
	outline:none;
	padding:3px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#585858;
	position: relative;
	height: auto;
	width: auto;
	min-width:50px;
	display: inline-block;
	vertical-align: middle;
	cursor:pointer;
	text-decoration:none;
	margin-top:0;
	margin-right:2px;
	margin-left:2px;
	z-index:2003;
}
.header_btn:hover {
	color:#f87300;
}

.section01 {
	background-color:#CCC;
    position: relative;
/*  border-bottom: 4px solid rgba(255,255,255,0.6); */
  min-height: 10px;
  height: auto;
  margin-top: 0;
  
}

.section_whitea {
  background-color:#FFF;
  position: relative;
  padding-left: 0;
  padding-right:0;
  padding-top:20px;
  padding-bottom:20px;
}

.cont_white {
  position: relative;
  width:auto;
  max-width:700px;
  height:auto;
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;
  padding: 20px;
	
}


.section01a {
  background: url(https://quitin7days.com/images/section01a.jpg) no-repeat center bottom;
  background-size: cover;
  position: relative;
  /*border-bottom: 4px solid rgba(255,255,255,0.6);*/
  height: auto;
  margin-top: 0;
  padding: 1rem 0;
  
}

.cont_01a {
  position: relative;
  width:auto;
  max-width:900px;
  height:100%;
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;
  padding: 20px;
	
}

video::-webkit-media-controls-fullscreen-button {
    display: none;
}

.video-container {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.section_white {
  background-color:#FFF;
  position: relative;
  min-height: 20rem;
  /*padding:6rem 0;*/
  padding-left: 0;
  padding-right:0;
  padding-top:10px;
  padding-bottom:1rem;
}

.cont_white {
  position: relative;
  width:auto;
  max-width:700px;
  height:auto;
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;
  padding: 20px;
	
}

.email {
  background-color:#f1f9fe;
  position: relative;
  width:100%;
  max-width:600px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
}

.email_text {
  border:#CCC thin solid;
  background-color:#ffffff;
  position: relative;
  width:auto;
  max-width:466px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  padding:20px;
}

.bullet_qi7d {
	height: 41px;
	width:41px;
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
}

.bullet_text_qi7d {
	height: auto;
	width: calc(100% - 81px);
	display:inline-block;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;
	color: #585858;
	text-align:left;
}

/* Reviews */

.style1001 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold; 
	font-size: 15px;
	
}
.style1002 {
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 15px;
}
.style1003 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4177bf;
	font-size: 15px;
}
.name {
	margin-top: 5px;
	margin-left: 1px;
}
.vp {
	margin-top: 5px;
	margin-left: 1px;
	color: #c25517;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.rev {
	margin-top: 8px;
	margin-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 15px;
	line-height:22px;
}
.hpfl {
	margin-top: 12px;
	margin-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 15px;
}
.spce {
	margin-top: 23px;
}

/* End Reviews */

.order_button_orange {
	background-color:#ff7e00;
	border-radius:7px;
	width:100%;
	max-width:230px;
	height:auto;
	padding:20px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#FFF; 
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	outline:none;
	border:none;
	border:0;
	cursor:pointer;
	text-decoration:none;
}

.order_button_orange:hover {
	background-color:#f27429;
}

.order_button_green {
	background-color:#00a42e;
	border-radius:7px;
	width:100%;
	max-width:230px;
	height:auto;
	padding:20px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#FFF; 
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	outline:none;
	border:none;
	border:0;
	cursor:pointer;
	text-decoration:none;
}

.order_button_green:hover {
	background-color:#009029;
}

#footer {
	background-color: #FFF;
	position: relative;
	height: auto;
	width: 100%;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	top:-100px;
	
}

#footer_container {
	background-color: #FFF;
	position: relative;
	height: auto;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
}

.share_container_footer {
	position: fixed;
	height: auto;
	width: 101%;
	background-color: #efefef;
	bottom: 0px;
	padding-top: 1px;
	box-shadow: 0px 0px 10px #888888;
	z-index: 20000;
}

.share_container_footer_inner_share {
	position: relative;
	height: auto;
	width:auto;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	z-index: 20001;
	text-align:center;
	top: 2px;
}

.formfields_login {
	font-size: 14px;
	background-color: #FFFFFF;
	border: 1px solid #0077CE;
	width: 220px;
	height:auto;
	min-height: 28px;
}

.login {
	background-color:#00a0fc;
	height:auto;
	width:auto;
	min-width:222px;
	padding-top:10px;
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	color:#FFF; 
	outline:none;
	border:none;
	border:0;
	cursor:pointer;
	text-decoration:none;
	margin-left:-4px;	
}

.item {
	height:auto;
	width:auto;
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:40px;
}

.access {
	background-color:#CCC;
	height:auto;
	width:auto;
	min-width:222px;
	padding-top:10px;
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	color:#FFF; 
	outline:none;
	border:none;
	border:0;
	cursor:pointer;
	text-decoration:none;
	margin-left:-4px;
	
	
}

.access:hover {
	background-color:#00a0fc;
}


#top_btn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #f87300;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  z-index:40000;
}

#top_btn:hover {
  background-color: #ea6d00;
}




#resource_item_cont_out {
  /*background-color:#36C;*/
  position: relative;
  width:auto;
  max-width:700px;
  height:auto;
  min-height:150px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  padding: 20px;
}
.resource_item_cont {
  background-color:#EEEEEE;
  position: relative;
  width:auto;
  max-width:700px;
  height:auto;
  min-height:150px;
  margin-left:auto;
  margin-right:auto;
  padding: 20px;
}

.resource_item_img {
	height:auto;
	max-height:100px;
	max-width:100px;
	width:100%;
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
}

.res_get_btn {
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #f87300;
  color: white;
  cursor: pointer;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  min-width:150px;
}

.res_get_btn:hover {
  background-color: #ea6d00;
}





@media only screen and (min-width: 430px) {
	

.order_button_orange {
	width:90%;
	max-width:550px;
	font-size:28px;
	padding:30px;
	
}

.order_button_green {
	width:90%;
	max-width:550px;
	font-size:28px;
	padding:30px;
	
}

}


@media only screen and (min-width: 545px) {

.bullet_qi7d {
	height: 61px;
	width:61px;
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
}

.bullet_text_qi7d {
	height: auto;
	width: calc(100% - 91px);
	font-size: 20px;
	line-height: 30px;
}

#resource_item_cont_out {
  margin-bottom:30px;
  min-height:200px;
}
.resource_item_cont {
  min-height:140px;
}
.resource_item_img {
	max-height:200px;
	max-width:200px;
}

}



@media only screen and (min-width: 600px) {
	
.header {
	max-height: 187px;
}
.header_logo {
	position: relative;
	height: auto;
	max-width: 280px;
	max-height:128px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:10px;
	z-index:2002;
	display: block;
}
.header_logo_mobile {
	display:none;
}

.header_btn {
	font-size:14px;
	padding:5px;
	min-width:70px;
	margin-top:5px;
	margin-right:7px;
	margin-left:7px;
}

.section01 {
  min-height: 15px;
}

}