body, h1, h2, h3, h4, p, ul, li, a, img, label, input {
	margin:0;
	padding:0;
	border:none;
	outline:none;
	text-decoration:none;
}
 @font-face {
 font-family: 'montserratbold';
 src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'montserratmedium_italic';
 src: url('../fonts/montserrat-mediumitalic-webfont.woff2') format('woff2'), url('../fonts/montserrat-mediumitalic-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'open_sansregular';
 src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'open_sansitalic';
 src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'), url('../fonts/opensans-italic-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'open_sansregular';
 src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

#card-element{
	float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
}

.input-group input[type="number"]{
	text-align: center;
}
.also_suggest img{
	max-height: 115px;
}

.glyphicon {
	color: #3d98f2
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
  
a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.full {
	float:left;
	width:100%;
}
.top_header {
	background:url(../images/header-bg_01.png) center no-repeat;

	text-align:center;
	    padding: 30px 0 50px;
    position: relative;
    background-size: cover;
}
.top_logo img.my_logo { width:160px;}
.top_logo h3 {
	text-align: center;
	font-size: 28px;
	color: #fff;
	font-family: 'montserratmedium_italic';
	font-weight: bold;
	margin-top: 25px;
}
.top_logo h2 {
	text-align: center;
	font-size: 48px;
	color: #fff;
	font-family: 'montserratbold';
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
}
.bar_line {
	position: absolute;
	bottom: -82px;
}
.main_content {
	background:url(../images/main_bg.png) no-repeat center center fixed;
	background-size:cover;
	padding:170px 0 145px;
	margin-top: -115px;
	text-align:center;
}
.tabs_tabs span {
	color:#a7a7a7;
	font-size:20px;
	font-family: 'open_sansitalic';
}
.tabs_tabs h2 {
	font-size:15px;
	color:#a7a7a7;
	text-transform:uppercase;
	font-family: 'montserratbold';
}
.tabs_tabs {
	margin-bottom:35px;
}
.tabs_tabs .tab_single {
	border-bottom:1px solid #a7a7a7;
	padding-bottom: 12px;
}
.tabs_tabs .active_tab span {
	color:#3d98f2;
}
.tabs_tabs .active_tab h2 {
	color:#061d34;
}
.tabs_tabs .tab_single.active_tab {
	border-bottom:1px solid #3d98f2;
}
.form_area input[type="text"], .form_area input[type="email"], .form_area #form-step-0  input[type="number"] {
	float:left;
	width:100%;
	background:#fff;
	height:50px;
	padding-left:40px;
	font-family: 'open_sansregular';
	font-size: 13px;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(146, 146, 146, 0.47);
	box-shadow: 0px 0px 8px 3px rgba(146, 146, 146, 0.47);
	border-radius: 5px;
}
.form_filed select {
	float:left;
	width:100%;
	background:#fff;
	height:50px;
	text-indent:35px;
	padding-right:20px;
	border:none;
	font-family: 'open_sansregular';
	font-size: 13px;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(146, 146, 146, 0.47);
	box-shadow: 0px 0px 8px 3px rgba(146, 146, 146, 0.47);
	border-radius: 5px;
}
.form_filed.less_indent select {text-indent:15px;}
#payment-request-button{
	padding-top: 240px !important;
}
.form_filed {
	margin-bottom:20px;
	position:relative;
}
.for_placholder {
	float: left;
	position: absolute;
	left: 33px;
	color:#929292;
	font-size: 15px;
	top: 14px;
}
.left_side button {
	float:left;
}
.right_side button {
	float:right;
}
.form_btn button {
	width:216px;
	height:47px;
	background:#061d34;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	font-family: 'montserratbold';
	border:none;
	outline:none;
	border-radius: 5px;
}
.form_btn img {
	margin:0 10px;
}
.blue_btn button {
	background:#3d98f2;
}
.form_btn button:hover {
	opacity: 0.8;
}
.buttons_btn {
	margin-top:10px;
}
.main_footer {
	background:url(../images/footer_bg.png) center no-repeat;
	background-size:cover;
	padding:70px 0 30px;
	text-align:center;
	margin-top: -100px;
	position: relative;
}
.footer_top {
	margin-bottom:50px;
}
.footer_top p {
	text-align:center;
	font-size:12px;
	color:#fff;
	font-family: 'open_sansregular';
	line-height:24px;
}
.bottom_footer p {
	font-size:13px;
	color:#fff;
	font-family: 'open_sansregular';
}
.bottom_footer {
	border-top: 1px solid #3d98f2;
	padding: 30px 0 0 0;
}
.footer_line {
	position: absolute;
	top: -66px;
}
.banner_setp img {
	max-width:62%;
}
.no_padding_left {
	padding-left:0;
}
.form_area input[type="text"].low_padding {
	padding-left: 20px;
}
.new_from_buttons ul {
	display:inline-block;
}
.new_from_buttons ul li {
	list-style: none;
	display: inline-block;
	padding: 0 15px;
}
.form_btn button.gray_bg {
	background:#c1c1c1;
}
.form_btn button.blue_bg {
	background:#3d98f2;
}
/*Step 3 */
	.member_ship_header {
	background:url(../images/mem_blue.png) center no-repeat;
	background-size:100% 100%;
	padding:30px 0;
}
.member_ship_header.back_header {
	background:url(../images/black_header.png) center no-repeat;
	background-size: 100% 100%;
	padding: 25px 0;
}
.member_ship_header.back_header h4 {
	font-size:18px;
	color:#3d98f2;
}
.member_ship {
	background: #fff;
	padding-bottom: 56px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
	box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
}
.member_ship_header h3 {
	font-size:30px;
	color:#fff;
	font-family: 'montserratbold';
	color:#fff;
	text-transform:uppercase;
}
.member_ship_header span {
	font-size:28px;
	color:#fff;
	font-family: 'open_sansitalic';
	color:#fff;
}
.price_tag h2 {
	font-size:48px;
	color:#061d34;
	font-family: 'montserratbold';
}
.price_tag {
	margin-top:15px;
	padding: 0 30px;
	margin-bottom:40px;
}
.price_tag span {
	font-size:24px;
	color:#3d98f2;
	font-family: 'open_sansitalic';
}
.border_line {
	float:left;
	width:100%;
	background:#3d98f2;
	height:1px;
	margin-top:20px;
}
.badge_tag {
	text-align:center;
}
.badge_tag p {
	text-align:center;
	font-size:15px;
	color:#6d6d6d;
	float:left;
	width:100%;
	margin-bottom:16px;
	text-transform: capitalize;
}
.badge_tag img {
	max-width:100%;
	margin-bottom:24px;
	width: 325px;
}
.two_badge {
	display:inline-block;
	text-align:center;
	margin-bottom:40px;
}
.two_badge ul {
	display:inline-block;
}
.two_badge li {
	list-style:none;
	display:inline-block;
	padding: 0 20px;
}
.thankyou_page {
	background:#fff;
	text-align:center;
	padding:70px;
	-webkit-box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
	box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
	border-radius: 5px;
	margin-bottom: 47px;
}
.thankyou_page h4 {
	font-size: 28px;
	font-family: 'open_sansitalic';
	color: #3d98f2;
}
.thankyou_page h2 {
	font-size:38px;
	color:#061d34;
	text-transform:uppercase;
	text-align:center;
	font-family: 'montserratbold';
	background:url(../images/bg_border.jpg) bottom center no-repeat;
	padding-bottom:21px;
	margin-bottom:30px;
	margin-top:5px;
}
.thankyou_page p {
	color: #2a2a2a;
	font-size: 15px;
	font-family: 'open_sansregular';
	line-height: 30px;
	margin-bottom: 20px;
}
.form_btn.thank_button button {
	width:270px;
}
.adress_info {
	background:#fff;
	padding:15px 30px;
	-webkit-box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
	box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
	border-radius: 5px;
	margin-bottom:30px;
}
/* .my_info ul li {
	float:left;
	width:100%;
	list-style:none;
	color:#888888;
	font-size:13px;
	text-align:left;
	margin: 3px 0;
} */
.my_info {
	float:left;
	/* width:100%; */
	/* border-right:2px solid #3d98f2; */
	/* padding: 10px 0; */
	color:#888888;
}

