*{
	height: 100%;
	width: auto;
	border: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a{
	text-decoration: none;
	color: black;
}

html{
	position: relative;
	left: 0px;
	overflow: hidden;
}

body {
	min-height: 100%;
	height:100%;
	position: absolute;
	left: 0px;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}
h1{
	margin:0px;
	padding:0px;
    font-size: 1em;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: normal;
}
h2{
	margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/*BARRA DE NAVEGACIÓN (FIJA ARRIBA)*/
#top_navigation_bar{
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	text-align: center;
	z-index: 100;
	transition: height 0.5s ease,transform 1s ease-in-out;
	-webkit-transition: height 0.5s ease,transform 1s ease-in-out;
	-moz-transition: height 0.5s ease,transform 1s ease-in-out;
	background-color: white;
}
#navbar_bottom{
	position: absolute;
	height: 5px;
	width: auto;
	bottom:0;
	overflow: hidden;
	background-color: black;
	transition: left 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.25),right 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.25);
	-webkit-transition: left 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.25),right 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.25);
	-moz-transition: left 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.25),right 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.25);
}
#color_line{
	position: absolute;
	bottom:0px;
	max-height:5px;
	width: auto;
	transition: left 0.5s ease,right 0.5s ease,background-color 0.5s ease;
	-webkit-transition: left 0.5s ease,right 0.5s ease,background-color 0.5s ease;
	-moz-transition: left 0.5s ease,right 0.5s ease,background-color 0.5s ease;
}
#color_line_img {
	height: 5px;
	z-index:101;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
#color_line_morpher{
	position: absolute;
	height: 5px;
	width: 35px;
	z-index:102;
	left: 50%;
	-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
	transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
}


/*RESTO DE LA PÁGINA*/
#main_page {
	position: absolute;
	right: 0px;
	left: 0px;
	overflow-y: scroll;
	transition: top 0.5s ease;
	-webkit-transition: top 0.5s ease;
	-moz-transition: top 0.5s ease;
	overflow-x: hidden;
}

.main_page_div{
	transition: height 0.5s ease;
	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	position: relative;
	top: 0px;
	left:0px;
	right: 0px;
}

/*VIDEO*/
#main_page_video_mover{
	position: relative;
	height: 100%;
	width: 100%;
}
#video_message{
	position: absolute;
	top: 30%;
	bottom: 30%;
	left: 20%;
	right: 20%;
	font-family: MarkPro;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	height: 40%;
}
#video_message > div {
	width: 100%;
	margin: 5px;
	height: calc(25% - 10px);
	color: white;
	display: table;
	white-space: nowrap;
}
#video_message > div > h1{
	color: white;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
}
#main_page_video_container {
	height:100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}
#main_page_video {
	overflow: hidden;
	vertical-align: middle;
	position: absolute;
}

/*TRUST MESSAGES*/
#trust_message_info_div{
	position: relative;
	height: calc(calc(100% - 65px)*.46);
	min-height: max-content;
	background-color: white;
	text-align: center;
	overflow: hidden;
}
.trust_message_div{
	position: absolute;
	display: table;
	/*Para futuras animaciones*/
	height: 100%;
	width: auto;
	left: 100%;
	font-family: MarkPro;
	font-weight: bold;
	font-size: 150px;
	white-space: nowrap;
	transition: transform 30s linear;
	-webkit-transition: transform 30s linear;
	-moz-transition: transform 30s linear;
}
.trust_message{
	display: table-cell;
	vertical-align: middle;
}

/*THIRD MAINPAGEDIV*/
#third_mainpage_div{
	position: relative;
	height: calc(calc(100% - 65px)*.82);
	min-height: max-content;
	background-color: white;
}

/*FOURTH MAINPAGEDIV*/
#fourth_mainpage_div{
	position: relative;
	min-height: max-content;
	background-color: white;
	overflow: hidden;
	z-index: 2;
}

#instagram_collateral_div_container{
	position: relative;
	left: 0px;
	top: 0px;
	bottom: 0px;
	background-color: blue;
	z-index: 2;
	overflow: hidden;
}
#instagram_collateral_div{
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	overflow-y: scroll;
}
.instagramcollateral_color_sample{
	width: 100%;
	height: 200px;
}
/*SOCIAL MEDIA FBPAGE & INSTAFEED*/
#instagram_posts_div{
	top: 0px;
	background-color: black;
	text-align: center;
	z-index: 3;
}

