/*
Framework fonts
Author: Lucks
2010
lucks17@gmail.com
------------------
Example how to use :
Family - size - style - weight - color line height (if apply)
(family - size - style - weight - color)
.f-fam1 .fs-28 .fst-n .fw-n .fc-1

*/

/* Font families */
/* Muli */
@import url(http://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:700,400);
@import url(https://fonts.googleapis.com/css?family=Lato:300);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700,500,800,600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

@font-face {
    font-family: 'texgyrescholaregular';
    src: url('fonts/textgryrescola-regular/texgyrescholaregular.eot');
    src: url('fonts/textgryrescola-regular/texgyrescholaregular.eot') format('embedded-opentype'),
    url('fonts/textgryrescola-regular/texgyrescholaregular.woff2') format('woff2'),
    url('fonts/textgryrescola-regular/texgyrescholaregular.woff') format('woff'),
    url('fonts/textgryrescola-regular/texgyrescholaregular.ttf') format('truetype'),
    url('fonts/textgryrescola-regular/texgyrescholaregular.svg#texgyrescholaregular') format('svg');
}

@font-face {
    font-family: 'texgyrescholabold';
    src: url('fonts/texgyreschola-bold/texgyrescholabold.eot');
    src: url('fonts/texgyreschola-bold/texgyrescholabold.eot') format('embedded-opentype'),
    url('fonts/texgyreschola-bold/texgyrescholabold.woff2') format('woff2'),
    url('fonts/texgyreschola-bold/texgyrescholabold.woff') format('woff'),
    url('fonts/texgyreschola-bold/texgyrescholabold.ttf') format('truetype'),
    url('fonts/texgyreschola-bold/texgyrescholabold.svg#texgyrescholabold') format('svg');
}

@font-face {
    font-family: 'texgyrescholaitalic';
    src: url('fonts/textgryrescola-italic/texgyrescholaitalic.eot');
    src: url('fonts/textgryrescola-italic/texgyrescholaitalic.eot') format('embedded-opentype'),
    url('fonts/textgryrescola-italic/texgyrescholaitalic.woff2') format('woff2'),
    url('fonts/textgryrescola-italic/texgyrescholaitalic.woff') format('woff'),
    url('fonts/textgryrescola-italic/texgyrescholaitalic.ttf') format('truetype'),
    url('fonts/textgryrescola-italic/texgyrescholaitalic.svg#texgyrescholaitalic') format('svg');
}

@font-face {
    font-family: 'texgyrescholabolditalic';
    src: url('fonts/texgyreschola-bold-italic/texgyrescholabolditalic.eot');
    src: url('fonts/texgyreschola-bold-italic/texgyrescholabolditalic.eot') format('embedded-opentype'),
    url('fonts/texgyreschola-bold-italic/texgyrescholabolditalic.woff2') format('woff2'),
    url('fonts/texgyreschola-bold-italic/texgyrescholabolditalic.woff') format('woff'),
    url('fonts/texgyreschola-bold-italic/texgyrescholabolditalic.ttf') format('truetype'),
    url('fonts/texgyreschola-bold-italic/texgyrescholabolditalic.svg#texgyrescholabolditalic') format('svg');
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/MYRIADPRO-REGULAR/myriadpro-regular.eot');
    src: url('fonts/MYRIADPRO-REGULAR/myriadpro-regular.eot') format('embedded-opentype'),
    url('fonts/MYRIADPRO-REGULAR/myriadpro-regular.woff') format('woff'),
    url('fonts/MYRIADPRO-REGULAR/myriadpro-regular.ttf') format('truetype'),
    url('fonts/MYRIADPRO-REGULAR/myriadpro-regular.svg#MyriadProRegular') format('svg');
}

/* Alegreya Normal */
.f-fam{
    font-family: 'Muli', sans-serif;
}
.f-fam2{
    font-family: 'texgyrescholaregular',sans-serif;
}
.f-fam3{
    font-family: 'texgyrescholabold',sans-serif;
}
.f-fam4{
    font-family: 'texgyrescholaitalic',sans-serif;
}
.f-fam5{
    font-family: 'texgyrescholabolditalic',sans-serif;
}
.f-fam6{
    font-family:"MyriadProRegular",sans-serif!important;
}
.f-fam7{
    font-family: 'Raleway', sans-serif!important;
}
.f-fam8{
    font-family: 'Lato', sans-serif!important;
    font-weight: 300!important;
}
/*raleway*/
.f-fam9{
    font-family: 'Raleway'!important;
    font-weight: 300!important;
}
.f-fam10{
    font-family: 'Raleway'!important;
    font-weight: 400!important;
}
.f-fam11{
    font-family: 'Raleway'!important;
    font-weight: 500!important;
}
.f-fam12{
    font-family: 'Raleway'!important;
    font-weight: 700!important;
}
.f-fam13{
    font-family: 'Raleway'!important;
    font-weight: 800!important;
}
.f-fam14{
    font-family: 'Raleway'!important;
    font-weight: 600!important;
}
.f-fam15{
    font-family: 'Lato', sans-serif!important;
}
.f-fam16{
    font-family: 'Open Sans', sans-serif;
}
/* Font styles */
.fst-n{font-style:normal;}
.fst-i{font-style:italic;}

/* Font weights */
.fw-l{font-weight: lighter;}
.fw-n{font-weight:normal;}
.fw-sm{font-weight: 600;}
.fw-b{font-weight:bold;}

/* Font sizes in px */
.fs-150{font-size:150px;}
.fs-100{font-size:100px;}
.fs-60{font-size:60px;}
.fs-52{font-size:52px;}
.fs-49{font-size:49px;}
.fs-48{font-size:48px;}
.fs-46{font-size:46px;}
.fs-44{font-size:44px;}
.fs-42{font-size:42px;}
.fs-40{font-size:40px;}
.fs-38{font-size:38px;}
.fs-36{font-size:36px}
.fs-35{font-size:35px;}
.fs-34{font-size:34px;}
.fs-33{font-size:33px;}
.fs-32{font-size:32px ;}
.fs-30{font-size:30px ;}
.fs-28{font-size:28px;}
.fs-27{font-size:27px;}
.fs-26{font-size:26px;}
.fs-25{font-size:25px;}
.fs-24{font-size:24px;}
.fs-23{font-size:23px;}
.fs-22{font-size:22px ;}
.fs-21{font-size:21px;}
.fs-20{font-size:20px;}
.fs-19{font-size:19px;}
.fs-18{font-size:18px}
.fs-17{font-size:17px}
.fs-16{font-size:16px;}
.fs-15{font-size:15px;}
.fs-14{font-size:14px}
.fs-13{font-size:13px;}
.fs-12{font-size:12px;}
.fs-11{font-size:11px;}
.fs-10{font-size:10px;}
.fs-9{font-size:9px;}
/* Font sizes in pts */
.fs-74-pt{font-size:74pt;}
.fs-52-pt{font-size:52pt;}
.fs-42-pt{font-size:42pt;}
.fs-36-pt{font-size:36pt;}
.fs-30-pt{font-size:30pt;}
.fs-28-pt{font-size:28pt;}
.fs-27-pt{font-size:27pt;}
.fs-26-pt{font-size:26pt;}
.fs-24-pt{font-size:24pt;}
.fs-22-pt{font-size:22pt;}
.fs-21-pt{font-size:21pt;}
.fs-20-pt{font-size:20pt;}
.fs-18-pt{font-size:18pt;}
.fs-16-pt{font-size:16pt;}
.fs-15-pt{font-size:15pt;}
.fs-14-pt{font-size:14pt;}
.fs-13-pt{font-size:13pt;}
.fs-12-pt{font-size:12pt;}
.fs-11-pt{font-size:11pt;}
.fs-10-pt{font-size:10pt;}
.fs-9-pt{font-size:9pt;}

/* Font colors you can modify or add new colors*/
/* white */
.fc-0{color:#FFFFFF!important;}
/* black */
.fc-1{color:#000 !important;}
.fc-3{color: #2a2a2a!important;}
.fc-4{color: #5CCABF!important;}
.fc-5{color: #bababa!important;}
.fc-6{color: #343333!important;}
.fc-7{color: #2e2e2e!important;}
.fc-8{color: #fca8a8!important;}
.fc-9{color: #FEDADA!important;}
.fc-10{color: #55CBBF!important;}
.fc-11{color: #EBD98D!important;}
.fc-12{color: #B0B2AF!important}
/*Gris */
.fc-13{color: #777777!important}
.fc-15{color:#58595b;}
.fc-14{color: #130d11!important}
.fc-16{color:#206f96;}
.fc-17{color:#B40413;}
.fc-18{color:#c4c4c4;}
.fc-18{color:#7cb5b0;}
.fc-19{color:#797979}
.fc-20{color:#010101}
.fc-21{color:#242726}
.fc-22{color: #080808;}
.fc-23{color: #727176;}
.fc-24{color: #bf0411;}
.fc-25{color: #f5b8bd;}
.fc-26{color: #8d8d8d;}

/* Line heights in px */
.flh-51{line-height:51px;}
.flh-37{line-height:37px;}
.flh-30{line-height:30px;}
.flh-28{line-height:28px;}
.flh-27{line-height:27px;}
.flh-26{line-height:26px;}
.flh-25{line-height:25px;}
.flh-24{line-height:24px;}
.flh-23{line-height:23px;}
.flh-22{line-height:22px;}
.flh-21{line-height:21px;}
.flh-20{line-height:20px;}
.flh-19{line-height:19px;}
.flh-18{line-height:18px;}
.flh-17{line-height:17px;}
.flh-16{line-height:16px;}
.flh-15{line-height:15px;}
.flh-14{line-height:14px;}
.flh-13{line-height:13px;}
.flh-12{line-height:12px;}
.flh-11{line-height:11px;}
.flh-10{line-height:10px;}
.flh-9{line-height:9px;}

/* Line heights in pts */
.flh-70-pt{line-height:70pt;}
.flh-51-pt{line-height:51pt;}
.flh-30-pt{line-height:30pt;}
.flh-28-pt{line-height:28pt;}
.flh-27-pt{line-height:27pt;}
.flh-26-pt{line-height:26pt;}
.flh-25-pt{line-height:25pt;}
.flh-24-pt{line-height:24pt;}
.flh-23-pt{line-height:23pt;}
.flh-22-pt{line-height:22pt;}
.flh-21-pt{line-height:21pt;}
.flh-20-pt{line-height:20pt;}
.flh-19-pt{line-height:19pt;}
.flh-18-pt{line-height:18pt;}
.flh-17-pt{line-height:17pt;}
.flh-16-pt{line-height:16pt;}
.flh-15-pt{line-height:15pt;}
.flh-14-pt{line-height:14pt;}
.flh-13-pt{line-height:13pt;}
.flh-12-pt{line-height:12pt;}
.flh-11-pt{line-height:11pt;}
.flh-10-pt{line-height:10pt;}
.flh-9-pt{line-height:10pt;}
/* separation */
.fsp-1{
    letter-spacing: 1px;
}
.fsp-10{
    letter-spacing: 10px;
}
.fsp-8{
    letter-spacing: 8px;
}
.bg-1{
    background-color: #bf0411!important;
    border:none;
}
@media (max-width: 767px) {
    .txt-j{
        text-align: justify;
    }
    .txt-c{
        text-align: center;
    }
}