.my_info p{
	text-align: left;
}
.ship_info{
	border-left:2px solid #3d98f2;
}
.new_billing_address h2{
	font-size: 18px;
	color: #888888;
	font-family: 'montserratbold';
	/* float: left; */
	width: 100%;
	margin-top: 51px;
	margin: 0 0 25px 15px;
}



.ship_info h3, .my_info h3 {
	text-align:left;
	font-size:13px;
	color:#888888;
	font-family: 'montserratbold';
	margin-top: 26px;
	text-transform: capitalize;
	margin-bottom:20px;
}
.ship_info p {
	float:left;
	width:100%;
	text-align:left;
	font-size:13px;
	color:#888888;
	font-family: 'open_sansregular';
}
.adress_info button {
	background: #3d98f2;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	border: none;
	width: 100%;
	height: 72px;
	margin-top: 38px;
	font-family: 'montserratbold';
	border-radius: 5px;
}
.adress_info button:hover {
	opacity: .8;
}
.edit_product {
	background:#fff;
	padding:15px 15px;
	-webkit-box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
	box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
	border-radius: 5px;
	margin-bottom:30px;
}
.edit_product img {
	max-width:100%;
	width:100%;
}
.qty_panel {
	text-align:left;
}
.qty_panel h2 {
	font-size:18px;
	color:#888888;
	font-family: 'montserratbold';
	float: left;
	width: 100%;
	margin-top: 51px;
}
.qty_panel h3 {
	font-size:18px;
	color:#3d98f2;
	font-family: 'montserratbold';
	float:left;
	width:100%;
	margin-bottom:15px;
	margin-top:3px;
}
.qty_panel p {
	color:#888888;
	font-size:13px;
	font-family: 'open_sansregular';
}
.qty_panel p span {
	margin-left:35px;
}
.edit_product button {
	    margin-top: 80px;
    float: left;
	border:none; outline:none;
    font-family: 'montserratbold';
    width: 100%;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    background: #3d98f2;
    padding: 17px 0;
    border-radius: 5px;
}
.also_suggest {
	padding:40px;
	-webkit-box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
	box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
	border-radius: 5px;
	background:#fff;
	text-align:center;
	margin-bottom: 30px;
}
.also_suggest h2 {
	color: #061d34;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'montserratbold';
	border-bottom: 1px solid #061d34;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.also_suggest img {
	max-width:100%;
}
.also_suggest h3 {
	font-size: 23px;
	color: #888888;
	font-family: 'open_sansregular';
	float: left;
	width: 100%;
	margin: 7px 0 20px 0;
}
/* .also_suggest button {
	font-family: 'montserratbold';
	font-size:14px;
	text-transform:uppercase;
	background:#3d98f2;
	color:#fff;
	border:none;
	width:125px;
	border-radius: 5px;
	height:50px;
} */
.total_bill {
	padding:40px;
	-webkit-box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
	box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
	border-radius: 5px;
	background:#fff;
}
.sub_total span {
	font-size:12px;
	color:#555555;
	font-family: 'open_sansregular';
}
.step_logo img{
	width: 120px;
}
.right_div {
	float:right;
}
.sub_total {
	margin-bottom:23px;
}
.estimate_total {
	margin-bottom:15px;
}
.estimate_total span {
	font-size:14px;
	text-transform:uppercase;
	color:#061d34;
	font-family: 'montserratbold';
}
.billing input {
	float: left;
	margin-right: 11px;
}
.billing {
	display:flex;
	    margin-top: 12px;
}
.billing label {
	float:left;
	font-size:13px;
	color:#888888;
	font-family: 'open_sansregular';
	text-align:left;
	font-weight:normal;
}

