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

    .phone-small{
        width: 70%
    }
	
}

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

.nowrap { white-space: nowrap; }

/* ==================================================================================
	LTC Bodoni 400 - 700
================================================================================== */
.ltc-bodoni-175 {
	font-family: "ltc-bodoni-175", Helvetica, Arial, "Nimbus Sans L", sans-serif;
    font-weight: 400;
}
	.ltc-bodoni-175 b {
		 font-weight: 700;
		 font-family: "ltc-bodoni-175", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}
	.ltc-bodoni-175 i { font-style: italic; }
	.ltc-bodoni-175 b i,
	.ltc-bodoni-175 i b {
		font-weight: 700;
		font-style: italic;
		font-family: "ltc-bodoni-175", 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;
	}

/* ==================================================================================
	Bernina Sans Condensed 400 - 700
================================================================================== */
.bernina-sans-cond-4-7 {
	font-family: "jaf-bernina-sans-condensed-n4", "jaf-bernina-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	.bernina-sans-cond-4-7 b {
		 font-weight: 700;
		 font-family: "jaf-bernina-sans-condensed-n7", "jaf-bernina-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}
	.bernina-sans-cond-4-7 i { font-style: italic; }
	.bernina-sans-cond-4-7 b i,
	.bernina-sans-cond-4-7 i b {
		font-weight: 700;
		font-style: italic;
		font-family: "jaf-bernina-sans-condensed-n7", "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;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
    text-shadow: 0px 1px 1px rgb(35, 33, 33);
    font-family: "jaf-bernina-sans-condensed-n4", "jaf-bernina-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	[class^="btn--"] b {
		 font-weight: 700;
		 font-family: "jaf-bernina-sans-condensed-n7", "jaf-bernina-sans-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: "jaf-bernina-sans-condensed-n7", "jaf-bernina-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	}

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

.btn-head-wr { margin: 15% 4.545454545454545% auto auto; } /* 33px // 10px from 300px*/
    .btn--head {
        border: 2px solid #fff;
        color: #fff;
        font-size: 2.8em;
        padding: 14px 0;
        left: 33%;
        width: 33.4475%;
    }

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

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

		.btn--head{
			padding: 10px;
			width: 100%;
			margin-left: -32.5%;
		}

}
    
/* ==================================================================================
	navigation
================================================================================== */
.nav-wr {
    border-top: 1px solid #000;
}
	.nav { 
        text-align: center; 
        padding: 9px 0;
	}
		.nav span {
			margin-left: 19px;
			font-size: 1.8em;
			display: inline-block;
		}
		.nav span:first-of-type {
			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 {
        
    }
		.nav { 
            padding: 20px 0 0;
		}
        .nav span{
            display: block;
            border-left: none;
            padding-left: 0;
			margin-left: 0;
            font-size: 16px;
            padding-bottom: 25px;
        }
        .nav span:last-child{
            padding-bottom: 20px;
        }
            .nav a{
                color: #000;
            }
			
}    

/* ==================================================================================
 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-10569-wondercorefi/9a80a91a622e41ccb1e8a61e80f80528/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; } 	

}

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

.header {}
	
    .header-logo {
		display: block;
		width: 89.66666666666667%; /* 269px from 300px */
		margin: 0 0 0 10.66666666666667%; /* 32px from 300px */
	}
    
    .header-icons{
        margin: 5.789473684210526% auto auto; /*22px  from 380px;*/
        width: 100%;
    }

@media (max-width: 767px) {

    .header {
        padding: 20px 0 0;
    }

    .header-logo {
        margin: 0 auto;
        width: auto;
        max-width: 190px;
    }

    .header-icons{
        margin: 0 auto;
        width: auto;
        max-width: 300px;
    }
}
        

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

.footer {
	padding: 30px 0 30px;
	position: relative;
	z-index: 2;
	margin: 0 auto;
    max-width: 940px;
    background: lightgray;
}
.footer-offer-wr {}
	.footer-offer {
		text-align: center;
		font-size: 12px;
		line-height: 1.33;
        color: gray;
	}
	.footer-nav-wr { margin-top: 3.205128205128205%; /* 25px from 780px */ }
		.footer-nav {
            text-align: center;
            color: gray;
        }
			.footer-nav span {
				border-left: 1px solid;
				padding-left: 17px;
				margin-left: 13px;
				display: inline-block;
				margin-top: 10px;
				margin-bottom: 10px;
			}
				.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;
			}


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

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

.button-call {
	background: rgb(255, 107, 0) !important;
	max-width: 245px;
	margin: 0 auto !important;
	display: none !important;
	margin-bottom: 10px !important;
	margin-top: 5px !important;
}
@media(max-width: 767px) {
	.header .btn--head, .btn-head-wr div {
	    position: relative !important;
		top: 0px !important;
	}
	.button-call {
		display: block !important;
	}
}

/* ==================================================================================
	custom
================================================================================== */

.mobile-bg-hidden {}
.mobile-no-min-height {}
.yotpo-bottomline .yotpo-stars {padding-right: 5px !important;}

@media (min-width: 980px) {
    .span7.review-sect {width: 93% !important; margin-left: 40px;}
    .community-slider {padding-left:0!important;}
    .yotpo.bottomLine {width: 245px; padding-left:67px; margin:10px 0 2px;}
}

@media (max-width: 979px) and (min-width: 768px) {
	
	.span7 {width: 93% !important; margin-left: 40px;}
	.community-slider {padding-left:0!important;}
	.yotpo.bottomLine {width: 245px; padding-left:67px; margin:10px 0 2px;}
}

@media(max-width: 767px) {
    
    .mobile-bg-hidden { background: none!important; }	
    .mobile-no-min-height { min-height: 0!important; }

	.header .btn--head, .btn-head-wr div {
	    position: relative !important;
		top: 0px !important;
	}
	.button-call {
		display: block !important;
	}
	.header-telephone-space {
        display: none;
    }
    /*.span5 {display:none;}*/
	.yotpo.bottomLine {width: 180px; margin:10px auto;}
}