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

@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: 100%
    }
	
}

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

.nowrap { white-space: nowrap; }


/* ==================================================================================
	Bernina Sans Condensed 400 - 700
================================================================================== */
.bernina-sans-cond-4-7 {
	font-family: "jaf-bernino-sans-condensed-n4", "jaf-bernino-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
	.bernina-sans-cond-4-7 b {
		 font-weight: 700;
		 font-family: "jaf-bernino-sans-condensed-n7", "jaf-bernino-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-bernino-sans-condensed-n7", "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;
	}

/* ==================================================================================
	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;
    background: lightgray;
    color: #fff;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
    text-shadow: 0px 1px 1px rgb(35, 33, 33);
}

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

.btn-head-wr { margin: 3.333333333333333% 13.33333333333333% 0; } /* 10px from 300px  // 40px from 300px*/
    .btn--head {
        border: 2px solid #fff;
        color: #fff;
        font-size: 3.2em;
        padding: 14px 0;
    }

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

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

}
    
/* ==================================================================================
	navigation
================================================================================== */
.nav-wr { margin: 2.736842105263158% 2.631578947368421% 1.578947368421053% 0; /* 18px //10px // 6px from 380px */ }
	.nav { text-align: right; }
		.nav span {
			border-left: 1px solid #d4d5d8;
			padding-left: 15px;
			margin-left: 11px;
			font-size: 1.4em;
			display: inline-block;
		}
		.nav span:first-of-type {
			border-left: none;
			padding-left: 0;
			margin-left: 0;
		}
			.nav a {
				font-size: 1em; 
				color: #474547;
				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: 15px 0 0 0;
    }
		.nav { 
            text-align: center;
		}
        .nav span{
            display: block;
            border-left: none;
            padding-left: 0;
			margin-left: 0;
            font-size: 16px;
            padding-bottom: 25px;
        }
            .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-10840-50goldbuffalotributeproof/870503c4836943cd9f95178d5ea38961/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 {
    background-position: 50% 0 !important;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
            background-size: cover !important;
}

.header2 {
   
    background-position: 50% 0 !important;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
            background-size: cover !important;
    
}	
    .header-logo {
		display: block;
		width: 93.66666666666667%; /* 281px from 300px */
		margin: 5% auto 3.333333333333333%; /* 15px // 10px from 300px */
	}
    
    .header-tv {
        width: 26.36363636363636%; /* 58px from 220px */
        margin: 5.909090909090909% auto 0; /* 3px from 220px */
    }
    
  
    .header-call-wr { margin-top: 3.181818181818182%; /* 7px from 220px */ }
        .header-call {
            text-align: center;
            font-size: 1.4em;
            color: #000;
        }
       
	.header-slogan-wr { margin-top: -20px; /* 25px from 380px */ }
		.header-slogan {
			text-align: center;
			font-size: 2.4em;
		}

@media (max-width: 767px) {
	
	.header { padding: 20px 0 0; background: none !important;}

        .header-logo {
            margin: 0 auto;
            width: auto;
            max-width: 190px;
        }
        .header-tv{
            margin: 0 auto;
            width: 50px;
            position: absolute;
            right: 11%;
            top: 37px;
        }
            .header-slogan-wr { margin: 10px auto 0; }
                .header-slogan { 
                    font-size: 20px;
                    text-align: center;
                } 

                .header-call {
                    font-size: 16px;
                    text-align: center;
                }
            
}

.header-line{
    height: 9px;
}

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

.footer {
	padding: 30px 0 30px;
	position: relative;
	z-index: 2;
	margin: 0 auto;
    max-width: 960px;
    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;
			}
				.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 {  }
	
}

@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: 960px;
	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;
	}     	border-radius: 6px;

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

@media (max-width: 767px) {
	
	.page { border: 0; }
	.btn-subpage--8-wr {margin: 10px 0px 20px 0px; }
	.header {background:#2C498D !important;}
}