.form_area .stripe input[type="text"] {
	float:left;
	width:100%;
	background:#fff;
	height:45px;
	padding-left:15px;
	font-family: 'open_sansregular';
	font-size: 13px;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(146, 146, 146, 0.47);
	box-shadow: 0px 0px 8px 3px rgba(146, 146, 146, 0.47);
	border-radius: 5px;
}
.payment_method {
	margin-top:10px;
	text-align: center;
	margin-bottom:20px;
}
.payment_method img{
	width: 100%;
}
.pack_edit{
	float: right;
    text-decoration: underline;
    font-weight: bold;
}
.hr-down{
	float: left;
    width: 100%;
    margin: 10px 0;
}
.final_button{
	margin-bottom: 15px;
}
.final_button button {
	width:100%;
	background:#3d98f2;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	font-family: 'montserratbold';
	height:46px;
	margin-top:0px;
	margin-bottom:0px;
	border:none;
	border-radius: 5px;
}
.refund_policy p{    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #888888;
    font-family: 'open_sansregular';
    margin-top: 10px;}

.final_button_apple button {    background: #061d34;
    color: #fff; margin-top:15px;}

.container-my { width:100%; margin:0 auto; padding:0 100px;}
.new_billing_address {background: #fff;
        padding: 25px 30px 15px;
    -webkit-box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
    box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
    border-radius: 5px;
	text-align: start;
    margin-bottom: 30px;}
	.also_suggest h3 span {color: #3d98f2;
    font-size: 14px;}
	
	.step_logo {    position: absolute;
    left: 5%;
    top: 1%;}
	


.for_mobile { display:none;}

.upgrade_membership {background: #fff;
    padding: 15px 15px;
    -webkit-box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
    box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
    border-radius: 5px;
    margin-bottom: 30px;}
	.upgrade_membership  img{ width:100%;}
	.slect_text h2 {font-size: 18px;
    color: #888888;
    font-family: 'montserratbold';
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: left;
    margin-bottom: 10px;}
	.slect_text h2 span {color: #3d98f2;}
	.no_padding { padding:0;}
	.slect_text ul { margin:0; padding:0;}
	.slect_text ul li { 
		float: left;
    width: 100%;
    list-style: none;
    text-align: left; font-size: 13px;
    color: #888888;
    font-family: 'open_sansregular';     margin-bottom: 6px;} 

.right_updarage {background: #fff;
    padding-bottom: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
    box-shadow: 0px 0px 8px 3px rgb(146 146 146 / 47%);
}
.rigt_up { float:right;}
.right_updarage .member_ship_header span {font-family: 'open_sansregular';}
.right_updarage .member_ship_header h3 {
    font-size: 14px;
    color: #fff;
    font-family: 'montserratbold';
    color: #fff;
    text-transform: uppercase;
    float: left;
    width: 100%;
    margin: 5px 0;
}

.full_text p{float: left;
    width: 100%;
    text-align: left;
    font-size: 13px;
    color: #888888;
    font-family: 'open_sansregular';}
	.full_text {    padding: 12px 30px;}
	.full_text button{    background: #3d98f2;
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 20px;
    border-radius: 5px;
	font-family: 'open_sansregular';
    margin-top: 19px;
    font-size: 15px;}
	.full_text button span { float:left; width:100%; text-align:center;  font-family: 'montserratbold'; font-size: 18px;}



	.left_div {
		float: left;
		text-align: left;
	}
		
		
		
		@media only screen and (max-width: 1350px) {
			  .estimate_total span { font-size: 12px; }
			  .also_suggest img{
				max-height: 105px;
			}
			
		}
		
		@media only screen and (max-width: 1230px) {
			.estimate_total span {font-size: 10px;}
		}




 @media only screen and (max-width: 1480px) {
	 .step_logo {
    position: absolute;
    left: 1%;top: 7%;}
	.step_logo img {
    width: 101px;
}


	 
 }
  @media only screen and (max-width: 1100px) {
	  .step_logo img {
    width: 75px;
}
.also_suggest img{
	max-height: 100px;
}
  }
  
  
  @media only screen and (max-width: 900px) {
	  
	  .step_logo img {
    width: 150px;
}
.also_suggest img{
	max-height: 100px;
}
	  
	  .step_logo {
    position: relative;
    left: 0;
    top: -30px;
}
	  
  }
 @media only screen and (max-width: 767px) {
	.also_suggest img{
		max-height: 100px;
	}
.estimate_total span {font-size: 12px;}
 .form_filed {
 margin-bottom: 15px;
 position: relative;
 float: left;
 width: 100%;
}
.slect_text.no_padding { padding: 0 15px;
    margin: 20px 0;
    float: left;
    width: 100%;}
.for_desktop { display:none;}
.for_mobile { display:block;}
.btn_space { margin-bottom: 30px;}
.tabs_tabs .tab_single {
margin-bottom:10px;
}
.new_from_buttons ul li {
 list-style: none;
 display: inline-block;
 padding: 0 15px;
 width: 100%;
 margin-bottom: 0px;
}
.member_ship {
margin-bottom:40px;
}
.my_info ul {
text-align: center;
border: none;
}
.my_info ul li {
float:none;
text-align:center;
}
.ship_info {
float: left;
 width: 100%;
 text-align: left;
 border:none;
}
 .ship_info h3 {
text-align: center;
margin-bottom: 10px;
}
 .ship_info p {
text-align:center;
}
 .qty_panel {
 text-align: center;
}
.edit_product button {
margin-top:20px;
text-align:center;
}
.also_suggest img {
 max-width: 100%;
 display: block;
 text-align: center;
 margin: 0 auto;
}
.also_suggest .col-sm-4 {
float:left;
width:100%;
margin-bottom:25px;
}
.total_bill { margin-top:50px;}
.container-my { padding:0 15px;}
.step_logo {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 31px;
}
.my_info { float:left; width:100%;}
.ship_info h3, .my_info h3 { text-align:center;}
.my_info p {
    text-align: center;
}
.full_sub { float:left; width:100%;}
.right_side button { float:left;}
.left_side button {
    float: right;
}

.main_content {    
	padding: 140px 0 145px; 
}
.form_btn button { width:100%;}
.form_btn button { margin-bottom:15px;}
.billing.for_mobile { display:flex;}
.adress_info button {    height: 46px;
    margin-top: 15px;}
	.tab_single { display:none;}
	.tab_single.active_tab { display:block;}
	.step_logo {margin-bottom: 10px;}
	.tabs_tabs {
    margin-bottom: 15px;
}
.form_btn button.next-btn {}
.form_btn img { margin:0;}
.price_tag { margin-bottom:20px;}
.buttons_btn {
    margin-top: 10px;
    padding: 0 50px;
}
.edit_product img {
    max-width: 100%;
    width: 100%;
}
.qty_panel h2 { margin-top:22px;}
.edit_product button {
    margin-top: 0;
    text-align: center;
}
.new_from_buttons button{    position: relative;}
.new_from_buttons img {position: absolute;
    top: 18px;}
	.new_from_buttons button.next-btn img{    right: 89px;}
	.new_from_buttons button.save-btn img{    right: 89px;}
	.new_from_buttons button.previous-btn img {    left: 70px;}
}

 @media only screen and (max-width: 600px) {
 .top_logo h2 {
font-size:32px;
}
 .top_logo h3 {
font-size:24px;
}
.thankyou_page h2 {
 font-size: 30px;
}
 .thankyou_page {
padding:20px;
}
.form_btn {clear:both;}
}