﻿
/*Estructura*/ 
html { font-size:62.5%; } 
html, body { height:100%; }
body { font-family:'Roboto-Regular',sans-serif; color:#333; font-size:16px; font-size:1.6rem; }   
.wrap { opacity:0; transition:opacity 0.4s; min-height:100%; height:auto !important; height:100%; margin:0 auto -70px auto; padding:0 0 70px 0; }
.wrap-login { height:100% !important; padding:0 0 140px 0; } 
.header { position:relative; }
.header-home { height:375px; }
.header-page { height:110px; }
.header > .container{ position:relative; padding:0; }
    .header .logo { position:absolute; z-index:200; top:14px; left:20px; }
        .header .logo img { width:120px; }
    .cycle-1 { position:absolute; z-index:100; top:0; left:0; width:100%; } 
        .cycle-1 .c { height:375px; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; }  
        .cycle-1 .c-1a { background-image:url(../img/slide-4b0.jpg); } 
        .cycle-1 .c-1b { background-image:url(../img/slide-1b.jpg); } 
        .cycle-1 .c-1c { background-image:url(../img/slide-1c.jpg); }  
        .cycle-1 .c-2c { background-image:url(../img/slide-2c.jpg); } 
        .cycle-1 .c-2d { background-image:url(../img/slide-2d.jpg); } 
        .cycle-1 .c-2 { background-image:url(../img/slide-2b.jpg); } 
        .cycle-1 .c-3 { background-image:url(../img/slide-4b.jpg); }  
        .cycle-1 .c-4 { background-image:url(../img/slide-5.jpg); }  
            .cycle-1 .c .msg { position:absolute; bottom:0; left:0; width:100%; padding:10px; background:url(../img/bg-black-60.png); color:#fff; text-align:center } 
            .cycle-1 .c .msg h2 { font-family:'Conv_HARLOWSI',sans-serif; font-size:30px; font-size:3rem } 
            .cycle-1 .c .msg p { display:none; } 
    .cycle-1 .c-nav { position:absolute; z-index:200; top:40%; font-size:60px; font-size:6rem; color:#fff } 
    .cycle-1 .c-nav#prev { left:20px } 
    .cycle-1 .c-nav#next { right:20px } 
    .cycle-2 { margin:40px 0 20px 0; }
    .cycle-2 .c { width:100%; overflow:hidden; padding:0 40px }
    .cycle-2 .c .row div { padding-bottom:20px }
    .cycle-2 .c .row div span { display:block; margin-top:4px; font-size:1.3rem; }
    .c-nav-2 { position:absolute; z-index:200; top:40%; font-size:60px; font-size:6rem; color:#cfcdc9 } 
    .c-nav-2#prev-2 { left:20px } 
    .c-nav-2#next-2 { right:20px } 
    .header .cycle-shadow { position:absolute; z-index:150; top:0; left:0; width:100%; height:120px; background:url(../img/cycle-shadow.png) repeat-x bottom left; } 
    .header .page-show { position:absolute; z-index:100; top:0; left:0; width:100%; height:110px; background-color:#000; background-position:center center; background-size:cover; } 
    #mobile-menu { display:block; right:30px; font-size:30px; font-size:3rem; }  
    #navigation { display:none; right:0; }
        #navigation a { position:relative; }
    #mobile-menu, #navigation { position:absolute; z-index:200; top:30px; }
        #navigation li { list-style:none; display:inline-block; padding-left:20px }
            #mobile-menu a, #navigation li a { color:#fff }
            #mobile-menu label, #navigation li label { color:#fff }
    .sidr { font-family:inherit; font-size:15px; font-size:1.5rem; background:#000; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
    .sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
    .sidr ul { border:0 }
    .sidr ul li { border-top:0; border-bottom:1px solid #4d4d4d; }
    .sidr ul li a, .sidr ul li span { padding:10px 15px; }
    .sidr ul li a.current { background:#592b1b; }
    .sidr ul li .nav-ico { display:inline-block; padding:10px 5px 10px 0; font-size:20px; font-size:2rem; } 
    .contacto-label { display:none; } 
    .msg-home { font-size:18px; font-size:1.8rem; } 
    .msg-home img { width:120px; } 
    .footer-links { position:relative; bottom:0; width:100%; background:#eae8e3; padding-top:40px }
    .footer-links .menu { display:none }
        .footer-links .menu ul { list-style:none; margin:0; padding:0 }
            .footer-links .menu li { margin-bottom:20px; }
    .footer-links-fixed { position:absolute; bottom:70px; }

.footer { opacity:0; transition:opacity 0.4s; height:70px; background:#121212; }
.footer p { margin:0; line-height:68px; line-height:6.8rem; }  
.footer p, .footer a { color:#ccc; }  
.footer .redes { vertical-align:middle; display:inline-block; padding:0 15px 5px 0; }  
.footer .redes a { display:inline-block; padding:0 20px 0 0; border-right:1px solid #666 }  
 
.section-nav { text-align:center; display:table; width:100%; background:#fff; margin-bottom:15px }
.section-nav a { display:table-cell; padding:1.2rem 1rem .8rem 1rem; color:#999; text-decoration:none; border-bottom:1px solid #ccc; font-size:14px; font-size:1.4rem; line-height:1.6rem }
    .section-nav a i { display:block; margin-bottom:4px }  
.section-nav a:hover { background:#fff; color:#000; }
.section-nav a.current { color:#000; border-bottom:6px solid #000; font-family:'Roboto-Medium',sans-serif;font-weight:normal } 

.cookies-info { background:#592b1b; padding:15px; color:#fff; text-align:center }
    .cookies-info a { color:#fff; text-decoration:none }
    .cookies-info a span { border-bottom:1px solid #bbb }
    .cookies-info a:hover,.cookies-info a:active,.cookies-info a:focus { color:#fff; text-decoration:none }
    .cookies-info img { vertical-align:middle; margin:-1px 4px 0 0 }
	
/*Elementos comunes*/
.subline { border-bottom:1px solid #8bbcee; padding-bottom:5px; } 
.clear:after { content:""; display:table; clear:both; }
.hidden { display:none; }
.hidden-xxs { display:none }
.vmiddle { vertical-align:middle; } 
.d-table { display:table; }
.d-row { display:table-row; }
.d-cell { display:table-cell; }
.d-block { display:block; }
.d-inline-block { display:inline-block; }
.d-none { display:none; }
.relative { position:relative; }
.f-8 { font-size:8px; font-size:.8rem; }
.f-10 { font-size:10px; font-size:1rem; }
.f-11 { font-size:11px; font-size:1.1rem; }
.f-12 { font-size:12px; font-size:1.2rem; }
.f-13 { font-size:13px; font-size:1.3rem; }
.f-14 { font-size:14px; font-size:1.4rem; }
.f-15 { font-size:15px; font-size:1.5rem; }
.f-16 { font-size:16px; font-size:1.6rem; }
.f-18 { font-size:18px; font-size:1.8rem; }
.f-19 { font-size:19px; font-size:1.9rem; }
.f-20 { font-size:20px; font-size:2rem; }
.f-22 { font-size:22px; font-size:2.2rem; }
.f-24 { font-size:24px; font-size:2.4rem; }
.f-26 { font-size:26px; font-size:2.6rem; }
.f-28 { font-size:28px; font-size:2.8rem; }
.f-32 { font-size:32px; font-size:3.2rem; }
.f-36 { font-size:36px; font-size:3.6rem; }
.f-38 { font-size:38px; font-size:3.8rem; }
.f-42 { font-size:42px; font-size:4.2rem; }
.f-55 { font-size:55px; font-size:5.5rem; }
.f-light { font-family:'Roboto-Light',sans-serif;font-weight:normal }
.f-normal { font-family:'Roboto-Regular',sans-serif;font-weight:normal }
.f-bold,strong,b,label,th { font-family:'Roboto-Medium',sans-serif;font-weight:normal }
.lh-14 { line-height:1.4rem; }
.lh-22 { line-height:2.2rem; }
.lh-24 { line-height:2.4rem; }
.lh-26 { line-height:2.6rem; }
.lh-30 { line-height:3.0rem; }
.nowrap { white-space:nowrap }
.w-auto { width:auto; display:inline-block; }
.w-100 { width:100%; }
.w-98 { width:98%; }
.w-95 { width:95%; }
.w-80 { width:80%; }
.w-75 { width:75%; }
.w-70 { width:70%; }
.w-50 { width:50%; }
.w-45 { width:45%; }
.w-30 { width:30%; }
.w-20 { width:20%; }
.h-100 { height:100%; }
.h-80 { height:80%; }
.h-75 { height:75%; }
.h-70 { height:70%; }
.h-50 { height:50%; }
.h-20 { height:20%; }
.max-300 { max-width:300px }
.max-640 { max-width:640px }
.max-700 { max-width:700px }
.max-740 { max-width:740px }
.max-760 { max-width:760px }
.max-800 { max-width:800px }
.max-820 { max-width:820px }
.max-840 { max-width:840px } 
.min-180 { min-width:180px }
.max-h-40 { max-height:40px }
.max-h-50 { max-height:50px }
.max-h-60 { max-height:60px }
.m-0 { margin:0 !important }
.m-t-0 { margin-top:0 !important }
.m-20-0 { margin:20px 0 }
.m-40-0 { margin:40px 0 }
.m-0-auto { margin:0 auto }
.m-b-5 { margin-bottom:5px }
.m-b-10 { margin-bottom:10px }
.m-b-15 { margin-bottom:15px }
.m-b-20 { margin-bottom:20px }
.m-b-25 { margin-bottom:25px }
.m-b-40 { margin-bottom:40px }
.p-10 { padding:10px }
.p-5-10 { padding:5px 10px }
.p-10-5 { padding:10px 5px }
.p-20-10 { padding:20px 10px }
.p-25-0 { padding:25px 0 }
.p-40-0 { padding:40px 0 }
.p-100-0 { padding:100px 0 }
.p-t-20 { padding-top:20px }
.p-t-5 { padding-top:5px }
.p-t-30 { padding-top:30px }
.p-t-40 { padding-top:40px }
.p-b-10 { padding-bottom:10px }
.p-b-20 { padding-bottom:20px }
.p-b-40 { padding-bottom:40px }
.p-l-15 { padding-left:15px !important }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.bg-black { background:#000 }
.bg-cream { background:#eae8e3 }
.bg-light-cream { background:#f6f4f1 }
.bor-cream-b { border-bottom:1px solid #eae8e3 }
.bor-cream-b-2 { border-bottom:2px solid #eae8e3 }
.white { color:#fff }
.primary { color:#337ab7 }
.green { color:#73cc00 }
.grey { color:#999 }
.red { color:#d43b34 }
.yellow { color:#ffa800 }
.btn-black { display:inline-block; color:#fff; background:#000; text-align:center; border:1px solid #fff; padding:8px 10px; text-decoration:none } 
.btn-black:hover, .btn-black:active, .btn-black:focus { color:#fff; text-decoration:none; background:#592b1b; } 
a { color:#592b1b }
a:hover,a:focus,a:active { color:#592b1b }
.a-white, .a-white:hover, .a-white:active, .a-white:focus { color:#fff; text-decoration:none } 
.a-dark, .a-dark:hover, .a-dark:active, .a-dark:focus { color:#333; } 
.a-none,a-none:hover { text-decoration:none !important }
.hr1 { width:100%; height:1px; background:#c2c0bc; border:none; clear:both; }  
.hr2 { width:100%; height:1px; background:#e5e5e5; border:none; clear:both; }   

/*Bootstrap custom ----------------------------------------------------------------------------- */
.panel-default { border-color:#99bbe8; }
.panel-default>.panel-heading, .panel-default>.panel-footer { background-color:#dfecfa; color:#337ab7; border:0 }
.col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9{min-height:1px;padding-left:15px;padding-right:15px;position:relative}
.nav-pills-default>li>a {
    border-radius:0;
    background-color:#eae8e3
}
.nav-pills-default>li>a:hover {
    color:#fff;
    background-color:#592b1b;
}
.nav-pills-default>li.active>a, .nav-pills-default>li.active>a:focus, .nav-pills-default>li.active>a:hover {
    color:#fff;
    background-color:#000;
}
.thumbnail { margin-top:20px; margin-bottom:5px; }
.thumbnail-load { min-height:150px; }
.fade { opacity:0; -webkit-transition:opacity .4s linear; -moz-transition:opacity .4s linear; -ms-transition:opacity .4s linear;
	    -o-transition:opacity .4s linear; transition:opacity .4s linear; }

/*Forms*/
.form-title { text-align:center; }
.form-title-right { float:right; }
.form-title .form-group { display:block; width:100%; margin-bottom:10px; vertical-align:middle; }
.form-title .date-picker { width:100%; } 
.form-title .btn-filter,.form-title .btn-firmar { width:100%; } 
.input-group-addon { color:#337ab7; background-color:#dfecfa; border:1px solid #99bbe8; }
.input-group-addon.resalt { background-color:#fff1d3; }
.form-control { border:1px solid #99bbe8; -webkit-box-shadow:none; box-shadow:none; } 
.form-control.resalt { background-color:#fff1d3; }
.form-control.primary[disabled], .form-control.primary[readonly], fieldset[disabled] .form-control.primary { background-color: #dfecfa; color:#333 }
.btn-circle { width:26px; height:26px; padding:2px 2px; border-radius:15px; }

.form-fieldset { position:relative; margin:40px 0 20px 0; padding:35px 0 15px; border:1px solid #8bbcee; background:#f2f8fd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
    .form-fieldset .title { position:absolute; margin:0; left:15px; top:-14px; padding:3px 7px; background:#fff1d3; border:1px solid #8bbcee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
    .form-fieldset .form-group { margin-bottom:20px; }
.section-fieldset { position:relative; margin:30px 0; border-top:1px solid #8bbcee; }
    .section-fieldset .title { position:absolute; margin:0; left:0; top:-16px; padding:4px 7px; background:#fff1d3; border:1px solid #8bbcee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }

/*DataTables*/ 
.table-default { border-radius:4px; border-color:#99bbe8; overflow:hidden; font-size:14px }
.table-default>thead>tr>th { color:#005da0; background:#dfecfa; border-bottom:none; }
.table-default>tbody>tr { cursor:default; background:#fff }
.table-default>tbody>tr:hover { background:#fff1d3; }
.table-default>tbody>tr>td, .table-default>tbody>tr>th, .table-default>tfoot>tr>td, .table-default>tfoot>tr>th, .table-default>thead>tr>td, .table-default>thead>tr>th { border:1px solid #bfd5f0; }
.table-default>tbody>tr>th, .table-default>thead>tr>th { border-color:#bfd5f0; }
.table-default>tbody>tr>td, .table-default>tfoot>tr>td, .table-default>thead>tr>td { vertical-align:middle; border-top:1px solid #bfd5f0; } 
.table-default>tbody>tr>td.child ul { font-size:13px; margin-left:-20px; width:100%; } 

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before { background-color:#337ab7; }
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { height:18px; width:18px; border-radius:16px; line-height:16px; box-shadow:none; }

.table-ellipsis { width:100% }
.table-ellipsis td.no-ellipsis { white-space:nowrap; }
.table-ellipsis td:not(.no-ellipsis) { max-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
/*--------------------------------------------------------------------------------------------- */
 
.news-detail .col-md-3 { margin-top:20px } 

/*Media queries ----------------------------------------------------------------------------- */
@media (max-width:429px)
{ 
    .form-title-right { float:none; } 
} 
@media (min-width:430px)
{
    .navbar { border-radius:0; }   
    .hidden-xxs { display:inline-block }
}  
@media (min-width:768px)
{ 
    .header-home { height:430px; }
    .header-page, .header .page-show { height:125px; }
    .header .logo { left:0; margin-left:0 }
    .header .logo img { width:140px; }
    .header .cycle-shadow { height:180px; } 
    .cycle-1 .c { height:430px; }   
        .cycle-1 .c .msg h2 { font-size:35px; font-size:3.5rem; } 
        .cycle-1 .c .msg p { display:block; font-family:'Roboto-Light',sans-serif;font-weight:normal; font-size:20px; font-size:2.0rem; } 
    .cycle-2 .c .row div { padding-bottom:10px }
    .c-nav-2 { top:32%; } 
    #mobile-menu { display:none; }
    #navigation { display:block; }
    #navigation .current:after { top:125%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; 
                                 border-color:rgba(255, 255, 255, 0); border-top-color:#fff; border-width:8px; margin-left:-8px; }
    .section-nav { padding-top:8px; }
    .section-nav a { font-size:18px; font-size:1.8rem; }  
    .section-nav a i { display:inline-block; }  
    .header-page #navigation { top:57px; }
    .contacto-label { display:block; position:absolute; right:0; text-align:center; border-bottom:1px solid #ccc; font-size:12px; font-size:1.2rem; top:-24px; width:67px; padding-bottom:2px; } 
    .msg-home img { width:140px; }
    .footer-links .menu { display:block }
} 
@media (max-width: 767px)
{
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_info {
        text-align:left;
    }
    div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_paginate {
        text-align:right;
    } 
    .col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9{float:left}.col-xxs-1{width:8.333333333333332%}.col-xxs-2{width:16.666666666666664%}.col-xxs-3{width:25%}.col-xxs-4{width:33.33333333333333%}.col-xxs-5{width:41.66666666666667%}.col-xxs-6{width:50%}.col-xxs-7{width:58.333333333333336%}.col-xxs-8{width:66.66666666666666%}.col-xxs-9{width:75%}.col-xxs-10{width:83.33333333333334%}.col-xxs-11{width:91.66666666666666%}.col-xxs-12{width:100%}.col-xxs-push-1{left:8.333333333333332%}.col-xxs-push-2{left:16.666666666666664%}.col-xxs-push-3{left:25%}.col-xss-push-4{left:33.33333333333333%}.col-xxs-push-5{left:41.66666666666667%}.col-xxs-push-6{left:50%}.col-xxs-push-7{left:58.333333333333336%}.col-xxs-push-8{left:66.66666666666666%}.col-xxs-push-9{left:75%}.col-xxs-push-10{left:83.33333333333334%}.col-xxs-push-11{left:91.66666666666666%}.col-xxs-pull-1{right:8.333333333333332%}.col-xxs-pull-2{right:16.666666666666664%}.col-xxs-pull-3{right:25%}.col-xxs-pull-4{right:33.33333333333333%}.col-xxs-pull-5{right:41.66666666666667%}.col-xxs-pull-6{right:50%}.col-xxs-pull-7{right:58.333333333333336%}.col-xxs-pull-8{right:66.66666666666666%}.col-xxs-pull-9{right:75%}.col-xxs-pull-10{right:83.33333333333334%}.col-xxs-pull-11{right:91.66666666666666%}.col-xxs-offset-1{margin-left:8.333333333333332%}.col-xxs-offset-2{margin-left:16.666666666666664%}.col-xxs-offset-3{margin-left:25%}.col-xxs-offset-4{margin-left:33.33333333333333%}.col-xxs-offset-5{margin-left:41.66666666666667%}.col-xxs-offset-6{margin-left:50%}.col-xxs-offset-7{margin-left:58.333333333333336%}.col-xxs-offset-8{margin-left:66.66666666666666%}.col-xxs-offset-9{margin-left:75%}.col-xxs-offset-10{margin-left:83.33333333333334%}.col-xxs-offset-11{margin-left:91.66666666666666%} 
}    
@media (min-width:992px)
{ 
    .header-home { height:630px; }
    .header-home .logo img { width:240px; }
    .header .cycle-shadow { height:245px; } 
    .cycle-1 .c-nav { top:47%; } 
    .cycle-1 .c { height:630px; } 
    .cycle-1 .c .msg { top:40%; right:0; left:auto; bottom:auto; width:55%; padding:10px 70px 20px 20px; text-align:left } 
    .cycle-1 .c .msg.bott { top:auto; right:auto; left:0; bottom:0; width:100%; padding:20px 20px 20px 20px; text-align:center } 
    .cycle-1 .c .msg h2 { font-size:50px; font-size:5rem; } 
    .cycle-1 .c .msg p { font-size:30px; font-size:3rem; }
    .cycle-1 .c .msg p span { display:block; }
    #navigation { font-size:20px; font-size:2.0rem; } 
    .section-nav { padding-top:15px; }
    .section-nav a { font-size:18px; font-size:1.8rem; font-family:'Roboto-Regular',sans-serif;font-weight:normal }  
    .contacto-label { font-size:12px; font-size:1.2rem; top:-24px; width:77px; padding-bottom:2px; } 
    .msg-home { font-size:20px; font-size:2rem; } 
    .msg-home img { width:170px; }
    .news-detail { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }
        .news-detail .col-md-8 { width:75.666667% }
        .news-detail .col-md-1 { width:3.333333%; margin-top:30px; margin-right:15px; border-right:1px solid #eae8e3 }
}
@media (min-width:1200px)
{ 
    .header-home { height:700px; }
    .cycle-1 .c { height:700px; } 
    #navigation { top:40px; font-size:20px; font-size:2rem; }
    .header-page #navigation { top:53px; }
    .contacto-label { width:84px; } 
} 

/*Loader*/
.loader{position:absolute;width:80px;height:80px;top:50%;left:50%;margin:-60px 0 0 -40px;transition:opacity 0.4s;} 
.spinner{font-size:10px;position:relative;text-indent:-9999em;border-top:.5em solid rgba(0,0,0,1);border-right:.5em solid rgba(0,0,0,1);border-bottom:.5em solid rgba(0,0,0,1);border-left:.5em solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 .8s infinite linear;animation:load8 .8s infinite linear}
.spinner,.spinner:after{border-radius:50%;width:6em;height:6em}
@-webkit-keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
 
/*Fuentes*/
@font-face {
    font-family: 'Roboto-Light';
    src: url('../lib/font-roboto/Roboto-Light-webfont.eot');
    src: url('../lib/font-roboto/Roboto-Light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../lib/font-roboto/Roboto-Light-webfont.woff') format('woff'),
         url('../lib/font-roboto/Roboto-Light-webfont.ttf') format('truetype'),
         url('../lib/font-roboto/Roboto-Light-webfont.svg#roboto_light') format('svg');
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../lib/font-roboto/Roboto-Regular-webfont.eot');
    src: url('../lib/font-roboto/Roboto-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../lib/font-roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('../lib/font-roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../lib/font-roboto/Roboto-Regular-webfont.svg#roboto_regular') format('svg');
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../lib/font-roboto/Roboto-Medium-webfont.eot');
    src: url('../lib/font-roboto/Roboto-Medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../lib/font-roboto/Roboto-Medium-webfont.woff') format('woff'),
         url('../lib/font-roboto/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../lib/font-roboto/Roboto-Medium-webfont.svg#roboto_medium') format('svg');
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../lib/font-roboto/Roboto-Bold-webfont.eot');
    src: url('../lib/font-roboto/Roboto-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../lib/font-roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('../lib/font-roboto/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../lib/font-roboto/Roboto-Bold-webfont.svg#roboto_bold') format('svg');
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'Conv_HARLOWSI';
    src: url('../lib/font-harlowsi/HARLOWSI.eot');
    src: url('../lib/font-harlowsi/HARLOWSId41d.eot?#iefix') format('embedded-opentype'),
         url('../lib/font-harlowsi/HARLOWSI.woff') format('woff'),
         url('../lib/font-harlowsi/HARLOWSI.ttf') format('truetype'),
         url('../lib/font-harlowsi/HARLOWSI.svg#roboto_bold') format('svg');
    font-weight: normal;
    font-style: normal; 
}