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

@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 - 700
================================================================================== */
.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: 800;
		 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: 800;
		font-style: italic;
		font-family: "jaf-bernina-sans-condensed-n8", "jaf-bernina-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;
	}

/* ==================================================================================
	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;

	}

/* ==================================================================================
	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;
	}	

/* ==================================================================================
	btn
================================================================================== */

[class^="btn--"] {
	display: block;
	text-align: center;
    background: lightgray;
    color: #fff;
    border: 2px solid #fff;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;	  
    font-family: "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	[class^="btn--"] b {
		 font-weight: 700;
		 font-family: "myriad-pro-condensed-n7", "myriad-pro-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}
	[class^="btn--"] i { font-style: italic; }
	[class^="btn--"] b i,
	[class^="btn--"] i b {
		font-weight: 700;
		font-style: italic;
		font-family: "myriad-pro-condensed-n7", "myriad-pro-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}

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


@media (max-width: 767px) {
	
	[class^="btn--"] {
		border: 0;
		font-size: 3.6em;
        padding: 10px;
	}

}

/* ==================================================================================
	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(../t-10431-thewisp/f230c0e2ccda4e69947ceb3f560db3fb/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; } 	

}

/* social offside */

.soc-link.__vertical {
	position: absolute;
	top: 110px;
	left: 100%;
}
	.soc-link.__vertical .soc-link-item { float: none; margin-left: 0; }

@media (max-width: 1023px) {
	
	.soc-link.__vertical { display: none; }

}
	
/* ==================================================================================
	page wrapper
================================================================================== */
.page {
	max-width: 940px;
	margin: 0 auto;
}
	.page-shadow {
		background-position: 50% 0;
		background-repeat: no-repeat;
	}
		
		.page-box {
			position: relative;
			background: #fff;
			-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
			   -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
					box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
		}
		
	@media (max-width: 979px) and (min-width: 768px) {
		
		.page-shadow { background: none !important; }
		
	}

/* ==================================================================================
	header
================================================================================== */
.header {}
	.header-logo {
		display: block;
		margin: 4.545454545454545% auto 4.545454545454545% 10px;
        max-width: 220px;
        color: #000;
	}
    .header-logo-link {
		display: block;
		width: 161px;
		margin: 0;
        color: #000;
	}
        .header-logo:hover { color:#000; }
        .header-slogan-wr {
            margin: 6.111111111111111% 0 1.851851851851852%; /* 33px from 540px // 10px from 540px */ 
        }
		.btn-header-wr { margin: 6.285714% 15% 2.142857%; /* 20px from 140px // 10px from 140px */ }
			.btn--header {
				font-size: 2em; 
				padding: 10px;      
			}
		    .btn-header-text{
		        padding: 10px 3px; 
		    }			


@media (max-width: 767px) {
	
	.header { padding: 20px 15px; }
		.header-logo {
			width: auto;
			max-width: 150px;
			margin: 0 auto;
		}
		.btn-header-wr {
			margin: 10px auto;
		}		
	
}

/* ==================================================================================
	navigation
================================================================================== */
.nav-wr {	
	margin: 0 auto;		
}
	.nav-iner {
		margin: 3.4% 0 0 0;	
        min-height: 16px;	
	}
		.nav-head { text-align: right; }
			.nav-head span {
				border-left: 1px solid #dfdfe2;
				padding-left: 11px;
				margin-left: 8px;				
				display: inline-block;
			}
			.nav-head span:first-of-type {
				border-left: none;
				padding-left: 0;
				margin-left: 0;
			}
				.nav-head a {
					font-size: 1.4em; 
					color: #000;
					white-space: nowrap;
					max-width: 200px;
					display: inline-block;
					overflow: hidden;
					vertical-align: middle;
					text-overflow: ellipsis;
					letter-spacing: 2px;
					text-transform: uppercase;
				}
					.nav-head a:hover { text-decoration: underline; }
			

@media (max-width: 979px) and (min-width: 768px) {	

	.nav-head span {
		padding-left: 6px;
		margin-left: 4px;
	}
	
}

@media (max-width: 767px) {
	
	.nav-wr { margin: 0;
		background: pink;
	}
		
        .nav-iner {
            margin: 10px 0 0;
        }
		.nav-head {
			overflow: hidden;
			text-align: center;
		}
			.nav-head span {
				display: block;
				padding-left: 0;
				margin-left: 0;
				border-left: 0;
				padding: 0;
			}
				.nav-head a {
					margin: 7px 15px;					
				}
					.nav-head a:hover { text-decoration: none; }
			.nav-head span:nth-of-type(odd) { margin-left: 0; }
			.nav-head span:nth-of-type(-n+2) { margin-top: 0; }

} 


/* ==================================================================================
	divider
================================================================================== */
[class^="divider-"] {
	text-align: center;
	position: relative;
	background: pink;
}

.divider-1 {
    padding: 4px 20px;
}
.devider-1-text{
    font-size: 1.8em;
    color: #fff;	
}

.devider-1-text:empty { height: 18px; }

.divider-2 {
    padding: 13px 20px;
}


/* ==================================================================================
	footer
================================================================================== */
.footer {
	padding: 0 0 30px;
	position: relative;
	z-index: 2;
	margin: 0 auto;
    max-width: 940px;
    background: #fff;
}
.footer-offer-wr {}
	.footer-offer {
		text-align: center;
		font-size: 12px;
		line-height: 1.33;
        color: gray;
	}
	.footer-nav-wr { margin: 3.205128205128205% 0; /* 25px from 780px */ }
		.footer-nav {
            text-align: center;
            color: gray;
        }
			.footer-nav span {
				border-left: 1px solid;
				padding-left: 17px;
				margin-left: 13px;
			}
				.footer-nav a {
					font-size: 14px;
					vertical-align: -1px;
                    color: inherit;
				}
				.footer-nav a:hover {
                    text-decoration: underline;
                    color: inherit;
                }
			.footer-nav span:first-child {
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
			}
			
	.footer-copy-wr { margin-top: 1.923076923076923%; /* 15px from 780px */ }
		.footer-copy {
            color: gray;
            text-align: center;
        }
			.footer-copy a { color: inherit; }
			.footer-copy a:hover {
				color: inherit;
				text-decoration: underline;
			}
            .footer-copy span:not(:empty) {
                padding-right: 15px;
            }
            .footer-copy span:not(:empty) + span:not(:empty) {
                padding-left: 15px;
	        }


@media (max-width: 767px) {
	
	.footer {  padding: 20px 15px; }
		.footer-nav-wr { margin-top: 15px; }
			.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; }


}
/* ==================================================================================
	page
================================================================================== */

.page {
    position: relative;
	background: #fff;
    z-index: 1;
	max-width: 940px;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
	   -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
			box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

.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;
	}

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

@media (max-width: 767px) {
	
	.page { border: 0; }
	.btn-subpage--8-wr {margin: 10px 0px 20px 0px; }
}

/* ==================================================================================
	btn
================================================================================== */
[class^="btn--"] {
	display: block;
	text-align: center;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;	
}
[class^="btn--"]:hover { text-decoration: none; }

.btn-info-wr { margin: 5.747126436781609% 5.747126436781609% 0; }
	.btn--info {
		font-size: 3.4em;
		padding: 9px 10px;
	}

.btn-ribbon-wr-wr{
    position: absolute;  
    width: 140px; 
    z-index: 1025;
}
.btn-ribbon-wr { 
    position: relative;  
    height: 143px;     
    margin: 0 16px;
}
.btn--ribbon {
	position: absolute;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
	border: 2px solid transparent;
	border-top: 0;
    padding: 40px 5px 35px;
	/*width: 75%;*/
	text-shadow: none;
}
	.btn--ribbon .first-line { font-size: 1.2em; }
	.btn--ribbon .second-line {
		font-size: 2.6em;
		line-height: 1;
	}
	.btn--ribbon:before {
		content: "";
		position: absolute;
		border: 10px solid transparent;
		bottom: 2px;
		left: 50%;
		margin-left: -10px;
	}



.btn-upsell-wr{
	margin-bottom: 15px;
}
	.btn--upsell {
		font-size: 3em;
		padding: 15px 10px;		
	}

.btn--head{
	text-shadow: none;
}
	
@media (max-width: 979px) and (min-width: 768px) {
	
	.btn--ribbon {
		padding-top: 35px;
		padding-bottom: 25px;
	}
		.btn--ribbon .first-line { font-size: 8px; }
		.btn--ribbon .second-line { font-size: 18px; }
	
        .btn-ribbon-wr-wr{ 
            width: 104px;  
}
	
}
	
@media (max-width: 767px) {
	
	.btn-ribbon-wr-wr,
	.btn-info-wr{ margin: 15px 0 0; }
	
	[class^="btn--"] {
		border: 0;
		font-size: 3.6em;
		padding: 10px;
	}
	.btn--ribbon {
		position: static;
		width: auto;
		border: 0;
		font-size: 2em;
		-webkit-box-shadow: none !important;
		   -moz-box-shadow: none !important;
				box-shadow: none !important;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
		text-shadow: 0 -1px 1px rgba(0, 0, 1, .75);
	}
		.btn--ribbon .first-line,
		.btn--ribbon .second-line { font-size: 1em; }
		.btn--ribbon:before { display: none; }

        .btn-ribbon-wr-wr{
            position: static;    
            margin-left: auto;
            margin-right: auto;
            width: auto;
        }

        .btn-ribbon-wr {  
            height: auto;
            width: auto;
            margin: 0; 
        }
		
}