#instagram_post_title_div{
	position: relative;
	top: 0px;
	bottom: calc(100% - 121px);
	height: 121px;
	font-family: MarkPro;
	font-size: 100px;
	text-align: center;
	color: white;
	text-align: center;
}
#instagram_post_title_div > * {
	position: absolute;
}
#instagram_post_icon{
	left: 36px;
	top: 40px;
	bottom: 50px;
	right: 294px;
	width: 31px;
	height: 31px;
}
#instalook_span{
	left: 80px;
	top: 44px;
	bottom: 57px;
	right: 162px;
	width: 119px;
	height: 20px;
	font-size: 20px;
}
#lomasfresco_span{
	left: 93px;
	top: 72px;
	bottom: 40px;
	right: 191px;
	width: 77px;
	height: 9px;
	font-size: 9px;
}
#instagram_post_title_div > a {
	color: white;
	position: absolute;
	left: 215px;
	top: 40px;
	bottom: 51px;
	right: 35px;
	width: 111px;
	height: 30px;
}
#instagram_button{
	display: table;
	left: 215px;
	top: 40px;
	bottom: 51px;
	right: 35px;
	width: 111px;
	height: 30px;
	border: 2px solid white;
	font-size: 16px;
}
#instagram_button > span{
	position: absolute;
	left: 0px;
	right: 0px;
	top:5px;
	bottom: 5px;
	width: 100%;
	height: 20px;
	transition: color 0.5s ease-out;
	-webkit-transition: color 0.5s ease-out;
	-moz-transition: color 0.5s ease-out;
	z-index: 2;
}
#instagram_button_whitener{
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 100%;
	background-color: white;
	transition: right 0.5s ease-out;
	-webkit-transition: right 0.5s ease-out;
	-moz-transition: right 0.5s ease-out;
	z-index: 1;
}
#instagram_button:hover span{
	color: black;
}
#instagram_button:hover div{
	right: 0px;
}


#instagram_feed_div{
	position: relative;
	display: grid;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	width: 100%;
}
.instagram_photo_container{
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom:0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.instagram_photo{
	height: 100%;
	width: auto;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
#instagram_follow_button_container{
	position: relative;
	bottom: 0px;
	top: calc(100% - 80px);
	height: 80px;
}

/*FIFTH MAINPAGEDIV*/
#fifth_mainpage_div{
	position: relative;
	height: calc(calc(100% - 65px)*.82);
	min-height: max-content;
	background-color: grey;
	z-index: 2;
}


/*FOOTER*/
#footer_placeholder{
	background-color:white;
	position: relative;
	bottom: 0px;
	z-index:1;
	overflow: hidden;
}
#moving_footer{
	background-color: black;
	display: table;
	position:absolute;
	width:100%;
	height: 100%;
	text-align: center;
	font-family: MarkPro;
}
#moving_footer > *{
	position: absolute;
	z-index: 2;
}
#footer_invisible_background{
	position:static;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	width:100%;
	height:100%;
	opacity:0;
	transition: opacity 1s ease-in;
	-webkit-transition: opacity 1s ease-in;
	-moz-transition: opacity 1s ease-in;
	z-index:1
}
#footer_invisible_background_img{
	position: absolute;
	height: 100%;
	width: auto;
	left: 50%;
	-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
#footer_darkener{
	left:0px;
	right:0px;
	top: 0px;
	bottom: 0px;
	width:100%;
	height:100%;
	opacity: .5;
	background-color: black;
}
.footer_link_div{
	width:100%;
	height: 100%;
	font-family: MarkPro;
	white-space: nowrap;
	color: white;
	text-align: center;
}
#footer_murcia_photage{
	font-size: 21px;
}
/*#footer_murcia_photage:hover ~#footer_invisible_background{
	opacity: 1;
}*/
.footer_info_link{
	font-size: 11px;
}


/*/////GENERAL PURPOSE CLASSES///////*/

.opacity_0 {
	opacity: 0;
}
.opacity_1 {
	opacity: 1;
}
.opacity_0_6{
	opacity: 0.6;
}

.display_none{
	display: none;
}
.display_inline_block{
	display: inline-block;
}
.display_inline{
	display: inline;
}
.display_block{
	display: block;
}
.display_table{
	display: table;
}

