/****************/
/*RESET*/
/****************/
.comTecnalisBanner{font: 16px/1.2 'Arial';}
.comTecnalisBanner,.comTecnalisBanner *{margin:0;padding:0;position:static;box-sizing: border-box;-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; font-family:sans-serif;font-weight: normal;font-style: normal;font-size: 100%;line-height: 1;text-align: left;color:#000; text-decoration: none; border:none;background-color:transparent;background-image:none;background-repeat: no-repeat;}
.comTecnalisBanner *:after,.comTecnalisBanner *:before{content:none}
.comTecnalisBanner div,.comTecnalisBanner h1,.comTecnalisBanner h2,.comTecnalisBanner h3,.comTecnalisBanner h4,.comTecnalisBanner h5,.comTecnalisBanner h6,.comTecnalisBanner p{display: block}.comTecnalisBanner em{font-style: italic;font-weight: normal}.comTecnalisBanner strong{font-style: normal;font-weight: bold} 

/*********************/
/*COMPONENTS (Common)*/
/********************/
/*Main Container*/.comTecnalisBanner{width: 100%;position:relative;overflow: hidden;}
/*Banners Container*/.comTecnalisBanner > div:first-child {cursor: pointer;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left:0}
/*Banner Container*/.comTecnalisBanner > div:first-child > div {position: absolute;top:0;left:0;right: 0;bottom:0;}
/*Title, Desc, Button Container*/
.comTecnalisBanner > div:first-child > div > div:first-child{overflow: hidden;height: 100%; padding: 1% 1%; width: 50%;}
.comTecnalisBanner > div:first-child > div.textLEFT-tecnalis-banners-styles > div:first-child{float: left; }
.comTecnalisBanner > div:first-child > div.textRIGHT-tecnalis-banners-styles > div:first-child{float: right;}
/*Button*/
.comTecnalisBanner > div:first-child > div > div:first-child > p {display: table}
/*Image Container*/
.comTecnalisBanner > div:first-child > div > div:last-child{overflow: hidden;height: 100%;width: 50%}
.comTecnalisBanner > div:first-child > div.textLEFT-tecnalis-banners-styles > div:last-child{padding: 0% 0% 0% 0;margin-left: 50%;}
.comTecnalisBanner > div:first-child > div.textRIGHT-tecnalis-banners-styles > div:last-child{padding:  0% 0 0% 0%;margin-right: 50%;}
.comTecnalisBanner > div:first-child > div > div:last-child > div {height: 100%;}
/*Pager*/
.comTecnalisBanner > div:last-child {text-align: center;position: absolute;left:0;right: 0;bottom:0.4em;}
.comTecnalisBanner > div:last-child > div{margin:0 auto;display: table}
.comTecnalisBanner > div:last-child span,.comTecnalisBanner > div:last-child p{display: block;float: left;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.comTecnalisBanner > div:last-child span:last-child{margin-right: 0;}
.comTecnalisBanner > div:last-child span.active-tecnalis-banners-styles{cursor: default}
.comTecnalisBanner > div:last-child span.inactive-tecnalis-banners-styles:hover,.comTecnalisBanner > div:last-child p{cursor: pointer;}

/****************/
/*TEXT STYLES*/
/****************/
.title-tecnalis-banners-styles,.description-tecnalis-banners-styles,.button-tecnalis-banners-styles{font-family: "Arial";}

/*PAGER*/
.comTecnalisBanner > div:last-child span,.comTecnalisBanner > div:last-child p{font-family: "Arial"; font-weight: bold;text-align: center;line-height: 1.8;width: 1.8em;margin-right: 0.9em;}
.comTecnalisBanner > div:last-child p{width: 1.8em;margin-right: 0.9em;}

/*bannerPagerEditor*/
.bannerPagerEditor-tecnalis-banners-styles span,.bannerPagerEditor-tecnalis-banners-styles p{background-color: rgba(240, 240, 240, 0.7);}
.bannerPagerEditor-tecnalis-banners-styles span{box-shadow: 1px 1px 2px 0px #989898 inset;-webkit-box-shadow: 1px 1px 2px 0px #989898 inset;}
.bannerPagerEditor-tecnalis-banners-styles p{box-shadow: 1px 1px 2px 0px #989898;-webkit-box-shadow: 1px 1px 2px 0px #989898;}
.bannerPagerEditor-tecnalis-banners-styles span{border-radius: 50%;}
.bannerPagerEditor-tecnalis-banners-styles span.inactive-tecnalis-banners-styles:hover,.bannerPagerEditor-tecnalis-banners-styles p:hover{background-color: rgba(240, 240, 240, 0.9) !important;}
.bannerPagerEditor-tecnalis-banners-styles span.active-tecnalis-banners-styles{background-color: rgba(255, 189, 0, 0.7);color:#e2e2e2}
.bannerPagerEditor-tecnalis-banners-styles p{border-radius: 0.2em;}
.bannerPagerEditor-tecnalis-banners-styles p.pause-tecnalis-banners-styles{background-image:url('../img/pauseBt_icon.png');background-repeat: no-repeat;background-position: 50% 50%;background-size: 120% 120%}
.bannerPagerEditor-tecnalis-banners-styles p.play-tecnalis-banners-styles{background-image:url('../img/playBt_icon.png');background-repeat: no-repeat;background-position: 50% 50%;background-size:80% 70%}


/*bannerPager1*/
.bannerPager1-tecnalis-banners-styles span,.bannerPager1-tecnalis-banners-styles p{background-color: rgba(240, 240, 240, 0.7);}
.bannerPager1-tecnalis-banners-styles span{box-shadow: 1px 1px 2px 0px #989898 inset;-webkit-box-shadow: 1px 1px 2px 0px #989898 inset;}
.bannerPager1-tecnalis-banners-styles p{box-shadow: 1px 1px 2px 0px #989898;-webkit-box-shadow: 1px 1px 2px 0px #989898;}
.bannerPager1-tecnalis-banners-styles span{border-radius: 50%;}
.bannerPager1-tecnalis-banners-styles span.inactive-tecnalis-banners-styles:hover,.bannerPager1-tecnalis-banners-styles p:hover{background-color: rgba(240, 240, 240, 0.9) !important;}
.bannerPager1-tecnalis-banners-styles span.active-tecnalis-banners-styles{background-color: rgba(255, 189, 0, 0.7);color:#e2e2e2}
.bannerPager1-tecnalis-banners-styles p{border-radius: 0.2em;}
.bannerPager1-tecnalis-banners-styles p.pause-tecnalis-banners-styles{background-image:url('../img/pauseBt_icon.png');background-repeat: no-repeat;background-position: 50% 50%;background-size: 120% 120%}
.bannerPager1-tecnalis-banners-styles p.play-tecnalis-banners-styles{background-image:url('../img/playBt_icon.png');background-repeat: no-repeat;background-position: 50% 50%;background-size:80% 70%}

/*bannerPager2*/
.bannerPager2-tecnalis-banners-styles span,.bannerPager2-tecnalis-banners-styles p{background-color: rgba(240, 240, 240, 0.7) ;box-shadow: 1px 1px 1px 0px #535050;-webkit-box-shadow: 1px 1px 1px 0px #535050;}
.bannerPager2-tecnalis-banners-styles span{border-radius: 50%;}
.bannerPager2-tecnalis-banners-styles span.inactive-tecnalis-banners-styles:hover,.bannerPager2-tecnalis-banners-styles p:hover{background-color: rgba(240, 240, 240, 0.9) !important;}
.bannerPager2-tecnalis-banners-styles span.active-tecnalis-banners-styles{background-color: rgba(255, 189, 0, 0.7);color:#e2e2e2}
.bannerPager2-tecnalis-banners-styles p{border-radius: 0.2em;}
.bannerPager2-tecnalis-banners-styles p.pause-tecnalis-banners-styles{background-image:url('../img/pauseBt_icon.png');background-repeat: no-repeat;background-position: 50% 50%;background-size: 120% 120%}
.bannerPager2-tecnalis-banners-styles p.play-tecnalis-banners-styles{background-image:url('../img/playBt_icon.png');background-repeat: no-repeat;background-position: 50% 50%;background-size:80% 70%}

/*bannerPager3*/
.bannerPager3-tecnalis-banners-styles span,.bannerPager3-tecnalis-banners-styles p{background-color: rgba(240, 240, 240, 0.7) ;box-shadow: 1px 1px 1px 0px #535050;-webkit-box-shadow: 1px 1px 1px 0px #535050;}
.bannerPager3-tecnalis-banners-styles span{}
.bannerPager3-tecnalis-banners-styles span.inactive-tecnalis-banners-styles:hover,.bannerPager3-tecnalis-banners-styles p:hover{background-color: rgba(240, 240, 240, 0.9) !important;}
.bannerPager3-tecnalis-banners-styles span.active-tecnalis-banners-styles{background-color: rgba(255, 189, 0, 0.7);color:#e2e2e2}
.bannerPager3-tecnalis-banners-styles p{border-radius: 0.2em;}
.bannerPager3-tecnalis-banners-styles p.pause-tecnalis-banners-styles{background-image:url('../img/pauseBt_icon.png');background-repeat: no-repeat;background-position: 50% 50%;background-size: 120% 120%}
.bannerPager3-tecnalis-banners-styles p.play-tecnalis-banners-styles{background-image:url('../img/playBt_icon.png');background-repeat: no-repeat;background-position: 50% 50%;background-size:80% 70%}


/**************************************************************+/
/*FONTS*/
/*******************/
/*ARIAL*/
/*******************/
/*Normal*/
@font-face{font-family: 'Arial';
           src: url('../fonts/arial/arial.eot'); 
           src: url('../fonts/arial/arial.eot?#iefix') format('embedded-opentype'), 
               url('../fonts/arial/arial.woff') format('woff'), 
               url('../fonts/arial/arial.ttf')  format('truetype'),
               url('../fonts/arial/arial.svg#Arial') format('svg');
           font-weight: normal;font-style: normal;
}
/*Negrita*/
@font-face{font-family: 'Arial';
           src: url('../fonts/arial/arialb.eot'); 
           src: url('../fonts/arial/arialb.eot?#iefix') format('embedded-opentype'),
               url('../fonts/arial/arialb.woff') format('woff'), 
               url('../fonts/arial/arialb.ttf')  format('truetype'), 
               url('../fonts/arial/arialb.svg#Arial') format('svg'); 
           font-weight: bold;font-style: normal;
}
/*Cursiva*/
@font-face{font-family: 'Arial';
           src: url('../fonts/arial/ariali.eot'); 
           src: url('../fonts/arial/ariali.eot?#iefix') format('embedded-opentype'),
               url('../fonts/arial/ariali.woff') format('woff'),
               url('../fonts/arial/ariali.ttf')  format('truetype'),
               url('../fonts/arial/ariali.svg#Arial') format('svg');
           font-weight: normal;font-style: italic;
}
/*Negrita y cursiva*/
@font-face{font-family: 'Arial';
           src: url('../fonts/arial/arialbi.eot'); 
           src: url('../fonts/arial/arialbi.eot?#iefix')  format('embedded-opentype'),
               url('../fonts/arial/arialbi.woff')  format('woff'),
               url('../fonts/arial/arialbi.ttf')   format('truetype'), 
               url('../fonts/arial/arialbi.svg#Arial')  format('svg');
           font-weight: bold;font-style: italic;
}
/*******************/
/*COURIER*/
/*******************/
/*Normal*/
@font-face{font-family: 'Courier';
           src: url('../fonts/courier/cour.eot'); 
           src: url('../fonts/courier/cour.eot?#iefix') format('embedded-opentype'), 
               url('../fonts/courier/cour.woff') format('woff'), 
               url('../fonts/courier/cour.ttf')  format('truetype'),
               url('../fonts/courier/cour.svg#Courier') format('svg');
           font-weight: normal;font-style: normal;
}
/*Negrita*/
@font-face{font-family: 'Courier';
           src: url('../fonts/courier/courbd.eot'); 
           src: url('../fonts/courier/courbd.eot?#iefix') format('embedded-opentype'),
               url('../fonts/courier/courbd.woff') format('woff'), 
               url('../fonts/courier/courbd.ttf')  format('truetype'), 
               url('../fonts/courier/courbd.svg#Courier') format('svg'); 
           font-weight: bold;font-style: normal;
}
/*Cursiva*/
@font-face{font-family: 'Courier';
           src: url('../fonts/courier/couri.eot'); 
           src: url('../fonts/courier/couri.eot?#iefix') format('embedded-opentype'),
               url('../fonts/courier/couri.woff') format('woff'),
               url('../fonts/courier/couri.ttf')  format('truetype'),
               url('../fonts/courier/couri.svg#Courier') format('svg');
           font-weight: normal;font-style: italic;
}
/*Negrita y cursiva*/
@font-face{font-family: 'Courier';
           src: url('../fonts/courier/courbi.eot'); 
           src: url('../fonts/courier/courbi.eot?#iefix')  format('embedded-opentype'),
               url('../fonts/courier/courbi.woff')  format('woff'),
               url('../fonts/courier/courbi.ttf')   format('truetype'), 
               url('../fonts/courier/courbi.svg#Courier')  format('svg');
           font-weight: bold;font-style: italic;
}
/*******************/
/*VERDANA*/
/*******************/
/*Normal*/
@font-face{font-family: 'Verdana';
           src: url('../fonts/verdana/verdana.eot'); 
           src: url('../fonts/verdana/verdana.eot?#iefix') format('embedded-opentype'), 
               url('../fonts/verdana/verdana.woff') format('woff'), 
               url('../fonts/verdana/verdana.ttf')  format('truetype'),
               url('../fonts/verdana/verdana.svg#Verdana') format('svg');
           font-weight: normal;font-style: normal;
}
/*Negrita*/
@font-face{font-family: 'Verdana';
           src: url('../fonts/verdana/verdanab.eot'); 
           src: url('../fonts/verdana/verdanab.eot?#iefix') format('embedded-opentype'),
               url('../fonts/verdana/verdanab.woff') format('woff'), 
               url('../fonts/verdana/verdanab.ttf')  format('truetype'), 
               url('../fonts/verdana/verdanab.svg#Verdana') format('svg'); 
           font-weight: bold;font-style: normal;
}
/*Cursiva*/
@font-face{font-family: 'Verdana';
           src: url('../fonts/verdana/verdanai.eot'); 
           src: url('../fonts/verdana/verdanai.eot?#iefix') format('embedded-opentype'),
               url('../fonts/verdana/verdanai.woff') format('woff'),
               url('../fonts/verdana/verdanai.ttf')  format('truetype'),
               url('../fonts/verdana/verdanai.svg#Verdana') format('svg');
           font-weight: normal;font-style: italic;
}
/*Negrita y cursiva*/
@font-face{font-family: 'Verdana';
           src: url('../fonts/verdana/verdanaz.eot'); 
           src: url('../fonts/verdana/verdanaz.eot?#iefix')  format('embedded-opentype'),
               url('../fonts/verdana/verdanaz.woff')  format('woff'),
               url('../fonts/verdana/verdanaz.ttf')   format('truetype'), 
               url('../fonts/verdana/verdanaz.svg#Verdana')  format('svg');
           font-weight: bold;font-style: italic;
}
/*******************/
/*TIMES NEW ROMAN*/
/*******************/
/*Normal*/
@font-face{font-family: 'Times';
           src: url('../fonts/times/times.eot'); 
           src: url('../fonts/times/times.eot?#iefix') format('embedded-opentype'), 
               url('../fonts/times/times.woff') format('woff'), 
               url('../fonts/times/times.ttf')  format('truetype'),
               url('../fonts/times/times.svg#Times') format('svg');
           font-weight: normal;font-style: normal;
}
/*Negrita*/
@font-face{font-family: 'Times';
           src: url('../fonts/times/timesbd.eot'); 
           src: url('../fonts/times/timesbd.eot?#iefix') format('embedded-opentype'),
               url('../fonts/times/timesbd.woff') format('woff'), 
               url('../fonts/times/timesbd.ttf')  format('truetype'), 
               url('../fonts/times/timesbd.svg#Times') format('svg'); 
           font-weight: bold;font-style: normal;
}
/*Cursiva*/
@font-face{font-family: 'Times';
           src: url('../fonts/times/timesi.eot'); 
           src: url('../fonts/times/timesi.eot?#iefix') format('embedded-opentype'),
               url('../fonts/times/timesi.woff') format('woff'),
               url('../fonts/times/timesi.ttf')  format('truetype'),
               url('../fonts/times/timesi.svg#Times') format('svg');
           font-weight: normal;font-style: italic;
}
/*Negrita y cursiva*/
@font-face{font-family: 'Times';
           src: url('../fonts/times/timesbi.eot'); 
           src: url('../fonts/times/timesbi.eot?#iefix')  format('embedded-opentype'),
               url('../fonts/times/timesbi.woff')  format('woff'),
               url('../fonts/times/timesbi.ttf')   format('truetype'), 
               url('../fonts/times/timesbi.svg#Times')  format('svg');
           font-weight: bold;font-style: italic;
}

/********************************/
/*COMIC SANS (really= ActionMan free typography)*/
/******************************/
/*Normal*/
@font-face{font-family: 'Comic Sans MS';
           src: url('../fonts/comic_sans/comicsans.eot'); 
           src: url('../fonts/comic_sans/comicsans.eot?#iefix') format('embedded-opentype'), 
               url('../fonts/comic_sans/comicsans.woff') format('woff'), 
               url('../fonts/comic_sans/comicsans.ttf')  format('truetype'),
               url('../fonts/comic_sans/comicsans.svg#Comic Sans MS') format('svg');
           font-weight: normal;font-style: normal;
}
/*Negrita*/
@font-face{font-family: 'Comic Sans MS';
           src: url('../fonts/comic_sans/comicsansb.eot'); 
           src: url('../fonts/comic_sans/comicsansb.eot?#iefix') format('embedded-opentype'),
               url('../fonts/comic_sans/comicsansb.woff') format('woff'), 
               url('../fonts/comic_sans/comicsansb.ttf')  format('truetype'), 
               url('../fonts/comic_sans/comicsansb.svg#Comic Sans MS') format('svg'); 
           font-weight: bold;font-style: normal;
}
/*Cursiva*/
@font-face{font-family: 'Comic Sans MS';
           src: url('../fonts/comic_sans/comicsansi.eot'); 
           src: url('../fonts/comic_sans/comicsansi.eot?#iefix') format('embedded-opentype'),
               url('../fonts/comic_sans/comicsansi.woff') format('woff'),
               url('../fonts/comic_sans/comicsansi.ttf')  format('truetype'),
               url('../fonts/comic_sans/comicsansi.svg#Comic Sans MS') format('svg');
           font-weight: normal;font-style: italic;
}
/*Negrita y cursiva*/
@font-face{font-family: 'Comic Sans MS';
           src: url('../fonts/comic_sans/comicsansbi.eot'); 
           src: url('../fonts/comic_sans/comicsansbi.eot?#iefix')  format('embedded-opentype'),
               url('../fonts/comic_sans/comicsansbi.woff')  format('woff'),
               url('../fonts/comic_sans/comicsansbi.ttf')   format('truetype'), 
               url('../fonts/comic_sans/comicsansbi.svg#Comic Sans MS')  format('svg');
           font-weight: bold;font-style: italic;
}
/*******************/
/*HELVETICA*/
/*******************/
@font-face{font-family: 'Helvetica';
           src: url('../fonts/helvetica/helvetica.eot'); 
           src: url('../fonts/helvetica/helvetica.eot?#iefix') format('embedded-opentype'), 
               url('../fonts/helvetica/helvetica.woff') format('woff'), 
               url('../fonts/helvetica/helvetica.ttf')  format('truetype'),
               url('../fonts/helvetica/helvetica.svg#Helvetica') format('svg');
}

/*******************/
/*SFSlapstick*/
/*******************/
/*Normal*/
@font-face{font-family: 'SFSlapstick';
           src: url('../fonts/sfslapstick/sfslapstick.eot'); 
           src: url('../fonts/sfslapstick/sfslapstick.eot?#iefix') format('embedded-opentype'),
               url('../fonts/sfslapstick/sfslapstick.woff') format('woff'), 
               url('../fonts/sfslapstick/sfslapstick.ttf')  format('truetype'), 
               url('../fonts/sfslapstick/sfslapstick.svg#SFSlapstick') format('svg'); 
           font-weight: normal;font-style: normal;
}
/*Bold*/
@font-face{font-family: 'SFSlapstick';
           src: url('../fonts/sfslapstick/sfslapstickb.eot'); 
           src: url('../fonts/sfslapstick/sfslapstickb.eot?#iefix') format('embedded-opentype'),
               url('../fonts/sfslapstick/sfslapstickb.woff') format('woff'), 
               url('../fonts/sfslapstick/sfslapstickb.ttf')  format('truetype'), 
               url('../fonts/sfslapstick/sfslapstickb.svg#SFSlapstick') format('svg'); 
           font-weight: bold;font-style: normal;
}
/*Italic*/
@font-face{font-family: 'SFSlapstick';
           src: url('../fonts/sfslapstick/sfslapsticki.eot'); 
           src: url('../fonts/sfslapstick/sfslapsticki.eot?#iefix') format('embedded-opentype'),
               url('../fonts/sfslapstick/sfslapsticki.woff') format('woff'), 
               url('../fonts/sfslapstick/sfslapsticki.ttf')  format('truetype'), 
               url('../fonts/sfslapstick/sfslapsticki.svg#SFSlapstick') format('svg'); 
           font-weight: normal;font-style: italic;
}
/*Bold and Italic*/
@font-face{font-family: 'SFSlapstick';
           src: url('../fonts/sfslapstick/sfslapstickbi.eot'); 
           src: url('../fonts/sfslapstick/sfslapstickbi.eot?#iefix') format('embedded-opentype'),
               url('../fonts/sfslapstick/sfslapstickbi.woff') format('woff'), 
               url('../fonts/sfslapstick/sfslapstickbi.ttf')  format('truetype'), 
               url('../fonts/sfslapstick/sfslapstickbi.svg#SFSlapstick') format('svg'); 
           font-weight: bold;font-style: italic;
}

/*******************/
/*Demonpriestexpand*/
/*******************/
/*Normal*/
@font-face{font-family: 'Demonpriestexpand';
           src: url('../fonts/demonpriestexpanded/demonpriestexpand.eot'); 
           src: url('../fonts/demonpriestexpanded/demonpriestexpand.eot?#iefix') format('embedded-opentype'), 
               url('../fonts/demonpriestexpanded/demonpriestexpand.woff') format('woff'), 
               url('../fonts/demonpriestexpanded/demonpriestexpand.ttf')  format('truetype'), 
               url('../fonts/demonpriestexpanded/demonpriestexpanded.svg#Demonpriestexpand') format('svg'); 
           font-weight: normal;font-style: normal;
}

/*******************/
/*ArchRival*/
/*******************/
/*Normal*/
@font-face{font-family: 'ArchRival';
           src: url('../fonts/archrival/archrival.eot'); 
           src: url('../fonts/archrival/archrival.eot?#iefix') format('embedded-opentype'), 
               url('../fonts/archrival/archrival.woff') format('woff'), 
               url('../fonts/archrival/archrival.ttf')  format('truetype'),
               url('../fonts/archrival/archrival.svg#ArchRival') format('svg');
           font-weight: normal;font-style: normal;
}
/*Negrita*/
@font-face{font-family: 'ArchRival';
           src: url('../fonts/archrival/archrivalb.eot'); 
           src: url('../fonts/archrival/archrivalb.eot?#iefix') format('embedded-opentype'),
               url('../fonts/archrival/archrivalb.woff') format('woff'), 
               url('../fonts/archrival/archrivalb.ttf')  format('truetype'), 
               url('../fonts/archrival/archrivalb.svg#ArchRival') format('svg'); 
           font-weight: bold;font-style: normal;
}
/*Cursiva*/
@font-face{font-family: 'ArchRival';
           src: url('../fonts/archrival/archrivali.eot'); 
           src: url('../fonts/archrival/archrivali.eot?#iefix') format('embedded-opentype'),
               url('../fonts/archrival/archrivali.woff') format('woff'),
               url('../fonts/archrival/archrivali.ttf')  format('truetype'),
               url('../fonts/archrival/archrivali.svg#ArchRival') format('svg');
           font-weight: normal;font-style: italic;
}
/*Negrita y cursiva*/
@font-face{font-family: 'ArchRival';
           src: url('../fonts/archrival/archrivalbi.eot'); 
           src: url('../fonts/archrival/archrivalbi.eot?#iefix')  format('embedded-opentype'),
               url('../fonts/archrival/archrivalbi.woff')  format('woff'),
               url('../fonts/archrival/archrivalbi.ttf')   format('truetype'), 
               url('../fonts/archrival/archrivalbi.svg#ArchRival')  format('svg');
           font-weight: bold;font-style: italic;
}