/* ==================================================================================================================
	body
================================================================================================================== */
body {
	font: 10px/1.1 Helvetica, Arial, "Nimbus Sans L", sans-serif;
	background-repeat: repeat;
}

@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 - 600, 600 - 800
================================================================================== */
.bernina-sans-6-8 {
	font-family: "jaf-bernina-sans-condensed-n6", "jaf-bernina-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	.bernina-sans-6-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-6-8 i { font-style: italic; }
	.bernina-sans-6-8 b i,
	.bernina-sans-6-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-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;
	}
/* ==================================================================================
	Arial Black 400 - 900
================================================================================== */	
.arial-black {  }
	.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;
	}

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

	}


/* ==================================================================================
 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;
        }
  
	.soc-link a {
		display: inline-block;
		width: 42px;
		height: 42px;
		margin-left: 4px;
		background: url(https://cdn.buyist.com/t-10049-saniskin/c6441deab52443caba07fc7681704f2a/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 a:hover {
		box-shadow: inset 1px 1px 4px rgba(0, 0, 0, .3);
	}

	.soc-link a[href=""] { display: none; }
	.soc-link a.__fb { background-position: 0 0; }
	.soc-link a.__tw { background-position: -52px 0; }
	.soc-link a.__yt { background-position: -104px 0; }
	.soc-link a.__gp { background-position: -155px 0; }
	.soc-link a.__pin { background-position: -206px 0; }
	.soc-link a.__ins { background-position: -258px 0; }

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

}

/* ==================================================================================
	header
================================================================================== */

.header {}
	.header-top{ border-bottom: 1px solid #000; }
	.header-logo {
		display: block;
		width: 83.636363636363%; /* 184px from 220px */
		margin: 8.363636363636% auto; /* 18px from 220px */
	}

	.header-slogan-wr { margin: 5.434782608695652% 0 0; /* 25px from 460px */ }
		.header-slogan {
			text-align: center;
			font-size: 3.4em;
			letter-spacing: -1px;
		}
	.header-subslogan-wr{ margin: 1.739130434782609% -4.173913043478261% 5.434782608695652%; /* 8px from 460px */ }
		.header-subslogan{
			text-align: center;
			font-size: 3.4em;
			color: #c00865;
			letter-spacing: -1px;
		}

@media (max-width: 767px) {
	
	.header { padding: 20px 15px; }
		.header-top {  padding-bottom: 15px; }

			.header-logo {
				margin: 0 auto;
				width: auto;
				max-width: 150px;
			}
			.header-slogan-wr { margin: 10px auto 0; }
				.header-slogan { font-size: 2.8em; } 
				
			.header-subslogan-wr { margin: 0 auto; }
				.header-subslogan { font-size: 2.4em; }
				
}



/* ==================================================================================
	footer
================================================================================== */

.footer {
	padding: 30px 0 88px;
	position: relative;
	z-index: 2;
	margin: 0 auto;
    max-width: 940px;
}
.footer-offer-wr {}
	.footer-offer {
		text-align: center;
		font-size: 12px;
		line-height: 1.33;
	}
	.footer-nav-wr { margin-top: 3.205128205128205%; /* 25px from 780px */ }
		.footer-nav { text-align: center; }
			.footer-nav span {
				border-left: 1px solid transparent;
				padding-left: 17px;
				margin-left: 13px;
			}
				.footer-nav a {
					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-copy-wr { margin-top: 1.923076923076923%; /* 15px from 780px */ }
		.footer-copy { text-align: center; }
			.footer-copy a { color: #fff; }
			.footer-copy a:hover {
				color: #fff;
				text-decoration: underline;
			}



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


}

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

[class^="btn--"] {
	display: block;
	text-align: center;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
[class^="btn--"]:hover { text-decoration: none; color: #FFF;}

[class^="btn--"] {
	color: #FFF;
	background: #ff5e34;
	background: -moz-linear-gradient(top,  #ff5e34 0%, #fe6c45 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5e34), color-stop(100%,#fe6c45));
	background: -webkit-linear-gradient(top,  #ff5e34 0%,#fe6c45 100%);
	background: -o-linear-gradient(top,  #ff5e34 0%,#fe6c45 100%);
	background: -ms-linear-gradient(top,  #ff5e34 0%,#fe6c45 100%);
	background: linear-gradient(to bottom,  #ff5e34 0%,#fe6c45 100%);

}


.btn-head-wr { margin: 13.63636363636364% 4.545454545454545% 0; } /* 30px from 220px  // 10px from 220px*/
		.btn--head {
			border: 2px solid #FFFFFF;
		    color: #FFFFFF;
		    font-size: 2.8em;
		    padding: 7.070707070707071% 0 5.050505050505051%; /*14px // 10px from 198px*/
		}

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

	.btn-head-wr { margin: 15px 0 0; }
		.btn--head{
			padding: 10px;
		}

}

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

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

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

}


/* ==================================================================================
	navigation
================================================================================== */
.nav-wr { margin: 15px 0; }
	.nav { text-align: center; }
		.nav span {
			border-left: 1px solid #000;
			padding-left: 15px;
			margin-left: 11px;
			text-transform: uppercase;
			font-size: 1.8em;
			display: inline-block;
		}
		.nav span:first-of-type {
			border-left: none;
			padding-left: 0;
			margin-left: 0;
		}
			.nav a {
				font-size: 1em; 
				color: #000;
				white-space: nowrap;
				max-width: 200px;
				display: inline-block;
				overflow: hidden;
				vertical-align: middle;
				text-overflow: ellipsis;
			}
				.nav a:hover { text-decoration: underline; }

@media (max-width: 767px) {
	
	.nav-wr { margin-bottom: 0; }
		.nav { overflow: hidden; }
			.nav span {
				display: block;
				padding-left: 0;
				margin-left: 0;
				border-left: 0;
				float: left;
				padding: 0;
				margin: 2% 0 0 2%;
				width: 49%;
			}
				.nav a {
					display: block;
					max-width: 100%;
					background: #fff;
					background: rgba(0, 0, 0, .1);
					padding: 7px 15px;
					-webkit-border-radius: 3px;
					   -moz-border-radius: 3px;
							border-radius: 3px;
				}
					.nav a:hover { text-decoration: none; }
			.nav span:nth-of-type(odd) { margin-left: 0; }
			.nav span:nth-of-type(-n+2) { margin-top: 0; }
        .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;
	}