/* ==================================================================================================================
	body
================================================================================================================== */
body {
	color: #000;
	font: 10px/1.2 Helvetica, Arial, "Nimbus Sans L", sans-serif;
}

@media (max-width: 979px) and (min-width: 768px) {
	
	body {
		font-size: 8px;
		-webkit-text-size-adjust: none;
	}
	
}

@media (max-width: 767px) {
	
	body {
		font-size: 8px;
		-webkit-text-size-adjust: none;
	}
	
}

img {
	display: block;
	max-width: 100%;
}

.nowrap { white-space: nowrap; }


/* ==================================================================================
	Bernina Sans Condensed 400 - 800
================================================================================== */
.bernina-sans-cond-4-8 {
	font-family: "jaf-bernina-sans-condensed-n4", "jaf-bernina-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	.bernina-sans-cond-4-8 b {
		 font-weight: 700;
		 font-family: "jaf-bernina-sans-condensed-n8", "jaf-bernina-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}
	.bernina-sans-cond-4-8 i { font-style: italic; }
	.bernina-sans-cond-4-8 b i,
	.bernina-sans-cond-4-8 i b {
		font-weight: 700;
		font-style: italic;
		font-family: "jaf-bernina-sans-condensed-n8", "jaf-bernino-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}

/* ==================================================================================
	Bernina Sans Condensed 400 - 600
================================================================================== */
.bernina-sans-4-6 {
	font-family: "jaf-bernina-sans-condensed-n4", "jaf-bernina-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	.bernina-sans-4-6 b {
		 font-weight: 600;
		 font-family: "jaf-bernina-sans-condensed-n6", "jaf-bernina-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}
	.bernina-sans-4-6 i { font-style: italic; }
	.bernina-sans-4-6 b i,
	.bernina-sans-4-6 i b {
		font-weight: 600;
		font-style: italic;
		font-family: "jaf-bernina-sans-condensed-n6", "jaf-bernina-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}

/* ==================================================================================
	Museo Sans 500 - 900
================================================================================== */
.museo-sans-5-9 {
	font-weight: 500;
	font-family: "museo-sans", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	.museo-sans-5-9 b { font-weight: 900; }
	.museo-sans-5-9 i { font-style: italic; }
	.museo-sans-5-9 b i,
	.museo-sans-5-9 i b {
		font-weight: 900;
		font-style: italic;
	}
.lt-ie9 .museo-sans-5-9 { font-family: "museo-sans-n5", "museo-sans", Helvetica, Arial, "Nimbus Sans L", sans-serif; }
	.lt-ie9 .museo-sans-5-9 b { font-family: "museo-sans-n9", "museo-sans", Helvetica, Arial, "Nimbus Sans L", sans-serif; }
	.lt-ie9 .museo-sans-5-9 i { font-family: "museo-sans-i5", "museo-sans", Helvetica, Arial, "Nimbus Sans L", sans-serif; }
	.lt-ie9 .museo-sans-5-9 b i,
	.lt-ie9 .museo-sans-5-9 i b { font-family: "museo-sans-i9", "museo-sans", Helvetica, Arial, "Nimbus Sans L", sans-serif; }	

/* ==================================================================================
	Myriad Pro Condensed 400 - 700
================================================================================== */	
.myriad-pro-cond-4-7 {
	font-family: "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	.myriad-pro-cond-4-7 b { 
		font-weight: 700;
		font-family: "myriad-pro-condensed-n7", "myriad-pro-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}
	.myriad-pro-cond-4-7 i { 
		font-weight: 400;
		font-family: "myriad-pro-condensed-i4", "myriad-pro-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif; }
	.myriad-pro-cond-4-7 b i,
	.myriad-pro-cond-4-7 i b {
		font-weight: 700;
		font-family: "myriad-pro-condensed-i7", "myriad-pro-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;

	}

/* ==================================================================================
	Proxima Nova 400 - 700
================================================================================== */
.proxima-nova {
	font-family: "proxima-nova", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	.proxima-nova b {
		 font-weight: 700;
		 font-family: "proxima-nova", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}
	.proxima-nova i { font-style: italic; }
	.proxima-nova b i,
	.proxima-nova i b {
		font-weight: 700;
		font-style: italic;
		font-family: "proxima-nova", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}

/* ==================================================================================
	Arial Black 400 - 900
================================================================================== */	
.arial-black { font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; }
	.arial-black i { font-style: italic; }
	.arial-black b {
		font-weight: 900;
		font-family: "Arial Black", Gadget, "Nimbus Sans L", sans-serif;
	}
	.arial-black b i,
	.arial-black i b {
		font-weight: 900;
		font-style: italic;
		font-family: "Arial Black", Gadget, "Nimbus Sans L", sans-serif;
	}

    /* ==================================================================================
	museo-sans 100 - 700
================================================================================== */
.museo-sans-1-7 {
	font-family: "museo-sans-n1", "museo-sans", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	.museo-sans-1-7 b {
		 font-weight: 700;
		 font-family: "museo-sans-n7", "museo-sans", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}
	.museo-sans-1-7 i { font-style: italic; }
	.museo-sans-1-7 b i,
	.museo-sans-1-7 i b {
		font-weight: 700;
		font-style: italic;
		font-family: "museo-sans-n7", "museo-sans", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}	

/* ==================================================================================
	museo-sans 500 - 900
================================================================================== */
.museo-sans-4-8 {
	font-family: "museo-sans-n5", "museo-sans", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	.museo-sans-4-8 b {
		 font-weight: 900;
		 font-family: "museo-sans-n9", "museo-sans", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}
	.museo-sans-4-8 i { font-style: italic; }
	.museo-sans-4-8 b i,
	.museo-sans-4-8 i b {
		font-weight: 900;
		font-style: italic;
		font-family: "museo-sans-n9", "museo-sans", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}	

/* ==================================================================================
	Parisine Std Sombre 400 - 700
================================================================================== */
.mparisine-std-sombre-4-7 {
	font-family: "parisine-std-sombre", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	.mparisine-std-sombre-4-7 b {
		 font-weight: 900;
		 font-family: "parisine-std-sombre", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}
	.mparisine-std-sombre-4-7 i { font-style: italic; }
	.mparisine-std-sombre-4-7 b i,
	.mparisine-std-sombre-4-7 i b {
		font-weight: 900;
		font-style: italic;
		font-family: "parisine-std-sombre", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}

/* ==================================================================================
	btn
================================================================================== */
[class^="btn--"] {
	display: block;
	text-align: center;
	font-family: "myriad-pro-condensed-n4", 'Myriad Pro', Helvetica, Arial, "Nimbus Sans L", sans-serif;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
	[class^="btn--"] .btn-text {}
		[class^="btn--"] b {
			font-weight: 700;
			font-family: "myriad-pro-condensed-n7", "myriad-pro-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
		}

[class^="btn--"]:hover { text-decoration: none; }

.btn-header-wr { margin-top: 6.097560975609756%; /* 10px from 164px */ }
	.btn--header .btn-text {
		font-size: 2em;
		padding: 7px 10px;
	}
.header-astv-wr {
	width: 52.94117647058824%;
	margin: 4% 0 0 auto;
    float: right;
}	

.btn-promo-wr {
	margin: 18px 27% 10px 27%;
}
	.btn--promo .btn-text {
		font-size: 2.6em;
		padding: 8px 10px;
	}
	
.btn-subpage--1-wr { margin: 5.26315789473684% 9.210526315789474% 0 9.210526315789474%; /* 20px from 380px */ }
	.btn--subpage--1 .btn-text {
		padding: 11px 10px;
		font-size: 3em;
	}
	
.btn-subpage--2-wr { margin: 5.26315789473684% 9.210526315789474% 0 9.210526315789474%; /* 20px from 380px */ }
	.btn--subpage--2 .btn-text {
		padding: 11px 10px;
		font-size: 3em;
	}
	
.btn-subpage--3-wr { margin: 5% 4% 0 4%; /* 15px from 300px // 12px from 300px */ }
	.btn--subpage--3 .btn-text {
		padding: 11px 10px;
		font-size: 3em;
	}
	
.btn-subpage--4-wr { margin: 7.894736842105263% 21.05263157894737% 0 21.05263157894737%; /* 30px from 380px // 80px from 380px */ }
	.btn--subpage--4 .btn-text {
		padding: 11px 10px;
		font-size: 1.8em;
	}

.btn-subpage--5-wr { margin: 10% 11.66666666666667% 0 11.66666666666667%; /* 30px from 300px // 35px from 300px */ }
	.btn--subpage--5 .btn-text {
		padding: 11px 10px;
		font-size: 2.2em;
	}

.btn-upsell-wr {
	margin-bottom: 15px;
}
	.btn--upsell .btn-text {
		font-size: 2em;
		padding: 15px 10px;
	}
	
@media (max-width: 979px) and (min-width: 768px) {
	
	.btn--header .btn-text {
		font-size: 1.6em;	
	}
	.btn--promo .btn-text {
		font-size: 2em;	
	}
}

@media (max-width: 767px) {
	
	.btn-header-wr,
	.btn-promo-wr,
	.btn-subpage--1-wr,
	.btn-subpage--2-wr,
	.btn-subpage--3-wr,
	.btn-subpage--4-wr,
	.btn-subpage--5-wr { margin: 15px 0 0 0; }
	
	[class^="btn--"] .btn-text {
		font-size: 3em;
		padding: 10px;
	}

	.header-astv-wr {

		display: none;
	}
	.btn-promo-wr,
	.btn-header-wr {
		margin-left: 15px;
		margin-right: 15px;
	}
	.btn-promo-wr { display: none; }
	
}





/* ==================================================================================
	social links
================================================================================== */

.soc-link {
	margin: 2.659574468085106% auto 0; /*25px from 940px*/
}
	.soc-link_group {
		text-align: center;
		margin-left: -4px;
	}
        .soc-links{
            display: inline-block;
            font-size: 10px;
        }
		
		.soc-link-item {
			display: inline-block;
			width: 42px;
			height: 42px;
			margin-left: 4px;
			background: url(https://cdn.buyist.com/t-10424-totalflexfrench/840384e827c843e282779e278e81d589/i/m-social-icon.png) no-repeat;
			text-indent: -9999px;
			-webkit-transition: box-shadow .2s ease;
			   -moz-transition: box-shadow .2s ease;
				-ms-transition: box-shadow .2s ease;
				 -o-transition: box-shadow .2s ease;
					transition: box-shadow .2s ease;
		}
			.soc-link-item:hover { box-shadow: inset 1px 1px 4px rgba(0, 0, 0, .3); }
		
		.soc-link a[href=""] { display: none; }
		.__fb { background-position: 0 0; }
		.__tw { background-position: -52px 0; }
		.__yt { background-position: -104px 0; }
		.__gp { background-position: -155px 0; }
		.__pin { background-position: -206px 0; }
		.__ins { background-position: -258px 0; }

@media (max-width: 767px) {	
    
    .soc-links {
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
    }
		
	.soc-link-item {
		width: 30px;
		height: 30px;
		-webkit-background-size: auto 30px;
				background-size: auto 30px;
	}
	.__fb { background-position: 0 0; }
	.__tw { background-position: -37px 0; }
	.__yt { background-position: -74px 0; }
	.__gp { background-position: -111px 0; }
	.__pin { background-position: -148px 0; }
	.__ins { background-position: -184px 0; } 	

}





/* ==================================================================================
	page
================================================================================== */
.page {
	max-width: 940px;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(1, 1, 1, .14);
	   -moz-box-shadow: 0 0 10px 0 rgba(1, 1, 1, .14);
			box-shadow: 0 0 10px 0 rgba(1, 1, 1, .14);
}

@media (max-width: 979px) and (min-width: 768px) {
	
	.page { max-width: 726px; }
	
}

@media (max-width: 767px) {
	
	.page { border: 0; }
	
}





/* ==================================================================================
	header
================================================================================== */
.header { }
	.header-line {
		height: 30px;
	}
	.header-logo {
		display: block;
		width: 142%;        
        padding: 7px 0 0 37px; 	
	}
	.header-nav-wr {
		margin: 0 5.128205128205128%; /* 40px from 780px */
		padding-bottom: 5px;
		border-bottom: 2px solid #000;
	}
		.header-nav { margin-top: 5.646833013435701%; min-height: 18px !important; }
			.header-nav-container a {
				color: #000;
				font-size: 1.5em;
				margin-left: 5.374280230326296%; /* 28px from 521px */
			}
			.header-nav-container a:hover {
				color: #000;
				text-decoration: underline;
			}
			.header-nav-container a:first-of-type { margin-left: 0; }

		.header-text-wr { margin: .8974358974358974% 5.128205128205128% 0; /* 7px from 780px // 40px from 780px */ }
		.header-text {
			text-align: right;
			font-size: 1.5em;
		}

@media (max-width: 979px) and (min-width: 768px) {
	
	.header-nav { margin-top: 4.5%; }
	
}		
		
@media (max-width: 767px) {
	
	.header { padding-bottom: 20px; }
	
	.header-logo {
		width: auto;
		max-width: 107px;
		margin: 15px auto 0;
	}
	.header-nav-wr { margin: 0; border: none; }
	.header-text-wr { margin: 15px 15px 0;}
	.header-nav { margin-top: 15px; }
		.header-nav-container a {			
			margin-left: 0%;
			}
		.header-nav a {
			padding: 10px 0;
			border-bottom: 1px solid #e1e1e1;
			font-size: 2em;
			display: block;
			/* margin: 10px 0 0 0; */
			text-align: center;
		}
		.header-nav a:first-child {
			margin-top: 0;
			border-top: 1px solid #e1e1e1;
		}
	.header-text { text-align: center; font-size: 1.6em; }	
	
}





/* ==================================================================================
	footer
================================================================================== */
.footer { padding: 3.723404255319149% 4.25531914893617% 2.127659574468085%; /* 35px from 940px // 40px from 940px // 20px from 940px */ }
.footer-offer-wr {
    margin-top: 1.406976744186047%; /* 25px from 860px */
}
	.footer-nav-wr {}
		.footer-nav { text-align: center; }
			.footer-nav span {
				border-left: 1px solid;
				padding-left: 17px;
				margin-left: 13px;
				display: inline-block;
				margin-top: 10px;
				margin-bottom: 10px;
				color: #222;
			}
				.footer-nav a {
					color: #000;
					font-size: 14px;
					vertical-align: -1px;
				}
				.footer-nav a:hover { text-decoration: underline; }
			.footer-nav span:first-child {
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
			}
	.footer-offer {
		text-align: center;
		font-size: 12px;
	}
	.footer-copy-wr { margin-top: 2.906976744186047%; /* 25px from 860px */ }
		.footer-copy {
			text-align: center;
			font-size: 14px;
		}
			.footer-copy span:not(:empty) {				
				margin-left: 16px;
			}
			.footer-copy a { color: #000; }
			.footer-copy a:hover {
				color: #000;
				text-decoration: underline;
			}
	.footer-copy span:not(:empty) + span{
        border-left: 1px solid #000;
        padding-left: 20px;
	}

@media (max-width: 767px) {
    .footer-copy span:not(:empty) {				
		margin-left: 0;
	}
    .footer-copy span:not(:empty) + span{
        border-left: none;
        padding-left: 0;
	}
}
		
@media (max-width: 767px) {
	
	.footer { padding: 20px 15px; }
		.footer-nav-wr { }
			.footer-nav { text-align: center; }
				.footer-nav span {
					display: block;
					border-left: 0;
					padding-left: 0;
					margin-left: 0;
					margin-top: 10px;
				}
					.footer-nav a { vertical-align: 0; }
				.footer-nav span:first-child { margin-top: 0; }
		
		.footer-copy-wr { margin-top: 15px; }
			.footer-copy span {
				display: block;
				padding-left: 0;
				margin-left: 0;
				border-left: 0;
				margin-top: 7px;
			}
    .btn-subpage--8-wr {margin: 10px 0px 20px 0px; }
}

.btn-subpage--8-wr {margin: 10px 10px 20px 10px; }
	.btn--subpage--8 {
		padding: 	7px;
		font-size: 2.8em;
		text-transform: uppercase;
		border: none;
		-webkit-border-radius: 6px;
	       -moz-border-radius: 6px;
		     	border-radius: 6px;
	}

/* ==================================================================================
	color scheme slyles
================================================================================== */
body { background: pink; }
[class^="btn--"] {
	background: pink;
	color: #fff;
}
[class^="btn--"]:hover { color: #fff; }
.header-line { background: pink; }
.header-text { color: pink; }
.promo-blockquote { color: pink; }
.promo-money-number { color: pink; }
.info-block-title-wr { background: pink; }
.info-block-title { color: #fff; }
.divider-wr { background: pink; }
.divider { color: #fff; }
.info-block-1-more span,
.info-block-2-more span { color: pink; }