@font-face {
    font-family: 'Barlow-medium';
    src: url('fonts/Barlow-Medium.eot');
    src: url('fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Medium.woff2') format('woff2'),
        url('fonts/Barlow-Medium.woff') format('woff'),
        url('fonts/Barlow-Medium.ttf') format('truetype'),
        url('fonts/Barlow-Medium.svg#Barlow-Medium') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Barlow-light';
    src: url('fonts/Barlow-Light.eot');
    src: url('fonts/Barlow-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Light.woff2') format('woff2'),
        url('fonts/Barlow-Light.woff') format('woff'),
        url('fonts/Barlow-Light.ttf') format('truetype'),
        url('fonts/Barlow-Light.svg#Barlow-Light') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Barlow-bold';
    src: url('fonts/Barlow-Bold.eot');
    src: url('fonts/Barlow-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Bold.woff2') format('woff2'),
        url('fonts/Barlow-Bold.woff') format('woff'),
        url('fonts/Barlow-Bold.ttf') format('truetype'),
        url('fonts/Barlow-Bold.svg#Barlow-Bold') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Barlow-regular';
    src: url('fonts/Barlow-Regular.eot');
    src: url('fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Regular.woff2') format('woff2'),
        url('fonts/Barlow-Regular.woff') format('woff'),
        url('fonts/Barlow-Regular.ttf') format('truetype'),
        url('fonts/Barlow-Regular.svg#Barlow-Regular') format('svg');
    font-style: normal;
}


body { font-family: 'Barlow-regular', sans-serif;}

h1, h2, h3, h4, h5, h6 { font-family: 'Barlow-bold', sans-serif; font-weight: 700;}

.service-section { background: #ffffff; padding-top: 3rem; padding-bottom: 3rem;}
.service-container { width: 65%; margin-left: auto; margin-right: auto;}
.service-section .form-row input, .service-section .form-row select { padding: 11px 18px; height: 45px; box-shadow: 0px 3px 6px #ECF0F1; border: 1px solid #ECF0F1;}
.service-section .form-row select { background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+'); background-repeat: no-repeat; background-position: right 10px center; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.service-section .form-row input::placeholder { color: #a9acb9;}
.service-section .form-row input[type="number"] { width: 81%; float: left;}
.service-section .form-row input[type="number"].total { border: 0; border-bottom: 1px solid #ECF0F1; border-radius: 0; box-shadow: none;}
.service-section .form-row #add-row img, .service-section .form-row #delete-row img { width: 24px; margin-top: 7px;}
.service-section .form-row #delete-row img { width: 21px !important;}
.service-section .form-row .form-group { position: relative;}
.service-section .form-row .form-group span.btn-active, .service-section .form-row .form-group span.btn-blocked { position: absolute; right: 12px; bottom: 6px; background: #e9ecef; width: 24px; cursor: pointer; text-align: center; border: 1px solid #ced4da; border-radius: 3px;}
.service-section .form-row .form-group span.btn-blocked  { background: #ffffff;}
.service-section .form-row .form-group label strong { font-family: 'Barlow-regular'; font-size: 14px; color: #0033A0; margin-right: 5px;}
.service-section .form-row .form-group label { font-family: 'Barlow-bold'; color: #ea0137; line-height: 20px;}
.service-section .form-row .form-group label.custom-control-label { font-family: 'Barlow-regular'; font-size: 14px; color: inherit;}
.service-section .service-title h2 { text-align: center; color: #0033a0;}
.service-section .service-data small { font-family: 'Barlow-bold';}
.service-section .service-form button.btn-primary { background: #00A3E0; font-family: 'Barlow-medium'; color: #FFFFFF; border: 2px solid #00A3E0;}
.service-section .service-form button.btn-primary:hover { background: #0033A0; color: #FFFFFF; border: 2px solid #0033A0;}
.service-section .service-form button.btn-outline-primary { font-family: 'Barlow-medium'; color: #00A3E0; border: 2px solid #00A3E0;}
.service-section .service-form button.btn-outline-primary:hover { background: #00A3E0; color: #FFFFFF; border: 2px solid #00A3E0;}
.service-section .card { width: 100%; cursor: pointer;}
.service-section .card:hover, .document-section .card:hover { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.service-section .card .card-body { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;}
.service-section .col-md-4:last-child .card {background: none; border: 3px dashed #dfdfdf;}
.service-section .card .card-body i { font-size: 40px;}
.service-section .card .card-img i { display: block; width: 45px; font-size: 40px; text-align: center; color: #0033A0; margin: 36px auto 0;}
.service-section .card h6.card-subtitle { color: #8189A9;}
.service-section .custom-file-input ~ .custom-file-label::after { content: "Examinar";}
.service-section .custom-file { width: 82%; float: right;}
.service-section .custom-file input[type="file"] { cursor: pointer;}
.service-section .custom-file-label::after, .service-section .form-submit button { background: #0033a0; color: #ffffff;}
.service-section .service-title h4 { color: #0033a0;}
.service-section .form-submit a, .service-section .form-submit button, .modal-submit button { background: #0033a0; font-family: 'Barlow-bold'; border: 2px solid #0033a0; color: #ffffff;}
.service-section .form-submit a.linear { background: #ffffff; font-family: 'Barlow-bold'; color: #0033a0; border: 2px solid #0033a0;}
.service-section .form-submit a:hover, .service-section .form-submit button:hover, .modal-submit button:hover { background: #ffffff; color: #0033a0;}
.service-section .form-submit a.linear:hover { background: #0033a0; font-family: 'Barlow-bold'; color: #ffffff; border: 2px solid #0033a0;}
.service-section .input-ic { margin-right: 10px; font-size: 39px; color: #aaaaaa;}

/** === RESPONSIVE CSS DEFINITION === **/

@media (max-width: 1024px){
}

@media (max-width: 991.98px){
}

@media (max-width: 768px) {
  .service-container { width: 100%; margin-left: auto; margin-right: auto;}
}

@media (max-width: 575.98px) {
}

@media (max-width: 426px){
}

@media (max-width: 376px) {
}