.scaleY_0{
	transform: scaleY(0);
	transform-origin: top;
}
.scaleY_1{
	transform: scaleY(1);
	transform-origin: top;
}
.h_fitter{
	top: 0%;
	bottom: 0%;
}
.width_0{
	width: 0%;
}
.width_50{
	width: 50%;
}
.pointer-events_none{
	pointer-events: none;
}
.word_nowrap{
	white-space: nowrap;
}


/*FOR TRUST MESSAGES*/
.tm_hidded{
	
}
.tm_showed{
	-webkit-transform: translate(-130%,0);
    -ms-transform: translate(-130%,0);
    -o-transform: translate(-130%,0);
    transform: translate(-130%,0);
}
.visibility_hidden{
	visibility: hidden;
}


/*FOR VIDEO FIT*/
.horizontal_display{
	width:100%;
	height: auto;
	top: 50%;
	-webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.vertical_display{
	height: 100%;
	width: auto;
	left: 50%;
	-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}


/*for table divs*/
.single_column{
	width:100%;
}
.double_column{
	width:50%;
}
.four_in_a_row{
	width: 25%;
}

/*FOR FOURTH DIV*/
.fourthdiv_big_display{
	height: 602px;
}
.fourthdiv_small_display{
	height: auto;
}
.instagram_big_display{
	left: calc(100% - 411px);
	right: 50px;
	width: 361px;
	position: absolute;
}
.instagram_collateral_big_display{
	right: 411px;
	width: calc(100% - 411px);
	overflow-y: scroll;
}
.instagram_big_height{
	height: 100%;
}
.instagram_collateral_big_heigth{
	height: 1400px;
}
.instagram_header_big_display{
	width: 100%;
	left: 0px;
	right: 0px;
}
.instagram_header_small_display{
	width: 361px;
	left: calc(50% - 180px);
	right: calc(50% - 180px);
}
.instagram_small_height{
	height: auto;
	position: relative;
}
.instagram_small_display{
	left:0px;
	right: 0px;
	width: 100%;
}
.intagram_grid_big_display{
	grid-column-gap: 1px;
	grid-row-gap: 1px;
	grid-template-columns: 119px 119px 119px;
	grid-template-rows: 119px 119px 119px 119px;
	height: calc(100% - 121px);
}
.intagram_grid_small_display{
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 119px 119px 119px 119px;
	height: auto;
}

.blue_table{
	background-color: #15ccd2;
}
.bluegreen_table{
	background-color: #68d88e;
}
.greenyellow_table{
	background-color: #b3e63d;
}
.yellow_table{
	background-color: #f6e601;
}
.white_table{
	background-color: white;
}
.orange_table{
	background-color: #fc682d;
}
.brown_table{
	background-color: #fcaf18;
}
.red_table{
	background-color: #fe2337;
}

/*FOR FOOTER RESIZE*/
.footer_placeholder_bigdisplay{
	height: 400px; /*65 plus for topbar (full page displaced)*/
}
.footer_placeholder_smalldisplay{
	height: 100%;
}
.footer_photage_bigdisplay{
	left: 27%;
	right: 27%;
	width: 46%;
	top: 134px;
	height: 21px;
	bottom: 245px;
}
.footer_photage_smalldisplay{
	height: 66px;
	width: 230px;
	white-space: normal;
	left: calc(50% - 115px);
	right: calc(50% - 115px);
	top: calc(14.65% - 33px);
	bottom: calc(85.35% - 33px);
}
.footer_link_bigdisplay{
	height: 11px;
	bottom: 309px;
	top: 180px;
}
.footer_link_smalldisplay{
	left: calc(50% - 88px);
	right: calc(50% - 88px);
	width: 176px;
	height: 16px;
}
.footer_publicity_link_bigdisplay{
	left: 27.5%;
	width: 6%;
	right: 66%;
}
.footer_publicity_link_smalldisplay{
	top: calc(31.05% - 8px);
	bottom: calc(68.95% - 8px);
}
.footer_terms_link_bigdisplay{
	left: 36.5%;
	width: 5%;
	right: 58.5%;
}
.footer_terms_link_smalldisplay{
	top: calc(35.7% - 8px);
	bottom: calc(64.3% - 8px);
}
.footer_contact_link_bigdisplay{
	left: 44%;
	width: 5.5%;
	right: 50.5%;
}
.footer_contact_link_smalldisplay{
	top: calc(40.35% - 8px);
	bottom: calc(59.65% - 8px);
}
.footer_work_link_bigdisplay{
	left: 52%%;
	width: 12%;
	right: 36%;
}
.footer_work_link_smalldisplay{
	top: calc(45% - 8px);
	bottom: calc(55% - 8px);
}
.footer_newsletter_link_bigdisplay{
	left: 66.5%;
	width: 6.5%;
	right: 27.5%;
}
.footer_newsletter_link_smalldisplay{
	top: calc(49.65% - 8px);
	bottom: calc(50.35% - 8px);
}
.footer_drbrandsociety_bigdisplay{
	left: calc(50% - 54px);
	right: calc(50% - 54px);
	width: 108px;
	height: 40px;
	top: 290px;
	bottom: 70px;
}
.footer_drbrandsociety_smalldisplay{
	left: calc(50% - 67px);
	right: calc(50% - 68px);
	width: 135px;
	height: 50px;
	top: calc(64.2% - 25px);
	bottom: calc(35.8% - 25px);
}

.footer_social_bigdisplay{
	top: 300px;
	height: 20px;
	bottom: 80px;
}
.footer_social_smalldisplay{
	top: 3calc(74.65% - 12px);
	height: 25px;
	bottom: calc(25.35% - 12px);
}

.footer_social_fb_bigdisplay{
	left: 10%;
	width: 9px;
	right: calc(48% - 54px);
}
.footer_social_fb_smalldisplay{
	left: calc(50% - 97px);
	right: calc(50% + 86px);
	width: 11px;
}
.footer_social_tt_bigdisplay{
	left: calc(13% + 9px);
	right: calc(81% - 45px);
	width: 25px;
}
.footer_social_tt_smalldisplay{
	width: 31px;
	left: calc(50% - 46px);
	right: calc(50% + 15px);
}
.footer_social_insta_bigdisplay{
	left: calc(16% + 34px);
	width: 20px;
	right: calc(78% - 20px);
}
.footer_social_insta_smalldisplay{
	width: 25px;
	left: calc(50% + 15px);
	right: calc(50% - 40px);
}
.footer_social_in_bigdisplay{
	left: calc(19% + 54px);
	width: 21px;
	right: 75%;
}
.footer_social_in_smalldisplay{
	width: 26px;
	left: calc(50% + 70px);
	right: calc(50% - 96px);
}


.footer_visa_bigdisplay{
	left: calc(87% - 159px);
	right: calc(13% + 114px);
	width: 45px;
	height: 15px;
	top: 303px;
	bottom: 82px;
}
.footer_visa_smalldisplay{
	left: calc(50% - 110px);
	right: calc(50% + 65px);
	width: 45px;
	height: 15px;
	top: calc(88.05% - 8px);
	bottom: calc(11.95% - 7px);
}
.footer_paypal_bigdisplay{
	left: calc(88% - 114px);
	right: calc(12% + 48px);
	width: 66px;
	height: 18px;
	top: 301px;
	bottom: 81px;
}
.footer_paypal_smalldisplay{
	left: calc(50% - 45px);
	right: calc(50% - 21px);
	width: 66px;
	height: 18px;
	top: calc(88.05% - 9px);
	bottom: calc(11.95% - 9px);
}
.footer_bitcoin_bigdisplay{
	left: calc(89% - 48px);
	right: calc(11% + 28px);
	width: 20px;
	height: 20px;
	top: 300px;
	bottom: 80px;
}
.footer_bitcoin_smalldisplay{
	left: calc(50% + 41px);
	right: calc(50% - 61px);
	width: 20px;
	height: 20px;
	top: calc(88.05% - 10px);
	bottom: calc(11.95% - 10px);
}
.footer_mastercard_bigdisplay{
	left: calc(90% - 28px);
	right: 10%;
	width: 28px;
	height: 22px;
	top: 299px;
	bottom: 79px;
}
.footer_mastercard_smalldisplay{
	left: calc(50% + 81px);
	right: calc(50% - 109px);
	width: 28px;
	height: 22px;
	top: calc(88.05% - 11px);
	bottom: calc(11.95% - 11px);
}
.moving_footer_bigdisplay{
	-webkit-transform: translate(0,-130px);
    -ms-transform: translate(0,-130px);
    -o-transform: translate(0,-130px);
    transform: translate(0,-130px);
}
.moving_footer_smalldisplay{
	-webkit-transform: translate(0,-61%);
    -ms-transform: translate(0,-61%);
    -o-transform: translate(0,-61%);
    transform: translate(0,-61%);
}

/*//////FUENTES/////////////*/

@font-face{
	font-family: "Squared";
	src: url("/fonts/Squared Display.ttf");
}
@font-face{
	font-family: "Quantum";
	src: url("/fonts/Quantum.otf");
}

/*MARKPRO FULL*/	
@font-face{
	font-family: "MarkPro";
	src: url('/fonts/Mark-Pro/MarkPro.otf');
	font-style: normal;
	font-weight: normal;
	src: url('/fonts/Mark-Pro/MarkPro.eot'); /* IE9 Compat Modes */
	src: url('/fonts/Mark-Pro/MarkPro.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/Mark-Pro/MarkPro.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/Mark-Pro/MarkPro.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/Mark-Pro/MarkPro.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family: "MarkPro";
	src: url('/fonts/Mark-Pro/MarkPro-Italic.otf');
	font-style: italic;
	font-weight: normal;
	src: url('/fonts/Mark-Pro/MarkPro-Italic.eot'); /* IE9 Compat Modes */
	src: url('/fonts/Mark-Pro/MarkPro-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/Mark-Pro/MarkPro-Italic.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/Mark-Pro/MarkPro-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/Mark-Pro/MarkPro-Italic.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family: "MarkPro";
	src: url('/fonts/Mark-Pro/MarkPro-Bold.otf');
	font-style: normal;
	font-weight: bold;
	src: url('/fonts/Mark-Pro/MarkPro-Bold.eot'); /* IE9 Compat Modes */
	src: url('/fonts/Mark-Pro/MarkPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/Mark-Pro/MarkPro-Bold.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/Mark-Pro/MarkPro-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/Mark-Pro/MarkPro-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family: "MarkPro";
	src: url('/fonts/Mark-Pro/MarkPro-Light.otf');
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/Mark-Pro/MarkPro-Light.eot'); /* IE9 Compat Modes */
	src: url('/fonts/Mark-Pro/MarkPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/Mark-Pro/MarkPro-Light.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/Mark-Pro/MarkPro-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/Mark-Pro/MarkPro-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family: "MarkPro";
	src: url('/fonts/Mark-Pro/MarkPro-Hairline.otf');
	font-style: normal;
	font-weight: 100;
	src: url('/fonts/Mark-Pro/MarkPro-Hairline.eot'); /* IE9 Compat Modes */
	src: url('/fonts/Mark-Pro/MarkPro-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/Mark-Pro/MarkPro-Hairline.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/Mark-Pro/MarkPro-Hairline.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/Mark-Pro/MarkPro-Hairline.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family: "MarkPro";
	src: url('/fonts/Mark-Pro/MarkPro-Book.otf');
	font-style: normal;
	font-weight: 500;
	src: url('/fonts/Mark-Pro/MarkPro-Book.eot'); /* IE9 Compat Modes */
	src: url('/fonts/Mark-Pro/MarkPro-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/Mark-Pro/MarkPro-Book.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/Mark-Pro/MarkPro-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/Mark-Pro/MarkPro-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family: "MarkPro";
	src: url('/fonts/Mark-Pro/MarkPro-Book.otf');
	font-style: normal;
	font-weight: 600;
	src: url('/fonts/Mark-Pro/MarkPro.eot'); /* IE9 Compat Modes */
	src: url('/fonts/Mark-Pro/MarkPro.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/Mark-Pro/MarkPro.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/Mark-Pro/MarkPro.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/Mark-Pro/MarkPro.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family: "MarkPro";
	src: url('/fonts/Mark-Pro/MarkPro-Heavy.otf');
	font-style: normal;
	font-weight: 800;
	src: url('/fonts/Mark-Pro/MarkPro-Heavy.eot'); /* IE9 Compat Modes */
	src: url('/fonts/Mark-Pro/MarkPro-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/Mark-Pro/MarkPro-Heavy.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/Mark-Pro/MarkPro-Heavy.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/Mark-Pro/MarkPro-Heavy.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family: "MarkPro";
	src: url('/fonts/Mark-Pro/MarkPro-Black.otf');
	font-style: normal;
	font-weight: 900;
	src: url('/fonts/Mark-Pro/MarkPro-Black.eot'); /* IE9 Compat Modes */
	src: url('/fonts/Mark-Pro/MarkPro-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/Mark-Pro/MarkPro-Black.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/Mark-Pro/MarkPro-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/Mark-Pro/MarkPro-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
}

