@charset "UTF-8";

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~



	SUPER WP HEROES

	FILE PURPOSE: TYPOGRAPHY STYLES
	


   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/*
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	*******
//	*******
//	*******
//	*******
//	*******		SUPER WP HEROES
//	*******		SECTION NAME: FONTS IMPORT
//	*******		DESCRIPTION: 
//	*******
//	*******
//	*******
//	*******
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
*/


	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: OPEN SANS
	*/

	@font-face {
	    font-family: 'open_sansregular';
	    src: url('../fonts/opensans-regular-webfont.eot');
	    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/opensans-regular-webfont.woff') format('woff'),
	    url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
	    url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2020-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	}

	@font-face {
	    font-family: 'open_sanslight';
	    src: url('../fonts/opensans-light-webfont.eot');
	    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/opensans-light-webfont.woff') format('woff'),
	    url('../fonts/opensans-light-webfont.ttf') format('truetype'),
	    url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
	    font-weight: normal;
	    font-style: normal;
	    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2020-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	}

	@font-face {
	    font-family: 'open_sansextrabold';
	    src: url('../fonts/opensans-extrabold-webfont.eot');
	    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
	    url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
	    url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2020-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	}

	@font-face {
	    font-family: 'open_sansbold';
	    src: url('../fonts/opensans-bold-webfont.eot');
	    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/opensans-bold-webfont.woff') format('woff'),
	    url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
	    url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2020-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

	}


/*
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	*******
//	*******
//	*******
//	*******
//	*******		SUPER WP HEROES
//	*******		SECTION NAME: GLOBAL TYPOGRAPHY STYLES
//	*******		DESCRIPTION: 
//	*******
//	*******
//	*******
//	*******
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
*/


	body {
	    font-family: 'open_sansregular', arial, sans-serif !important;
	    font-size: 16px ;
	    line-height: 1.5em ;
	    letter-spacing: 0px;
	    hyphens: auto;
	}

	h1,h2,h3,h4,h5,h6   {
	    font-family: 'open_sanslight', Arial, Helvetica, sans-serif !important;
	    letter-spacing: 1px;
	    word-break: normal;
	}

	body {
		font-size: 16px;
	}

	h1 {
	    font-size: 40px;
	}

	h2 {
		font-size: 27px;
	}

	h3 {
	    letter-spacing: 0px;
	    font-size: 24px ;
	}

	h4 {
	}

	h5 {
	}

	p {
	    margin: 0 0 40px 0;
	    line-height: 27px;
	    font-size: 16px;
	    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	    letter-spacing: -0.6px;
	}

	a:hover,
	a:active{text-decoration: none;}

	a.hover-white:hover {color: #fff;}
	a.hover-black:hover {color: #000;}

		b {
		    font-family: 'open_sansbold', 'Impact', "Charcoal", Arial, Helvetica, sans-serif;
		    font-weight: 700;
		}

		strong {
		    font-family: 'open_sansextrabold', 'Impact', "Charcoal", Arial, Helvetica, sans-serif;
		    font-weight: 900;
		}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: LINES
	*/

	hr {
	    margin-top: 21px;
	    margin-bottom: 21px;
	    border: 0;
	    border-top: 1px solid rgba(0,0,0,0.3);
	    clear: both;
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: LISTS
	*/

	ul {
	    list-style: none;
	    margin: 0 0 40px 40px;
	    padding: 0;
	}

	ul li {
	    line-height: 27px;
	    font-size: 16px;
	}

	ul.huge-benefits {
		margin-bottom: 40px;
	}

	ul.huge-benefits li {
		clear: both;
	}

	ul.huge-benefits li span.huge-benefit-text{
	    font-size: 35px;
	    line-height: 35px;
	    margin: 0;
	    font-family: 'open_sanslight' !important;
	    padding-top: 10px;
	    display: inline-block;
	    margin-bottom: 30px;
	    clear: both;
	}

	ul.huge-benefits li span.fa-stack {
		float: left;
		margin-right: 20px;
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: QUOTES
	*/

	blockquote{
	   
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: FREAKY BIG & BIGGER
	*/

	.freaky-big  {
	    font-size: 50px;
        line-height: 60px;
        margin: 0;
        text-transform: uppercase;
    }

    	.freaky-big-condensed {
	    	line-height: 55px ;
	    }


    .freaky-bigger {
        font-size: 65px;
    	line-height: 70px;
        margin: 0;
        text-transform: uppercase;
    }

    .freaky-huge {
    	font-size: 120px;
        line-height: 130px ;
    }

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: IMAGES
	*/

	img {max-width: 100%;}



	
	
/* Responsive */

@media(max-width: 1400px){


}

@media(max-width: 1200px){
		

	h1 {
	    font-size: 30px;
	}

	h2 {
		font-size: 23px;
	}

	h3 {
	    font-size: 20px;
	}

	h4 {
	}

	h5 {
	}

	

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: LINES
	*/

	hr {
	    margin-top: 21px;
	    margin-bottom: 21px;
	    border: 0;
	    border-top: 1px solid rgba(0,0,0,0.3);
	    clear: both;
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: LISTS
	*/

	ul {
	    list-style: none;
	    margin: 0 0 40px 40px;
	    padding: 0;
	}

		ul.regular-list{
			list-style: initial;
		}

	ul li {
	    line-height: 27px;
	    font-size: 16px;
	}

	ul.huge-benefits {
		margin-bottom: 0px;
		margin-left: 0;
	}

	ul.huge-benefits li {
		clear: both;
	}

	ul.huge-benefits li span.huge-benefit-text{
	    font-size: 25px;
        line-height: 25px;
	    margin: 0;
	    font-family: 'open_sanslight' !important;
	    padding-top: 10px;
	    display: inline-block;
	    margin-bottom: 30px;
	    clear: both;
	    font-weight: bold;
	}

	ul.huge-benefits li span.fa-stack {
		float: left;
		margin-right: 20px;
		font-size: 27px;
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: QUOTES
	*/

	blockquote{
	   
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: FREAKY BIG & BIGGER
	*/

	.freaky-big  {
	    font-size: 30px;
        line-height: 35px;
        margin: 0;
        text-transform: uppercase;
    }

    	.freaky-big-condensed {
	    	line-height: 55px !important;
	    }


    .freaky-bigger {
        font-size: 40px;
        line-height: 45px;
        margin: 0;
        text-transform: uppercase;
    }

    .freaky-huge {
    	font-size: 120px ;
        line-height: 130px;
    }

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: IMAGES
	*/

	img {max-width: 100%;}
}

@media(max-width: 1024px){

}

@media(max-width : 991px) {
	.freaky-huge {
    	font-size: 70px;
        line-height: 80px ;
    }

}

@media(max-width : 767px) {

	.freaky-big-condensed {
        line-height: 40px !important;
    }

}

@media(max-width : 480px){


}

@media(max-width : 320px){

}